@ceed/ads 1.32.1-next.1 → 1.32.1

package/dist/index.cjs

@@ -3793,9 +3793,8 @@ var StyledTableRow2 = (0, import_joy32.styled)("tr", {
 var VirtualizedTableRow = (0, import_react24.memo)(StyledTableRow2, (prevProps, nextProps) => {
   return prevProps.striped === nextProps.striped && prevProps.style?.height === nextProps.style?.height && prevProps.style?.transform === nextProps.style?.transform && // @ts-ignore
   prevProps["data-row-id"] === nextProps["data-row-id"] && // @ts-ignore
-  prevProps["data-index"] === nextProps["data-index"] && prevProps.tabIndex === nextProps.tabIndex && prevProps["aria-checked"] === nextProps["aria-checked"] && // Track column structure changes (e.g. isCellEditable toggled, columns added/removed)
-  // @ts-ignore
-  prevProps["data-columns-key"] === nextProps["data-columns-key"];
+  prevProps["data-index"] === nextProps["data-index"] && prevProps.tabIndex === nextProps.tabIndex && prevProps["aria-checked"] === nextProps["aria-checked"] && // Include children check to handle isCellEditable changes
+  prevProps.children === nextProps.children;
 });
 
 // src/components/DataTable/hooks.ts
@@ -4502,15 +4501,6 @@ Pagination.displayName = "Pagination";
 var Pagination_default = Pagination;
 
 // src/components/DataTable/DataTable.tsx
-var _columnsVersionCache = /* @__PURE__ */ new WeakMap();
-var _columnsVersionCounter = 0;
-function getColumnsVersion(columns) {
-  if (!_columnsVersionCache.has(columns)) {
-    _columnsVersionCache.set(columns, ++_columnsVersionCounter);
-  }
-  return _columnsVersionCache.get(columns);
-}
-var EMPTY_CHECKBOX_PROPS = {};
 function Component(props, apiRef) {
   const {
     rows,
@@ -4558,7 +4548,7 @@ function Component(props, apiRef) {
       noRowsOverlay: NoRowsOverlay = DefaultNoRowsOverlay
     } = {},
     slotProps: {
-      checkbox: checkboxProps = EMPTY_CHECKBOX_PROPS,
+      checkbox: checkboxProps = {},
       toolbar: toolbarProps,
       background: backgroundProps = {},
       noRowsOverlay: noRowsOverlayProps = {}
@@ -4606,28 +4596,6 @@ function Component(props, apiRef) {
     overscan: 10
   });
   const paginationModel = (0, import_react28.useMemo)(() => ({ page, pageSize }), [page, pageSize]);
-  const columnsKey = getColumnsVersion(columns);
-  const headerCheckboxElement = (0, import_react28.useMemo)(
-    () => /* @__PURE__ */ import_react28.default.createElement(
-      RenderCheckbox,
-      {
-        onChange: onAllCheckboxChange,
-        checked: isAllSelected,
-        indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-        disabled: dataInPage.length > 0 && !selectableRowCount,
-        ...checkboxProps
-      }
-    ),
-    [
-      RenderCheckbox,
-      onAllCheckboxChange,
-      isAllSelected,
-      selectionModel,
-      selectableRowCount,
-      dataInPage.length,
-      checkboxProps
-    ]
-  );
   const totalSize = virtualizer.getTotalSize();
   const virtualizedItems = virtualizer.getVirtualItems();
   const showNoRowsOverlay = !loading && rowCount === 0;
@@ -4832,7 +4800,16 @@ function Component(props, apiRef) {
             verticalAlign: "middle"
           }
         },
-        headerCheckboxElement
+        /* @__PURE__ */ import_react28.default.createElement(
+          RenderCheckbox,
+          {
+            onChange: onAllCheckboxChange,
+            checked: isAllSelected,
+            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+            disabled: dataInPage.length > 0 && !selectableRowCount,
+            ...checkboxProps
+          }
+        )
       ), level > 0 && Array.from({ length: levelGroups[0]?.startIndex || 0 }).map((_2, i) => /* @__PURE__ */ import_react28.default.createElement("th", { key: `empty-${level}-${i}` })), levelGroups.filter((g) => g.colspan > 0).map((group, groupIndex) => {
         const nextGroup = levelGroups[groupIndex + 1];
         const emptyCells = nextGroup ? nextGroup.startIndex - (group.startIndex + group.colspan) : columns.length - (group.startIndex + group.colspan);
@@ -4859,7 +4836,16 @@ function Component(props, apiRef) {
             textAlign: "center"
           }
         },
-        headerCheckboxElement
+        /* @__PURE__ */ import_react28.default.createElement(
+          RenderCheckbox,
+          {
+            onChange: onAllCheckboxChange,
+            checked: isAllSelected,
+            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+            disabled: dataInPage.length > 0 && !selectableRowCount,
+            ...checkboxProps
+          }
+        )
       ), columns.map((c, i) => (
         // @ts-ignore
         /* @__PURE__ */ import_react28.default.createElement(
@@ -4930,7 +4916,6 @@ function Component(props, apiRef) {
               key: virtualizedRow.key,
               "data-row-id": rowId,
               "data-index": rowIndex,
-              "data-columns-key": columnsKey,
               "aria-rowindex": rowIndex + 1,
               role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
               tabIndex: focusedRowId === rowId ? 0 : -1,

package/dist/index.js

@@ -3668,9 +3668,8 @@ var StyledTableRow2 = styled12("tr", {
 var VirtualizedTableRow = memo(StyledTableRow2, (prevProps, nextProps) => {
   return prevProps.striped === nextProps.striped && prevProps.style?.height === nextProps.style?.height && prevProps.style?.transform === nextProps.style?.transform && // @ts-ignore
   prevProps["data-row-id"] === nextProps["data-row-id"] && // @ts-ignore
-  prevProps["data-index"] === nextProps["data-index"] && prevProps.tabIndex === nextProps.tabIndex && prevProps["aria-checked"] === nextProps["aria-checked"] && // Track column structure changes (e.g. isCellEditable toggled, columns added/removed)
-  // @ts-ignore
-  prevProps["data-columns-key"] === nextProps["data-columns-key"];
+  prevProps["data-index"] === nextProps["data-index"] && prevProps.tabIndex === nextProps.tabIndex && prevProps["aria-checked"] === nextProps["aria-checked"] && // Include children check to handle isCellEditable changes
+  prevProps.children === nextProps.children;
 });
 
 // src/components/DataTable/hooks.ts
@@ -4377,15 +4376,6 @@ Pagination.displayName = "Pagination";
 var Pagination_default = Pagination;
 
 // src/components/DataTable/DataTable.tsx
-var _columnsVersionCache = /* @__PURE__ */ new WeakMap();
-var _columnsVersionCounter = 0;
-function getColumnsVersion(columns) {
-  if (!_columnsVersionCache.has(columns)) {
-    _columnsVersionCache.set(columns, ++_columnsVersionCounter);
-  }
-  return _columnsVersionCache.get(columns);
-}
-var EMPTY_CHECKBOX_PROPS = {};
 function Component(props, apiRef) {
   const {
     rows,
@@ -4433,7 +4423,7 @@ function Component(props, apiRef) {
       noRowsOverlay: NoRowsOverlay = DefaultNoRowsOverlay
     } = {},
     slotProps: {
-      checkbox: checkboxProps = EMPTY_CHECKBOX_PROPS,
+      checkbox: checkboxProps = {},
       toolbar: toolbarProps,
       background: backgroundProps = {},
       noRowsOverlay: noRowsOverlayProps = {}
@@ -4481,28 +4471,6 @@ function Component(props, apiRef) {
     overscan: 10
   });
   const paginationModel = useMemo10(() => ({ page, pageSize }), [page, pageSize]);
-  const columnsKey = getColumnsVersion(columns);
-  const headerCheckboxElement = useMemo10(
-    () => /* @__PURE__ */ React25.createElement(
-      RenderCheckbox,
-      {
-        onChange: onAllCheckboxChange,
-        checked: isAllSelected,
-        indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-        disabled: dataInPage.length > 0 && !selectableRowCount,
-        ...checkboxProps
-      }
-    ),
-    [
-      RenderCheckbox,
-      onAllCheckboxChange,
-      isAllSelected,
-      selectionModel,
-      selectableRowCount,
-      dataInPage.length,
-      checkboxProps
-    ]
-  );
   const totalSize = virtualizer.getTotalSize();
   const virtualizedItems = virtualizer.getVirtualItems();
   const showNoRowsOverlay = !loading && rowCount === 0;
@@ -4707,7 +4675,16 @@ function Component(props, apiRef) {
             verticalAlign: "middle"
           }
         },
-        headerCheckboxElement
+        /* @__PURE__ */ React25.createElement(
+          RenderCheckbox,
+          {
+            onChange: onAllCheckboxChange,
+            checked: isAllSelected,
+            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+            disabled: dataInPage.length > 0 && !selectableRowCount,
+            ...checkboxProps
+          }
+        )
       ), level > 0 && Array.from({ length: levelGroups[0]?.startIndex || 0 }).map((_2, i) => /* @__PURE__ */ React25.createElement("th", { key: `empty-${level}-${i}` })), levelGroups.filter((g) => g.colspan > 0).map((group, groupIndex) => {
         const nextGroup = levelGroups[groupIndex + 1];
         const emptyCells = nextGroup ? nextGroup.startIndex - (group.startIndex + group.colspan) : columns.length - (group.startIndex + group.colspan);
@@ -4734,7 +4711,16 @@ function Component(props, apiRef) {
             textAlign: "center"
           }
         },
-        headerCheckboxElement
+        /* @__PURE__ */ React25.createElement(
+          RenderCheckbox,
+          {
+            onChange: onAllCheckboxChange,
+            checked: isAllSelected,
+            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+            disabled: dataInPage.length > 0 && !selectableRowCount,
+            ...checkboxProps
+          }
+        )
       ), columns.map((c, i) => (
         // @ts-ignore
         /* @__PURE__ */ React25.createElement(
@@ -4805,7 +4791,6 @@ function Component(props, apiRef) {
               key: virtualizedRow.key,
               "data-row-id": rowId,
               "data-index": rowIndex,
-              "data-columns-key": columnsKey,
               "aria-rowindex": rowIndex + 1,
               role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
               tabIndex: focusedRowId === rowId ? 0 : -1,