@wallarm-org/design-system 2.5.0 → 2.7.0

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

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