@dmsi/wedgekit-react 0.0.1228 → 0.0.1230

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

@@ -64,7 +64,7 @@ __export(TableBodyRow_exports, {
 module.exports = __toCommonJS(TableBodyRow_exports);
 var import_clsx45 = __toESM(require("clsx"), 1);
 var import_react_table3 = require("@tanstack/react-table");
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 
 // src/components/DataGridCell.tsx
 var import_sortable = require("@dnd-kit/sortable");
@@ -6101,10 +6101,11 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 var import_react32 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react33 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_clsx35 = __toESM(require("clsx"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
@@ -6113,12 +6114,12 @@ var import_clsx36 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_clsx38 = __toESM(require("clsx"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var Pagination = ({
@@ -6130,7 +6131,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react35.useCallback)(
+  const goTo = (0, import_react36.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -6147,7 +6148,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react35.useMemo)(() => {
+  const pageTokens = (0, import_react36.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -6270,21 +6271,21 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx39 = __toESM(require("clsx"), 1);
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var EditingContext = (0, import_react38.createContext)(null);
+var EditingContext = (0, import_react39.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx41 = __toESM(require("clsx"), 1);
@@ -6418,11 +6419,11 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -6430,7 +6431,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx43 = __toESM(require("clsx"), 1);
@@ -6440,7 +6441,7 @@ var arrowButtonStyles = (0, import_clsx43.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
@@ -6519,7 +6520,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_runtime69.jsx)(import_react43.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react44.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

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

@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
 import "../../../chunk-7ZJIGTFN.js";
 import "../../../chunk-E3FOCECQ.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-AJGTMNW5.js";
+import "../../../chunk-XW4B4CUY.js";
 import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-YCDDBSVU.js";
-import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-S4XW2XZW.js";
+import "../../../chunk-65HTZ3R2.js";
+import "../../../chunk-JRNU5BZ4.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-YULGJORA.js";
 import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
 import "../../../chunk-4UGMSWWA.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-I3W5K76C.js";
-import "../../../chunk-6R5GQV6W.js";
+import "../../../chunk-ICJARSLG.js";
 import "../../../chunk-ZRFXUER3.js";
 import "../../../chunk-WVGXD7HT.js";
 import "../../../chunk-VXWSAIB5.js";

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

@@ -5913,10 +5913,11 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 var import_react32 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react33 = require("react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_clsx34 = __toESM(require("clsx"), 1);
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
@@ -5925,12 +5926,12 @@ var import_clsx35 = __toESM(require("clsx"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_clsx36 = __toESM(require("clsx"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var Pagination = ({
@@ -5942,7 +5943,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react35.useCallback)(
+  const goTo = (0, import_react36.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -5959,7 +5960,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react35.useMemo)(() => {
+  const pageTokens = (0, import_react36.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -6082,21 +6083,21 @@ var import_jsx_runtime55 = require("react/jsx-runtime");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx38 = __toESM(require("clsx"), 1);
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
-var EditingContext = (0, import_react38.createContext)(null);
+var EditingContext = (0, import_react39.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx40 = __toESM(require("clsx"), 1);
@@ -6230,11 +6231,11 @@ var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx41 = __toESM(require("clsx"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -6242,7 +6243,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
@@ -6252,7 +6253,7 @@ var arrowButtonStyles = (0, import_clsx42.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx43 = __toESM(require("clsx"), 1);
@@ -6264,7 +6265,7 @@ var import_clsx45 = __toESM(require("clsx"), 1);
 // src/components/DataGrid/TableBody/TableBodyRow.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
 var import_react_table3 = require("@tanstack/react-table");
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var valueFormatters = {
   date: (value) => typeof value === "string" ? formatDate(value) : "",
@@ -6337,7 +6338,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_runtime67.jsx)(import_react43.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react44.default.Fragment, { children: (0, import_react_table3.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,

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

@@ -5,11 +5,11 @@ import "../../../chunk-3UPUZBP5.js";
 import "../../../chunk-7ZJIGTFN.js";
 import "../../../chunk-E3FOCECQ.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-AJGTMNW5.js";
+import "../../../chunk-XW4B4CUY.js";
 import "../../../chunk-MBZ55T2D.js";
-import "../../../chunk-2IKT6IHB.js";
-import "../../../chunk-YCDDBSVU.js";
-import "../../../chunk-3X3Y4TMS.js";
+import "../../../chunk-S4XW2XZW.js";
+import "../../../chunk-65HTZ3R2.js";
+import "../../../chunk-JRNU5BZ4.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-YULGJORA.js";
 import "../../../chunk-Z2HPSFEQ.js";
@@ -47,7 +47,7 @@ import "../../../chunk-PABII472.js";
 import "../../../chunk-4UGMSWWA.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-I3W5K76C.js";
-import "../../../chunk-6R5GQV6W.js";
+import "../../../chunk-ICJARSLG.js";
 import "../../../chunk-ZRFXUER3.js";
 import "../../../chunk-WVGXD7HT.js";
 import "../../../chunk-VXWSAIB5.js";

package/dist/components/DataGrid/index.cjs

@@ -5052,10 +5052,11 @@ var import_jsx_runtime44 = require("react/jsx-runtime");
 var import_react28 = require("react");
 
 // src/components/ProductImagePreview/index.tsx
+var import_react29 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/CompactImagesPreview.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 
@@ -5064,12 +5065,12 @@ var import_clsx32 = __toESM(require("clsx"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/ListGroup.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_clsx33 = __toESM(require("clsx"), 1);
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/Pagination.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_clsx34 = __toESM(require("clsx"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var Pagination = ({
@@ -5081,7 +5082,7 @@ var Pagination = ({
   className,
   disabled
 }) => {
-  const goTo = (0, import_react31.useCallback)(
+  const goTo = (0, import_react32.useCallback)(
     (page) => {
       if (disabled) return;
       onPageChange(page);
@@ -5098,7 +5099,7 @@ var Pagination = ({
       goTo(currentPage + 1);
     }
   };
-  const pageTokens = (0, import_react31.useMemo)(() => {
+  const pageTokens = (0, import_react32.useMemo)(() => {
     if (totalPages <= 5) {
       return Array.from({ length: totalPages }, (_, i) => i + 1);
     }
@@ -5221,21 +5222,21 @@ var import_jsx_runtime50 = require("react/jsx-runtime");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/SearchResultImage/index.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/Alert.tsx
 var import_clsx35 = __toESM(require("clsx"), 1);
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/OrderCheckIcon.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/EditingContext.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var EditingContext = (0, import_react34.createContext)(null);
+var EditingContext = (0, import_react35.createContext)(null);
 
 // src/components/AccessCard.tsx
 var import_clsx37 = __toESM(require("clsx"), 1);
@@ -5369,11 +5370,11 @@ var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/AccessCardGroup.tsx
 var import_clsx38 = __toESM(require("clsx"), 1);
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/index.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"), 1);
 
@@ -5381,7 +5382,7 @@ var import_embla_carousel_autoplay = __toESM(require("embla-carousel-autoplay"),
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/EmblaCarousel/useSelectedSnapDisplay.ts
-var import_react36 = require("react");
+var import_react37 = require("react");
 
 // src/components/EmblaCarousel/ArrowButtons.tsx
 var import_clsx39 = __toESM(require("clsx"), 1);
@@ -5391,14 +5392,14 @@ var arrowButtonStyles = (0, import_clsx39.default)(
 );
 
 // src/components/EmblaCarousel/usePrevNextButtons.ts
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/components/EmblaCarousel/index.tsx
 var import_clsx40 = __toESM(require("clsx"), 1);
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/DataGrid/index.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __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");
@@ -5426,7 +5427,7 @@ function getSortIcon(sort, nextSort = false) {
 }
 
 // src/components/DataGrid/PinnedColumns.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 
 // src/components/DataGrid/TableBody/index.tsx
 var import_react_virtual = require("@tanstack/react-virtual");
@@ -5435,7 +5436,7 @@ var import_clsx43 = __toESM(require("clsx"), 1);
 // src/components/DataGrid/TableBody/TableBodyRow.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
 var import_react_table = require("@tanstack/react-table");
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var valueFormatters = {
   date: (value) => typeof value === "string" ? formatDate(value) : "",
@@ -5508,7 +5509,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_runtime63.jsx)(import_react39.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          return ((_d = cell.column.columnDef.meta) == null ? void 0 : _d.useCustomRenderer) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.default.Fragment, { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             CellElement,
             {
               id: id ? `${id}-row-${row.id}-cell-${cell.id}` : void 0,
@@ -5726,10 +5727,10 @@ function TableBody({
 }
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/index.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 
 // src/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function ColumnSelectorMenuOption({
   id,
@@ -5737,7 +5738,7 @@ function ColumnSelectorMenuOption({
   column,
   toggleColumnVisibility
 }) {
-  const [isVisible, setIsVisible] = (0, import_react40.useState)(column.getIsVisible());
+  const [isVisible, setIsVisible] = (0, import_react41.useState)(column.getIsVisible());
   const label = typeof column.columnDef.header === "string" ? column.columnDef.header : null;
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MenuOption, { id, testid, defaultChecked: isVisible, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     Checkbox,
@@ -5763,8 +5764,8 @@ function ColumnSelectorHeaderCell({
   toggleColumnVisibility,
   resetColumnVisibility
 }) {
-  const ref = (0, import_react41.useRef)(null);
-  const [show, setShow] = (0, import_react41.useState)(false);
+  const ref = (0, import_react42.useRef)(null);
+  const [show, setShow] = (0, import_react42.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     DataGridCell,
     {
@@ -5933,7 +5934,7 @@ function PinnedColumns(_a) {
                       header.id
                     );
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react42.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react43.default.Fragment, { children: ((_f = header.column.columnDef.meta) == null ? void 0 : _f.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DataGridCell, { type: "header", component: "checkbox", locked: true, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     Checkbox,
                     {
                       checked: allSelectedAcrossPages,
@@ -6014,25 +6015,25 @@ function DataGrid({
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
-  (0, import_react43.useImperativeHandle)(ref, () => ({
+  (0, import_react44.useImperativeHandle)(ref, () => ({
     getSavedLayout: () => {
       return getSavedLayout();
     }
   }));
-  const [localSorting, setLocalSorting] = (0, import_react43.useState)([]);
-  const [localColumnFilters, setLocalColumnFilters] = (0, import_react43.useState)([]);
-  const [localRowSelection, setLocalRowSelection] = (0, import_react43.useState)({});
-  const [hoveredRowId, setHoveredRowId] = (0, import_react43.useState)(null);
+  const [localSorting, setLocalSorting] = (0, import_react44.useState)([]);
+  const [localColumnFilters, setLocalColumnFilters] = (0, import_react44.useState)([]);
+  const [localRowSelection, setLocalRowSelection] = (0, import_react44.useState)({});
+  const [hoveredRowId, setHoveredRowId] = (0, import_react44.useState)(null);
   const {
     columns: tableColumns,
     setColumns: setTableColumns,
     getSavedLayout,
     resetToDefaults
   } = useTableLayout(columns, id != null ? id : testid);
-  const [columnOrder, setColumnOrder] = (0, import_react43.useState)(
+  const [columnOrder, setColumnOrder] = (0, import_react44.useState)(
     tableColumns.map((c) => c.id)
   );
-  const [columnVisibility, setColumnVisibility] = (0, import_react43.useState)(
+  const [columnVisibility, setColumnVisibility] = (0, import_react44.useState)(
     Object.fromEntries(
       tableColumns.filter((column) => !!column.id).map((column) => {
         var _a2, _b2;
@@ -6040,7 +6041,7 @@ function DataGrid({
       })
     )
   );
-  const updateColumnVisibility = (0, import_react43.useCallback)(
+  const updateColumnVisibility = (0, import_react44.useCallback)(
     (updateOrder) => {
       setColumnVisibility(
         Object.fromEntries(
@@ -6054,10 +6055,10 @@ function DataGrid({
     },
     [tableColumns]
   );
-  const resetDefaultColumnVisibility = (0, import_react43.useCallback)(() => {
+  const resetDefaultColumnVisibility = (0, import_react44.useCallback)(() => {
     resetToDefaults();
   }, [resetToDefaults]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     updateColumnVisibility(true);
   }, [updateColumnVisibility]);
   const sortingState = pagination ? externalSorting != null ? externalSorting : localSorting : localSorting;
@@ -6073,7 +6074,7 @@ function DataGrid({
     (onColumnFiltersChange != null ? onColumnFiltersChange : setLocalColumnFilters)(value);
   } : setLocalColumnFilters;
   const rowSelection = externalRowSelection != null ? externalRowSelection : localRowSelection;
-  const setRowSelection = (0, import_react43.useCallback)(
+  const setRowSelection = (0, import_react44.useCallback)(
     (updaterOrValue) => {
       if (pagination) {
         const value = typeof updaterOrValue === "function" ? updaterOrValue(externalRowSelection != null ? externalRowSelection : {}) : updaterOrValue;
@@ -6087,9 +6088,9 @@ function DataGrid({
     },
     [externalRowSelection, onRowSelectionChange, pagination]
   );
-  const dndId = (0, import_react43.useId)();
-  const containerRef = import_react43.default.useRef(null);
-  const toggleColumnVisibility = (0, import_react43.useCallback)(
+  const dndId = (0, import_react44.useId)();
+  const containerRef = import_react44.default.useRef(null);
+  const toggleColumnVisibility = (0, import_react44.useCallback)(
     (columnId, isVisible) => {
       setTableColumns((prev) => {
         const newColumns = prev.map((col) => {
@@ -6347,7 +6348,7 @@ function DataGrid({
                                     header.id
                                   );
                                 }
-                                return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react44.default.Fragment, { children: ((_e2 = header.column.columnDef.meta) == null ? void 0 : _e2.checkbox) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                                   DataGridCell,
                                   {
                                     id: id ? `${id}-header-${header.id}` : void 0,

package/dist/components/DataGrid/index.js

@@ -7,11 +7,11 @@ import "../../chunk-3UPUZBP5.js";
 import "../../chunk-7ZJIGTFN.js";
 import "../../chunk-E3FOCECQ.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-AJGTMNW5.js";
+import "../../chunk-XW4B4CUY.js";
 import "../../chunk-MBZ55T2D.js";
-import "../../chunk-2IKT6IHB.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
+import "../../chunk-S4XW2XZW.js";
+import "../../chunk-65HTZ3R2.js";
+import "../../chunk-JRNU5BZ4.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-YULGJORA.js";
 import "../../chunk-Z2HPSFEQ.js";
@@ -49,7 +49,7 @@ import "../../chunk-PABII472.js";
 import "../../chunk-4UGMSWWA.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-I3W5K76C.js";
-import "../../chunk-6R5GQV6W.js";
+import "../../chunk-ICJARSLG.js";
 import "../../chunk-ZRFXUER3.js";
 import "../../chunk-WVGXD7HT.js";
 import "../../chunk-VXWSAIB5.js";