@dmsi/wedgekit-react 0.0.388 → 0.0.389

package/dist/components/DataGrid/TableBody/TableBodyRow.css

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -1,60 +1,60 @@
 import {
   TableBodyRow
-} from "../../../chunk-B6FYJZG7.js";
+} from "../../../chunk-OW3WN3JV.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-5Z4ODAYB.js";
-import "../../../chunk-QJTAFSQA.js";
-import "../../../chunk-A7CEYUVE.js";
-import "../../../chunk-CQFPNZTN.js";
-import "../../../chunk-HPQWEZJL.js";
+import "../../../chunk-6I5LZ2ZC.js";
+import "../../../chunk-44TDIHUP.js";
+import "../../../chunk-LZGYABCX.js";
+import "../../../chunk-G5DEC7H3.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-2XHBPMHQ.js";
-import "../../../chunk-XFZRKXMV.js";
-import "../../../chunk-DCCTNHNL.js";
-import "../../../chunk-BPJR54VM.js";
+import "../../../chunk-LLZ3SSZJ.js";
+import "../../../chunk-EJSPFQCY.js";
+import "../../../chunk-ERW5DEIO.js";
+import "../../../chunk-2HMCS25C.js";
 import "../../../chunk-VJVY6NPF.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-KSAN4ZLA.js";
-import "../../../chunk-QF654HYZ.js";
+import "../../../chunk-AA6GE3TH.js";
+import "../../../chunk-KZZKQLKF.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M6TSTDNZ.js";
-import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-QQ5G773N.js";
 import "../../../chunk-AT4AWD6B.js";
+import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-J5V2JRIK.js";
-import "../../../chunk-E4AGWXFA.js";
+import "../../../chunk-D6YCMQPO.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-EC7SC3MO.js";
-import "../../../chunk-AG43RS4Q.js";
-import "../../../chunk-5OPI4GTJ.js";
+import "../../../chunk-XM7IQHBU.js";
 import "../../../chunk-FRHPFACM.js";
+import "../../../chunk-T36HX6QY.js";
+import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-ER6RCOH3.js";
 import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-77IGUML3.js";
+import "../../../chunk-NO5BIKWS.js";
+import "../../../chunk-MQX7GFLX.js";
+import "../../../chunk-V47RTW7E.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
 import "../../../chunk-QNJTYAPX.js";
+import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-6DPFKSCT.js";
 import "../../../chunk-ZL5X7KP6.js";
 import "../../../chunk-7CS736EF.js";
-import "../../../chunk-WVUIIBRR.js";
-import "../../../chunk-NO5BIKWS.js";
-import "../../../chunk-FSLETAX4.js";
-import "../../../chunk-WWAPK5PH.js";
 import "../../../chunk-MYKYZHEO.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-TYTD4FLW.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-FA7IFW66.js";
-import "../../../chunk-JRHYNZM6.js";
-import "../../../chunk-4LXG6QNT.js";
+import "../../../chunk-JIMJIJOF.js";
+import "../../../chunk-EZCH4PQS.js";
+import "../../../chunk-GB4ZTUQV.js";
 import "../../../chunk-OGIFIPKH.js";
-import "../../../chunk-MX57T3HP.js";
 import "../../../chunk-NKUETCDA.js";
