2.6.56: createUuid -> uuid

Telecominfraproject · Mar 16, 2022 · de26400 · de26400
1 parent 007519a
commit de26400
Show file tree

Hide file tree

Showing 94 changed files with 277 additions and 407 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.6.55",
+  "version": "2.6.56",
   "description": "",
   "main": "index.js",
   "scripts": {

diff --git a/src/components/Buttons/FileInputButton/index.js b/src/components/Buttons/FileInputButton/index.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { FormControl, Input, InputGroup } from '@chakra-ui/react';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 
 const propTypes = {
   value: PropTypes.string.isRequired,
@@ -27,7 +27,7 @@ const FileInputButton = ({
   isHidden,
   isStringFile,
 }) => {
-  const [fileKey, setFileKey] = useState(createUuid());
+  const [fileKey, setFileKey] = useState(uuid());
   let fileReader;
 
   const handleStringFileRead = () => {
@@ -52,7 +52,7 @@ const FileInputButton = ({
   };
 
   useEffect(() => {
-    if (value === '') setFileKey(createUuid());
+    if (value === '') setFileKey(uuid());
   }, [refreshId, value]);
 
   return (

diff --git a/src/components/ColumnPicker/index.js b/src/components/ColumnPicker/index.js
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import { useTranslation } from 'react-i18next';
 import {
   Button,
@@ -53,7 +53,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
         <MenuList>
           {columns.map((column) => (
             <MenuItem
-              key={createUuid()}
+              key={uuid()}
               isDisabled={column.alwaysShow}
               onClick={() => handleColumnClick(column.id)}
             >
@@ -78,7 +78,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
       <MenuList>
         {columns.map((column) => (
           <MenuItem
-            key={createUuid()}
+            key={uuid()}
             isDisabled={column.alwaysShow}
             onClick={() => handleColumnClick(column.id)}
           >

diff --git a/src/components/CustomFields/ConfigurationResourcePicker/ResourcePicker.js b/src/components/CustomFields/ConfigurationResourcePicker/ResourcePicker.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import isEqual from 'react-fast-compare';
 import { Select } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
@@ -24,7 +24,7 @@ const ResourcePicker = ({ value, resources, isDisabled, onChange }) => {
     <Select value={value} isDisabled={isDisabled} maxW={72} onChange={onChange}>
       <option value="">{t('common.manual')}</option>
       {resources.map((res) => (
-        <option key={createUuid()} value={res.value}>
+        <option key={uuid()} value={res.value}>
           {res.label}
         </option>
       ))}

diff --git a/src/components/DataTable/index.js b/src/components/DataTable/index.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import {
   Table,
   Tbody,
@@ -165,10 +165,10 @@ const DataTable = ({
           <Table {...getTableProps()} size="small" textColor={textColor} w="100%">
             <Thead fontSize="14px">
               {headerGroups.map((group) => (
-                <Tr {...group.getHeaderGroupProps()} key={createUuid()}>
+                <Tr {...group.getHeaderGroupProps()} key={uuid()}>
                   {group.headers.map((column) => (
                     <Th
-                      key={createUuid()}
+                      key={uuid()}
                       color="gray.400"
                       {...column.getHeaderProps()}
                       minWidth={column.customMinWidth ?? null}
@@ -196,10 +196,10 @@ const DataTable = ({
                 {page.map((row) => {
                   prepareRow(row);
                   return (
-                    <Tr {...row.getRowProps()} key={createUuid()}>
+                    <Tr {...row.getRowProps()} key={uuid()}>
                       {row.cells.map((cell) => (
                         <Td
-                          key={createUuid()}
+                          key={uuid()}
                           px={1}
                           minWidth={cell.column.customMinWidth ?? null}
                           maxWidth={cell.column.customMaxWidth ?? null}
@@ -289,7 +289,7 @@ const DataTable = ({
               }}
             >
               {[10, 20, 30, 40, 50].map((opt) => (
-                <option key={createUuid()} value={opt}>
+                <option key={uuid()} value={opt}>
                   {t('common.show')} {opt}
                 </option>
               ))}

diff --git a/src/components/FileInput/index.js b/src/components/FileInput/index.js
@@ -11,7 +11,7 @@ import {
   InputRightElement,
 } from '@chakra-ui/react';
 import Papa from 'papaparse';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import { CloseIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import { testMac } from 'constants/formTests';
@@ -41,7 +41,7 @@ const defaultProps = {
 const FileInput = ({ setValue, refreshId, errors }) => {
   const { t } = useTranslation();
   const [result, setResult] = useState(null);
-  const [fileKey, setFileKey] = useState(createUuid());
+  const [fileKey, setFileKey] = useState(uuid());
 
   const parseFile = async (file) => {
     setResult(null);
@@ -124,7 +124,7 @@ const FileInput = ({ setValue, refreshId, errors }) => {
   const resetFile = () => {
     setResult(null);
     setValue('commonNames', []);
-    setFileKey(createUuid());
+    setFileKey(uuid());
   };
 
   const changeFile = (e) => {
@@ -141,7 +141,7 @@ const FileInput = ({ setValue, refreshId, errors }) => {
   };
 
   useEffect(() => {
-    setFileKey(createUuid());
+    setFileKey(uuid());
   }, [refreshId]);
 
   return (

diff --git a/src/components/FormFields/FileInputFieldModal/FileInputModal.js b/src/components/FormFields/FileInputFieldModal/FileInputModal.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import {
   Box,
   CloseButton,
@@ -87,7 +87,7 @@ const FileInputModal = ({
 
   useEffect(() => {
     if (!isOpen) {
-      setRefreshId(createUuid());
+      setRefreshId(uuid());
       setTempValue('');
       setTempFilename('');
     }

diff --git a/src/components/FormFields/ListInputModalField/index.js b/src/components/FormFields/ListInputModalField/index.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import {
   Button,
   useDisclosure,
@@ -147,7 +147,7 @@ const ListInputModalField = ({
             ) : (
               <UnorderedList>
                 {localValue.map((val) => (
-                  <ListItem key={createUuid()}>
+                  <ListItem key={uuid()}>
                     {val}
                     <Tooltip label={t('crud.delete')}>
                       <IconButton

diff --git a/src/components/FormFields/SelectField/FastSelectInput.js b/src/components/FormFields/SelectField/FastSelectInput.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormControl, FormErrorMessage, FormLabel, Select } from '@chakra-ui/react';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import isEqual from 'react-fast-compare';
 import ConfigurationFieldExplanation from '../ConfigurationFieldExplanation';
 
@@ -69,7 +69,7 @@ const FastSelectInput = ({
       w={w}
     >
       {options.map((option) => (
-        <option value={option.value} key={createUuid()}>
+        <option value={option.value} key={uuid()}>
           {option.label}
         </option>
       ))}

diff --git a/src/components/Modals/ConfigurationInUseModal/index.js b/src/components/Modals/ConfigurationInUseModal/index.js
@@ -12,7 +12,7 @@ import {
   ListItem,
   Heading,
 } from '@chakra-ui/react';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import { useTranslation } from 'react-i18next';
 import CloseButton from 'components/Buttons/CloseButton';
 import ModalHeader from 'components/ModalHeader';
@@ -61,7 +61,7 @@ const ConfigurationInUseModal = ({ isOpen, onClose, config }) => {
               </Heading>
               <UnorderedList>
                 {inUse?.ent?.map((ent) => (
-                  <ListItem ml={4} key={createUuid()}>
+                  <ListItem ml={4} key={uuid()}>
                     <EntityCell entityName={ent.name} entityId={ent.uuid} />
                   </ListItem>
                 ))}
@@ -71,7 +71,7 @@ const ConfigurationInUseModal = ({ isOpen, onClose, config }) => {
               </Heading>
               <UnorderedList>
                 {inUse?.ven?.map((ven) => (
-                  <ListItem ml={4} key={createUuid()}>
+                  <ListItem ml={4} key={uuid()}>
                     <VenueCell venueName={ven.name} venueId={ven.uuid} />
                   </ListItem>
                 ))}
@@ -81,7 +81,7 @@ const ConfigurationInUseModal = ({ isOpen, onClose, config }) => {
               </Heading>
               <UnorderedList>
                 {inUse?.inv?.map((dev) => (
-                  <ListItem ml={4} key={createUuid()}>
+                  <ListItem ml={4} key={uuid()}>
                     {dev.name}
                   </ListItem>
                 ))}

diff --git a/src/components/NotesTable/index.js b/src/components/NotesTable/index.js
@@ -5,7 +5,7 @@ import { IconButton, Input, InputGroup, InputRightElement, Tooltip } from '@chak
 import { AddIcon } from '@chakra-ui/icons';
 import { useAuth } from 'contexts/AuthProvider';
 import DataTable from 'components/DataTable';
-import { v4 as createUuid } from 'uuid';
+import { v4 as uuid } from 'uuid';
 import FormattedDate from 'components/FormattedDate';
 
 const propTypes = {
@@ -39,7 +39,7 @@ const NotesTable = ({ notes, setNotes, isDisabled }) => {
   };
 
   const memoizedDate = useCallback(
-    (cell) => <FormattedDate date={cell.row.values.created} key={createUuid()} />,
+    (cell) => <FormattedDate date={cell.row.values.created} key={uuid()} />,
     [],
   );