@wallarm-org/design-system 2.6.0 → 2.7.0

package/dist/components/Table/TableContext/TableProvider.js

@@ -16,8 +16,8 @@ const toTanStackPinning = (p, pinnedLeft)=>({
         end: p?.right ?? []
     });
 const TableProvider = (props)=>{
-    const $ = compiler_runtime_c(168);
-    const { data, columns, isLoading: t0, isLoadingPrevious: t1, skeletonCount: t2, children, getRowId, sorting: sortingProp, onSortingChange, manualSorting: t3, rowSelection: rowSelectionProp, onRowSelectionChange, enableSelectAllRows: t4, onSelectAllRows, columnSizing: columnSizingProp, onColumnSizingChange, columnPinning: columnPinningProp, onColumnPinningChange, columnOrder: columnOrderProp, onColumnOrderChange, grouping: groupingProp, onGroupingChange, expanded: expandedProp, onExpandedChange, renderGroupRow, groupRowSpan: t5, groupExpandColumn: t6, getSubRows, showEmptyGroups: t7, renderExpandedRow, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, defaultColumnVisibility, defaultColumnOrder, columnGroups, virtualized, stretch: t8, estimateRowHeight, overscan: t9, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold, initialScrollToRowId, onRowReorder, getRowCanDrag, renderFullWidthRow, onMasterCellClick, activeRowId: activeRowIdProp, onSettingsOpenChange } = props;
+    const $ = compiler_runtime_c(169);
+    const { data, columns, isLoading: t0, isLoadingPrevious: t1, skeletonCount: t2, children, getRowId, sorting: sortingProp, onSortingChange, manualSorting: t3, rowSelection: rowSelectionProp, onRowSelectionChange, enableSelectAllRows: t4, onSelectAllRows, columnSizing: columnSizingProp, onColumnSizingChange, columnPinning: columnPinningProp, onColumnPinningChange, columnOrder: columnOrderProp, onColumnOrderChange, grouping: groupingProp, onGroupingChange, expanded: expandedProp, onExpandedChange, renderGroupRow, groupRowSpan: t5, groupExpandColumn: t6, getSubRows, showEmptyGroups: t7, renderExpandedRow, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, defaultColumnVisibility, defaultColumnOrder, columnGroups, virtualized, stretch: t8, estimateRowHeight, overscan: t9, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold, initialScrollToRowId, onRowReorder, getRowCanDrag, renderFullWidthRow, onMasterCellClick, activeRowId: activeRowIdProp, onSettingsOpenChange, deferColumnVisibility: t10 } = props;
     const isLoading = void 0 === t0 ? false : t0;
     const isLoadingPrevious = void 0 === t1 ? false : t1;
     const skeletonCount = void 0 === t2 ? TABLE_SKELETON_ROWS : t2;
@@ -28,6 +28,7 @@ const TableProvider = (props)=>{
     const showEmptyGroups = void 0 === t7 ? false : t7;
     const stretch = void 0 === t8 ? true : t8;
     const overscan = void 0 === t9 ? TABLE_VIRTUALIZATION_OVERSCAN : t9;
+    const deferColumnVisibility = void 0 === t10 ? false : t10;
     const masterCellActiveRowId = activeRowIdProp ?? null;
     const sortingEnabled = !!onSortingChange;
     const selectionEnabled = !!onRowSelectionChange;
@@ -40,7 +41,7 @@ const TableProvider = (props)=>{
     const expandingEnabled = !!renderExpandedRow || !!onExpandedChange || subRowGroupingEnabled;
     const visibilityEnabled = !!onColumnVisibilityChange;
     const expandColumnEnabled = expandingEnabled && (!subRowGroupingEnabled || groupExpandColumn);
-    let t10;
+    let t11;
     if ($[0] !== columns || $[1] !== data[0] || $[2] !== expandColumnEnabled || $[3] !== rowDndEnabled || $[4] !== selectionEnabled || $[5] !== subRowGroupingEnabled) {
         bb0: {
             const cols = columns;
@@ -48,31 +49,31 @@ const TableProvider = (props)=>{
             if ($[7] !== expandColumnEnabled || $[8] !== rowDndEnabled || $[9] !== selectionEnabled || $[10] !== subRowGroupingEnabled) {
                 prefix = [];
                 if (expandColumnEnabled) {
-                    let t11;
+                    let t12;
                     if ($[12] !== subRowGroupingEnabled) {
-                        t11 = createExpandColumn({
+                        t12 = createExpandColumn({
                             groupsOnly: subRowGroupingEnabled
                         });
                         $[12] = subRowGroupingEnabled;
-                        $[13] = t11;
-                    } else t11 = $[13];
-                    prefix.push(t11);
+                        $[13] = t12;
+                    } else t12 = $[13];
+                    prefix.push(t12);
                 }
                 if (selectionEnabled) {
-                    let t11;
+                    let t12;
                     if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-                        t11 = createSelectionColumn();
-                        $[14] = t11;
-                    } else t11 = $[14];
-                    prefix.push(t11);
+                        t12 = createSelectionColumn();
+                        $[14] = t12;
+                    } else t12 = $[14];
+                    prefix.push(t12);
                 }
                 if (rowDndEnabled) {
-                    let t11;
+                    let t12;
                     if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-                        t11 = createDragHandleColumn();
-                        $[15] = t11;
-                    } else t11 = $[15];
-                    prefix.push(t11);
+                        t12 = createDragHandleColumn();
+                        $[15] = t12;
+                    } else t12 = $[15];
+                    prefix.push(t12);
                 }
                 $[7] = expandColumnEnabled;
                 $[8] = rowDndEnabled;
@@ -81,9 +82,9 @@ const TableProvider = (props)=>{
                 $[11] = prefix;
             } else prefix = $[11];
             const firstRow = data[0];
-            let t11;
+            let t12;
             if ($[16] !== firstRow) {
-                t11 = (col)=>{
+                t12 = (col)=>{
                     if (!firstRow || !("accessorKey" in col) || col.meta?.sortType) return col;
                     const value = firstRow[col.accessorKey];
                     if ("number" == typeof value) return {
@@ -96,16 +97,16 @@ const TableProvider = (props)=>{
                     return col;
                 };
                 $[16] = firstRow;
-                $[17] = t11;
-            } else t11 = $[17];
-            const withAutoMeta = cols.map(t11);
+                $[17] = t12;
+            } else t12 = $[17];
+            const withAutoMeta = cols.map(t12);
             const masterOverrides = {
                 enableColumnPinning: false,
                 enableHiding: false
             };
             if (0 === prefix.length) {
                 if (withAutoMeta.length > 0) {
-                    t10 = [
+                    t11 = [
                         {
                             ...withAutoMeta[0],
                             ...masterOverrides
@@ -114,14 +115,14 @@ const TableProvider = (props)=>{
                     ];
                     break bb0;
                 }
-                t10 = withAutoMeta;
+                t11 = withAutoMeta;
                 break bb0;
             }
             const userCols = withAutoMeta.length > 0 ? withAutoMeta.map((col_0, index)=>0 === index ? {
                     ...col_0,
                     ...masterOverrides
                 } : col_0) : withAutoMeta;
-            t10 = [
+            t11 = [
                 ...prefix,
                 ...userCols
             ];
@@ -132,23 +133,23 @@ const TableProvider = (props)=>{
         $[3] = rowDndEnabled;
         $[4] = selectionEnabled;
         $[5] = subRowGroupingEnabled;
-        $[6] = t10;
-    } else t10 = $[6];
-    const mergedColumns = t10;
-    let t11;
+        $[6] = t11;
+    } else t11 = $[6];
+    const mergedColumns = t11;
+    let t12;
     bb1: {
         if (0 === columns.length) {
-            t11 = null;
+            t12 = null;
             break bb1;
         }
         const firstCol = columns[0];
         if (!firstCol) {
-            t11 = null;
+            t12 = null;
             break bb1;
         }
-        t11 = ("accessorKey" in firstCol ? String(firstCol.accessorKey) : firstCol.id) ?? null;
+        t12 = ("accessorKey" in firstCol ? String(firstCol.accessorKey) : firstCol.id) ?? null;
     }
-    const masterColumnId = t11;
+    const masterColumnId = t12;
     let ids;
     if ($[18] !== expandColumnEnabled || $[19] !== masterColumnId || $[20] !== rowDndEnabled || $[21] !== selectionEnabled) {
         ids = [];
@@ -163,68 +164,68 @@ const TableProvider = (props)=>{
         $[22] = ids;
     } else ids = $[22];
     const alwaysPinnedLeft = ids;
-    let t12;
-    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-        t12 = [];
-        $[23] = t12;
-    } else t12 = $[23];
-    const [sorting, handleSortingChange] = useTableState(sortingProp, t12, onSortingChange);
     let t13;
-    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-        t13 = {};
-        $[24] = t13;
-    } else t13 = $[24];
-    const [rowSelection, handleRowSelectionChange] = useTableState(rowSelectionProp, t13, onRowSelectionChange);
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = [];
+        $[23] = t13;
+    } else t13 = $[23];
+    const [sorting, handleSortingChange] = useTableState(sortingProp, t13, onSortingChange);
     let t14;
-    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
         t14 = {};
-        $[25] = t14;
-    } else t14 = $[25];
-    const [columnSizing, handleColumnSizingChange] = useTableState(columnSizingProp, t14, onColumnSizingChange);
+        $[24] = t14;
+    } else t14 = $[24];
+    const [rowSelection, handleRowSelectionChange] = useTableState(rowSelectionProp, t14, onRowSelectionChange);
     let t15;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t15 = {};
+        $[25] = t15;
+    } else t15 = $[25];
+    const [columnSizing, handleColumnSizingChange] = useTableState(columnSizingProp, t15, onColumnSizingChange);
+    let t16;
     if ($[26] !== defaultColumnOrder) {
-        t15 = defaultColumnOrder ?? [];
+        t16 = defaultColumnOrder ?? [];
         $[26] = defaultColumnOrder;
-        $[27] = t15;
-    } else t15 = $[27];
-    const [columnOrder, handleColumnOrderChange] = useTableState(columnOrderProp, t15, onColumnOrderChange);
-    let t16;
-    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-        t16 = [];
-        $[28] = t16;
-    } else t16 = $[28];
-    const [grouping, handleGroupingChange] = useTableState(groupingProp, t16, onGroupingChange);
+        $[27] = t16;
+    } else t16 = $[27];
+    const [columnOrder, handleColumnOrderChange] = useTableState(columnOrderProp, t16, onColumnOrderChange);
     let t17;
-    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-        t17 = {};
-        $[29] = t17;
-    } else t17 = $[29];
-    const [expanded, handleExpandedChange] = useTableState(expandedProp, t17, onExpandedChange);
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = [];
+        $[28] = t17;
+    } else t17 = $[28];
+    const [grouping, handleGroupingChange] = useTableState(groupingProp, t17, onGroupingChange);
     let t18;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+        t18 = {};
