beautiful-grid 1.0.6 → 1.0.7

package/cjs/components/TableHeadColumn.js

@@ -58,6 +58,7 @@ function TableHeadColumn(_a) {
     var setActiveToolbox = (0, store_1.useAppStore)(function (s) { return s.setActiveToolbox; });
     var globalIcons = (0, store_1.useAppStore)(function (s) { return s.icons; });
     var columnVisibilityState = (0, store_1.useAppStore)(function (s) { return s.columnVisibilityState; });
+    var disabled = (0, store_1.useAppStore)(function (s) { return s.disabled; });
     var columnId = (_b = column.columnId) !== null && _b !== void 0 ? _b : (0, utils_1.getColumnId)(column);
     var buttonRef = (0, react_1.useRef)(null);
     var reactId = React.useId().replace(/:/g, '');
@@ -65,7 +66,7 @@ function TableHeadColumn(_a) {
     var dialogId = "bgrid-toolbox-dialog-".concat(reactId);
     var visibilityItem = columnVisibilityState === null || columnVisibilityState === void 0 ? void 0 : columnVisibilityState.items.find(function (item) { return item.columnId === columnId; });
     var isVisibilityMenuEnabled = !!columnVisibilityState && (!!(visibilityItem === null || visibilityItem === void 0 ? void 0 : visibilityItem.hideable) || columnVisibilityState.items.some(function (item) { return item.hidden; }));
-    var isToolboxEnabled = !!column.toolbox || isVisibilityMenuEnabled;
+    var isToolboxEnabled = !disabled && (!!column.toolbox || isVisibilityMenuEnabled);
     var isToolboxOpen = activeToolboxColumnId === columnId;
     var columnIcons = typeof column.toolbox === 'object' ? column.toolbox.icons : undefined;
     var hasCheckboxHeader = ((_c = column.editor) === null || _c === void 0 ? void 0 : _c.type) === 'checkbox' && !!column.editor.header;
@@ -73,7 +74,8 @@ function TableHeadColumn(_a) {
         hasCheckboxHeader && React.createElement(CheckboxHeaderControl_1.CheckboxHeaderControl, { column: column, columnIndex: columnIndex }),
         React.createElement("span", { className: 'bgrid-head-column-label-text' }, column.label)));
     // Check sort status
-    var activeSortParam = (_d = dataQuery === null || dataQuery === void 0 ? void 0 : dataQuery.sortParams.find(function (s) { var _a; return ((_a = s.columnId) !== null && _a !== void 0 ? _a : s.key) === columnId; })) !== null && _d !== void 0 ? _d : ((sortParams === null || sortParams === void 0 ? void 0 : sortParams[columnId]) || (column.key ? sortParams === null || sortParams === void 0 ? void 0 : sortParams[Array.isArray(column.key) ? column.key.join('.') : column.key] : undefined));
+    var activeSortParam = (_d = dataQuery === null || dataQuery === void 0 ? void 0 : dataQuery.sortParams.find(function (s) { var _a; return ((_a = s.columnId) !== null && _a !== void 0 ? _a : s.key) === columnId; })) !== null && _d !== void 0 ? _d : ((sortParams === null || sortParams === void 0 ? void 0 : sortParams[columnId]) ||
+        (column.key ? sortParams === null || sortParams === void 0 ? void 0 : sortParams[Array.isArray(column.key) ? column.key.join('.') : column.key] : undefined));
     var isAsc = (activeSortParam === null || activeSortParam === void 0 ? void 0 : activeSortParam.orderBy) === 'asc';
     var isDesc = (activeSortParam === null || activeSortParam === void 0 ? void 0 : activeSortParam.orderBy) === 'desc';
     var sortIndex = activeSortParam && dataQuery && dataQuery.sortParams.length > 1
@@ -94,28 +96,28 @@ function TableHeadColumn(_a) {
         tooltipParts.push('필터 적용됨');
     var tooltip = tooltipParts.length > 0 ? tooltipParts.join(', ') : '컬럼 옵션 열기';
     // Resolve icons with hierarchy (column -> global -> default)
-    var sortAscIcon = (_f = (_e = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortAsc) !== null && _e !== void 0 ? _e : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortAsc) !== null && _f !== void 0 ? _f : (React.createElement("svg", { viewBox: "0 0 16 16", width: "10", height: "10", fill: "currentColor" },
-        React.createElement("path", { d: "M3 11.5L8 4l5 7.5H3z" })));
-    var sortDescIcon = (_h = (_g = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortDesc) !== null && _g !== void 0 ? _g : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortDesc) !== null && _h !== void 0 ? _h : (React.createElement("svg", { viewBox: "0 0 16 16", width: "10", height: "10", fill: "currentColor" },
-        React.createElement("path", { d: "M3 4.5L8 12l5-7.5H3z" })));
-    var filterIcon = (_k = (_j = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filter) !== null && _j !== void 0 ? _j : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filter) !== null && _k !== void 0 ? _k : (React.createElement("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "currentColor", className: "bgrid-filter-icon" },
-        React.createElement("path", { d: "M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z" })));
-    var filterBadgeIcon = (_m = (_l = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filterBadge) !== null && _l !== void 0 ? _l : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filterBadge) !== null && _m !== void 0 ? _m : (React.createElement("svg", { viewBox: "0 0 16 16", width: "10", height: "10", fill: "currentColor", className: "bgrid-filter-badge-icon" },
-        React.createElement("path", { d: "M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z" })));
-    var dropdownIcon = (_p = (_o = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.dropdown) !== null && _o !== void 0 ? _o : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.dropdown) !== null && _p !== void 0 ? _p : (React.createElement("svg", { viewBox: "0 0 16 16", width: "10", height: "10", fill: "currentColor", className: "bgrid-dropdown-arrow" },
-        React.createElement("path", { d: "M3 6l5 5 5-5H3z" })));
+    var sortAscIcon = (_f = (_e = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortAsc) !== null && _e !== void 0 ? _e : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortAsc) !== null && _f !== void 0 ? _f : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
+        React.createElement("path", { d: 'M3 11.5L8 4l5 7.5H3z' })));
+    var sortDescIcon = (_h = (_g = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.sortDesc) !== null && _g !== void 0 ? _g : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.sortDesc) !== null && _h !== void 0 ? _h : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor' },
+        React.createElement("path", { d: 'M3 4.5L8 12l5-7.5H3z' })));
+    var filterIcon = (_k = (_j = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filter) !== null && _j !== void 0 ? _j : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filter) !== null && _k !== void 0 ? _k : (React.createElement("svg", { viewBox: '0 0 16 16', width: '12', height: '12', fill: 'currentColor', className: 'bgrid-filter-icon' },
+        React.createElement("path", { d: 'M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z' })));
+    var filterBadgeIcon = (_m = (_l = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.filterBadge) !== null && _l !== void 0 ? _l : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.filterBadge) !== null && _m !== void 0 ? _m : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-filter-badge-icon' },
+        React.createElement("path", { d: 'M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.293V13.5a.5.5 0 0 1-.74.439l-2.5-1.5A.5.5 0 0 1 6.5 12V8.293L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z' })));
+    var dropdownIcon = (_p = (_o = columnIcons === null || columnIcons === void 0 ? void 0 : columnIcons.dropdown) !== null && _o !== void 0 ? _o : globalIcons === null || globalIcons === void 0 ? void 0 : globalIcons.dropdown) !== null && _p !== void 0 ? _p : (React.createElement("svg", { viewBox: '0 0 16 16', width: '10', height: '10', fill: 'currentColor', className: 'bgrid-dropdown-arrow' },
+        React.createElement("path", { d: 'M3 6l5 5 5-5H3z' })));
     if (isToolboxEnabled) {
-        return (React.createElement("div", { className: "bgrid-head-cell-wrapper" },
-            React.createElement("span", { className: "bgrid-head-column-label bgrid-column-drag-handle" }, headerLabel),
-            React.createElement("button", { ref: buttonRef, id: triggerId, type: "button", "aria-haspopup": "dialog", "aria-expanded": isToolboxOpen, "aria-controls": dialogId, "aria-label": "".concat(String(column.label || columnId), " \uCEEC\uB7FC \uBA54\uB274"), title: tooltip, className: "bgrid-toolbox-trigger-btn ".concat(isToolboxOpen ? 'active' : '', " ").concat(isFiltered ? 'is-filtered' : '', " ").concat(isAsc || isDesc ? 'is-sorted' : ''), onClick: function (e) {
+        return (React.createElement("div", { className: 'bgrid-head-cell-wrapper' },
+            React.createElement("span", { className: 'bgrid-head-column-label bgrid-column-drag-handle' }, headerLabel),
+            React.createElement("button", { ref: buttonRef, id: triggerId, type: 'button', "aria-haspopup": 'dialog', "aria-expanded": isToolboxOpen, "aria-controls": dialogId, "aria-label": "".concat(String(column.label || columnId), " \uCEEC\uB7FC \uBA54\uB274"), title: tooltip, className: "bgrid-toolbox-trigger-btn ".concat(isToolboxOpen ? 'active' : '', " ").concat(isFiltered ? 'is-filtered' : '', " ").concat(isAsc || isDesc ? 'is-sorted' : ''), onClick: function (e) {
                     e.preventDefault();
                     e.stopPropagation();
                     setActiveToolbox(isToolboxOpen ? null : columnId);
                 }, onMouseDown: function (e) { return e.stopPropagation(); }, onPointerEnter: function () { return void loadTableHeadToolbox(); }, onFocus: function () { return void loadTableHeadToolbox(); } },
-                isFiltered && (isAsc || isDesc) ? (React.createElement("span", { className: "bgrid-icon-combo" },
+                isFiltered && (isAsc || isDesc) ? (React.createElement("span", { className: 'bgrid-icon-combo' },
                     isAsc ? sortAscIcon : sortDescIcon,
                     filterBadgeIcon)) : isFiltered ? (filterIcon) : isAsc ? (sortAscIcon) : isDesc ? (sortDescIcon) : (dropdownIcon),
-                sortIndex && React.createElement("span", { className: "bgrid-sort-index-badge" }, sortIndex)),
+                sortIndex && React.createElement("span", { className: 'bgrid-sort-index-badge' }, sortIndex)),
             isToolboxOpen && (React.createElement(React.Suspense, { fallback: null },
                 React.createElement(LazyTableHeadToolbox, { anchorEl: buttonRef.current, column: column, columnId: columnId, columnIndex: columnIndex, dialogId: dialogId, triggerId: triggerId, onClose: function () { return setActiveToolbox(null); } })))));
     }
@@ -124,7 +126,7 @@ function TableHeadColumn(_a) {
         return (React.createElement("div", { className: 'bgrid-head-column' },
             React.createElement("span", { className: 'bgrid-head-column-label bgrid-column-drag-handle' }, headerLabel),
             React.createElement("span", { className: 'bgrid-sorter', "data-sort": activeSortParam === null || activeSortParam === void 0 ? void 0 : activeSortParam.orderBy }),
-            activeSortParam && sortIndex && (React.createElement("div", { className: 'bgrid-sort-order' }, sortIndex))));
+            activeSortParam && sortIndex && React.createElement("div", { className: 'bgrid-sort-order' }, sortIndex)));
     }
     return (React.createElement("div", { className: 'bgrid-head-column' },
         React.createElement("span", { className: 'bgrid-head-column-label bgrid-column-drag-handle' }, headerLabel)));

package/cjs/components/TableHeadFrozen.js

@@ -87,7 +87,8 @@ function TableHeadFrozen(_a) {
         frozenColumnIndex: s.frozenColumnIndex,
         columnResizing: s.columnResizing,
         columnSortable: s.columnSortable,
-    }); })), sort = _b.sort, dataControl = _b.dataControl, headerHeight = _b.headerHeight, columns = _b.columns, columnsGroup = _b.columnsGroup, columnGroups = _b.columnGroups, frozenColumnIndex = _b.frozenColumnIndex, columnResizing = _b.columnResizing, columnSortable = _b.columnSortable;
+        disabled: s.disabled,
+    }); })), sort = _b.sort, dataControl = _b.dataControl, headerHeight = _b.headerHeight, columns = _b.columns, columnsGroup = _b.columnsGroup, columnGroups = _b.columnGroups, frozenColumnIndex = _b.frozenColumnIndex, columnResizing = _b.columnResizing, columnSortable = _b.columnSortable, disabled = _b.disabled;
     // [Selector Group 2] Selection State - 선택 상태
     var _c = (0, store_1.useAppStore)((0, shallow_1.useShallow)(function (s) { return ({
         rowChecked: s.rowChecked,
@@ -114,7 +115,7 @@ function TableHeadFrozen(_a) {
     var nestedGroupsActive = columnGroups.length > 0;
     var handleSorted = React.useCallback(function () { return setSorted(true); }, []);
     (0, useColumnSortable_1.useColumnSortable)({
-        enabled: !!columnSortable && !sorted,
+        enabled: !disabled && !!columnSortable && !sorted,
         tbodyRef: tbodyRef,
         columnsTable: columnsTable,
         nestedGroupsActive: nestedGroupsActive,
@@ -132,25 +133,22 @@ function TableHeadFrozen(_a) {
         React.createElement("tbody", { role: 'rfdg-head-frozen', ref: tbodyRef }, columnsTable.map(function (row, ri) {
             return (React.createElement("tr", { key: ri, "data-columns-tr": ri },
                 ri === 0 && showLineNumber && (React.createElement(TableHead_1.HeadTd, { className: ['rfdg-tr-line-number', !rowChecked ? 'bordered' : ''].filter(Boolean).join(' '), rowSpan: columnsTable.length, bottomBorder: true }, "\u00A0")),
-                ri === 0 && !!rowChecked && (React.createElement(TableHead_1.HeadTd, { rowSpan: columnsTable.length, className: 'bordered', bottomBorder: true }, !(rowChecked === null || rowChecked === void 0 ? void 0 : rowChecked.isRadio) && (React.createElement(RowSelector_1.default, { checked: checkedAll === true, indeterminate: checkedAll === 'indeterminate', handleChange: function (checked) {
+                ri === 0 && !!rowChecked && (React.createElement(TableHead_1.HeadTd, { rowSpan: columnsTable.length, className: 'bordered', bottomBorder: true }, !(rowChecked === null || rowChecked === void 0 ? void 0 : rowChecked.isRadio) && (React.createElement(RowSelector_1.default, { checked: checkedAll === true, indeterminate: checkedAll === 'indeterminate', disabled: !!disabled, handleChange: function (checked) {
                         setCheckedAll(checked);
                     } })))),
                 row.map(function (c) {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                     if (c.type === 'group') {
                         return (React.createElement(TableHead_1.HeadGroupTd, { key: c.key, "data-column-index": c.startColumnIndex, "data-group-id": c.groupId, "data-header-cell-type": 'group', "data-bgrid-axis-selectable": 'true', colSpan: c.colSpan, className: [
-                                columnSortable && !nestedGroupsActive ? 'drag-item' : '',
+                                !disabled && columnSortable && !nestedGroupsActive ? 'drag-item' : '',
                                 (_a = c.className) !== null && _a !== void 0 ? _a : '',
                             ]
                                 .filter(Boolean)
                                 .join(' '), style: __assign(__assign({}, c.headerStyle), { textAlign: (_d = (_b = c.headerAlign) !== null && _b !== void 0 ? _b : (_c = c.headerStyle) === null || _c === void 0 ? void 0 : _c.textAlign) !== null && _d !== void 0 ? _d : 'center' }) },
                             React.createElement("span", { className: 'bgrid-column-drag-handle' }, c.label)));
                     }
-                    var sortEnabled = !((_e = c.column) === null || _e === void 0 ? void 0 : _e.sortDisable) && (!!sort || !!dataControl);
-                    return (React.createElement(TableHead_1.HeadTd, { "data-column-index": c.columnIndex, "data-header-cell-type": 'column', "data-bgrid-axis-selectable": !sortEnabled ? 'true' : undefined, "data-parent-group-id": c.parentGroupId, key: c.key, rowSpan: c.rowSpan, bottomBorder: (0, TableHead_1.isHeadCellOnBottomRow)(ri, c.rowSpan, columnsTable.length), style: __assign(__assign({}, c.headerStyle), { textAlign: (_h = (_f = c.headerAlign) !== null && _f !== void 0 ? _f : (_g = c.headerStyle) === null || _g === void 0 ? void 0 : _g.textAlign) !== null && _h !== void 0 ? _h : 'center' }), className: [
-                            columnSortable ? 'drag-item' : '',
-                            (_j = c.className) !== null && _j !== void 0 ? _j : '',
-                        ]
+                    var sortEnabled = !disabled && !((_e = c.column) === null || _e === void 0 ? void 0 : _e.sortDisable) && (!!sort || !!dataControl);
+                    return (React.createElement(TableHead_1.HeadTd, { "data-column-index": c.columnIndex, "data-header-cell-type": 'column', "data-bgrid-axis-selectable": !sortEnabled ? 'true' : undefined, "data-parent-group-id": c.parentGroupId, key: c.key, rowSpan: c.rowSpan, bottomBorder: (0, TableHead_1.isHeadCellOnBottomRow)(ri, c.rowSpan, columnsTable.length), style: __assign(__assign({}, c.headerStyle), { textAlign: (_h = (_f = c.headerAlign) !== null && _f !== void 0 ? _f : (_g = c.headerStyle) === null || _g === void 0 ? void 0 : _g.textAlign) !== null && _h !== void 0 ? _h : 'center' }), className: [!disabled && columnSortable ? 'drag-item' : '', (_j = c.className) !== null && _j !== void 0 ? _j : '']
                             .filter(Boolean)
                             .join(' '), hasOnClick: sortEnabled, columnResizing: columnResizing, onClick: function (evt) {
                             evt.preventDefault();

package/cjs/store/createAppStore.js

@@ -244,13 +244,18 @@ function AppStoreProvider(_a) {
                 checkedAll: (_1 = initialState === null || initialState === void 0 ? void 0 : initialState.checkedAll) !== null && _1 !== void 0 ? _1 : false,
                 displayPaginationLength: (_2 = initialState === null || initialState === void 0 ? void 0 : initialState.displayPaginationLength) !== null && _2 !== void 0 ? _2 : 0,
                 loading: (_3 = initialState === null || initialState === void 0 ? void 0 : initialState.loading) !== null && _3 !== void 0 ? _3 : false,
+                disabled: initialState === null || initialState === void 0 ? void 0 : initialState.disabled,
                 editTrigger: (_4 = initialState === null || initialState === void 0 ? void 0 : initialState.editTrigger) !== null && _4 !== void 0 ? _4 : 'dblclick',
                 cellMergeOptions: initialState === null || initialState === void 0 ? void 0 : initialState.cellMergeOptions,
                 variant: (_5 = initialState === null || initialState === void 0 ? void 0 : initialState.variant) !== null && _5 !== void 0 ? _5 : 'default',
                 columnSortable: (_6 = initialState === null || initialState === void 0 ? void 0 : initialState.columnSortable) !== null && _6 !== void 0 ? _6 : false,
                 reordering: false,
-                activeCell: (_9 = (_7 = initialState === null || initialState === void 0 ? void 0 : initialState.activeCell) !== null && _7 !== void 0 ? _7 : (_8 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _8 === void 0 ? void 0 : _8.activeCell) !== null && _9 !== void 0 ? _9 : (_10 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _10 === void 0 ? void 0 : _10.defaultActiveCell,
-                activeCellHost: (_14 = (_12 = (_11 = initialState === null || initialState === void 0 ? void 0 : initialState.activeCellHost) !== null && _11 !== void 0 ? _11 : initialState === null || initialState === void 0 ? void 0 : initialState.activeCell) !== null && _12 !== void 0 ? _12 : (_13 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _13 === void 0 ? void 0 : _13.activeCell) !== null && _14 !== void 0 ? _14 : (_15 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _15 === void 0 ? void 0 : _15.defaultActiveCell,
+                activeCell: (initialState === null || initialState === void 0 ? void 0 : initialState.disabled)
+                    ? undefined
+                    : (_9 = (_7 = initialState === null || initialState === void 0 ? void 0 : initialState.activeCell) !== null && _7 !== void 0 ? _7 : (_8 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _8 === void 0 ? void 0 : _8.activeCell) !== null && _9 !== void 0 ? _9 : (_10 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _10 === void 0 ? void 0 : _10.defaultActiveCell,
+                activeCellHost: (initialState === null || initialState === void 0 ? void 0 : initialState.disabled)
+                    ? undefined
+                    : (_14 = (_12 = (_11 = initialState === null || initialState === void 0 ? void 0 : initialState.activeCellHost) !== null && _11 !== void 0 ? _11 : initialState === null || initialState === void 0 ? void 0 : initialState.activeCell) !== null && _12 !== void 0 ? _12 : (_13 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _13 === void 0 ? void 0 : _13.activeCell) !== null && _14 !== void 0 ? _14 : (_15 = initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions) === null || _15 === void 0 ? void 0 : _15.defaultActiveCell,
                 cellInteractionSession: initialState === null || initialState === void 0 ? void 0 : initialState.cellInteractionSession,
                 cellNavigationOptions: initialState === null || initialState === void 0 ? void 0 : initialState.cellNavigationOptions,
                 cellSelectionRanges: [],
@@ -389,6 +394,8 @@ function AppStoreProvider(_a) {
                 setDataControl: function (dataControl) { return set({ dataControl: dataControl }); },
                 setColumnSort: function (columnId, order) {
                     var _a, _b;
+                    if (get().disabled)
+                        return;
                     var dataControl = get().dataControl;
                     var columns = get().columns;
                     var col = columns.find(function (c) { var _a; return ((_a = c.columnId) !== null && _a !== void 0 ? _a : (0, utils_1.getColumnId)(c)) === columnId; });
@@ -421,13 +428,17 @@ function AppStoreProvider(_a) {
                 setFilterDraft: function (columnId, filter) {
                     return set(function (s) {
                         var _a;
-                        return ({
-                            filterDrafts: __assign(__assign({}, s.filterDrafts), (_a = {}, _a[columnId] = filter, _a)),
-                        });
+                        return s.disabled
+                            ? {}
+                            : {
+                                filterDrafts: __assign(__assign({}, s.filterDrafts), (_a = {}, _a[columnId] = filter, _a)),
+                            };
                     });
                 },
                 applyColumnFilter: function (columnId) {
                     var _a;
+                    if (get().disabled)
+                        return;
                     var dataControl = get().dataControl;
                     var draft = get().filterDrafts[columnId];
                     if (!dataControl)
@@ -451,6 +462,8 @@ function AppStoreProvider(_a) {
                 },
                 clearColumnFilter: function (columnId) {
                     var _a;
+                    if (get().disabled)
+                        return;
                     var dataControl = get().dataControl;
                     if (!dataControl)
                         return;
@@ -467,6 +480,8 @@ function AppStoreProvider(_a) {
                 },
                 setActiveToolbox: function (columnId) {
                     var _a, _b, _c, _d, _e, _f;
+                    if (get().disabled && columnId !== null)
+                        return;
                     if (columnId === null) {
                         set(function (s) {
                             var nextDrafts = __assign({}, s.filterDrafts);
@@ -533,6 +548,8 @@ function AppStoreProvider(_a) {
                 requestSearchOpen: function (open, reason) {
                     var _a, _b, _c, _d;
                     var state = get();
+                    if (state.disabled && open)
+                        return;
                     var options = state.searchOptions;
                     if (open && (!options || options.enabled === false))
                         return;
@@ -554,6 +571,8 @@ function AppStoreProvider(_a) {
                 },
                 setSearchQuery: function (query) {
                     var _a;
+                    if (get().disabled)
+                        return;
                     var options = get().searchOptions;
                     if ((options === null || options === void 0 ? void 0 : options.query) === undefined) {
                         set({ searchQuery: query });
@@ -563,9 +582,7 @@ function AppStoreProvider(_a) {
                 setSearchStatus: function (status) { return set({ searchStatus: status }); },
                 setSearchResults: function (matches) {
                     return set(function (state) {
-                        var previous = state.activeSearchMatchIndex === undefined
-                            ? undefined
-                            : state.searchMatches[state.activeSearchMatchIndex];
+                        var previous = state.activeSearchMatchIndex === undefined ? undefined : state.searchMatches[state.activeSearchMatchIndex];
                         return {
                             searchMatches: matches,
                             activeSearchMatchIndex: (0, utils_1.findMatchingSearchResultIndex)(matches, previous, state.activeSearchMatchIndex),
@@ -585,12 +602,12 @@ function AppStoreProvider(_a) {
                     set({ activeSearchMatchIndex: nextIndex });
                     return state.searchMatches[nextIndex];
                 },
-                clearSearchResults: function () {
-                    return set({ searchStatus: 'idle', searchMatches: [], activeSearchMatchIndex: undefined });
-                },
+                clearSearchResults: function () { return set({ searchStatus: 'idle', searchMatches: [], activeSearchMatchIndex: undefined }); },
                 openContextMenu: function (contextMenuState) {
                     var _a, _b, _c, _d, _e;
                     var state = get();
+                    if (state.disabled)
+                        return;
                     if (state.searchOpen)
                         (_b = (_a = state.searchOptions) === null || _a === void 0 ? void 0 : _a.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(_a, false, 'surfaceConflict');
                     (_d = (_c = state.contextMenuOptions) === null || _c === void 0 ? void 0 : _c.onOpenChange) === null || _d === void 0 ? void 0 : _d.call(_c, true, contextMenuState.target);
@@ -631,6 +648,8 @@ function AppStoreProvider(_a) {
                 },
                 setCheckedIndexes: function (keys) {
                     var _a;
+                    if (get().disabled)
+                        return;
                     var rowKey = get().rowKey;
                     var sourceData = get().sourceData.length > 0 ? get().sourceData : get().data;
                     var data = get().data;
@@ -668,6 +687,8 @@ function AppStoreProvider(_a) {
                 },
                 setCheckedAll: function (checkedAll) {
                     var _a;
+                    if (get().disabled)
+                        return;
                     var rowKey = get().rowKey;
                     var data = get().data;
                     var sourceData = get().sourceData.length > 0 ? get().sourceData : get().data;
@@ -739,6 +760,8 @@ function AppStoreProvider(_a) {
                 },
                 setColumnWidth: function (columnIndex, options) {
                     var _a, _b;
+                    if (get().disabled)
+                        return;
                     if (get().cellInteractionSession) {
                         get().endCellEdit();
                     }
@@ -813,6 +836,8 @@ function AppStoreProvider(_a) {
                 },
                 toggleColumnSort: function (columnIndex) {
                     var _a, _b, _c, _d;
+                    if (get().disabled)
+                        return;
                     var columns = get().columns;
                     var column = columns[columnIndex];
                     if (!column)
@@ -861,6 +886,8 @@ function AppStoreProvider(_a) {
                 handleClick: function (index, columnIndex) {
                     var _a, _b, _c;
                     var state = get();
+                    if (state.disabled)
+                        return;
                     if (columnIndex < 0)
                         return;
                     var logicalCell = (0, utils_1.resolveLogicalCell)(state.data, state.cellMergeOptions, {
@@ -884,6 +911,24 @@ function AppStoreProvider(_a) {
                 setDisplayItemCount: function (displayItemCount) { return set({ displayItemCount: displayItemCount }); },
                 setLoading: function (loading) { return set({ loading: loading }); },
                 setSpinning: function (spinning) { return set({ spinning: spinning }); },
+                setDisabled: function (disabled) {
+                    return set(function (state) {
+                        var _a, _b, _c, _d, _e, _f;
+                        if (!disabled)
+                            return { disabled: disabled };
+                        (_b = (_a = state.contextMenuOptions) === null || _a === void 0 ? void 0 : _a.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(_a, false, (_c = state.contextMenuState) === null || _c === void 0 ? void 0 : _c.target);
+                        if (state.searchOpen)
+                            (_e = (_d = state.searchOptions) === null || _d === void 0 ? void 0 : _d.onOpenChange) === null || _e === void 0 ? void 0 : _e.call(_d, false, 'surfaceConflict');
+                        return __assign({ disabled: disabled, editable: false, editItemIndex: -1, editItemColIndex: -1, activeToolboxColumnId: null, activeCell: undefined, activeCellHost: undefined, contextMenuState: undefined, cellInteractionSession: undefined, cellSelectionRange: undefined, cellSelectionRanges: [], cellSelecting: false, reorderingInfo: undefined }, (((_f = state.searchOptions) === null || _f === void 0 ? void 0 : _f.open) === undefined
+                            ? {
+                                searchOpen: false,
+                                searchStatus: 'idle',
+                                searchMatches: [],
+                                activeSearchMatchIndex: undefined,
+                            }
+                            : {}));
+                    });
+                },
                 setHeaderHeight: function (headerHeight) { return set({ headerHeight: headerHeight }); },
                 setFooterHeight: function (footerHeight) { return set({ footerHeight: footerHeight }); },
                 setSummaryHeight: function (summaryHeight) { return set({ summaryHeight: summaryHeight }); },
@@ -898,16 +943,20 @@ function AppStoreProvider(_a) {
                 setRowKey: function (rowKey) { return set({ rowKey: rowKey }); },
                 setSelectedRowKey: function (selectedRowKey) { return set({ selectedRowKey: selectedRowKey }); },
                 setEditable: function (editable) {
-                    return set(editable
-                        ? { editable: editable }
-                        : {
-                            editable: editable,
-                            editItemIndex: -1,
-                            editItemColIndex: -1,
-                            cellInteractionSession: undefined,
-                        });
+                    return set(function (state) {
+                        return editable && !state.disabled
+                            ? { editable: editable }
+                            : {
+                                editable: editable,
+                                editItemIndex: -1,
+                                editItemColIndex: -1,
+                                cellInteractionSession: undefined,
+                            };
+                    });
                 },
                 setEditItem: function (index, columnIndex) {
+                    if (get().disabled && index >= 0 && columnIndex >= 0)
+                        return;
                     if (index < 0 || columnIndex < 0) {
                         get().endCellEdit();
                         return;
@@ -919,6 +968,8 @@ function AppStoreProvider(_a) {
                     if (mode === void 0) { mode = 'preserve'; }
                     if (activation === void 0) { activation = 'cell'; }
                     var state = get();
+                    if (state.disabled)
+                        return;
                     var logicalCell = (0, utils_1.resolveLogicalCell)(state.data, state.cellMergeOptions, cell);
                     var item = state.data[logicalCell.cell.rowIndex];
                     var column = state.columns[logicalCell.cell.columnIndex];
@@ -970,6 +1021,8 @@ function AppStoreProvider(_a) {
                 beginEditorIconInteraction: function (cell) {
                     var _a, _b, _c, _d, _e, _f;
                     var state = get();
+                    if (state.disabled)
+                        return undefined;
                     var logicalCell = (0, utils_1.resolveLogicalCell)(state.data, state.cellMergeOptions, cell);
                     var item = state.data[logicalCell.cell.rowIndex];
                     var column = state.columns[logicalCell.cell.columnIndex];
@@ -1048,6 +1101,8 @@ function AppStoreProvider(_a) {
                         switch (_b.label) {
                             case 0:
                                 initialState = get();
+                                if (initialState.disabled)
+                                    return [2 /*return*/];
                                 session = initialState.cellInteractionSession;
                                 if (!session || session.id !== request.sessionId || session.phase !== 'active')
                                     return [2 /*return*/];
@@ -1243,6 +1298,8 @@ function AppStoreProvider(_a) {
                         switch (_b.label) {
                             case 0:
                                 state = get();
+                                if (state.disabled)
+                                    return [2 /*return*/];
                                 column = state.columns[columnIndex];
                                 config = ((_a = column === null || column === void 0 ? void 0 : column.editor) === null || _a === void 0 ? void 0 : _a.type) === 'checkbox' ? column.editor : undefined;
                                 if (!column || !config || !state.editable || column.editable === false)
@@ -1301,6 +1358,8 @@ function AppStoreProvider(_a) {
                         switch (_c.label) {
                             case 0:
                                 state = get();
+                                if (state.disabled)
+                                    return [2 /*return*/];
                                 column = state.columns[columnIndex];
                                 config = ((_b = column === null || column === void 0 ? void 0 : column.editor) === null || _b === void 0 ? void 0 : _b.type) === 'checkbox' ? column.editor : undefined;
                                 if (!column || !config || !config.header || !state.editable || column.editable === false)
@@ -1385,6 +1444,8 @@ function AppStoreProvider(_a) {
                 setColumnSortable: function (columnSortable) { return set({ columnSortable: columnSortable }); },
                 sortColumn: function (trLevel, oldColumn, newColumn) {
                     var _a, _b, _c, _d, _e, _f;
+                    if (get().disabled)
+                        return;
                     var nestedColumnGroups = get().columnGroups;
                     if (nestedColumnGroups.length > 0) {
                         var columns_1 = __spreadArray([], __read(get().columns), false);
@@ -1491,11 +1552,13 @@ function AppStoreProvider(_a) {
                 setReorder: function (reorder) { return set({ reorder: reorder }); },
                 setClassName: function (className) { return set({ className: className }); },
                 setStyle: function (style) { return set({ style: style }); },
-                setReorderingInfo: function (reorderingInfo) { return set({ reorderingInfo: reorderingInfo }); },
+                setReorderingInfo: function (reorderingInfo) { return set(function (state) { return (state.disabled && reorderingInfo ? {} : { reorderingInfo: reorderingInfo }); }); },
                 setActiveCell: function (activeCell, hostCell) {
                     var _a, _b, _c, _d, _e;
                     if (hostCell === void 0) { hostCell = activeCell; }
                     var state = get();
+                    if (state.disabled && activeCell)
+                        return;
                     var normalizedCell = activeCell
                         ? (0, utils_1.resolveLogicalCell)(state.data, state.cellMergeOptions, activeCell).cell
                         : undefined;
@@ -1521,6 +1584,10 @@ function AppStoreProvider(_a) {
                     (_e = cellNavigationOptions === null || cellNavigationOptions === void 0 ? void 0 : cellNavigationOptions.onActiveCellChange) === null || _e === void 0 ? void 0 : _e.call(cellNavigationOptions, normalizedCell);
                 },
                 setCellNavigationOptions: function (cellNavigationOptions) {
+                    if (get().disabled) {
+                        set({ cellNavigationOptions: cellNavigationOptions, activeCell: undefined, activeCellHost: undefined });
+                        return;
+                    }
                     var updates = { cellNavigationOptions: cellNavigationOptions };
                     if ((cellNavigationOptions === null || cellNavigationOptions === void 0 ? void 0 : cellNavigationOptions.activeCell) !== undefined) {
                         updates.activeCell = cellNavigationOptions.activeCell;
@@ -1539,6 +1606,11 @@ function AppStoreProvider(_a) {
                 syncActiveCellToBounds: function () {
                     var _a, _b, _c, _d, _e, _f;
                     var state = get();
+                    if (state.disabled) {
+                        if (state.activeCell !== undefined)
+                            set({ activeCell: undefined, activeCellHost: undefined });
+                        return;
+                    }
                     var requestedCell = (_c = (_b = (_a = state.cellNavigationOptions) === null || _a === void 0 ? void 0 : _a.activeCell) !== null && _b !== void 0 ? _b : state.activeCell) !== null && _c !== void 0 ? _c : (_d = state.cellNavigationOptions) === null || _d === void 0 ? void 0 : _d.defaultActiveCell;
                     if (!requestedCell || state.data.length === 0 || state.columns.length === 0) {
                         if (state.activeCell !== undefined)
@@ -1561,6 +1633,8 @@ function AppStoreProvider(_a) {
                 moveActiveCell: function (direction, options) {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
                     var state = get();
+                    if (state.disabled)
+                        return;
                     var data = state.data;
                     var columns = state.columns;
                     if (!data || data.length === 0 || !columns || columns.length === 0)
@@ -1754,18 +1828,26 @@ function AppStoreProvider(_a) {
                     return newActiveCell;
                 },
                 setCellSelectionRange: function (cellSelectionRange) {
-                    return set({
-                        cellSelectionRange: cellSelectionRange,
-                        cellSelectionRanges: cellSelectionRange ? [cellSelectionRange] : [],
+                    return set(function (state) {
+                        return state.disabled
+                            ? {}
+                            : {
+                                cellSelectionRange: cellSelectionRange,
+                                cellSelectionRanges: cellSelectionRange ? [cellSelectionRange] : [],
+                            };
                     });
                 },
                 setCellSelectionRanges: function (cellSelectionRanges) {
-                    return set({
-                        cellSelectionRange: cellSelectionRanges[cellSelectionRanges.length - 1],
-                        cellSelectionRanges: cellSelectionRanges,
+                    return set(function (state) {
+                        return state.disabled
+                            ? {}
+                            : {
+                                cellSelectionRange: cellSelectionRanges[cellSelectionRanges.length - 1],
+                                cellSelectionRanges: cellSelectionRanges,
+                            };
                     });
                 },
-                setCellSelecting: function (cellSelecting) { return set({ cellSelecting: cellSelecting }); },
+                setCellSelecting: function (cellSelecting) { return set(function (state) { return (state.disabled && cellSelecting ? {} : { cellSelecting: cellSelecting }); }); },
                 clearCellSelection: function () { return set({ cellSelectionRange: undefined, cellSelectionRanges: [], cellSelecting: false }); },
             });
         });

package/esm/BGrid.js

@@ -21,7 +21,7 @@ function computeModelColumns(columns, frozenColumnIndex, duplicateToolboxColumnI
         };
     });
 }
-export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, summaryHeight = 30, itemHeight = 15, itemPadding = 7, columns, columnsGroup, columnGroups, onChangeColumns, frozenColumnIndex = 0, frozenRowCount = 0, data = [], page, scrollbar, status, pagination, bottomBarHeight, scrollTop = 0, scrollLeft = 0, className, style, rowChecked, sort, onClick, loading = false, spinning, rowKey, selectedRowKey, editable, onChangeData, showLineNumber, msg, getRowClassName, editTrigger = 'dblclick', cellMergeOptions, cellSelectionOptions, cellNavigationOptions, variant, summary, columnSortable, reorder, pivot, dataControl, icons, columnVisibility, searchOptions, contextMenuOptions, }) {
+export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, summaryHeight = 30, itemHeight = 15, itemPadding = 7, columns, columnsGroup, columnGroups, onChangeColumns, frozenColumnIndex = 0, frozenRowCount = 0, data = [], page, scrollbar, status, pagination, bottomBarHeight, scrollTop = 0, scrollLeft = 0, className, style, rowChecked, sort, onClick, loading = false, spinning, disabled, rowKey, selectedRowKey, editable, onChangeData, showLineNumber, msg, getRowClassName, editTrigger = 'dblclick', cellMergeOptions, cellSelectionOptions, cellNavigationOptions, variant, summary, columnSortable, reorder, pivot, dataControl, icons, columnVisibility, searchOptions, contextMenuOptions, }) {
     const warnedSearchControlledRef = React.useRef({
         open: false,
         query: false,
@@ -76,29 +76,32 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
     const resolvedFrozenColumnIndex = visibilityProjection.frozenColumnIndex;
     const resolvedRowChecked = pivotEnabled ? undefined : rowChecked;
     const resolvedSort = pivotEnabled ? undefined : sort;
-    const resolvedOnClick = pivotEnabled ? undefined : onClick;
+    const resolvedDisabled = !!disabled;
+    const resolvedOnClick = pivotEnabled || resolvedDisabled ? undefined : onClick;
     const baseOnChangeColumns = pivotEnabled ? undefined : onChangeColumns;
     const resolvedOnChangeData = pivotEnabled ? undefined : onChangeData;
     const resolvedRowKey = pivotEnabled ? undefined : rowKey;
     const resolvedSelectedRowKey = pivotEnabled ? undefined : selectedRowKey;
-    const resolvedEditable = pivotEnabled ? false : editable;
+    const resolvedEditable = pivotEnabled || resolvedDisabled ? false : editable;
     const resolvedShowLineNumber = pivotEnabled ? false : showLineNumber;
     const resolvedGetRowClassName = pivotEnabled ? undefined : getRowClassName;
     const resolvedCellMergeOptions = visibilityProjection.cellMergeOptions;
-    const resolvedCellSelectionOptions = cellSelectionOptions;
+    const resolvedCellSelectionOptions = resolvedDisabled
+        ? { ...cellSelectionOptions, enabled: false }
+        : cellSelectionOptions;
     const resolvedSummary = visibilityProjection.summary;
     const hasHiddenColumns = visibilityProjection.columns.length < resolvedColumns.length;
-    const resolvedColumnSortable = pivotEnabled || hasHiddenColumns ? false : columnSortable;
+    const resolvedColumnSortable = pivotEnabled || hasHiddenColumns || resolvedDisabled ? false : columnSortable;
     const resolvedDataControl = pivotEnabled ? undefined : dataControl;
-    const resolvedSearchOptions = pivotEnabled ? undefined : searchOptions;
-    const resolvedContextMenuOptions = pivotEnabled ? undefined : contextMenuOptions;
+    const resolvedSearchOptions = pivotEnabled || resolvedDisabled ? undefined : searchOptions;
+    const resolvedContextMenuOptions = pivotEnabled || resolvedDisabled ? undefined : contextMenuOptions;
     const hasActiveClientQuery = resolvedDataControl?.mode === 'client' &&
         (resolvedDataControl.query.sortParams.length > 0 || resolvedDataControl.query.filterParams.length > 0);
-    const resolvedReorder = React.useMemo(() => pivotEnabled
+    const resolvedReorder = React.useMemo(() => pivotEnabled || resolvedDisabled
         ? undefined
         : (hasActiveClientQuery || frozenRowCount > 0) && reorder
             ? { ...reorder, enabled: false }
-            : reorder, [frozenRowCount, hasActiveClientQuery, pivotEnabled, reorder]);
+            : reorder, [frozenRowCount, hasActiveClientQuery, pivotEnabled, reorder, resolvedDisabled]);
     // Development warnings
     React.useEffect(() => {
         if (process.env.NODE_ENV !== 'production') {
@@ -136,9 +139,7 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
                 warnedSearchControlledRef.current.columnVisibility = true;
                 console.warn('[BGrid] Controlled columnVisibility.hiddenColumnIds requires onChange to respond to user actions.');
             }
-            if (searchOptions?.open !== undefined &&
-                !searchOptions.onOpenChange &&
-                !warnedSearchControlledRef.current.open) {
+            if (searchOptions?.open !== undefined && !searchOptions.onOpenChange && !warnedSearchControlledRef.current.open) {
                 warnedSearchControlledRef.current.open = true;
                 console.warn('[BGrid] Controlled searchOptions.open requires onOpenChange to respond to user actions.');
             }
@@ -234,9 +235,7 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
             if (updatedColumn)
                 nextColumns[originalIndex] = updatedColumn;
         });
-        baseOnChangeColumns(visibleColumnIndex === null
-            ? null
-            : visibilityProjection.visibleOriginalIndexes[visibleColumnIndex] ?? null, {
+        baseOnChangeColumns(visibleColumnIndex === null ? null : visibilityProjection.visibleOriginalIndexes[visibleColumnIndex] ?? null, {
             ...info,
             columns: nextColumns,
             columnsGroup: resolvedColumnsGroup,
@@ -448,6 +447,7 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
             page: resolvedPage,
             displayPaginationLength: resolvedPage ? resolvedPage.displayPaginationLength ?? 5 : 0,
             loading,
+            disabled: resolvedDisabled,
             spinning,
             scrollTop,
             scrollLeft,
@@ -507,6 +507,7 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
         resolvedSearchOptions,
         resolvedContextMenuOptions,
         loading,
+        resolvedDisabled,
         spinning,
         scrollTop,
         scrollLeft,
@@ -536,6 +537,7 @@ export function BGrid({ ref, width, height, headerHeight = 30, footerHeight, sum
             className,
             style,
             loading,
+            disabled: resolvedDisabled,
             spinning,
             scrollLeft,
             scrollTop,

package/esm/components/ColResizer.js

@@ -5,8 +5,11 @@ function ColResizer({ container, columnIndex, hideHandle, bordered, frozenBounda
     const setColumnWidth = useAppStore(s => s.setColumnWidth);
     const setColumnResizing = useAppStore(s => s.setColumnResizing);
     const endCellEdit = useAppStore(s => s.endCellEdit);
+    const disabled = useAppStore(s => s.disabled);
     const columnsGroup = useAppStore(s => s.columnsGroup);
     const onPointerDownResizerHandle = React.useCallback((evt, columnIndex) => {
+        if (disabled)
+            return;
         evt.preventDefault();
         evt.stopPropagation();
         endCellEdit();
@@ -26,8 +29,10 @@ function ColResizer({ container, columnIndex, hideHandle, bordered, frozenBounda
             pointerId: evt.pointerId,
             initialClientX: evt.clientX,
         });
-    }, [container, endCellEdit, setColumnResizing, setColumnWidth]);
+    }, [container, disabled, endCellEdit, setColumnResizing, setColumnWidth]);
     const onMouseDoubleClick = React.useCallback(async (evt, columnIndex) => {
+        if (disabled)
+            return;
         evt.preventDefault();
         evt.stopPropagation();
         endCellEdit();
@@ -51,13 +56,13 @@ function ColResizer({ container, columnIndex, hideHandle, bordered, frozenBounda
             }
             targetDiv.remove();
         }
-    }, [container, endCellEdit, setColumnWidth]);
+    }, [container, disabled, endCellEdit, setColumnWidth]);
     return (React.createElement("div", { className: [
             'bgrid-col-resizer',
             hideHandle ? '' : 'bgrid-col-resizer-handle',
             frozenBoundary ? 'bgrid-col-resizer-frozen-boundary' : '',
         ]
             .filter(Boolean)
-            .join(' '), "data-bgrid-frozen-boundary": frozenBoundary ? 'true' : undefined, style: !hideHandle ? { ['--bgrid-resizer-height']: bordered ? '100%' : '1em' } : undefined, onPointerDown: (evt) => onPointerDownResizerHandle(evt, columnIndex), onDoubleClick: (evt) => onMouseDoubleClick(evt, columnIndex), onClick: (evt) => evt.stopPropagation() }));
+            .join(' '), "data-bgrid-frozen-boundary": frozenBoundary ? 'true' : undefined, "data-bgrid-disabled": disabled ? 'true' : undefined, style: !hideHandle ? { ['--bgrid-resizer-height']: bordered ? '100%' : '1em' } : undefined, onPointerDown: (evt) => onPointerDownResizerHandle(evt, columnIndex), onDoubleClick: (evt) => onMouseDoubleClick(evt, columnIndex), onClick: (evt) => evt.stopPropagation() }));
 }
 export default ColResizer;