update deps (#422)

* update deps

* prettier

* wip

src/components/application-filter.cy.tsx

@@ -12,7 +12,7 @@ import applications from "../../cypress/fixtures/applications.json";
 
 /** Wrapper to perform React state setup */
 const ApplicationFilterTestWrapper = (
-  props: Partial<ApplicationFilterProps>
+  props: Partial<ApplicationFilterProps>,
 ) => {
   const [application, setApplication] = useState("");
 
@@ -47,7 +47,7 @@ describe("<ApplicationFilter>", () => {
     /** Default value is properly set to first option */
     cy.get("select").should(
       "have.value",
-      applicationsSorted[0].application_sid
+      applicationsSorted[0].application_sid,
     );
   });
 
@@ -58,7 +58,7 @@ describe("<ApplicationFilter>", () => {
     cy.get("select").select(applicationsSorted[1].application_sid);
     cy.get("select").should(
       "have.value",
-      applicationsSorted[1].application_sid
+      applicationsSorted[1].application_sid,
     );
   });
 
@@ -75,7 +75,7 @@ describe("<ApplicationFilter>", () => {
   it("renders default option", () => {
     /** Test with the `defaultOption` prop */
     cy.mount(
-      <ApplicationFilterTestWrapper defaultOption="Choose Application" />
+      <ApplicationFilterTestWrapper defaultOption="Choose Application" />,
     );
 
     /** No default value is set when this prop is present */

src/components/clipboard/index.tsx

@@ -20,7 +20,7 @@ export const ClipBoard = ({ text, id = "", name = "" }: ClipBoardProps) => {
         toastSuccess(
           <>
             <strong>{text}</strong> copied to clipboard
-          </>
+          </>,
         );
       })
       .catch(() => {
@@ -28,7 +28,7 @@ export const ClipBoard = ({ text, id = "", name = "" }: ClipBoardProps) => {
           <>
             Unable to copy <strong>{text}</strong>, please select the text and
             right click to copy
-          </>
+          </>,
         );
       });
   };

src/components/forms/account-select.tsx

@@ -28,7 +28,7 @@ export const AccountSelect = forwardRef<SelectorRef, AccountSelectProps>(
       defaultOption,
       ...restProps
     }: AccountSelectProps,
-    ref
+    ref,
   ) => {
     useEffect(() => {
       if (hasLength(accounts) && !accountSid && !defaultOption) {
@@ -56,14 +56,14 @@ export const AccountSelect = forwardRef<SelectorRef, AccountSelectProps>(
                   name: account.name,
                   value: account.account_sid,
                 }))
-              : []
+              : [],
           )}
           onChange={(e) => setAccountSid(e.target.value)}
           {...restProps}
         />
       </>
     );
-  }
+  },
 );
 
 AccountSelect.displayName = "AccountSelect";

src/components/forms/application-select.tsx

@@ -34,7 +34,7 @@ export const ApplicationSelect = forwardRef<
       defaultOption,
       ...restProps
     }: ApplicationSelectProps,
-    ref
+    ref,
   ) => {
     useEffect(() => {
       if (hasLength(applications) && !applicationSid && !defaultOption) {
@@ -62,14 +62,14 @@ export const ApplicationSelect = forwardRef<
                   name: application.name,
                   value: application.application_sid,
                 }))
-              : []
+              : [],
           )}
           onChange={(e) => setApplicationSid(e.target.value)}
           {...restProps}
         />
       </>
     );
-  }
+  },
 );
 
 ApplicationSelect.displayName = "ApplicationSelect";

src/components/forms/checkzone/index.tsx

@@ -31,7 +31,7 @@ export const Checkzone = forwardRef<CheckzoneRef, CheckzoneProps>(
       handleChecked,
       disabled = false,
     }: CheckzoneProps,
-    ref
+    ref,
   ) => {
     const [checked, setChecked] = useState(false);
     const classesTop = classNames({
@@ -74,7 +74,7 @@ export const Checkzone = forwardRef<CheckzoneRef, CheckzoneProps>(
         {checked && <div className={classesIn}>{children}</div>}
       </div>
     );
-  }
+  },
 );
 
 Checkzone.displayName = "Checkzone";

src/components/forms/file-upload/index.tsx

@@ -25,7 +25,7 @@ export const FileUpload = forwardRef<FileRef, FileProps>(
       disabled,
       ...restProps
     }: FileProps,
-    ref
+    ref,
   ) => {
     const [fileName, setFileName] = useState("");
     const [focus, setFocus] = useState(false);
@@ -73,7 +73,7 @@ export const FileUpload = forwardRef<FileRef, FileProps>(
         </div>
       </div>
     );
-  }
+  },
 );
 
 FileUpload.displayName = "FileUpload";

src/components/forms/local-limits.tsx

