@perses-dev/components 0.55.0 → 0.56.0-beta.0

package/dist/Table/Table.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -12,10 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { Stack, useTheme } from "@mui/material";
-import { getCoreRowModel, getExpandedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
-import { useCallback, useMemo, useState } from "react";
+import { useTable } from "@tanstack/react-table";
+import { useState } from "react";
 import { useFuzzySearch } from "./hooks/useFuzzySearch.js";
-import { DEFAULT_COLUMN_WIDTH, persesColumnsToTanstackColumns } from "./model/table-model.js";
+import { DEFAULT_COLUMN_WIDTH, persesColumnsToTanstackColumns, TABLE_FEATURES } from "./model/table-model.js";
 import { TableCheckbox } from "./TableCheckbox.js";
 import { VirtualizedTable } from "./VirtualizedTable.js";
 const DEFAULT_GET_ROW_ID = (data, index)=>{
@@ -31,192 +32,443 @@ const DEFAULT_SORTING = [];
  * **not** intended to be a general use data table for use cases unrelated to Perses.
  *
  * **Note: This component is currently experimental and is likely to have significant breaking changes in the near future. Use with caution outside of the core Perses codebase.**
- */ export function Table({ data, columns, cellConfigs, density = 'standard', defaultColumnWidth = DEFAULT_COLUMN_WIDTH, defaultColumnHeight = 'auto', checkboxSelection, onRowSelectionChange, onSortingChange, getCheckboxColor, getRowId = DEFAULT_GET_ROW_ID, rowSelection = DEFAULT_ROW_SELECTION, sorting = DEFAULT_SORTING, getItemActions, hasItemActions, pagination, onPaginationChange, rowSelectionVariant = 'standard', getSubRows, hiddenColumns, tableToolbarConfig, columnResizeMode = 'onChange', defaultColumnConfig, ...otherProps }) {
-    'use no memo'; // TanStack Table v8 uses a mutable instance that automatic memoization cannot track.
+ */ export function Table(t0) {
+    const $ = _c(108);
+    let cellConfigs;
+    let checkboxSelection;
+    let columns;
+    let data;
+    let defaultColumnConfig;
+    let getCheckboxColor;
+    let getItemActions;
+    let getSubRows;
+    let hasItemActions;
+    let hiddenColumns;
+    let onPaginationChange;
+    let onRowSelectionChange;
+    let onSortingChange;
+    let otherProps;
+    let pagination;
+    let t1;
+    let t2;
+    let t3;
+    let t4;
+    let t5;
+    let t6;
+    let t7;
+    let t8;
+    let tableToolbarConfig;
+    if ($[0] !== t0) {
+        ({ data, columns, cellConfigs, density: t1, defaultColumnWidth: t2, defaultColumnHeight: t3, checkboxSelection, onRowSelectionChange, onSortingChange, getCheckboxColor, getRowId: t4, rowSelection: t5, sorting: t6, getItemActions, hasItemActions, pagination, onPaginationChange, rowSelectionVariant: t7, getSubRows, hiddenColumns, tableToolbarConfig, columnResizeMode: t8, defaultColumnConfig, ...otherProps } = t0);
+        $[0] = t0;
+        $[1] = cellConfigs;
+        $[2] = checkboxSelection;
+        $[3] = columns;
+        $[4] = data;
+        $[5] = defaultColumnConfig;
+        $[6] = getCheckboxColor;
+        $[7] = getItemActions;
+        $[8] = getSubRows;
+        $[9] = hasItemActions;
+        $[10] = hiddenColumns;
+        $[11] = onPaginationChange;
+        $[12] = onRowSelectionChange;
+        $[13] = onSortingChange;
+        $[14] = otherProps;
+        $[15] = pagination;
+        $[16] = t1;
+        $[17] = t2;
+        $[18] = t3;
+        $[19] = t4;
+        $[20] = t5;
+        $[21] = t6;
+        $[22] = t7;
+        $[23] = t8;
+        $[24] = tableToolbarConfig;
+    } else {
+        cellConfigs = $[1];
+        checkboxSelection = $[2];
+        columns = $[3];
+        data = $[4];
+        defaultColumnConfig = $[5];
+        getCheckboxColor = $[6];
+        getItemActions = $[7];
+        getSubRows = $[8];
+        hasItemActions = $[9];
+        hiddenColumns = $[10];
+        onPaginationChange = $[11];
+        onRowSelectionChange = $[12];
+        onSortingChange = $[13];
+        otherProps = $[14];
+        pagination = $[15];
+        t1 = $[16];
+        t2 = $[17];
+        t3 = $[18];
+        t4 = $[19];
+        t5 = $[20];
+        t6 = $[21];
+        t7 = $[22];
+        t8 = $[23];
+        tableToolbarConfig = $[24];
+    }
+    const density = t1 === undefined ? "standard" : t1;
+    const defaultColumnWidth = t2 === undefined ? DEFAULT_COLUMN_WIDTH : t2;
+    const defaultColumnHeight = t3 === undefined ? "auto" : t3;
+    const getRowId = t4 === undefined ? DEFAULT_GET_ROW_ID : t4;
+    const rowSelection = t5 === undefined ? DEFAULT_ROW_SELECTION : t5;
+    const sorting = t6 === undefined ? DEFAULT_SORTING : t6;
+    const rowSelectionVariant = t7 === undefined ? "standard" : t7;
+    const columnResizeMode = t8 === undefined ? "onChange" : t8;
     const theme = useTheme();
     const hasSubRows = !!getSubRows;
-    const [expanded, setExpanded] = useState({});
-    const { globalFilter, setGlobalFilter, fuzzySearchOptions } = useFuzzySearch(tableToolbarConfig?.isSearchEnabled, tableToolbarConfig?.fuzzyMatchThreshold ?? 'CONTAINS', expanded, setExpanded);
-    const [columnVisibility, setColumnVisibility] = useState(hiddenColumns?.reduce((acc, columnId)=>({
-            ...acc,
-            [columnId]: false
-        }), {}) ?? {});
-    const handleRowSelectionChange = (rowSelectionUpdater)=>{
-        const newRowSelection = typeof rowSelectionUpdater === 'function' ? rowSelectionUpdater(rowSelection) : rowSelectionUpdater;
-        onRowSelectionChange?.(newRowSelection);
-    };
-    const handleRowSelectionEvent = useCallback((table, row, isModified)=>{
-        if (rowSelectionVariant === 'standard' || isModified) {
-            row.toggleSelected();
-        } else {
-            // Legend variant (when action not modified with shift/meta key).
-            // Note that this behavior needs to be kept in sync with behavior in
-            // the Legend component for list-based legends.
-            if (row.getIsSelected() && !table.getIsAllRowsSelected()) {
-                // Row was already selected. Revert to select all.
-                table.toggleAllRowsSelected();
+    let t9;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = {};
+        $[25] = t9;
+    } else {
+        t9 = $[25];
+    }
+    const [expanded, setExpanded] = useState(t9);
+    const { globalFilter, setGlobalFilter, fuzzySearchOptions } = useFuzzySearch(tableToolbarConfig?.isSearchEnabled, tableToolbarConfig?.fuzzyMatchThreshold ?? "CONTAINS", expanded, setExpanded);
+    let t10;
+    if ($[26] !== hiddenColumns) {
+        t10 = hiddenColumns?.reduce(_temp, {}) ?? {};
+        $[26] = hiddenColumns;
+        $[27] = t10;
+    } else {
+        t10 = $[27];
+    }
+    const [columnVisibility, setColumnVisibility] = useState(t10);
+    let t11;
+    if ($[28] !== onRowSelectionChange || $[29] !== rowSelection) {
+        t11 = (rowSelectionUpdater)=>{
+            const newRowSelection = typeof rowSelectionUpdater === "function" ? rowSelectionUpdater(rowSelection) : rowSelectionUpdater;
+            onRowSelectionChange?.(newRowSelection);
+        };
+        $[28] = onRowSelectionChange;
+        $[29] = rowSelection;
+        $[30] = t11;
+    } else {
+        t11 = $[30];
+    }
+    const handleRowSelectionChange = t11;
+    let t12;
+    if ($[31] !== onRowSelectionChange || $[32] !== rowSelectionVariant) {
+        t12 = (table, row, isModified)=>{
+            if (rowSelectionVariant === "standard" || isModified) {
+                row.toggleSelected();
             } else {
-                // Focus the selected row.
-                onRowSelectionChange?.({
-                    [row.id]: true
-                });
+                if (row.getIsSelected() && !table.getIsAllRowsSelected()) {
+                    table.toggleAllRowsSelected();
+                } else {
+                    onRowSelectionChange?.({
+                        [row.id]: true
+                    });
+                }
             }
-        }
-    }, [
-        onRowSelectionChange,
-        rowSelectionVariant
-    ]);
-    const handleCheckboxChange = useCallback((e, table, row)=>{
-        const nativePointerEvent = e.nativeEvent && (e.nativeEvent instanceof MouseEvent || e.nativeEvent instanceof KeyboardEvent) ? e.nativeEvent : undefined;
-        const isModifed = !!nativePointerEvent?.metaKey || !!nativePointerEvent?.shiftKey;
-        handleRowSelectionEvent(table, row, isModifed);
-    }, [
-        handleRowSelectionEvent
-    ]);
-    const handleSortingChange = (sortingUpdater)=>{
-        const newSorting = typeof sortingUpdater === 'function' ? sortingUpdater(sorting) : sortingUpdater;
-        onSortingChange?.(newSorting);
-    };
-    const actionsColumn = useMemo(()=>{
-        return {
-            id: 'itemActions',
-            header: 'Actions',
-            cell: ({ row })=>{
+        };
+        $[31] = onRowSelectionChange;
+        $[32] = rowSelectionVariant;
+        $[33] = t12;
+    } else {
+        t12 = $[33];
+    }
+    const handleRowSelectionEvent = t12;
+    let t13;
+    if ($[34] !== handleRowSelectionEvent) {
+        t13 = (e, table_0, row_0)=>{
+            const nativePointerEvent = e.nativeEvent && (e.nativeEvent instanceof MouseEvent || e.nativeEvent instanceof KeyboardEvent) ? e.nativeEvent : undefined;
+            const isModifed = !!nativePointerEvent?.metaKey || !!nativePointerEvent?.shiftKey;
+            handleRowSelectionEvent(table_0, row_0, isModifed);
+        };
+        $[34] = handleRowSelectionEvent;
+        $[35] = t13;
+    } else {
+        t13 = $[35];
+    }
+    const handleCheckboxChange = t13;
+    let t14;
+    if ($[36] !== onSortingChange || $[37] !== sorting) {
+        t14 = (sortingUpdater)=>{
+            const newSorting = typeof sortingUpdater === "function" ? sortingUpdater(sorting) : sortingUpdater;
+            onSortingChange?.(newSorting);
+        };
+        $[36] = onSortingChange;
+        $[37] = sorting;
+        $[38] = t14;
+    } else {
+        t14 = $[38];
+    }
+    const handleSortingChange = t14;
+    let t15;
+    if ($[39] !== getItemActions) {
+        t15 = {
+            id: "itemActions",
+            header: "Actions",
+            cell: (t16)=>{
+                const { row: row_1 } = t16;
                 return /*#__PURE__*/ _jsx(Stack, {
                     direction: "row",
                     alignItems: "center",
                     children: getItemActions?.({
-                        id: row.id,
-                        data: row.original
+                        id: row_1.id,
+                        data: row_1.original
                     })
                 });
             },
             enableSorting: false,
             enableResizing: false
         };
-    }, [
-        getItemActions
-    ]);
-    const checkboxColumn = useMemo(()=>{
-        return {
-            id: 'checkboxRowSelect',
+        $[39] = getItemActions;
+        $[40] = t15;
+    } else {
+        t15 = $[40];
+    }
+    const actionsColumn = t15;
+    let t16;
+    if ($[41] !== density || $[42] !== theme.palette.text.primary) {
+        t16 = (t17)=>{
+            const { table: table_1 } = t17;
+            return /*#__PURE__*/ _jsx(TableCheckbox, {
+                checked: table_1.getIsAllRowsSelected(),
+                indeterminate: table_1.getIsSomeRowsSelected() && !table_1.getIsAllRowsSelected(),
+                onChange: table_1.getToggleAllRowsSelectedHandler(),
+                color: theme.palette.text.primary,
+                density: density
+            });
+        };
+        $[41] = density;
+        $[42] = theme.palette.text.primary;
+        $[43] = t16;
+    } else {
+        t16 = $[43];
+    }
+    let t17;
+    if ($[44] !== density || $[45] !== getCheckboxColor || $[46] !== handleCheckboxChange) {
+        t17 = (t18)=>{
+            const { row: row_2, table: table_2 } = t18;
+            return /*#__PURE__*/ _jsx(TableCheckbox, {
+                checked: row_2.getIsSelected(),
+                indeterminate: row_2.getIsSomeSelected(),
+                onChange: (e_0)=>{
+                    handleCheckboxChange(e_0, table_2, row_2);
+                },
+                color: getCheckboxColor?.(row_2.original),
+                density: density
+            });
+        };
+        $[44] = density;
+        $[45] = getCheckboxColor;
+        $[46] = handleCheckboxChange;
+        $[47] = t17;
+    } else {
+        t17 = $[47];
+    }
+    let t18;
+    if ($[48] !== t16 || $[49] !== t17) {
+        t18 = {
+            id: "checkboxRowSelect",
             size: 28,
-            header: ({ table })=>{
-                return /*#__PURE__*/ _jsx(TableCheckbox, {
-                    checked: table.getIsAllRowsSelected(),
-                    indeterminate: table.getIsSomeRowsSelected(),
-                    onChange: table.getToggleAllRowsSelectedHandler(),
-                    color: theme.palette.text.primary,
-                    density: density
-                });
-            },
-            cell: ({ row, table })=>{
-                return /*#__PURE__*/ _jsx(TableCheckbox, {
-                    checked: row.getIsSelected(),
-                    indeterminate: row.getIsSomeSelected(),
-                    onChange: (e)=>{
-                        handleCheckboxChange(e, table, row);
-                    },
-                    color: getCheckboxColor?.(row.original),
-                    density: density
-                });
-            },
+            header: t16,
+            cell: t17,
             enableSorting: false,
             enableResizing: false
         };
-    }, [
-        theme.palette.text.primary,
-        density,
-        getCheckboxColor,
-        handleCheckboxChange
-    ]);
-    const tableColumns = useMemo(()=>{
-        const initTableColumns = persesColumnsToTanstackColumns(columns, defaultColumnConfig);
+        $[48] = t16;
+        $[49] = t17;
+        $[50] = t18;
+    } else {
+        t18 = $[50];
+    }
+    const checkboxColumn = t18;
+    let initTableColumns;
+    if ($[51] !== actionsColumn || $[52] !== checkboxColumn || $[53] !== checkboxSelection || $[54] !== columns || $[55] !== defaultColumnConfig || $[56] !== hasItemActions) {
+        initTableColumns = persesColumnsToTanstackColumns(columns, defaultColumnConfig);
         if (hasItemActions) {
             initTableColumns.unshift(actionsColumn);
         }
         if (checkboxSelection) {
             initTableColumns.unshift(checkboxColumn);
         }
-        return initTableColumns;
-    }, [
-        columns,
-        defaultColumnConfig,
-        hasItemActions,
-        checkboxSelection,
-        actionsColumn,
-        checkboxColumn
-    ]);
-    // Oxlint still checks incompatible APIs inside functions opted out of compilation above.
-    // oxlint-disable-next-line react/incompatible-library
-    const table = useReactTable({
-        data,
-        columns: tableColumns,
-        getRowId: getRowId,
-        getCoreRowModel: getCoreRowModel(),
-        getSortedRowModel: getSortedRowModel(),
-        getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
-        // without this setting, the getPaginationRowModel setting persists and it is not possible to switch from paginated to unpaginated
-        // can be removed once https://github.com/TanStack/table/pull/5974 is merged
-        manualPagination: !pagination,
-        enableRowSelection: !!checkboxSelection,
-        onRowSelectionChange: handleRowSelectionChange,
-        onSortingChange: handleSortingChange,
-        onColumnVisibilityChange: setColumnVisibility,
-        getSubRows: getSubRows,
-        getExpandedRowModel: hasSubRows ? getExpandedRowModel() : undefined,
-        ...fuzzySearchOptions,
-        // For now, defaulting to sort by descending first. We can expose the ability
-        // to customize it if/when we have use cases for it.
-        sortDescFirst: true,
-        columnResizeMode,
-        onExpandedChange: setExpanded,
-        state: {
+        $[51] = actionsColumn;
+        $[52] = checkboxColumn;
+        $[53] = checkboxSelection;
+        $[54] = columns;
+        $[55] = defaultColumnConfig;
+        $[56] = hasItemActions;
+        $[57] = initTableColumns;
+    } else {
+        initTableColumns = $[57];
+    }
+    const tableColumns = initTableColumns;
+    const t19 = !pagination;
+    const t20 = !!checkboxSelection;
+    const t21 = tableToolbarConfig?.isSearchEnabled ? globalFilter : undefined;
+    let t22;
+    if ($[58] !== pagination) {
+        t22 = pagination ? {
+            pagination
+        } : {};
+        $[58] = pagination;
+        $[59] = t22;
+    } else {
+        t22 = $[59];
+    }
+    let t23;
+    if ($[60] !== columnVisibility || $[61] !== expanded || $[62] !== rowSelection || $[63] !== sorting || $[64] !== t21 || $[65] !== t22) {
+        t23 = {
             rowSelection,
             sorting,
-            globalFilter: tableToolbarConfig?.isSearchEnabled ? globalFilter : undefined,
+            globalFilter: t21,
             columnVisibility,
-            ...pagination ? {
-                pagination
-            } : {},
+            ...t22,
             expanded
-        }
-    });
-    const handleRowClick = useCallback((e, rowId)=>{
-        const row = table.getRow(rowId);
-        const isModifiedClick = e.metaKey || e.shiftKey;
-        handleRowSelectionEvent(table, row, isModifiedClick);
-    }, [
-        handleRowSelectionEvent,
-        table
-    ]);
-    return /*#__PURE__*/ _jsx(VirtualizedTable, {
-        ...otherProps,
-        density: density,
-        defaultColumnWidth: defaultColumnWidth,
-        defaultColumnHeight: defaultColumnHeight,
-        onRowClick: handleRowClick,
-        rows: table.getRowModel().rows,
-        columns: table.getVisibleFlatColumns(),
-        columnSizing: table.getState().columnSizing,
-        columnSizingInfo: table.getState().columnSizingInfo,
-        headers: table.getHeaderGroups(),
-        cellConfigs: cellConfigs,
-        pagination: pagination,
-        onPaginationChange: onPaginationChange,
-        rowCount: table.getRowCount(),
-        toolbarConfig: {
-            isSearchEnabled: tableToolbarConfig?.isSearchEnabled,
+        };
+        $[60] = columnVisibility;
+        $[61] = expanded;
+        $[62] = rowSelection;
+        $[63] = sorting;
+        $[64] = t21;
+        $[65] = t22;
+        $[66] = t23;
+    } else {
+        t23 = $[66];
+    }
+    let t24;
+    if ($[67] !== columnResizeMode || $[68] !== data || $[69] !== fuzzySearchOptions || $[70] !== getRowId || $[71] !== getSubRows || $[72] !== handleRowSelectionChange || $[73] !== handleSortingChange || $[74] !== t19 || $[75] !== t20 || $[76] !== t23 || $[77] !== tableColumns) {
+        t24 = {
+            features: TABLE_FEATURES,
+            ...fuzzySearchOptions,
+            data,
+            columns: tableColumns,
+            getRowId,
+            manualPagination: t19,
+            enableRowSelection: t20,
+            onRowSelectionChange: handleRowSelectionChange,
+            onSortingChange: handleSortingChange,
+            onColumnVisibilityChange: setColumnVisibility,
+            getSubRows,
+            sortDescFirst: true,
+            columnResizeMode,
+            onExpandedChange: setExpanded,
+            state: t23
+        };
+        $[67] = columnResizeMode;
+        $[68] = data;
+        $[69] = fuzzySearchOptions;
+        $[70] = getRowId;
+        $[71] = getSubRows;
+        $[72] = handleRowSelectionChange;
+        $[73] = handleSortingChange;
+        $[74] = t19;
+        $[75] = t20;
+        $[76] = t23;
+        $[77] = tableColumns;
+        $[78] = t24;
+    } else {
+        t24 = $[78];
+    }
+    const table_3 = useTable(t24);
+    let t25;
+    if ($[79] !== handleRowSelectionEvent) {
+        t25 = (e_1, row_3)=>{
+            const isModifiedClick = e_1.metaKey || e_1.shiftKey;
+            handleRowSelectionEvent(row_3.table, row_3, isModifiedClick);
+        };
+        $[79] = handleRowSelectionEvent;
+        $[80] = t25;
+    } else {
+        t25 = $[80];
+    }
+    const handleRowClick = t25;
+    const t26 = tableToolbarConfig?.isSearchEnabled;
+    const t27 = tableToolbarConfig?.isColumnFilterEnabled;
+    let t28;
+    if ($[81] !== table_3) {
+        t28 = table_3.getAllColumns();
+        $[81] = table_3;
+        $[82] = t28;
+    } else {
+        t28 = $[82];
+    }
+    const t29 = tableToolbarConfig?.columnFilterMenuMaxHeight;
+    let t30;
+    if ($[83] !== table_3) {
+        t30 = table_3.getIsAllRowsExpanded();
+        $[83] = table_3;
+        $[84] = t30;
+    } else {
+        t30 = $[84];
+    }
+    let t31;
+    if ($[85] !== table_3) {
+        t31 = table_3.getToggleAllRowsExpandedHandler();
+        $[85] = table_3;
+        $[86] = t31;
+    } else {
+        t31 = $[86];
+    }
+    let t32;
+    if ($[87] !== globalFilter || $[88] !== hasSubRows || $[89] !== setGlobalFilter || $[90] !== t26 || $[91] !== t27 || $[92] !== t28 || $[93] !== t29 || $[94] !== t30 || $[95] !== t31) {
+        t32 = {
+            isSearchEnabled: t26,
             globalFilter,
             onGlobalFilterChange: setGlobalFilter,
-            isColumnFilterEnabled: tableToolbarConfig?.isColumnFilterEnabled,
-            columns: table.getAllColumns(),
-            columnFilterMenuMaxHeight: tableToolbarConfig?.columnFilterMenuMaxHeight,
+            isColumnFilterEnabled: t27,
+            columns: t28,
+            columnFilterMenuMaxHeight: t29,
             isExpandAllEnabled: hasSubRows,
-            isAllExpanded: table.getIsAllRowsExpanded(),
-            onExpandAllChange: table.getToggleAllRowsExpandedHandler()
-        }
-    });
+            isAllExpanded: t30,
+            onExpandAllChange: t31
+        };
+        $[87] = globalFilter;
+        $[88] = hasSubRows;
+        $[89] = setGlobalFilter;
+        $[90] = t26;
+        $[91] = t27;
+        $[92] = t28;
+        $[93] = t29;
+        $[94] = t30;
+        $[95] = t31;
+        $[96] = t32;
+    } else {
+        t32 = $[96];
+    }
+    let t33;
+    if ($[97] !== cellConfigs || $[98] !== defaultColumnHeight || $[99] !== defaultColumnWidth || $[100] !== density || $[101] !== handleRowClick || $[102] !== onPaginationChange || $[103] !== otherProps || $[104] !== pagination || $[105] !== t32 || $[106] !== table_3) {
+        t33 = /*#__PURE__*/ _jsx(VirtualizedTable, {
+            ...otherProps,
+            density: density,
+            defaultColumnWidth: defaultColumnWidth,
+            defaultColumnHeight: defaultColumnHeight,
+            onRowClick: handleRowClick,
+            table: table_3,
+            cellConfigs: cellConfigs,
+            pagination: pagination,
+            onPaginationChange: onPaginationChange,
+            toolbarConfig: t32
+        });
+        $[97] = cellConfigs;
+        $[98] = defaultColumnHeight;
+        $[99] = defaultColumnWidth;
+        $[100] = density;
+        $[101] = handleRowClick;
+        $[102] = onPaginationChange;
+        $[103] = otherProps;
+        $[104] = pagination;
+        $[105] = t32;
+        $[106] = table_3;
+        $[107] = t33;
+    } else {
+        t33 = $[107];
+    }
+    return t33;
+}
+function _temp(acc, columnId) {
+    return {
+        ...acc,
+        [columnId]: false
+    };
 }
 
 //# sourceMappingURL=Table.js.map