feat(dashboard): BulkEditor Boolean cell behaviour

packages/admin-next/dashboard/package.json

@@ -36,7 +36,6 @@
     "@medusajs/js-sdk": "0.0.1",
     "@medusajs/ui": "3.0.0",
     "@radix-ui/react-collapsible": "1.1.0",
-    "@radix-ui/react-hover-card": "1.1.1",
     "@tanstack/react-query": "^5.28.14",
     "@tanstack/react-table": "8.10.7",
     "@tanstack/react-virtual": "^3.8.3",
@@ -50,6 +49,7 @@
     "i18next-http-backend": "2.4.2",
     "lodash": "^4.17.21",
     "match-sorter": "^6.3.4",
+    "prop-types": "^15.8.1",
     "qs": "^6.12.0",
     "react": "^18.2.0",
     "react-country-flag": "^3.1.0",
@@ -59,7 +59,6 @@
     "react-i18next": "13.5.0",
     "react-jwt": "^1.2.0",
     "react-nestable": "^3.0.2",
-    "react-resizable-panels": "^2.0.16",
     "react-router-dom": "6.20.1",
     "zod": "3.22.4"
   },

packages/admin-next/dashboard/src/components/data-grid/context.tsx

@@ -1,20 +1,20 @@
 import { FocusEvent, MouseEvent, createContext } from "react"
 import { Control, FieldValues, Path, UseFormRegister } from "react-hook-form"
-import { CellCoords } from "./types"
+import { CellCoords, CellType } from "./types"
 
 type DataGridContextType<TForm extends FieldValues> = {
   // Grid state
   anchor: CellCoords | null
-  selection: Record<string, boolean>
-  dragSelection: Record<string, boolean>
+  trapActive: boolean
   // Cell handlers
-  registerCell: (coords: CellCoords, key: string) => void
+  registerCell: (coords: CellCoords, field: string, type: CellType) => void
   getIsCellSelected: (coords: CellCoords) => boolean
   getIsCellDragSelected: (coords: CellCoords) => boolean
   // Grid handlers
   setIsEditing: (value: boolean) => void
   setIsSelecting: (value: boolean) => void
   setRangeEnd: (coords: CellCoords) => void
+  setSingleRange: (coords: CellCoords) => void
   // Form state and handlers
   register: UseFormRegister<TForm>
   control: Control<TForm>

packages/admin-next/dashboard/src/components/data-grid/data-grid-cells/data-grid-boolean-cell.tsx

@@ -13,7 +13,7 @@ export const DataGridBooleanCell = <TData, TValue = any>({
   const { control, renderProps } = useDataGridCell({
     field,
     context,
-    type: "select",
+    type: "boolean",
   })
 
   const { container, input } = renderProps