@pdg/react-table 1.0.28 → 1.0.29

package/dist/Table/Table.types.d.ts

@@ -48,6 +48,7 @@ export interface TableColumn<T = TableItem> {
     onInitChecked?(item: T): boolean;
     onCheckDisabled?(item: T): boolean;
     onCheckChange?(item: T, checked: boolean): void;
+    onCheckDisabledChange?(item: T, checkDisabled: boolean): void;
 }
 export interface TableProps<T = TableItem> extends CommonSxProps {
     columns?: (TableColumn<T> | false | undefined | null)[];

package/dist/TableBodyCell/TableBodyCell.types.d.ts

@@ -1,7 +1,7 @@
 import { TableColumn, TableItem, TableProps } from '../Table/Table.types';
 export interface TableBodyCellCommands {
-    setCheckDisabled(disabled: boolean): void;
     setChecked(checked: boolean): void;
+    setCheckDisabled(disabled: boolean): void;
 }
 export interface TableBodyCellProps {
     index: number;

package/dist/TableHeadCell/TableHeadCell.types.d.ts

@@ -1,6 +1,7 @@
 import { TableColumn, TableProps } from '../Table/Table.types';
 export interface TableHeadCellCommands {
     setChecked(checked: boolean): void;
+    setCheckDisabled(checkDisabled: boolean): void;
 }
 export interface TableHeadCellProps {
     column: TableColumn;

package/dist/index.esm.js

@@ -8515,9 +8515,17 @@ var TableBodyCell = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [checked]);
+    useEffect(function () {
+        if (column.type === 'check') {
+            setItemColumnChecked(item, column, checked);
+            column.onCheckChange && column.onCheckChange(item, checked);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [checked]);
     useEffect(function () {
         if (column.type === 'check') {
             setItemColumnCheckDisabled(item, column, checkDisabled);
+            column.onCheckDisabledChange && column.onCheckDisabledChange(item, checkDisabled);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [checkDisabled]);
@@ -8652,6 +8660,7 @@ TableBodyRow.defaultProps = TableBodyRowDefaultProps;var TableHeadCell = functio
     var _b = useTableState(), setHeadColumnChecked = _b.setHeadColumnChecked, setHeadColumnCommands = _b.setHeadColumnCommands;
     // State -------------------------------------------------------------------------------------------------------------
     var _c = useState(false), checked = _c[0], setChecked = _c[1];
+    var _d = useState(false), checkDisabled = _d[0], setCheckDisabled = _d[1];
     // Effect ------------------------------------------------------------------------------------------------------------
     useEffect(function () {
         if (column.type === 'check') {
@@ -8665,13 +8674,18 @@ TableBodyRow.defaultProps = TableBodyRowDefaultProps;var TableHeadCell = functio
                     setChecked(checked);
                 }
             },
+            setCheckDisabled: function (checkDisabled) {
+                if (column.type === 'check') {
+                    setCheckDisabled(checkDisabled);
+                }
+            },
         });
     }, [setHeadColumnCommands, column]);
     // Memo --------------------------------------------------------------------------------------------------------------
     var data = useMemo(function () {
         var _a, _b;
         if (column.type === 'check') {
-            return (React__default.createElement(Checkbox, { checked: checked, onChange: function (e, newChecked) {
+            return (React__default.createElement(Checkbox, { checked: checked, disabled: checkDisabled, onChange: function (e, newChecked) {
                     setChecked(newChecked);
                     onCheckChange && onCheckChange(column, newChecked);
                 } }));
@@ -8684,7 +8698,7 @@ TableBodyRow.defaultProps = TableBodyRowDefaultProps;var TableHeadCell = functio
                 return column.label;
             }
         }
-    }, [checked, column, onCheckChange]);
+    }, [checkDisabled, checked, column, onCheckChange]);
     // Render ------------------------------------------------------------------------------------------------------------
     return (React__default.createElement(TableCommonCell, { type: 'head', className: 'TableHeadCell', column: column, defaultAlign: defaultAlign }, data));
 };var TableFooterCell = function (_a) {
@@ -8944,17 +8958,27 @@ var Table = React__default.forwardRef(function (_a, ref) {
         var headColumnData = localHeaderDataRef.current[column.id];
         if (headColumnData) {
             updateHeadCheckTimer.current = setTimeout(function () {
-                var _a;
+                var _a, _b;
                 updateHeadCheckTimer.current = undefined;
-                var allChecked = !Object.keys(localBodyDataRef.current).find(function (key) {
+                var enabledCheckExists = !!Object.keys(localBodyDataRef.current).find(function (key) {
                     var columnData = localBodyDataRef.current[key].columns[column.id];
                     if (columnData) {
                         if (!columnData.checkDisabled) {
-                            return !columnData.checked;
+                            return true;
                         }
                     }
                 });
-                (_a = headColumnData.commands) === null || _a === void 0 ? void 0 : _a.setChecked(allChecked);
+                var allChecked = enabledCheckExists &&
+                    !Object.keys(localBodyDataRef.current).find(function (key) {
+                        var columnData = localBodyDataRef.current[key].columns[column.id];
+                        if (columnData) {
+                            if (!columnData.checkDisabled) {
+                                return !columnData.checked;
+                            }
+                        }
+                    });
+                (_a = headColumnData.commands) === null || _a === void 0 ? void 0 : _a.setCheckDisabled(!enabledCheckExists);
+                (_b = headColumnData.commands) === null || _b === void 0 ? void 0 : _b.setChecked(allChecked);
             }, 100);
         }
     }, []);
@@ -9176,8 +9200,9 @@ var Table = React__default.forwardRef(function (_a, ref) {
         var data = (_a = localBodyDataRef.current[item.id]) === null || _a === void 0 ? void 0 : _a.columns[column.id];
         if (data) {
             data.checkDisabled = disabled;
+            updateHeadCheck(column);
         }
-    }, []);
+    }, [updateHeadCheck]);
     var TableContextSetItemColumnCommands = useCallback(function (item, column, commands) {
         var _a;
         var data = (_a = localBodyDataRef.current[item.id]) === null || _a === void 0 ? void 0 : _a.columns[column.id];