2.6.57: prettierrrc now has printWidth of 120 instead of 100

Telecominfraproject · Mar 16, 2022 · 65ea1c0 · 65ea1c0
1 parent de26400
commit 65ea1c0
Show file tree

Hide file tree

Showing 207 changed files with 746 additions and 3,033 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,5 +1,5 @@
 {
-  "printWidth": 100,
+  "printWidth": 120,
   "trailingComma": "all",
   "tabWidth": 2,
   "semi": true,

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.56",
+  "version": "2.6.57",
   "description": "",
   "main": "index.js",
   "scripts": {

diff --git a/src/App.js b/src/App.js
@@ -16,8 +16,7 @@ const queryClient = new QueryClient({
 });
 
 const App = () => {
-  const storageToken =
-    localStorage.getItem('access_token') ?? sessionStorage.getItem('access_token');
+  const storageToken = localStorage.getItem('access_token') ?? sessionStorage.getItem('access_token');
 
   return (
     <QueryClientProvider client={queryClient}>

diff --git a/src/components/Buttons/FileInputButton/index.js b/src/components/Buttons/FileInputButton/index.js
@@ -18,15 +18,7 @@ const defaultProps = {
   isStringFile: false,
 };
 
-const FileInputButton = ({
-  value,
-  setValue,
-  setFileName,
-  refreshId,
-  accept,
-  isHidden,
-  isStringFile,
-}) => {
+const FileInputButton = ({ value, setValue, setFileName, refreshId, accept, isHidden, isStringFile }) => {
   const [fileKey, setFileKey] = useState(uuid());
   let fileReader;
 

diff --git a/src/components/Buttons/SaveButton/index.js b/src/components/Buttons/SaveButton/index.js
@@ -22,15 +22,7 @@ const defaultProps = {
   dirtyCheck: false,
 };
 
-const SaveButton = ({
-  onClick,
-  isDisabled,
-  isLoading,
-  isCompact,
-  isDirty,
-  dirtyCheck,
-  ...props
-}) => {
+const SaveButton = ({ onClick, isDisabled, isLoading, isCompact, isDirty, dirtyCheck, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
 

diff --git a/src/components/Buttons/ToggleEditButton/index.js b/src/components/Buttons/ToggleEditButton/index.js
@@ -21,15 +21,7 @@ const defaultProps = {
   isDirty: false,
 };
 
-const ToggleEditButton = ({
-  toggleEdit,
-  isEditing,
-  isDirty,
-  isDisabled,
-  isLoading,
-  isCompact,
-  ...props
-}) => {
+const ToggleEditButton = ({ toggleEdit, isEditing, isDirty, isDisabled, isLoading, isCompact, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
   const { isOpen: showConfirm, onOpen: openConfirm, onClose: closeConfirm } = useDisclosure();
@@ -61,11 +53,7 @@ const ToggleEditButton = ({
         >
           {isEditing ? t('common.stop_editing') : t('common.edit')}
         </Button>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </>
     );
   }

diff --git a/src/components/ColumnPicker/index.js b/src/components/ColumnPicker/index.js
@@ -2,16 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { useTranslation } from 'react-i18next';
-import {
-  Button,
-  Checkbox,
-  IconButton,
-  Menu,
-  MenuButton,
-  MenuItem,
-  MenuList,
-  useBreakpoint,
-} from '@chakra-ui/react';
+import { Button, Checkbox, IconButton, Menu, MenuButton, MenuItem, MenuList, useBreakpoint } from '@chakra-ui/react';
 import { useAuth } from 'contexts/AuthProvider';
 import { FunnelSimple } from 'phosphor-react';
 
@@ -34,8 +25,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
 
   const handleColumnClick = (id) => {
     let newHidden = [];
-    if (hiddenColumns.find((hidden) => hidden === id))
-      newHidden = [...hiddenColumns.filter((hidden) => hidden !== id)];
+    if (hiddenColumns.find((hidden) => hidden === id)) newHidden = [...hiddenColumns.filter((hidden) => hidden !== id)];
     else newHidden = [...hiddenColumns, id];
     setPref({ preference, value: newHidden.join(',') });
     setHiddenColumns(newHidden);
@@ -52,11 +42,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
         <MenuButton as={IconButton} icon={<FunnelSimple />} />
         <MenuList>
           {columns.map((column) => (
-            <MenuItem
-              key={uuid()}
-              isDisabled={column.alwaysShow}
-              onClick={() => handleColumnClick(column.id)}
-            >
+            <MenuItem key={uuid()} isDisabled={column.alwaysShow} onClick={() => handleColumnClick(column.id)}>
               <Checkbox
                 defaultChecked={!hiddenColumns.find((hidden) => hidden === column.id)}
                 isDisabled={column.alwaysShow}
@@ -77,11 +63,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
       </MenuButton>
       <MenuList>
         {columns.map((column) => (
-          <MenuItem
-            key={uuid()}
-            isDisabled={column.alwaysShow}
-            onClick={() => handleColumnClick(column.id)}
-          >
+          <MenuItem key={uuid()} isDisabled={column.alwaysShow} onClick={() => handleColumnClick(column.id)}>
             <Checkbox
               defaultChecked={!hiddenColumns.find((hidden) => hidden === column.id)}
               isDisabled={column.alwaysShow}

diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/Form.js b/src/components/CreateObjectsForms/LocationPickerCreator/Form.js
@@ -33,39 +33,18 @@ const Form = ({ name }) => {
             { label: 'CORPORATE', value: 'CORPORATE' },
           ]}
         />
-        <CreatableSelectField
-          name={`${name}.phones`}
-          label={t('contacts.phones')}
-          placeholder="+1(202)555-0103"
-        />
-        <CreatableSelectField
-          name={`${name}.mobiles`}
-          label={t('contacts.mobiles')}
-          placeholder="+1(202)555-0103"
-        />
+        <CreatableSelectField name={`${name}.phones`} label={t('contacts.phones')} placeholder="+1(202)555-0103" />
+        <CreatableSelectField name={`${name}.mobiles`} label={t('contacts.mobiles')} placeholder="+1(202)555-0103" />
       </SimpleGrid>
 
-      <AddressSearchField
-        placeholder={t('common.address_search_autofill')}
-        namePrefix={name}
-        maxWidth="600px"
-        mb={2}
-      />
+      <AddressSearchField placeholder={t('common.address_search_autofill')} namePrefix={name} maxWidth="600px" mb={2} />
       <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-        <StringField
-          name={`${name}.addressLineOne`}
-          label={t('locations.address_line_one')}
-          isRequired
-        />
+        <StringField name={`${name}.addressLineOne`} label={t('locations.address_line_one')} isRequired />
         <StringField name={`${name}.addressLineTwo`} label={t('locations.address_line_two')} />
         <StringField name={`${name}.city`} label={t('locations.city')} isRequired />
         <StringField name={`${name}.state`} label={t('locations.state')} isRequired />
         <StringField name={`${name}.postal`} label={t('locations.postal')} isRequired />
-        <SelectField
-          name={`${name}.country`}
-          label={t('locations.country')}
-          options={COUNTRY_LIST}
-        />
+        <SelectField name={`${name}.country`} label={t('locations.country')} options={COUNTRY_LIST} />
         <StringField name={`${name}.buildingName`} label={t('locations.building_name')} />
         <StringField name={`${name}.geoCode`} label={t('locations.geocode')} />
       </SimpleGrid>

diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js b/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js
@@ -1,14 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  CloseButton,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalOverlay,
-  SimpleGrid,
-  useDisclosure,
-} from '@chakra-ui/react';
+import { CloseButton, Modal, ModalBody, ModalContent, ModalOverlay, SimpleGrid, useDisclosure } from '@chakra-ui/react';
 import ModalHeader from 'components/ModalHeader';
 import SaveButton from 'components/Buttons/SaveButton';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
@@ -154,29 +146,13 @@ const LocationPickerCreatorModal = ({ setLocation, reset }) => {
                     { label: 'CORPORATE', value: 'CORPORATE' },
                   ]}
                 />
-                <CreatableSelectField
-                  name="phones"
-                  label={t('contacts.phones')}
-                  placeholder="+1(202)555-0103"
-                />
-                <CreatableSelectField
-                  name="mobiles"
-                  label={t('contacts.mobiles')}
-                  placeholder="+1(202)555-0103"
-                />
+                <CreatableSelectField name="phones" label={t('contacts.phones')} placeholder="+1(202)555-0103" />
+                <CreatableSelectField name="mobiles" label={t('contacts.mobiles')} placeholder="+1(202)555-0103" />
               </SimpleGrid>
 
-              <AddressSearchField
-                placeholder={t('common.address_search_autofill')}
-                maxWidth="600px"
-                mb={2}
-              />
+              <AddressSearchField placeholder={t('common.address_search_autofill')} maxWidth="600px" mb={2} />
               <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-                <StringField
-                  name="addressLineOne"
-                  label={t('locations.address_line_one')}
-                  isRequired
-                />
+                <StringField name="addressLineOne" label={t('locations.address_line_one')} isRequired />
                 <StringField name="addressLineTwo" label={t('locations.address_line_two')} />
                 <StringField name="city" label={t('locations.city')} isRequired />
                 <StringField name="state" label={t('locations.state')} isRequired />

diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/index.js b/src/components/CreateObjectsForms/LocationPickerCreator/index.js
@@ -24,14 +24,7 @@ const defaultProps = {
   venueId: null,
 };
 
-const LocationPickerCreator = ({
-  locationName,
-  createLocationName,
-  editing,
-  isModal,
-  entityId,
-  venueId,
-}) => {
+const LocationPickerCreator = ({ locationName, createLocationName, editing, isModal, entityId, venueId }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const [{ value: location }, , { setValue: setLocation }] = useField(locationName);

diff --git a/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js b/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js
@@ -33,17 +33,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const FastNumberInput = ({
-  label,
-  value,
-  unit,
-  onChange,
-  onBlur,
-  error,
-  touched,
-  isRequired,
-  isDisabled,
-}) => (
+const FastNumberInput = ({ label, value, unit, onChange, onBlur, error, touched, isRequired, isDisabled }) => (
   <FormControl isInvalid={error && touched} isRequired={isRequired} isDisabled={isDisabled}>
     <FormLabel ms="4px" fontSize="md" fontWeight="normal">
       {label}

diff --git a/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js b/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js
@@ -39,15 +39,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const DeviceConfigurationsModal = ({
-  name,
-  initialValue,
-  setValue,
-  errors,
-  isDisabled,
-  isRequired,
-  label,
-}) => {
+const DeviceConfigurationsModal = ({ name, initialValue, setValue, errors, isDisabled, isRequired, label }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const [localValue, setLocalValue] = useState([]);
@@ -86,10 +78,7 @@ const DeviceConfigurationsModal = ({
     const { length } = initialValue;
     if (length === 0) return t('entities.add_configurations');
     if (length === 1 && configurations)
-      return (
-        configurations.find((conf) => conf.id === initialValue[0])?.name ??
-        `1 ${t('configurations.one')}`
-      );
+      return configurations.find((conf) => conf.id === initialValue[0])?.name ?? `1 ${t('configurations.one')}`;
     return `${length} ${t('configurations.title')}`;
   }, [initialValue, configurations]);
 
@@ -221,22 +210,14 @@ const DeviceConfigurationsModal = ({
           <ModalBody overflowX="auto">
             <DataTable
               columns={columns(true)}
-              data={
-                configurations
-                  ? localValue.map((id) => configurations.find((config) => config.id === id))
-                  : []
-              }
+              data={configurations ? localValue.map((id) => configurations.find((config) => config.id === id)) : []}
               isLoading={isFetching}
               obj={t('configurations.title')}
             />
             <Box h="100px" />
             <DataTable
               columns={columns(false)}
-              data={
-                configurations?.filter(
-                  (config) => !localValue.find((local) => local === config.id),
-                ) ?? []
-              }
+              data={configurations?.filter((config) => !localValue.find((local) => local === config.id)) ?? []}
               isLoading={isFetching}
               obj={t('configurations.title')}
             />

diff --git a/src/components/CustomFields/DeviceConfigurationsModalField/index.js b/src/components/CustomFields/DeviceConfigurationsModalField/index.js
@@ -17,14 +17,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const DeviceConfigurationsModalField = ({
-  name,
-  label,
-  setFieldValue,
-  errors,
-  isDisabled,
-  isRequired,
-}) => {
+const DeviceConfigurationsModalField = ({ name, label, setFieldValue, errors, isDisabled, isRequired }) => {
   const setValue = (value) => setFieldValue(name, value);
 
   return (

diff --git a/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js b/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js
@@ -55,10 +55,7 @@ const MultiPhoneNumberFieldInput = ({
   definitionKey,
 }) => {
   const { t } = useTranslation();
-  const NoOptionsMessage = useCallback(
-    () => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>,
-    [],
-  );
+  const NoOptionsMessage = useCallback(() => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>, []);
 
   return (
     <FormControl isInvalid={error && touched} isRequired={isRequired} hidden={isHidden}>

diff --git a/src/components/DataTable/SortIcon.js b/src/components/DataTable/SortIcon.js
@@ -16,11 +16,7 @@ const defaultProps = {
 const SortIcon = ({ isSorted, isSortedDesc, canSort }) => {
   if (canSort) {
     if (isSorted) {
-      return isSortedDesc ? (
-        <Icon pt={2} h={5} w={5} as={ArrowDown} />
-      ) : (
-        <Icon pt={2} h={5} w={5} as={ArrowUp} />
-      );
+      return isSortedDesc ? <Icon pt={2} h={5} w={5} as={ArrowDown} /> : <Icon pt={2} h={5} w={5} as={ArrowUp} />;
     }
     return <Icon pt={2} h={5} w={5} as={Circle} />;
   }