@wallarm-org/design-system 2.4.0 → 2.5.0

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

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