chore(dashboard): fix type and lint errors (1/n) (#15209)

Author: shahednasser

packages/admin/dashboard/src/components/common/file-preview/file-preview.tsx

@@ -26,7 +26,7 @@ export const FilePreview = ({
             <Text
               size="small"
               leading="compact"
-              className="truncate max-w-[260px]"
+              className="max-w-[260px] truncate"
             >
               {filename}
             </Text>
@@ -70,14 +70,14 @@ const FileThumbnail = () => {
         d="M20 31.75H4C1.92893 31.75 0.25 30.0711 0.25 28V4C0.25 1.92893 1.92893 0.25 4 0.25H15.9431C16.9377 0.25 17.8915 0.645088 18.5948 1.34835L22.6516 5.4052C23.3549 6.10847 23.75 7.06229 23.75 8.05685V28C23.75 30.0711 22.0711 31.75 20 31.75Z"
         fill="url(#paint0_linear_6594_388107)"
         stroke="url(#paint1_linear_6594_388107)"
-        stroke-width="0.5"
+        strokeWidth="0.5"
       />
       <path
         opacity="0.4"
         d="M17.7857 12.8125V13.5357H10.3393V10.9643H15.9375C16.9569 10.9643 17.7857 11.7931 17.7857 12.8125ZM6.21429 16.9107V15.0893H8.78571V16.9107H6.21429ZM10.3393 16.9107V15.0893H17.7857V16.9107H10.3393ZM15.9375 21.0357H10.3393V18.4643H17.7857V19.1875C17.7857 20.2069 16.9569 21.0357 15.9375 21.0357ZM6.21429 19.1875V18.4643H8.78571V21.0357H8.0625C7.0431 21.0357 6.21429 20.2069 6.21429 19.1875ZM8.0625 10.9643H8.78571V13.5357H6.21429V12.8125C6.21429 11.7931 7.0431 10.9643 8.0625 10.9643Z"
         fill="url(#paint2_linear_6594_388107)"
         stroke="url(#paint3_linear_6594_388107)"
-        stroke-width="0.428571"
+        strokeWidth="0.428571"
       />
       <defs>
         <linearGradient
@@ -88,8 +88,8 @@ const FileThumbnail = () => {
           y2="32"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#F4F4F5" />
-          <stop offset="1" stop-color="#E4E4E7" />
+          <stop stopColor="#F4F4F5" />
+          <stop offset="1" stopColor="#E4E4E7" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_6594_388107"
@@ -99,8 +99,8 @@ const FileThumbnail = () => {
           y2="32"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#E4E4E7" />
-          <stop offset="1" stop-color="#D4D4D8" />
+          <stop stopColor="#E4E4E7" />
+          <stop offset="1" stopColor="#D4D4D8" />
         </linearGradient>
         <linearGradient
           id="paint2_linear_6594_388107"
@@ -110,8 +110,8 @@ const FileThumbnail = () => {
           y2="21.25"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#52525B" />
-          <stop offset="1" stop-color="#A1A1AA" />
+          <stop stopColor="#52525B" />
+          <stop offset="1" stopColor="#A1A1AA" />
         </linearGradient>
         <linearGradient
           id="paint3_linear_6594_388107"
@@ -121,8 +121,8 @@ const FileThumbnail = () => {
           y2="21.25"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#18181B" />
-          <stop offset="1" stop-color="#52525B" />
+          <stop stopColor="#18181B" />
+          <stop offset="1" stopColor="#52525B" />
         </linearGradient>
       </defs>
     </svg>

packages/admin/dashboard/src/components/common/form/index.ts

@@ -1 +1 @@
-export * from "./form";
+export * from "./form"

packages/admin/dashboard/src/components/common/infinite-list/infinite-list.tsx

@@ -16,7 +16,7 @@ type InfiniteListProps<TResponse, TEntity, TParams> = {
 export const InfiniteList = <
   TResponse extends { count: number; offset: number; limit: number },
   TEntity extends { id: string },
-  TParams extends { offset?: number; limit?: number },
+  TParams extends { offset?: number; limit?: number }
 >({
   queryKey,
   queryFn,
@@ -119,12 +119,7 @@ export const InfiniteList = <
       startObserver.current?.disconnect()
       endObserver.current?.disconnect()
     }
-  }, [
-    hasNextPage,
-    hasPreviousPage,
-    isFetching,
-    isPending,
-  ])
+  }, [hasNextPage, hasPreviousPage, isFetching, isPending])
 
   useEffect(() => {
     if (error) {

packages/admin/dashboard/src/components/common/logo-box/logo-box.tsx

@@ -25,14 +25,14 @@ export const LogoBox = ({
   return (
     <div
       className={clx(
-        "size-14 bg-ui-button-neutral shadow-buttons-neutral relative flex items-center justify-center rounded-xl",
+        "bg-ui-button-neutral shadow-buttons-neutral relative flex size-14 items-center justify-center rounded-xl",
         "after:button-neutral-gradient after:inset-0 after:content-['']",
         className
       )}
     >
       {checked && (
         <motion.div
-          className="size-5 absolute -right-[5px] -top-1 flex items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]"
+          className="absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]"
           initial={{ opacity: 0, scale: 0.5 }}
           animate={{ opacity: 1, scale: 1 }}
           transition={containerTransition}

packages/admin/dashboard/src/components/common/segmented-control/index.ts

@@ -1,2 +1 @@
 export * from "./segmented-control"
-

packages/admin/dashboard/src/components/common/switch-box/switch-box.tsx

@@ -6,12 +6,12 @@ import { Form } from "../../common/form"
 
 interface HeadlessControllerProps<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 > extends Omit<ControllerProps<TFieldValues, TName>, "render"> {}
 
 interface SwitchBoxProps<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 > extends HeadlessControllerProps<TFieldValues, TName> {
   label: string
   description: string
@@ -32,7 +32,7 @@ interface SwitchBoxProps<
  */
 export const SwitchBox = <
   TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
 >({
   label,
   description,

packages/admin/dashboard/src/components/common/thumbnail/index.ts

@@ -1 +1 @@
-export * from "./thumbnail";
+export * from "./thumbnail"

packages/admin/dashboard/src/components/common/user-link/user-link.tsx

@@ -42,7 +42,9 @@ export const By = ({ id }: { id: string }) => {
     return null
   }
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const { user } = useUser(id, undefined, { enabled: isUser }) // todo: extend to support customers
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const { customer } = useCustomer(id, undefined, { enabled: isCustomer })
 
   const actor = isUser ? user : customer

packages/admin/dashboard/src/components/data-grid/components/data-grid-multiline-cell.tsx

@@ -100,4 +100,3 @@ const Inner = ({
     />
   )
 }
-

packages/admin/dashboard/src/components/data-grid/components/data-grid-textarea-modal-cell.tsx

@@ -1,12 +1,12 @@
 import { clx, Textarea } from "@medusajs/ui"
 import { Popover as RadixPopover } from "radix-ui"
-import { useCallback, useEffect, useRef, useState } from "react"
+import React, { useCallback, useEffect, useRef, useState } from "react"
 import { Controller, ControllerRenderProps } from "react-hook-form"
 
 import { useCombinedRefs } from "../../../hooks/use-combined-refs"
 import { useDataGridCell, useDataGridCellError } from "../hooks"
 import { useDataGridContext } from "../context"
-import { DataGridCellProps, InputProps, DataGridCellContext } from "../types"
+import { DataGridCellProps, InputProps } from "../types"
 import { DataGridCellContainer } from "./data-grid-cell-container"
 
 type DataGridExpandableTextCellProps<TData, TValue = any> = DataGridCellProps<