♻️ Add shared eslint config

apps/builder/src/features/results/ResultsProvider.tsx

@@ -17,7 +17,6 @@ const resultsContext = createContext<{
   onDeleteResults: (totalResultsDeleted: number) => void
   fetchNextPage: () => void
   refetchResults: () => void
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore
 }>({})
 

apps/builder/src/features/results/components/ResultsTable/ColumnsSettingsButton.tsx

@@ -13,7 +13,7 @@ import {
 } from '@chakra-ui/react'
 import { ToolIcon, EyeIcon, EyeOffIcon, GripIcon } from '@/components/icons'
 import { ResultHeaderCell } from 'models'
-import React, { forwardRef, useState } from 'react'
+import React, { useState } from 'react'
 import { isNotDefined } from 'utils'
 import {
   DndContext,
@@ -128,7 +128,7 @@ export const ColumnSettingsButton = ({
               </SortableContext>
               <Portal>
                 <DragOverlay dropAnimation={{ duration: 0 }}>
-                  {draggingColumnId ? <SortableColumnOverlay /> : null}
+                  {draggingColumnId ? <Flex /> : null}
                 </DragOverlay>
               </Portal>
             </DndContext>
@@ -210,9 +210,3 @@ const SortableColumns = ({
     </Flex>
   )
 }
-
-const SortableColumnOverlay = forwardRef(
-  (_, ref: React.LegacyRef<HTMLDivElement>) => {
-    return <HStack ref={ref}></HStack>
-  }
-)

apps/builder/src/features/results/components/ResultsTable/IndeterminateCheckbox.tsx

@@ -0,0 +1,23 @@
+import { Checkbox, Flex } from '@chakra-ui/react'
+import React from 'react'
+
+const TableCheckBox = (
+  { indeterminate, checked, ...rest }: any,
+  ref: React.LegacyRef<HTMLInputElement>
+) => {
+  const defaultRef = React.useRef()
+  const resolvedRef: any = ref || defaultRef
+
+  return (
+    <Flex justify="center" data-testid="checkbox">
+      <Checkbox
+        ref={resolvedRef}
+        {...rest}
+        isIndeterminate={indeterminate}
+        isChecked={checked}
+      />
+    </Flex>
+  )
+}
+
+export const IndeterminateCheckbox = React.forwardRef(TableCheckBox)

apps/builder/src/features/results/components/ResultsTable/ResultsTable.tsx

@@ -2,7 +2,6 @@ import {
   Box,
   Button,
   chakra,
-  Checkbox,
   Flex,
   HStack,
   Stack,
@@ -26,6 +25,7 @@ import { Row } from './Row'
 import { HeaderRow } from './HeaderRow'
 import { CellValueType, TableData } from '../../types'
 import { HeaderIcon } from '../../utils'
+import { IndeterminateCheckbox } from './IndeterminateCheckbox'
 
 type ResultsTableProps = {
   resultHeader: ResultHeaderCell[]
@@ -238,23 +238,3 @@ export const ResultsTable = ({
     </Stack>
   )
 }
-
-const IndeterminateCheckbox = React.forwardRef(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ({ indeterminate, checked, ...rest }: any, ref) => {
-    const defaultRef = React.useRef()
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const resolvedRef: any = ref || defaultRef
-
-    return (
-      <Flex justify="center" data-testid="checkbox">
-        <Checkbox
-          ref={resolvedRef}
-          {...rest}
-          isIndeterminate={indeterminate}
-          isChecked={checked}
-        />
-      </Flex>
-    )
-  }
-)