@wallarm-org/design-system 2.3.3 → 2.4.0

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

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