+import "../../../chunk-WWAPK5PH.js";
 import "../../../chunk-6CTCHYIS.js";
 import "../../../chunk-ORMEWXMH.js";
 export {

package/dist/components/DataGrid/TableBody/index.cjs

@@ -4269,6 +4269,9 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 // src/components/MobileDataGrid/index.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react25 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react24 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -4277,12 +4280,12 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_clsx28 = __toESM(require("clsx"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -4318,7 +4321,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx29 = __toESM(require("clsx"), 1);
@@ -4363,30 +4366,30 @@ var import_clsx30 = require("clsx");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -4408,7 +4411,7 @@ var import_clsx34 = __toESM(require("clsx"), 1);
 // src/components/DataGrid/TableBody/TableBodyRow.tsx
 var import_clsx33 = __toESM(require("clsx"), 1);
 var import_react_table3 = require("@tanstack/react-table");
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var valueFormatters = {
   date: (value) => typeof value === "string" ? formatDate(value) : "",
@@ -4474,7 +4477,7 @@ function TableBodyRow({
           const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
           const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
           const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
-          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react35.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

package/dist/components/DataGrid/TableBody/index.css

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;

package/dist/components/DataGrid/TableBody/index.js

@@ -1,60 +1,60 @@
 import {
   TableBody
-} from "../../../chunk-B6FYJZG7.js";
+} from "../../../chunk-OW3WN3JV.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-5Z4ODAYB.js";
-import "../../../chunk-QJTAFSQA.js";
-import "../../../chunk-A7CEYUVE.js";
-import "../../../chunk-CQFPNZTN.js";
-import "../../../chunk-HPQWEZJL.js";
+import "../../../chunk-6I5LZ2ZC.js";
+import "../../../chunk-44TDIHUP.js";
+import "../../../chunk-LZGYABCX.js";
+import "../../../chunk-G5DEC7H3.js";
+import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-2XHBPMHQ.js";
-import "../../../chunk-XFZRKXMV.js";
-import "../../../chunk-DCCTNHNL.js";
-import "../../../chunk-BPJR54VM.js";
+import "../../../chunk-LLZ3SSZJ.js";
+import "../../../chunk-EJSPFQCY.js";
+import "../../../chunk-ERW5DEIO.js";
+import "../../../chunk-2HMCS25C.js";
 import "../../../chunk-VJVY6NPF.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-KSAN4ZLA.js";
-import "../../../chunk-QF654HYZ.js";
+import "../../../chunk-AA6GE3TH.js";
+import "../../../chunk-KZZKQLKF.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M6TSTDNZ.js";
-import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-QQ5G773N.js";
 import "../../../chunk-AT4AWD6B.js";
+import "../../../chunk-EWGHVZL5.js";
 import "../../../chunk-J5V2JRIK.js";
-import "../../../chunk-E4AGWXFA.js";
+import "../../../chunk-D6YCMQPO.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-EC7SC3MO.js";
-import "../../../chunk-AG43RS4Q.js";
-import "../../../chunk-5OPI4GTJ.js";
+import "../../../chunk-XM7IQHBU.js";
 import "../../../chunk-FRHPFACM.js";
+import "../../../chunk-T36HX6QY.js";
+import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-ER6RCOH3.js";
 import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-77IGUML3.js";
+import "../../../chunk-NO5BIKWS.js";
+import "../../../chunk-MQX7GFLX.js";
+import "../../../chunk-V47RTW7E.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
 import "../../../chunk-QNJTYAPX.js";
+import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-6DPFKSCT.js";
 import "../../../chunk-ZL5X7KP6.js";
 import "../../../chunk-7CS736EF.js";
-import "../../../chunk-WVUIIBRR.js";
-import "../../../chunk-NO5BIKWS.js";
-import "../../../chunk-FSLETAX4.js";
-import "../../../chunk-WWAPK5PH.js";
 import "../../../chunk-MYKYZHEO.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-TYTD4FLW.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-FA7IFW66.js";
-import "../../../chunk-JRHYNZM6.js";
-import "../../../chunk-4LXG6QNT.js";
+import "../../../chunk-JIMJIJOF.js";
+import "../../../chunk-EZCH4PQS.js";
+import "../../../chunk-GB4ZTUQV.js";
 import "../../../chunk-OGIFIPKH.js";
-import "../../../chunk-MX57T3HP.js";
 import "../../../chunk-NKUETCDA.js";
+import "../../../chunk-WWAPK5PH.js";
 import "../../../chunk-6CTCHYIS.js";
 import "../../../chunk-ORMEWXMH.js";
 export {

package/dist/components/DataGrid/index.cjs

@@ -3420,6 +3420,9 @@ var import_jsx_runtime31 = require("react/jsx-runtime");
 // src/components/MobileDataGrid/index.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 
+// src/components/ProductImagePreview/Thumbnail.tsx
+var import_react21 = require("react");
+
 // src/components/ImagePlaceholder.tsx
 var import_react20 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -3428,12 +3431,12 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 
 // src/components/Grid.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_clsx25 = __toESM(require("clsx"), 1);
 var import_jsx_runtime35 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ProductPrimaryImage.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/Spinner.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -3469,7 +3472,7 @@ Spinner.displayName = "Spinner";
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/ZoomWindow.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/components/Surface.tsx
 var import_clsx26 = __toESM(require("clsx"), 1);
@@ -3514,30 +3517,30 @@ var import_clsx27 = require("clsx");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/MobileImageCarousel.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_clsx28 = __toESM(require("clsx"), 1);
 var import_jsx_runtime43 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/index.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
 var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/components/PDFViewer/PDFPage.tsx
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 
 // src/components/PDFViewer/PDFElement.tsx
@@ -3554,7 +3557,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/DataGrid/index.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 var import_react_table3 = require("@tanstack/react-table");
 var import_core = require("@dnd-kit/core");
 var import_sortable2 = require("@dnd-kit/sortable");
@@ -3582,7 +3585,7 @@ function getSortIcon(sort, nextSort = false) {
 }
 
 // src/components/DataGrid/PinnedColumns.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 
 // src/components/DataGrid/TableBody/index.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
@@ -3591,7 +3594,7 @@ var import_clsx32 = __toESM(require("clsx"), 1);
 // src/components/DataGrid/TableBody/TableBodyRow.tsx
 var import_clsx31 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var valueFormatters = {
   date: (value) => typeof value === "string" ? formatDate(value) : "",
@@ -3657,7 +3660,7 @@ function TableBodyRow({
           const cellFormat = (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.format;
           const cellValue = cellFormat && isValueFormatterKey(cellFormat) ? valueFormatters[cellFormat](cell.getValue()) : cell.getValue();
           const cellAlignment = (_c = (_b = cell.column.columnDef.meta) == null ? void 0 : _b.align) != null ? _c : typeof cellValue === "number" ? "right" : "left";
-          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react30.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react31.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
@@ -3868,10 +3871,10 @@ function TableBody({
 }
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
@@ -3879,7 +3882,7 @@ function ColumnSelectorMenuOption({
   column,
   toggleColumnVisibility
 }) {
-  const [isVisible, setIsVisible] = (0, import_react31.useState)(column.getIsVisible());
+  const [isVisible, setIsVisible] = (0, import_react32.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Checkbox,
@@ -3905,8 +3908,8 @@ function ColumnSelectorHeaderCell({
   toggleColumnVisibility,
   resetColumnVisibility
 }) {
-  const ref = (0, import_react32.useRef)(null);
-  const [show, setShow] = (0, import_react32.useState)(false);
+  const ref = (0, import_react33.useRef)(null);
+  const [show, setShow] = (0, import_react33.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     DataGridCell,
     {
@@ -4069,7 +4072,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react33.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.default.Fragment, { children: ((_c = header.column.columnDef.meta) == null ? void 0 : _c.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -4149,23 +4152,23 @@ function DataGrid({
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
-  (0, import_react34.useImperativeHandle)(ref, () => ({
+  (0, import_react35.useImperativeHandle)(ref, () => ({
     getSavedLayout: () => {
       return getSavedLayout();
     }
   }));
-  const [localSorting, setLocalSorting] = (0, import_react34.useState)([]);
-  const [localColumnFilters, setLocalColumnFilters] = (0, import_react34.useState)([]);
-  const [localRowSelection, setLocalRowSelection] = (0, import_react34.useState)({});
+  const [localSorting, setLocalSorting] = (0, import_react35.useState)([]);
+  const [localColumnFilters, setLocalColumnFilters] = (0, import_react35.useState)([]);
+  const [localRowSelection, setLocalRowSelection] = (0, import_react35.useState)({});
   const {
     columns: tableColumns,
     setColumns: setTableColumns,
     getSavedLayout
   } = useTableLayout(columns, id != null ? id : testid);
-  const [columnOrder, setColumnOrder] = (0, import_react34.useState)(
+  const [columnOrder, setColumnOrder] = (0, import_react35.useState)(
     tableColumns.map((c) => c.id)
   );
-  const [columnVisibility, setColumnVisibility] = (0, import_react34.useState)(
+  const [columnVisibility, setColumnVisibility] = (0, import_react35.useState)(
     Object.fromEntries(
       tableColumns.filter((column) => !!column.id).map((column) => {
         var _a2, _b2;
@@ -4173,7 +4176,7 @@ function DataGrid({
       })
     )
   );
-  const updateColumnVisibility = (0, import_react34.useCallback)(
+  const updateColumnVisibility = (0, import_react35.useCallback)(
     (updateOrder) => {
       setColumnVisibility(
         Object.fromEntries(
@@ -4187,7 +4190,7 @@ function DataGrid({
     },
     [tableColumns]
   );
-  const resetDefaultColumnVisibility = (0, import_react34.useCallback)(() => {
+  const resetDefaultColumnVisibility = (0, import_react35.useCallback)(() => {
     setTableColumns((prev) => {
       columns.forEach((column) => {
         var _a2, _b2;
@@ -4203,7 +4206,7 @@ function DataGrid({
       return [...prev];
     }, true);
   }, [columns, setTableColumns]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     updateColumnVisibility(true);
   }, [updateColumnVisibility]);
   const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
@@ -4219,7 +4222,7 @@ function DataGrid({
     (onColumnFiltersChange != null ? onColumnFiltersChange : setLocalColumnFilters)(value);
   } : setLocalColumnFilters;
   const rowSelection = externalRowSelection != null ? externalRowSelection : localRowSelection;
-  const setRowSelection = (0, import_react34.useCallback)(
+  const setRowSelection = (0, import_react35.useCallback)(
     (updaterOrValue) => {
       if (pagination) {
         const value = typeof updaterOrValue === "function" ? updaterOrValue(externalRowSelection != null ? externalRowSelection : {}) : updaterOrValue;
@@ -4233,9 +4236,9 @@ function DataGrid({
     },
     [externalRowSelection, onRowSelectionChange, pagination]
   );
-  const dndId = (0, import_react34.useId)();
-  const containerRef = import_react34.default.useRef(null);
-  const toggleColumnVisibility = (0, import_react34.useCallback)(
+  const dndId = (0, import_react35.useId)();
+  const containerRef = import_react35.default.useRef(null);
+  const toggleColumnVisibility = (0, import_react35.useCallback)(
     (columnId, isVisible) => {
       setTableColumns((prev) => {
         const persistedIndex = prev.findIndex((col) => col.id === columnId);
@@ -4483,7 +4486,7 @@ function DataGrid({
                                     header.id
                                   );
                                 }
-                                return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react34.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   DataGridCell,
                                   {
                                     id: id ? `${id}-header-${header.id}` : void 0,

package/dist/components/DataGrid/index.css

@@ -823,6 +823,9 @@
   .min-h-\[120px\] {
     min-height: 120px;
   }
+  .min-h-full {
+    min-height: 100%;
+  }
   .min-h-min {
     min-height: min-content;
   }
@@ -3594,6 +3597,21 @@
       outline-style: none;
     }
   }
+  .data-active\:border-transparent {
+    &[data-active] {
+      border-color: transparent;
+    }
+  }
+  .data-active\:bg-background-action-primary-normal {
+    &[data-active] {
+      background-color: var(--color-background-action-primary-normal);
+    }
+  }
+  .data-active\:text-white {
+    &[data-active] {
+      color: var(--color-white);
+    }
+  }
   .data-disabled\:cursor-default {
     &[data-disabled] {
       cursor: default;