+        $[29] = t18;
+    } else t18 = $[29];
+    const [expanded, handleExpandedChange] = useTableState(expandedProp, t18, onExpandedChange);
+    let t19;
     if ($[30] !== defaultColumnVisibility) {
-        t18 = defaultColumnVisibility ?? {};
+        t19 = defaultColumnVisibility ?? {};
         $[30] = defaultColumnVisibility;
-        $[31] = t18;
-    } else t18 = $[31];
-    const [columnVisibility, handleColumnVisibilityChange] = useTableState(columnVisibilityProp, t18, onColumnVisibilityChange);
-    let t19;
-    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-        t19 = {};
-        $[32] = t19;
-    } else t19 = $[32];
+        $[31] = t19;
+    } else t19 = $[31];
+    const [columnVisibility, handleColumnVisibilityChange] = useTableState(columnVisibilityProp, t19, onColumnVisibilityChange);
     let t20;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+        t20 = {};
+        $[32] = t20;
+    } else t20 = $[32];
+    let t21;
     if ($[33] !== columnPinningProp) {
-        t20 = {
+        t21 = {
             controlled: columnPinningProp,
-            default: t19
+            default: t20
         };
         $[33] = columnPinningProp;
-        $[34] = t20;
-    } else t20 = $[34];
-    const [columnPinning, setColumnPinningInternal] = useControlled(t20);
-    let t21;
+        $[34] = t21;
+    } else t21 = $[34];
+    const [columnPinning, setColumnPinningInternal] = useControlled(t21);
+    let t22;
     if ($[35] !== alwaysPinnedLeft || $[36] !== columnPinning || $[37] !== onColumnPinningChange || $[38] !== setColumnPinningInternal) {
-        t21 = (updater)=>{
+        t22 = (updater)=>{
             const prevTanStackShape = toTanStackPinning(columnPinning, alwaysPinnedLeft);
             const newValue = "function" == typeof updater ? updater(prevTanStackShape) : updater;
             const enforcedStart = [
@@ -242,12 +243,12 @@ const TableProvider = (props)=>{
         $[36] = columnPinning;
         $[37] = onColumnPinningChange;
         $[38] = setColumnPinningInternal;
-        $[39] = t21;
-    } else t21 = $[39];
-    const handleColumnPinningChange = t21;
-    let t22;
+        $[39] = t22;
+    } else t22 = $[39];
+    const handleColumnPinningChange = t22;
+    let t23;
     if ($[40] !== alwaysPinnedLeft || $[41] !== handleColumnOrderChange) {
-        t22 = (newOrder)=>{
+        t23 = (newOrder)=>{
             const rest = newOrder.filter((id_0)=>!alwaysPinnedLeft.includes(id_0));
             handleColumnOrderChange([
                 ...alwaysPinnedLeft,
@@ -256,142 +257,142 @@ const TableProvider = (props)=>{
         };
         $[40] = alwaysPinnedLeft;
         $[41] = handleColumnOrderChange;
-        $[42] = t22;
-    } else t22 = $[42];
-    const setColumnOrder = t22;
-    let t23;
+        $[42] = t23;
+    } else t23 = $[42];
+    const setColumnOrder = t23;
+    let t24;
     if ($[43] !== sorting) {
-        t23 = sorting ?? [];
+        t24 = sorting ?? [];
         $[43] = sorting;
-        $[44] = t23;
-    } else t23 = $[44];
-    let t24;
+        $[44] = t24;
+    } else t24 = $[44];
+    let t25;
     if ($[45] !== rowSelection) {
-        t24 = rowSelection ?? {};
+        t25 = rowSelection ?? {};
         $[45] = rowSelection;
-        $[46] = t24;
-    } else t24 = $[46];
-    let t25;
+        $[46] = t25;
+    } else t25 = $[46];
+    let t26;
     if ($[47] !== columnSizing) {
-        t25 = columnSizing ?? {};
+        t26 = columnSizing ?? {};
         $[47] = columnSizing;
-        $[48] = t25;
-    } else t25 = $[48];
-    let t26;
+        $[48] = t26;
+    } else t26 = $[48];
+    let t27;
     if ($[49] !== alwaysPinnedLeft || $[50] !== columnPinning) {
-        t26 = toTanStackPinning(columnPinning, alwaysPinnedLeft);
+        t27 = toTanStackPinning(columnPinning, alwaysPinnedLeft);
         $[49] = alwaysPinnedLeft;
         $[50] = columnPinning;
-        $[51] = t26;
-    } else t26 = $[51];
-    let t27;
+        $[51] = t27;
+    } else t27 = $[51];
+    let t28;
     if ($[52] !== columnOrder) {
-        t27 = columnOrder ?? [];
+        t28 = columnOrder ?? [];
         $[52] = columnOrder;
-        $[53] = t27;
-    } else t27 = $[53];
-    let t28;
+        $[53] = t28;
+    } else t28 = $[53];
+    let t29;
     if ($[54] !== grouping) {
-        t28 = grouping ?? [];
+        t29 = grouping ?? [];
         $[54] = grouping;
-        $[55] = t28;
-    } else t28 = $[55];
-    let t29;
+        $[55] = t29;
+    } else t29 = $[55];
+    let t30;
     if ($[56] !== expanded) {
-        t29 = expanded ?? {};
+        t30 = expanded ?? {};
         $[56] = expanded;
-        $[57] = t29;
-    } else t29 = $[57];
-    let t30;
+        $[57] = t30;
+    } else t30 = $[57];
+    let t31;
     if ($[58] !== columnVisibility) {
-        t30 = columnVisibility ?? {};
+        t31 = columnVisibility ?? {};
         $[58] = columnVisibility;
-        $[59] = t30;
-    } else t30 = $[59];
-    let t31;
-    if ($[60] !== t23 || $[61] !== t24 || $[62] !== t25 || $[63] !== t26 || $[64] !== t27 || $[65] !== t28 || $[66] !== t29 || $[67] !== t30) {
-        t31 = {
-            sorting: t23,
-            rowSelection: t24,
-            columnSizing: t25,
-            columnPinning: t26,
-            columnOrder: t27,
-            grouping: t28,
-            expanded: t29,
-            columnVisibility: t30
+        $[59] = t31;
+    } else t31 = $[59];
+    let t32;
+    if ($[60] !== t24 || $[61] !== t25 || $[62] !== t26 || $[63] !== t27 || $[64] !== t28 || $[65] !== t29 || $[66] !== t30 || $[67] !== t31) {
+        t32 = {
+            sorting: t24,
+            rowSelection: t25,
+            columnSizing: t26,
+            columnPinning: t27,
+            columnOrder: t28,
+            grouping: t29,
+            expanded: t30,
+            columnVisibility: t31
         };
-        $[60] = t23;
-        $[61] = t24;
-        $[62] = t25;
-        $[63] = t26;
-        $[64] = t27;
-        $[65] = t28;
-        $[66] = t29;
-        $[67] = t30;
-        $[68] = t31;
-    } else t31 = $[68];
-    const t32 = sortingEnabled ? handleSortingChange : void 0;
-    const t33 = selectionEnabled ? handleRowSelectionChange : void 0;
-    const t34 = resizingEnabled ? handleColumnSizingChange : void 0;
-    const t35 = pinningEnabled ? handleColumnPinningChange : void 0;
-    const t36 = columnDndEnabled ? handleColumnOrderChange : void 0;
-    const t37 = groupingEnabled ? handleGroupingChange : void 0;
-    const t38 = expandingEnabled ? handleExpandedChange : void 0;
-    const t39 = visibilityEnabled ? handleColumnVisibilityChange : void 0;
-    let t40;
+        $[60] = t24;
+        $[61] = t25;
+        $[62] = t26;
+        $[63] = t27;
+        $[64] = t28;
+        $[65] = t29;
+        $[66] = t30;
+        $[67] = t31;
+        $[68] = t32;
+    } else t32 = $[68];
+    const t33 = sortingEnabled ? handleSortingChange : void 0;
+    const t34 = selectionEnabled ? handleRowSelectionChange : void 0;
+    const t35 = resizingEnabled ? handleColumnSizingChange : void 0;
+    const t36 = pinningEnabled ? handleColumnPinningChange : void 0;
+    const t37 = columnDndEnabled ? handleColumnOrderChange : void 0;
+    const t38 = groupingEnabled ? handleGroupingChange : void 0;
+    const t39 = expandingEnabled ? handleExpandedChange : void 0;
+    const t40 = visibilityEnabled ? handleColumnVisibilityChange : void 0;
+    let t41;
     if ($[69] !== expandingEnabled) {
-        t40 = expandingEnabled ? {
+        t41 = expandingEnabled ? {
             autoResetExpanded: false
         } : {};
         $[69] = expandingEnabled;
-        $[70] = t40;
-    } else t40 = $[70];
-    let t41;
+        $[70] = t41;
+    } else t41 = $[70];
+    let t42;
     if ($[71] !== expandingEnabled || $[72] !== renderExpandedRow || $[73] !== subRowGroupingEnabled) {
-        t41 = expandingEnabled && (renderExpandedRow || subRowGroupingEnabled) ? {
+        t42 = expandingEnabled && (renderExpandedRow || subRowGroupingEnabled) ? {
             getRowCanExpand: _temp
         } : {};
         $[71] = expandingEnabled;
         $[72] = renderExpandedRow;
         $[73] = subRowGroupingEnabled;
-        $[74] = t41;
-    } else t41 = $[74];
-    let t42;
+        $[74] = t42;
+    } else t42 = $[74];
+    let t43;
     if ($[75] === Symbol.for("react.memo_cache_sentinel")) {
-        t42 = {
+        t43 = {
             minSize: TABLE_MIN_COLUMN_WIDTH
         };
-        $[75] = t42;
-    } else t42 = $[75];
-    let t43;
-    if ($[76] !== data || $[77] !== expandingEnabled || $[78] !== getRowId || $[79] !== getSubRows || $[80] !== groupingEnabled || $[81] !== manualSorting || $[82] !== mergedColumns || $[83] !== resizingEnabled || $[84] !== selectionEnabled || $[85] !== sortingEnabled || $[86] !== t31 || $[87] !== t32 || $[88] !== t33 || $[89] !== t34 || $[90] !== t35 || $[91] !== t36 || $[92] !== t37 || $[93] !== t38 || $[94] !== t39 || $[95] !== t40 || $[96] !== t41 || $[97] !== visibilityEnabled) {
-        t43 = {
+        $[75] = t43;
+    } else t43 = $[75];
+    let t44;
+    if ($[76] !== data || $[77] !== expandingEnabled || $[78] !== getRowId || $[79] !== getSubRows || $[80] !== groupingEnabled || $[81] !== manualSorting || $[82] !== mergedColumns || $[83] !== resizingEnabled || $[84] !== selectionEnabled || $[85] !== sortingEnabled || $[86] !== t32 || $[87] !== t33 || $[88] !== t34 || $[89] !== t35 || $[90] !== t36 || $[91] !== t37 || $[92] !== t38 || $[93] !== t39 || $[94] !== t40 || $[95] !== t41 || $[96] !== t42 || $[97] !== visibilityEnabled) {
+        t44 = {
             features: dsTableFeatures,
             data,
             columns: mergedColumns,
             getRowId,
             getSubRows,
             manualSorting,
-            state: t31,
-            onSortingChange: t32,
-            onRowSelectionChange: t33,
-            onColumnSizingChange: t34,
-            onColumnPinningChange: t35,
-            onColumnOrderChange: t36,
-            onGroupingChange: t37,
-            onExpandedChange: t38,
-            onColumnVisibilityChange: t39,
+            state: t32,
+            onSortingChange: t33,
+            onRowSelectionChange: t34,
+            onColumnSizingChange: t35,
+            onColumnPinningChange: t36,
+            onColumnOrderChange: t37,
+            onGroupingChange: t38,
+            onExpandedChange: t39,
+            onColumnVisibilityChange: t40,
             enableSorting: sortingEnabled,
             enableRowSelection: selectionEnabled,
             enableColumnResizing: resizingEnabled,
             enableColumnPinning: true,
             enableGrouping: groupingEnabled,
             enableExpanding: expandingEnabled,
-            ...t40,
             ...t41,
+            ...t42,
             enableHiding: visibilityEnabled,
             columnResizeMode: "onChange",
-            defaultColumn: t42
+            defaultColumn: t43
         };
         $[76] = data;
         $[77] = expandingEnabled;
@@ -403,41 +404,41 @@ const TableProvider = (props)=>{
         $[83] = resizingEnabled;
         $[84] = selectionEnabled;
         $[85] = sortingEnabled;
-        $[86] = t31;
-        $[87] = t32;
-        $[88] = t33;
-        $[89] = t34;
-        $[90] = t35;
-        $[91] = t36;
-        $[92] = t37;
-        $[93] = t38;
-        $[94] = t39;
-        $[95] = t40;
-        $[96] = t41;
+        $[86] = t32;
+        $[87] = t33;
+        $[88] = t34;
+        $[89] = t35;
+        $[90] = t36;
+        $[91] = t37;
+        $[92] = t38;
+        $[93] = t39;
+        $[94] = t40;
+        $[95] = t41;
+        $[96] = t42;
         $[97] = visibilityEnabled;
-        $[98] = t43;
-    } else t43 = $[98];
-    const table = useTable(t43);
-    let t44;
+        $[98] = t44;
+    } else t44 = $[98];
+    const table = useTable(t44);
+    let t45;
     if ($[99] !== table) {
-        t44 = table.getAllLeafColumns();
+        t45 = table.getAllLeafColumns();
         $[99] = table;
-        $[100] = t44;
-    } else t44 = $[100];
-    const allLeafColumns = t44;
+        $[100] = t45;
+    } else t45 = $[100];
+    const allLeafColumns = t45;
     const lastSelectedRowIndexRef = useRef(null);
     const containerRef = useRef(null);
     const headerScrollRef = useRef(null);
     const tbodyRef = useRef(null);
     const virtualizerRef = useRef(null);
-    const t45 = !!getSubRows;
-    const t46 = renderExpandedRow;
-    const t47 = getRowCanDrag;
-    const t48 = "full" === groupRowSpan ? renderGroupRow : void 0;
-    const t49 = renderFullWidthRow;
-    let t50;
-    if ($[101] !== allLeafColumns || $[102] !== alwaysPinnedLeft || $[103] !== columnDndEnabled || $[104] !== columnGroups || $[105] !== defaultColumnOrder || $[106] !== defaultColumnVisibility || $[107] !== enableSelectAllRows || $[108] !== estimateRowHeight || $[109] !== expandingEnabled || $[110] !== groupingEnabled || $[111] !== initialScrollToRowId || $[112] !== isLoading || $[113] !== isLoadingPrevious || $[114] !== masterCellActiveRowId || $[115] !== masterColumnId || $[116] !== onEndReached || $[117] !== onEndReachedThreshold || $[118] !== onMasterCellClick || $[119] !== onRowReorder || $[120] !== onSelectAllRows || $[121] !== onSettingsOpenChange || $[122] !== onStartReached || $[123] !== onStartReachedThreshold || $[124] !== overscan || $[125] !== pinningEnabled || $[126] !== resizingEnabled || $[127] !== rowDndEnabled || $[128] !== selectionEnabled || $[129] !== setColumnOrder || $[130] !== showEmptyGroups || $[131] !== skeletonCount || $[132] !== sortingEnabled || $[133] !== stretch || $[134] !== t45 || $[135] !== t46 || $[136] !== t47 || $[137] !== t48 || $[138] !== t49 || $[139] !== table || $[140] !== virtualized || $[141] !== visibilityEnabled) {
-        t50 = {
+    const t46 = !!getSubRows;
+    const t47 = renderExpandedRow;
+    const t48 = getRowCanDrag;
+    const t49 = "full" === groupRowSpan ? renderGroupRow : void 0;
+    const t50 = renderFullWidthRow;
+    let t51;
+    if ($[101] !== allLeafColumns || $[102] !== alwaysPinnedLeft || $[103] !== columnDndEnabled || $[104] !== columnGroups || $[105] !== defaultColumnOrder || $[106] !== defaultColumnVisibility || $[107] !== deferColumnVisibility || $[108] !== enableSelectAllRows || $[109] !== estimateRowHeight || $[110] !== expandingEnabled || $[111] !== groupingEnabled || $[112] !== initialScrollToRowId || $[113] !== isLoading || $[114] !== isLoadingPrevious || $[115] !== masterCellActiveRowId || $[116] !== masterColumnId || $[117] !== onEndReached || $[118] !== onEndReachedThreshold || $[119] !== onMasterCellClick || $[120] !== onRowReorder || $[121] !== onSelectAllRows || $[122] !== onSettingsOpenChange || $[123] !== onStartReached || $[124] !== onStartReachedThreshold || $[125] !== overscan || $[126] !== pinningEnabled || $[127] !== resizingEnabled || $[128] !== rowDndEnabled || $[129] !== selectionEnabled || $[130] !== setColumnOrder || $[131] !== showEmptyGroups || $[132] !== skeletonCount || $[133] !== sortingEnabled || $[134] !== stretch || $[135] !== t46 || $[136] !== t47 || $[137] !== t48 || $[138] !== t49 || $[139] !== t50 || $[140] !== table || $[141] !== virtualized || $[142] !== visibilityEnabled) {
+        t51 = {
             table,
             isLoading,
             isLoadingPrevious,
@@ -451,11 +452,11 @@ const TableProvider = (props)=>{
             groupingEnabled,
             expandingEnabled,
             visibilityEnabled,
-            hasSubRowGrouping: t45,
+            hasSubRowGrouping: t46,
             showEmptyGroups,
             virtualized,
             stretch,
-            renderExpandedRow: t46,
+            renderExpandedRow: t47,
             estimateRowHeight,
             overscan,
             allLeafColumns,
@@ -478,12 +479,13 @@ const TableProvider = (props)=>{
             onStartReachedThreshold,
             initialScrollToRowId,
             onRowReorder,
-            getRowCanDrag: t47,
-            renderFullWidthGroupRow: t48,
-            renderFullWidthRow: t49,
+            getRowCanDrag: t48,
+            renderFullWidthGroupRow: t49,
+            renderFullWidthRow: t50,
             onMasterCellClick,
             activeRowId: masterCellActiveRowId,
-            onSettingsOpenChange
+            onSettingsOpenChange,
+            deferColumnVisibility
         };
         $[101] = allLeafColumns;
         $[102] = alwaysPinnedLeft;
@@ -491,48 +493,49 @@ const TableProvider = (props)=>{
         $[104] = columnGroups;
         $[105] = defaultColumnOrder;
         $[106] = defaultColumnVisibility;
-        $[107] = enableSelectAllRows;
-        $[108] = estimateRowHeight;
-        $[109] = expandingEnabled;
-        $[110] = groupingEnabled;
-        $[111] = initialScrollToRowId;
-        $[112] = isLoading;
-        $[113] = isLoadingPrevious;
-        $[114] = masterCellActiveRowId;
-        $[115] = masterColumnId;
-        $[116] = onEndReached;
-        $[117] = onEndReachedThreshold;
-        $[118] = onMasterCellClick;
-        $[119] = onRowReorder;
-        $[120] = onSelectAllRows;
-        $[121] = onSettingsOpenChange;
-        $[122] = onStartReached;
-        $[123] = onStartReachedThreshold;
-        $[124] = overscan;
-        $[125] = pinningEnabled;
-        $[126] = resizingEnabled;
-        $[127] = rowDndEnabled;
-        $[128] = selectionEnabled;
-        $[129] = setColumnOrder;
-        $[130] = showEmptyGroups;
-        $[131] = skeletonCount;
-        $[132] = sortingEnabled;
-        $[133] = stretch;
-        $[134] = t45;
+        $[107] = deferColumnVisibility;
+        $[108] = enableSelectAllRows;
+        $[109] = estimateRowHeight;
+        $[110] = expandingEnabled;
+        $[111] = groupingEnabled;
+        $[112] = initialScrollToRowId;
+        $[113] = isLoading;
+        $[114] = isLoadingPrevious;
+        $[115] = masterCellActiveRowId;
+        $[116] = masterColumnId;
+        $[117] = onEndReached;
+        $[118] = onEndReachedThreshold;
+        $[119] = onMasterCellClick;
+        $[120] = onRowReorder;
+        $[121] = onSelectAllRows;
+        $[122] = onSettingsOpenChange;
+        $[123] = onStartReached;
+        $[124] = onStartReachedThreshold;
+        $[125] = overscan;
+        $[126] = pinningEnabled;
+        $[127] = resizingEnabled;
+        $[128] = rowDndEnabled;
+        $[129] = selectionEnabled;
+        $[130] = setColumnOrder;
+        $[131] = showEmptyGroups;
+        $[132] = skeletonCount;
+        $[133] = sortingEnabled;
+        $[134] = stretch;
         $[135] = t46;
         $[136] = t47;
         $[137] = t48;
         $[138] = t49;
-        $[139] = table;
-        $[140] = virtualized;
-        $[141] = visibilityEnabled;
-        $[142] = t50;
-    } else t50 = $[142];
-    const contextValue = t50;
-    let t51;
+        $[139] = t50;
+        $[140] = table;
+        $[141] = virtualized;
+        $[142] = visibilityEnabled;
+        $[143] = t51;
+    } else t51 = $[143];
+    const contextValue = t51;
     let t52;
-    if ($[143] !== selectionEnabled || $[144] !== table) {
-        t51 = ()=>{
+    let t53;
+    if ($[144] !== selectionEnabled || $[145] !== table) {
+        t52 = ()=>{
             if (!selectionEnabled) return;
             const container = containerRef.current;
             if (!container) return;
@@ -542,39 +545,39 @@ const TableProvider = (props)=>{
             container.addEventListener("keydown", handleKeyDown);
             return ()=>container.removeEventListener("keydown", handleKeyDown);
         };
-        t52 = [
+        t53 = [
             selectionEnabled,
             table
         ];
-        $[143] = selectionEnabled;
-        $[144] = table;
-        $[145] = t51;
+        $[144] = selectionEnabled;
+        $[145] = table;
         $[146] = t52;
+        $[147] = t53;
     } else {
-        t51 = $[145];
         t52 = $[146];
+        t53 = $[147];
     }
-    useEffect(t51, t52);
-    let t53;
-    if ($[147] === Symbol.for("react.memo_cache_sentinel")) {
-        t53 = {
-            activationConstraint: {
-                distance: 5
-            }
-        };
-        $[147] = t53;
-    } else t53 = $[147];
+    useEffect(t52, t53);
     let t54;
     if ($[148] === Symbol.for("react.memo_cache_sentinel")) {
         t54 = {
-            coordinateGetter: sortableKeyboardCoordinates
+            activationConstraint: {
+                distance: 5
+            }
         };
         $[148] = t54;
     } else t54 = $[148];
-    const sensors = useSensors(useSensor(PointerSensor, t53), useSensor(KeyboardSensor, t54));
     let t55;
-    if ($[149] !== allLeafColumns || $[150] !== setColumnOrder || $[151] !== table.atoms) {
-        t55 = (event)=>{
+    if ($[149] === Symbol.for("react.memo_cache_sentinel")) {
+        t55 = {
+            coordinateGetter: sortableKeyboardCoordinates
+        };
+        $[149] = t55;
+    } else t55 = $[149];
+    const sensors = useSensors(useSensor(PointerSensor, t54), useSensor(KeyboardSensor, t55));
+    let t56;
+    if ($[150] !== allLeafColumns || $[151] !== setColumnOrder || $[152] !== table.atoms) {
+        t56 = (event)=>{
             const { active, over } = event;
             if (!over || active.id === over.id) return;
             const columnOrderAtom = table.atoms.columnOrder.get();
@@ -584,60 +587,60 @@ const TableProvider = (props)=>{
             const newOrder_0 = arrayMove(currentOrder, oldIndex, newIndex);
             setColumnOrder(newOrder_0);
         };
-        $[149] = allLeafColumns;
-        $[150] = setColumnOrder;
-        $[151] = table.atoms;
-        $[152] = t55;
-    } else t55 = $[152];
-    const handleDragEnd = t55;
-    let t56;
-    if ($[153] !== allLeafColumns || $[154] !== alwaysPinnedLeft || $[155] !== columnDndEnabled) {
-        t56 = columnDndEnabled ? allLeafColumns.filter((c_0)=>!alwaysPinnedLeft.includes(c_0.id)).map(_temp3) : [];
-        $[153] = allLeafColumns;
-        $[154] = alwaysPinnedLeft;
-        $[155] = columnDndEnabled;
-        $[156] = t56;
-    } else t56 = $[156];
-    const columnIds = t56;
-    const t57 = columnDndEnabled ? sensors : void 0;
-    const t58 = columnDndEnabled ? closestCenter : void 0;
-    const t59 = columnDndEnabled ? handleDragEnd : void 0;
-    let t60;
-    if ($[157] !== children || $[158] !== columnIds) {
-        t60 = /*#__PURE__*/ jsx(SortableContext, {
+        $[150] = allLeafColumns;
+        $[151] = setColumnOrder;
+        $[152] = table.atoms;
+        $[153] = t56;
+    } else t56 = $[153];
+    const handleDragEnd = t56;
+    let t57;
+    if ($[154] !== allLeafColumns || $[155] !== alwaysPinnedLeft || $[156] !== columnDndEnabled) {
+        t57 = columnDndEnabled ? allLeafColumns.filter((c_0)=>!alwaysPinnedLeft.includes(c_0.id)).map(_temp3) : [];
+        $[154] = allLeafColumns;
+        $[155] = alwaysPinnedLeft;
+        $[156] = columnDndEnabled;
+        $[157] = t57;
+    } else t57 = $[157];
+    const columnIds = t57;
+    const t58 = columnDndEnabled ? sensors : void 0;
+    const t59 = columnDndEnabled ? closestCenter : void 0;
+    const t60 = columnDndEnabled ? handleDragEnd : void 0;
+    let t61;
+    if ($[158] !== children || $[159] !== columnIds) {
+        t61 = /*#__PURE__*/ jsx(SortableContext, {
             items: columnIds,
             strategy: horizontalListSortingStrategy,
             children: children
         });
-        $[157] = children;
-        $[158] = columnIds;
-        $[159] = t60;
-    } else t60 = $[159];
-    let t61;
-    if ($[160] !== t57 || $[161] !== t58 || $[162] !== t59 || $[163] !== t60) {
-        t61 = /*#__PURE__*/ jsx(DndContext, {
-            sensors: t57,
-            collisionDetection: t58,
-            onDragEnd: t59,
-            children: t60
+        $[158] = children;
+        $[159] = columnIds;
+        $[160] = t61;
+    } else t61 = $[160];
+    let t62;
+    if ($[161] !== t58 || $[162] !== t59 || $[163] !== t60 || $[164] !== t61) {
+        t62 = /*#__PURE__*/ jsx(DndContext, {
+            sensors: t58,
+            collisionDetection: t59,
+            onDragEnd: t60,
+            children: t61
         });
-        $[160] = t57;
         $[161] = t58;
         $[162] = t59;
         $[163] = t60;
         $[164] = t61;
-    } else t61 = $[164];
-    let t62;
-    if ($[165] !== contextValue || $[166] !== t61) {
-        t62 = /*#__PURE__*/ jsx(TableContext.Provider, {
+        $[165] = t62;
+    } else t62 = $[165];
+    let t63;
+    if ($[166] !== contextValue || $[167] !== t62) {
+        t63 = /*#__PURE__*/ jsx(TableContext.Provider, {
             value: contextValue,
-            children: t61
+            children: t62
         });
-        $[165] = contextValue;
-        $[166] = t61;
+        $[166] = contextValue;
         $[167] = t62;
-    } else t62 = $[167];
-    return t62;
+        $[168] = t63;
+    } else t63 = $[168];
+    return t63;
 };
 function _temp() {
     return true;

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

@@ -56,6 +56,7 @@ export interface TableContextValue<T extends RowData> {
     onMasterCellClick?: (rowId: string) => void;
     activeRowId: string | null;
     onSettingsOpenChange?: (open: boolean) => void;
+    deferColumnVisibility: boolean;
 }
 export interface TableProviderProps<T extends RowData> extends Omit<TableProps<T>, 'children' | 'aria-label'> {
     children: ReactNode;

package/dist/components/Table/TableSettingsMenu/TableSettingsMenu.js

@@ -13,7 +13,7 @@ import { VStack } from "../../Stack/index.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../Tooltip/index.js";
 import { TABLE_DRAG_HANDLE_COLUMN_ID, TABLE_EXPAND_COLUMN_ID, TABLE_SELECT_COLUMN_ID, collectDirectChildren, withTableState } from "../lib/index.js";
 import { useTableContext } from "../TableContext/index.js";
-import { TableSettingsMenuContentProvider } from "./TableSettingsMenuContentContext.js";
+import { EMPTY_VISIBILITY_DRAFT, TableSettingsMenuContentProvider } from "./TableSettingsMenuContentContext.js";
 import { useTableSettingsMenuContext } from "./TableSettingsMenuContext.js";
 import { TableSettingsMenuItem } from "./TableSettingsMenuItem.js";
 import { TableSettingsMenuReset } from "./TableSettingsMenuReset.js";
@@ -24,18 +24,31 @@ const TableSettingsMenu = ({ 'data-testid': testIdProp, children, ...rest })=>{
     const testId = useTestId('settings-menu', testIdProp);
     const { anchorNode } = useTableSettingsMenuContext();
     const ctx = useTableContext();
-    const { table, alwaysPinnedLeft, masterColumnId, columnGroups, onSettingsOpenChange } = ctx;
+    const { table, alwaysPinnedLeft, masterColumnId, columnGroups, onSettingsOpenChange, deferColumnVisibility, defaultColumnVisibility } = ctx;
     const hasTextDescription = table.getAllLeafColumns().some((col)=>col.columnDef.meta?.description?.type === 'text');
     const [search, setSearch] = useState('');
     const [menuOpen, setMenuOpen] = useState(false);
+    const [visibilityDraft, setVisibilityDraft] = useState(EMPTY_VISIBILITY_DRAFT);
     const contentRef = useRef(null);
     const [lockedWidth, setLockedWidth] = useState();
     const handleOpenChange = (open)=>{
         setMenuOpen(open);
         if (open) setSearch('');
         else setLockedWidth(void 0);
+        if (!open && deferColumnVisibility) applyVisibilityDraft();
+        setVisibilityDraft(EMPTY_VISIBILITY_DRAFT);
         onSettingsOpenChange?.(open);
     };
+    const applyVisibilityDraft = ()=>{
+        const { fromDefault, toggles } = visibilityDraft;
+        const base = fromDefault ? defaultColumnVisibility ?? {} : table.atoms.columnVisibility.get();
+        const changed = Object.entries(toggles).filter(([id, visible])=>false !== base[id] !== visible);
+        if (!fromDefault && 0 === changed.length) return;
+        table.setColumnVisibility({
+            ...base,
+            ...Object.fromEntries(changed)
+        });
+    };
     useLayoutEffect(()=>{
         if (!menuOpen) return;
         let raf = requestAnimationFrame(function measure() {
@@ -137,7 +150,9 @@ const TableSettingsMenu = ({ 'data-testid': testIdProp, children, ...rest })=>{
     const content = /*#__PURE__*/ jsx(TableSettingsMenuContentProvider, {
         value: {
             search,
-            setSearch
+            setSearch,
+            visibilityDraft,
+            setVisibilityDraft
         },
         children: /*#__PURE__*/ jsx("div", {
             "data-testid": testId,

package/dist/components/Table/TableSettingsMenu/TableSettingsMenuContentContext.d.ts

@@ -1,7 +1,20 @@
 interface TableSettingsMenuContentContextValue {
     search: string;
     setSearch: (value: string) => void;
+    /**
+     * Visibility held while the menu is open (`deferColumnVisibility`), applied
+     * to the table on close. Untouched when not deferring.
+     */
+    visibilityDraft: VisibilityDraft;
+    setVisibilityDraft: (draft: VisibilityDraft) => void;
 }
+export interface VisibilityDraft {
+    /** "Reset to default" was pressed: the draft starts from the default, not the table. */
+    fromDefault: boolean;
+    /** Per-column toggles on top of that base. */
+    toggles: Record<string, boolean>;
+}
+export declare const EMPTY_VISIBILITY_DRAFT: VisibilityDraft;
 export declare const TableSettingsMenuContentProvider: import("react").Provider<TableSettingsMenuContentContextValue | null>;
 export declare const useTableSettingsMenuContentContext: () => TableSettingsMenuContentContextValue;
 export {};

package/dist/components/Table/TableSettingsMenu/TableSettingsMenuContentContext.js

@@ -1,4 +1,8 @@
 import { createContext, useContext } from "react";
+const EMPTY_VISIBILITY_DRAFT = {
+    fromDefault: false,
+    toggles: {}
+};
 const TableSettingsMenuContentContext = /*#__PURE__*/ createContext(null);
 const TableSettingsMenuContentProvider = TableSettingsMenuContentContext.Provider;
 const useTableSettingsMenuContentContext = ()=>{
@@ -6,4 +10,4 @@ const useTableSettingsMenuContentContext = ()=>{
     if (!ctx) throw new Error("TableSettingsMenu item components must be rendered inside <TableSettingsMenu>");
     return ctx;
 };
-export { TableSettingsMenuContentProvider, useTableSettingsMenuContentContext };
+export { EMPTY_VISIBILITY_DRAFT, TableSettingsMenuContentProvider, useTableSettingsMenuContentContext };

package/dist/components/Table/TableSettingsMenu/TableSettingsMenuItem.js

@@ -8,8 +8,9 @@ import { useTestId } from "../../../utils/testId.js";
 import { Switch, SwitchControl, SwitchLabel } from "../../Switch/index.js";
 import { useTableValue } from "../lib/index.js";
 import { useTableContext } from "../TableContext/index.js";
+import { useTableSettingsMenuContentContext } from "./TableSettingsMenuContentContext.js";
 const TableSettingsMenuItem = (t0)=>{
-    const $ = c(53);
+    const $ = c(57);
     let className;
     let columnId;
     let rest;
@@ -27,7 +28,8 @@ const TableSettingsMenuItem = (t0)=>{
         rest = $[3];
         testIdProp = $[4];
     }
-    const { masterColumnId, columnDndEnabled, columnGroups, table } = useTableContext();
+    const { masterColumnId, columnDndEnabled, columnGroups, table, deferColumnVisibility, defaultColumnVisibility } = useTableContext();
+    const { visibilityDraft, setVisibilityDraft } = useTableSettingsMenuContentContext();
     const grouped = !!columnGroups;
     const slotTestId = useTestId("settings-menu-item");
     const switchTestId = useTestId(`settings-menu-item-${columnId}`, testIdProp);
@@ -45,7 +47,8 @@ const TableSettingsMenuItem = (t0)=>{
         $[8] = column;
         $[9] = t2;
     } else t2 = $[9];
-    const isVisible = useTableValue(t2);
+    const isTableVisible = useTableValue(t2);
+    const isVisible = visibilityDraft.toggles[columnId] ?? (visibilityDraft.fromDefault ? defaultColumnVisibility?.[columnId] !== false : isTableVisible);
     let t3;
     if ($[10] !== column) {
         t3 = ()=>column?.getCanHide() ?? false;
@@ -121,33 +124,43 @@ const TableSettingsMenuItem = (t0)=>{
         $[30] = t13;
     } else t13 = $[30];
     let t14;
-    if ($[31] !== column) {
-        t14 = (details)=>column.toggleVisibility(details.checked);
+    if ($[31] !== column || $[32] !== columnId || $[33] !== deferColumnVisibility || $[34] !== setVisibilityDraft || $[35] !== visibilityDraft) {
+        t14 = (details)=>deferColumnVisibility ? setVisibilityDraft({
+                ...visibilityDraft,
+                toggles: {
+                    ...visibilityDraft.toggles,
+                    [columnId]: details.checked
+                }
+            }) : column.toggleVisibility(details.checked);
         $[31] = column;
-        $[32] = t14;
-    } else t14 = $[32];
+        $[32] = columnId;
+        $[33] = deferColumnVisibility;
+        $[34] = setVisibilityDraft;
+        $[35] = visibilityDraft;
+        $[36] = t14;
+    } else t14 = $[36];
     const t15 = isMasterColumn || !canHide;
     let t16;
-    if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
         t16 = cn("flex-1 truncate");
-        $[33] = t16;
-    } else t16 = $[33];
+        $[37] = t16;
+    } else t16 = $[37];
     let t17;
-    if ($[34] !== header) {
+    if ($[38] !== header) {
         t17 = /*#__PURE__*/ jsx(SwitchLabel, {
             className: t16,
             children: header
         });
-        $[34] = header;
-        $[35] = t17;
-    } else t17 = $[35];
+        $[38] = header;
+        $[39] = t17;
+    } else t17 = $[39];
     let t18;
-    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
         t18 = /*#__PURE__*/ jsx(SwitchControl, {});
-        $[36] = t18;
-    } else t18 = $[36];
+        $[40] = t18;
+    } else t18 = $[40];
     let t19;
-    if ($[37] !== isVisible || $[38] !== rest || $[39] !== switchTestId || $[40] !== t13 || $[41] !== t14 || $[42] !== t15 || $[43] !== t17) {
+    if ($[41] !== isVisible || $[42] !== rest || $[43] !== switchTestId || $[44] !== t13 || $[45] !== t14 || $[46] !== t15 || $[47] !== t17) {
         t19 = /*#__PURE__*/ jsxs(Switch, {
             ...rest,
             "data-testid": switchTestId,
@@ -160,17 +173,17 @@ const TableSettingsMenuItem = (t0)=>{
                 t18
             ]
         });
-        $[37] = isVisible;
-        $[38] = rest;
-        $[39] = switchTestId;
-        $[40] = t13;
-        $[41] = t14;
-        $[42] = t15;
-        $[43] = t17;
-        $[44] = t19;
-    } else t19 = $[44];
+        $[41] = isVisible;
+        $[42] = rest;
+        $[43] = switchTestId;
+        $[44] = t13;
+        $[45] = t14;
+        $[46] = t15;
+        $[47] = t17;
+        $[48] = t19;
+    } else t19 = $[48];
     let t20;
-    if ($[45] !== setNodeRef || $[46] !== slotTestId || $[47] !== style || $[48] !== t10 || $[49] !== t11 || $[50] !== t12 || $[51] !== t19) {
+    if ($[49] !== setNodeRef || $[50] !== slotTestId || $[51] !== style || $[52] !== t10 || $[53] !== t11 || $[54] !== t12 || $[55] !== t19) {
         t20 = /*#__PURE__*/ jsxs("div", {
             ref: setNodeRef,
             style: style,
@@ -182,15 +195,15 @@ const TableSettingsMenuItem = (t0)=>{
                 t19
             ]
         });
-        $[45] = setNodeRef;
-        $[46] = slotTestId;
-        $[47] = style;
-        $[48] = t10;
-        $[49] = t11;
-        $[50] = t12;
-        $[51] = t19;
-        $[52] = t20;
-    } else t20 = $[52];
+        $[49] = setNodeRef;
+        $[50] = slotTestId;
+        $[51] = style;
+        $[52] = t10;
+        $[53] = t11;
+        $[54] = t12;
+        $[55] = t19;
+        $[56] = t20;
+    } else t20 = $[56];
     return t20;
 };
 TableSettingsMenuItem.displayName = "TableSettingsMenuItem";

package/dist/components/Table/TableSettingsMenu/TableSettingsMenuReset.js

@@ -4,8 +4,9 @@ import { isEqual } from "../../../utils/isEqual.js";
 import { useTestId } from "../../../utils/testId.js";
 import { Button } from "../../Button/index.js";
 import { useTableContext } from "../TableContext/index.js";
+import { useTableSettingsMenuContentContext } from "./TableSettingsMenuContentContext.js";
 const TableSettingsMenuReset = (t0)=>{
-    const $ = c(23);
+    const $ = c(32);
     let onClick;
     let rest;
     let testIdProp;
@@ -21,47 +22,71 @@ const TableSettingsMenuReset = (t0)=>{
         testIdProp = $[3];
     }
     const testId = useTestId("settings-menu-reset", testIdProp);
-    const { table, visibilityEnabled, columnDndEnabled, defaultColumnVisibility, defaultColumnOrder, setColumnOrder } = useTableContext();
+    const { table, visibilityEnabled, columnDndEnabled, defaultColumnVisibility, defaultColumnOrder, setColumnOrder, deferColumnVisibility } = useTableContext();
+    const { visibilityDraft, setVisibilityDraft } = useTableSettingsMenuContentContext();
     let t1;
-    if ($[4] !== columnDndEnabled || $[5] !== defaultColumnOrder || $[6] !== defaultColumnVisibility || $[7] !== onClick || $[8] !== setColumnOrder || $[9] !== table || $[10] !== visibilityEnabled) {
+    if ($[4] !== columnDndEnabled || $[5] !== defaultColumnOrder || $[6] !== defaultColumnVisibility || $[7] !== deferColumnVisibility || $[8] !== onClick || $[9] !== setColumnOrder || $[10] !== setVisibilityDraft || $[11] !== table || $[12] !== visibilityEnabled) {
         t1 = (event)=>{
             onClick?.(event);
             if (event.defaultPrevented) return;
-            if (defaultColumnVisibility && visibilityEnabled) table.setColumnVisibility(defaultColumnVisibility);
+            if (defaultColumnVisibility && visibilityEnabled) if (deferColumnVisibility) setVisibilityDraft({
+                fromDefault: true,
+                toggles: {}
+            });
+            else table.setColumnVisibility(defaultColumnVisibility);
             if (defaultColumnOrder && columnDndEnabled) setColumnOrder(defaultColumnOrder);
         };
         $[4] = columnDndEnabled;
         $[5] = defaultColumnOrder;
         $[6] = defaultColumnVisibility;
-        $[7] = onClick;
-        $[8] = setColumnOrder;
-        $[9] = table;
-        $[10] = visibilityEnabled;
-        $[11] = t1;
-    } else t1 = $[11];
+        $[7] = deferColumnVisibility;
+        $[8] = onClick;
+        $[9] = setColumnOrder;
+        $[10] = setVisibilityDraft;
+        $[11] = table;
+        $[12] = visibilityEnabled;
+        $[13] = t1;
+    } else t1 = $[13];
     const handleClick = t1;
     const { columnVisibility: currentVisibility, columnOrder: currentOrder } = table.state;
     const effectiveOrder = 0 === currentOrder.length ? defaultColumnOrder : currentOrder;
+    const { fromDefault, toggles } = visibilityDraft;
     let t2;
-    if ($[12] !== currentVisibility || $[13] !== defaultColumnVisibility) {
-        t2 = !defaultColumnVisibility || isEqual(currentVisibility, defaultColumnVisibility);
-        $[12] = currentVisibility;
-        $[13] = defaultColumnVisibility;
-        $[14] = t2;
-    } else t2 = $[14];
-    const visibilityMatch = t2;
+    if ($[14] !== fromDefault || $[15] !== toggles) {
+        t2 = fromDefault || Object.keys(toggles).length > 0;
+        $[14] = fromDefault;
+        $[15] = toggles;
+        $[16] = t2;
+    } else t2 = $[16];
+    const hasDraft = t2;
     let t3;
-    if ($[15] !== defaultColumnOrder || $[16] !== effectiveOrder) {
-        t3 = !defaultColumnOrder || isEqual(effectiveOrder, defaultColumnOrder);
-        $[15] = defaultColumnOrder;
-        $[16] = effectiveOrder;
-        $[17] = t3;
-    } else t3 = $[17];
-    const orderMatch = t3;
-    const isDefaultState = visibilityMatch && orderMatch;
+    if ($[17] !== currentVisibility || $[18] !== defaultColumnVisibility || $[19] !== fromDefault || $[20] !== hasDraft || $[21] !== table || $[22] !== toggles) {
+        t3 = !defaultColumnVisibility || (hasDraft ? table.getAllLeafColumns().every((column)=>{
+            const base = fromDefault ? defaultColumnVisibility : currentVisibility;
+            const shown = toggles[column.id] ?? false !== base[column.id];
+            return shown === (false !== defaultColumnVisibility[column.id]);
+        }) : isEqual(currentVisibility, defaultColumnVisibility));
+        $[17] = currentVisibility;
+        $[18] = defaultColumnVisibility;
+        $[19] = fromDefault;
+        $[20] = hasDraft;
+        $[21] = table;
+        $[22] = toggles;
+        $[23] = t3;
+    } else t3 = $[23];
+    const visibilityMatch = t3;
     let t4;
-    if ($[18] !== handleClick || $[19] !== isDefaultState || $[20] !== rest || $[21] !== testId) {
-        t4 = /*#__PURE__*/ jsx(Button, {
+    if ($[24] !== defaultColumnOrder || $[25] !== effectiveOrder) {
+        t4 = !defaultColumnOrder || isEqual(effectiveOrder, defaultColumnOrder);
+        $[24] = defaultColumnOrder;
+        $[25] = effectiveOrder;
+        $[26] = t4;
+    } else t4 = $[26];
+    const orderMatch = t4;
+    const isDefaultState = visibilityMatch && orderMatch;
+    let t5;
+    if ($[27] !== handleClick || $[28] !== isDefaultState || $[29] !== rest || $[30] !== testId) {
+        t5 = /*#__PURE__*/ jsx(Button, {
             ...rest,
             type: "button",
             "data-testid": testId,
@@ -73,13 +98,13 @@ const TableSettingsMenuReset = (t0)=>{
             fullWidth: true,
             children: "Reset to default"
         });
-        $[18] = handleClick;
-        $[19] = isDefaultState;
-        $[20] = rest;
-        $[21] = testId;
-        $[22] = t4;
-    } else t4 = $[22];
-    return t4;
+        $[27] = handleClick;
+        $[28] = isDefaultState;
+        $[29] = rest;
+        $[30] = testId;
+        $[31] = t5;
+    } else t5 = $[31];
+    return t5;
 };
 TableSettingsMenuReset.displayName = "TableSettingsMenuReset";
 export { TableSettingsMenuReset };

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

@@ -278,6 +278,13 @@ export interface TableProps<T> extends TestableProps {
      * the close edge here.
      */
     onSettingsOpenChange?: (open: boolean) => void;
+    /**
+     * Hold column-visibility toggles in the built-in settings menu until it
+     * closes, then apply them as one `columnVisibility` change. Without it each
+     * switch shows or hides its column at once — a column whose data the consumer
+     * only fetches on close then sits empty while the menu is open.
+     */
+    deferColumnVisibility?: boolean;
     /**
      * Enable row virtualization. `'container'` virtualizes within the table's own scroll container;
      * `'window'` follows the page scroll — the nearest scrollable ancestor, or the browser window.

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.5.0",
-  "generatedAt": "2026-10-13T13:29:53.372Z",
+  "version": "2.6.0",
+  "generatedAt": "2026-10-13T14:34:30.624Z",
   "components": [
     {
       "name": "Accordion",
@@ -101586,6 +101586,12 @@
           "required": false,
           "description": "Labeled sections for the column-settings menu. When set, the menu renders\nthese groups (flat, non-reorderable — like the FilterInput field menu)\ninstead of the default pinned/unpinned drag-reorder list. See\n{@link TableColumnGroup}."
         },
+        {
+          "name": "deferColumnVisibility",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Hold column-visibility toggles in the built-in settings menu until it\ncloses, then apply them as one `columnVisibility` change. Without it each\nswitch shows or hides its column at once — a column whose data the consumer\nonly fetches on close then sits empty while the menu is open."
+        },
         {
           "name": "virtualized",
           "type": "TableVirtualized | undefined",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",