@@ -52,12 +52,12 @@ export const LocalLimits = ({
     ? LIMITS.filter((limit) =>
         unit === LIMIT_SESS
           ? !limit.category.includes(LIMIT_MIN)
-          : limit.category.includes(LIMIT_MIN)
+          : limit.category.includes(LIMIT_MIN),
       )
     : LIMITS.filter(
         (limit) =>
           !limit.category.includes("license") &&
-          !limit.category.includes(LIMIT_MIN)
+          !limit.category.includes(LIMIT_MIN),
       );
 
   useEffect(() => {
@@ -130,7 +130,7 @@ export const LocalLimits = ({
                   }
                   onChange={(e) => {
                     const limit = localLimits.find(
-                      (l) => l.category === category
+                      (l) => l.category === category,
                     );
                     const value = e.target.value ? Number(e.target.value) : "";
 
@@ -139,8 +139,8 @@ export const LocalLimits = ({
                         localLimits.map((l) =>
                           l.category === category
                             ? { ...l, quantity: value }
-                            : l
-                        )
+                            : l,
+                        ),
                       );
                     } else {
                       setLocalLimits([

src/components/forms/passwd/index.tsx

@@ -24,7 +24,7 @@ export const Passwd = forwardRef<PasswdRef, PasswdProps>(
       locked = false,
       ...restProps
     }: PasswdProps,
-    ref
+    ref,
   ) => {
     const [reveal, setReveal] = useState(false);
 
@@ -55,7 +55,7 @@ export const Passwd = forwardRef<PasswdRef, PasswdProps>(
         )}
       </div>
     );
-  }
+  },
 );
 
 Passwd.displayName = "Passwd";

src/components/forms/selector/index.tsx

@@ -20,7 +20,7 @@ type SelectorRef = HTMLSelectElement;
 export const Selector = forwardRef<SelectorRef, SelectorProps>(
   (
     { id, name, value, options, disabled, ...restProps }: SelectorProps,
-    ref
+    ref,
   ) => {
     const [focus, setFocus] = useState(false);
     const classes = {
@@ -53,7 +53,7 @@ export const Selector = forwardRef<SelectorRef, SelectorProps>(
         </span>
       </div>
     );
-  }
+  },
 );
 
 Selector.displayName = "Selector";

src/components/modal/index.tsx

@@ -50,7 +50,7 @@ export const Modal = ({
         </ButtonGroup>
       </div>
     </div>,
-    portal
+    portal,
   );
 };
 
@@ -87,7 +87,7 @@ export const ModalForm = ({
         </ButtonGroup>
       </form>
     </div>,
-    portal
+    portal,
   );
 };
 
@@ -113,7 +113,7 @@ export const ModalClose = ({ children, handleClose }: CloseProps) => {
         </ButtonGroup>
       </div>
     </div>,
-    portal
+    portal,
   );
 };
 
@@ -147,6 +147,6 @@ export const ModalLoader = ({ children }: LoaderProps) => {
         </div>
       </div>
     </div>,
-    portal
+    portal,
   );
 };

src/components/pagination/index.tsx

@@ -32,7 +32,7 @@ export const Pagination = ({
     (num: number) => {
       setPageNumber(Math.max(1, Math.min(maxPageNumber, num)));
     },
-    [maxPageNumber, setPageNumber]
+    [maxPageNumber, setPageNumber],
   );
 
   const handleNumberMapping = useCallback(
@@ -100,7 +100,7 @@ export const Pagination = ({
         );
       }
     },
-    [maxPageNumber, pageNumber]
+    [maxPageNumber, pageNumber],
   );
 
   return (

src/components/scoped-access.cy.tsx

@@ -29,7 +29,7 @@ describe("<ScopedAccess>", () => {
     cy.mountTestProvider(
       <ScopedAccessTestWrapper scope={Scope.admin} user={user}>
         <H1>ScopedAccess: admin</H1>
-      </ScopedAccessTestWrapper>
+      </ScopedAccessTestWrapper>,
     );
     cy.get(".scope-div").should("exist");
   });
@@ -44,7 +44,7 @@ describe("<ScopedAccess>", () => {
     cy.mountTestProvider(
       <ScopedAccessTestWrapper scope={Scope.admin} user={user}>
         <H1>ScopedAccess: service_provider</H1>
-      </ScopedAccessTestWrapper>
+      </ScopedAccessTestWrapper>,
     );
     cy.get(".scope-div").should("not.exist");
   });
@@ -59,7 +59,7 @@ describe("<ScopedAccess>", () => {
     cy.mountTestProvider(
       <ScopedAccessTestWrapper scope={Scope.admin} user={user}>
         <H1>ScopedAccess: account</H1>
-      </ScopedAccessTestWrapper>
+      </ScopedAccessTestWrapper>,
     );
     cy.get(".scope-div").should("not.exist");
   });

src/components/search-filter/index.tsx

@@ -46,7 +46,7 @@ export const SearchFilter = ({
         setAppearance(false);
       }
     },
-    [setFilterValue]
+    [setFilterValue],
   );
 
   const handleActive = useCallback(() => {

src/components/select-filter.tsx

@@ -42,7 +42,7 @@ export const SelectFilter = ({
             setFilterValue(e.target.value);
             const queryFilter = createFilterString(
               e.target.value,
-              label as string
+              label as string,
             );
             setQueryFilter(queryFilter);
 

src/components/toast/index.tsx

@@ -23,6 +23,6 @@ export const Toast = ({ type, message }: ToastProps) => {
         {message}
       </div>
     </div>,
-    portal
+    portal,
   );
 };