@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/table/EnhancedTable.js

@@ -0,0 +1,740 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Table.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__ from "@tanstack/solid-table";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__ from "../checkbox/Checkbox.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
+import * as __WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__ from "../button/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__ from "../input/Input.js";
+import * as __WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__ from "../dropdown/Dropdown.js";
+import * as __WEBPACK_EXTERNAL_MODULE__loading_Loading_js_1fa096bd__ from "../loading/Loading.js";
+import * as __WEBPACK_EXTERNAL_MODULE__menu_Menu_js_2e8cbfbf__ from "../menu/Menu.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__ from "./hooks/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto shrink-0">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of </span><div class=join>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">');
+function EnhancedTable_EnhancedTable(props) {
+    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "data",
+        "columns",
+        "sorting",
+        "setSorting",
+        "columnFilters",
+        "setColumnFilters",
+        "pagination",
+        "setPagination",
+        "globalFilter",
+        "setGlobalFilter",
+        "rowSelection",
+        "setRowSelection",
+        "expanded",
+        "setExpanded",
+        "enableSorting",
+        "enableFilters",
+        "enablePagination",
+        "enableRowSelection",
+        "expandable",
+        "renderEmpty",
+        "loading",
+        "renderLoading",
+        "filterIcon",
+        "sortAscIcon",
+        "sortDescIcon",
+        "sortNeutralIcon",
+        "expandIcon",
+        "collapseIcon",
+        "filterPanelClass",
+        "paginationPosition",
+        "firstPageIcon",
+        "prevPageIcon",
+        "nextPageIcon",
+        "lastPageIcon"
+    ]);
+    const [pageSizeMenuOpen, setPageSizeMenuOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const sortingModel = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSorting)({
+        sorting: local.sorting,
+        setSorting: local.setSorting,
+        initialSorting: []
+    });
+    const paginationModel = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTablePagination)({
+        pagination: local.pagination,
+        setPagination: local.setPagination,
+        initialPagination: {
+            pageIndex: 0,
+            pageSize: 10
+        },
+        pageSizeOptions: [
+            10,
+            25,
+            50,
+            100
+        ]
+    });
+    const selectionModel = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableSelection)({
+        rowSelection: local.rowSelection,
+        setRowSelection: local.setRowSelection,
+        initialRowSelection: {}
+    });
+    const filteringModel = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableFiltering)({
+        columnFilters: local.columnFilters,
+        setColumnFilters: local.setColumnFilters,
+        initialColumnFilters: [],
+        globalFilter: local.globalFilter,
+        setGlobalFilter: local.setGlobalFilter,
+        initialGlobalFilter: ""
+    });
+    const expansionModel = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableExpansion)({
+        expanded: local.expanded,
+        setExpanded: local.setExpanded,
+        initialExpanded: {}
+    });
+    let pageSizeToggleRef;
+    let pageSizeMenuRef;
+    const table = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useTableModel)({
+        data: ()=>local.data,
+        columns: ()=>local.columns,
+        sorting: sortingModel.sorting,
+        setSorting: sortingModel.setSorting,
+        columnFilters: filteringModel.columnFilters,
+        setColumnFilters: filteringModel.setColumnFilters,
+        pagination: paginationModel.pagination,
+        setPagination: paginationModel.setPagination,
+        globalFilter: filteringModel.globalFilter,
+        setGlobalFilter: filteringModel.setGlobalFilter,
+        rowSelection: selectionModel.rowSelection,
+        setRowSelection: selectionModel.setRowSelection,
+        expanded: expansionModel.expanded,
+        setExpanded: expansionModel.setExpanded,
+        enableSorting: false !== local.enableSorting,
+        enableFilters: !!local.enableFilters,
+        enablePagination: !!local.enablePagination,
+        enableRowSelection: !!local.enableRowSelection,
+        enableExpanding: true,
+        getRowCanExpand: ()=>!!local.expandable
+    });
+    const tableRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (local.loading) return [];
+        const rows = table.getRowModel().rows;
+        if (0 === rows.length && local.renderEmpty) return [];
+        return rows;
+    });
+    const shouldShowPagination = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (!local.enablePagination) return false;
+        const pageCount = table.getPageCount();
+        const pageSize = table.getState().pagination.pageSize;
+        const totalRows = table.getCoreRowModel().rows.length;
+        return pageCount > 1 || totalRows > pageSize;
+    });
+    const headerGroups = ()=>table.getHeaderGroups();
+    const sortDescriptor = sortingModel.sortDescriptor;
+    const handleSortChange = sortingModel.setSortDescriptor;
+    const totalColumns = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>table.getVisibleLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0));
+    const filterTriggerRefs = new Map();
+    let filterPanelRef;
+    const filterPanelAnchor = ()=>filteringModel.openFilterFor() ? filterTriggerRefs.get(filteringModel.openFilterFor()) : void 0;
+    const filterPanelPosition = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useAnchoredOverlayPosition)({
+        isOpen: ()=>Boolean(filteringModel.openFilterFor()),
+        getAnchor: filterPanelAnchor,
+        getOverlay: ()=>filterPanelRef,
+        width: 224,
+        zIndex: 1300
+    });
+    const pageSizeMenuPosition = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_ea54ea0e__.useAnchoredOverlayPosition)({
+        isOpen: pageSizeMenuOpen,
+        getAnchor: ()=>pageSizeToggleRef,
+        getOverlay: ()=>pageSizeMenuRef,
+        minWidth: ()=>pageSizeToggleRef ? Math.max(pageSizeToggleRef.getBoundingClientRect().width, 96) : 96,
+        zIndex: 1300
+    });
+    const FilterIconTrigger = (props)=>(()=>{
+            var _el$ = _tmpl$();
+            _el$.$$click = (e)=>{
+                e.stopPropagation();
+                if (!props.disabled) filteringModel.toggleFilter(props.colId);
+            };
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>filterTriggerRefs.set(props.colId, el), _el$);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.filterIcon);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.classList)(_el$, {
+                    "opacity-50 pointer-events-none": props.disabled,
+                    "text-primary": filteringModel.openFilterFor() === props.colId
+                }, _$p));
+            return _el$;
+        })();
+    const FilterPanel = (props)=>{
+        const col = props.column;
+        const colId = col.id;
+        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return filteringModel.openFilterFor() === colId;
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+                    get mount () {
+                        return "undefined" == typeof document ? void 0 : document.body;
+                    },
+                    get children () {
+                        var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                        _el$2.$$click = (e)=>e.stopPropagation();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+                            filterPanelRef = el;
+                        }, _el$2);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColumnFilter, {
+                            column: col
+                        }));
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                            size: "sm",
+                            variant: "outline",
+                            onClick: ()=>{
+                                col.setFilterValue(void 0);
+                                filteringModel.closeFilter();
+                            },
+                            children: "Clear"
+                        }), null);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                            size: "sm",
+                            variant: "primary",
+                            onClick: ()=>filteringModel.closeFilter(),
+                            children: "Apply"
+                        }), null);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                            var _v$ = filterPanelPosition.style(), _v$2 = local.filterPanelClass ?? "z-[1300] w-56 border border-nf-border bg-nf-surface-1 shadow-lg rounded-box p-2";
+                            _p$.e = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$2, _v$, _p$.e);
+                            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.t = _v$2);
+                            return _p$;
+                        }, {
+                            e: void 0,
+                            t: void 0
+                        });
+                        return _el$2;
+                    }
+                });
+            }
+        });
+    };
+    const ensurePortalRoot = ()=>{
+        if ("undefined" == typeof document) return;
+        const existing = document.getElementById("enhanced-table-overlay-root");
+        if (existing) return existing;
+        const root = document.createElement("div");
+        root.id = "enhanced-table-overlay-root";
+        document.body.append(root);
+        return root;
+    };
+    const closePageSizeMenu = ()=>setPageSizeMenuOpen(false);
+    const togglePageSizeMenu = ()=>setPageSizeMenuOpen((current)=>!current);
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!shouldShowPagination()) closePageSizeMenu();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!pageSizeMenuOpen()) return;
+        ensurePortalRoot();
+        const onPointerDown = (event)=>{
+            const target = event.target;
+            if (!target) return;
+            if (pageSizeToggleRef?.contains(target)) return;
+            if (pageSizeMenuRef?.contains(target)) return;
+            closePageSizeMenu();
+        };
+        const onKeyDown = (event)=>{
+            if ("Escape" === event.key) closePageSizeMenu();
+        };
+        document.addEventListener("pointerdown", onPointerDown);
+        document.addEventListener("keydown", onKeyDown);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            document.removeEventListener("pointerdown", onPointerDown);
+            document.removeEventListener("keydown", onKeyDown);
+        });
+    });
+    return [
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
+            get children () {
+                return [
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].ScrollContainer, {
+                        class: "flex-1 min-h-0 overflow-y-auto",
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Content, {
+                                get ["class"] () {
+                                    return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(tableProps.class, "table-auto");
+                                },
+                                get sortDescriptor () {
+                                    return sortDescriptor();
+                                },
+                                onSortChange: handleSortChange,
+                                get children () {
+                                    return [
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Header, {
+                                            get children () {
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                    get each () {
+                                                        return headerGroups();
+                                                    },
+                                                    children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
+                                                            get children () {
+                                                                return [
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        get when () {
+                                                                            return local.expandable;
+                                                                        },
+                                                                        get children () {
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
+                                                                                id: "expand-control",
+                                                                                class: "w-6"
+                                                                            });
+                                                                        }
+                                                                    }),
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                        get when () {
+                                                                            return local.enableRowSelection;
+                                                                        },
+                                                                        get children () {
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
+                                                                                id: "selection-control",
+                                                                                class: "w-8",
+                                                                                get children () {
+                                                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__["default"], {
+                                                                                        get checked () {
+                                                                                            return table.getIsAllPageRowsSelected();
+                                                                                        },
+                                                                                        get indeterminate () {
+                                                                                            return table.getIsSomePageRowsSelected();
+                                                                                        },
+                                                                                        get onChange () {
+                                                                                            return table.getToggleAllPageRowsSelectedHandler();
+                                                                                        }
+                                                                                    });
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    }),
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                                        get each () {
+                                                                            return hg.headers;
+                                                                        },
+                                                                        children: (header)=>{
+                                                                            const colId = header.column.id;
+                                                                            const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
+                                                                            const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Column, {
+                                                                                id: colId,
+                                                                                allowsSorting: canSort,
+                                                                                class: canSort ? "relative cursor-pointer select-none" : "relative",
+                                                                                children: ({ sortDirection })=>(()=>{
+                                                                                        var _el$13 = _tmpl$4(), _el$14 = _el$13.firstChild;
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                                            when: "ascending" === sortDirection,
+                                                                                            get children () {
+                                                                                                return local.sortAscIcon;
+                                                                                            }
+                                                                                        }), null);
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                                            when: "descending" === sortDirection,
+                                                                                            get children () {
+                                                                                                return local.sortDescIcon;
+                                                                                            }
+                                                                                        }), null);
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                                            get when () {
+                                                                                                return canSort && void 0 === sortDirection && local.sortNeutralIcon;
+                                                                                            },
+                                                                                            get children () {
+                                                                                                return local.sortNeutralIcon;
+                                                                                            }
+                                                                                        }), null);
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                                            when: canFilter,
+                                                                                            get children () {
+                                                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
+                                                                                                    colId: colId
+                                                                                                });
+                                                                                            }
+                                                                                        }), null);
+                                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                                            when: canFilter,
+                                                                                            get children () {
+                                                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
+                                                                                                    get column () {
+                                                                                                        return header.column;
+                                                                                                    }
+                                                                                                });
+                                                                                            }
+                                                                                        }), null);
+                                                                                        return _el$13;
+                                                                                    })()
+                                                                            });
+                                                                        }
+                                                                    })
+                                                                ];
+                                                            }
+                                                        })
+                                                });
+                                            }
+                                        }),
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Body, {
+                                            get children () {
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.loading)() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
+                                                    get children () {
+                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                            get colSpan () {
+                                                                return totalColumns();
+                                                            },
+                                                            class: "text-center py-6",
+                                                            get children () {
+                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.renderLoading)() ? local.renderLoading() : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__loading_Loading_js_1fa096bd__["default"], {
+                                                                    variant: "spinner",
+                                                                    size: "lg",
+                                                                    color: "accent"
+                                                                });
+                                                            }
+                                                        });
+                                                    }
+                                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(0 === tableRows().length && local.renderEmpty))() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
+                                                    get children () {
+                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                            get colSpan () {
+                                                                return totalColumns();
+                                                            },
+                                                            class: "text-center py-4",
+                                                            get children () {
+                                                                return local.renderEmpty();
+                                                            }
+                                                        });
+                                                    }
+                                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                    get each () {
+                                                        return tableRows();
+                                                    },
+                                                    children: (row)=>[
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
+                                                                get children () {
+                                                                    return [
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                            get when () {
+                                                                                return local.expandable;
+                                                                            },
+                                                                            get children () {
+                                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                                                    class: "w-6",
+                                                                                    get children () {
+                                                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                                                                            size: "sm",
+                                                                                            variant: "ghost",
+                                                                                            isIconOnly: true,
+                                                                                            get onClick () {
+                                                                                                return row.getToggleExpandedHandler();
+                                                                                            },
+                                                                                            get children () {
+                                                                                                return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
+                                                                                            }
+                                                                                        });
+                                                                                    }
+                                                                                });
+                                                                            }
+                                                                        }),
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                            get when () {
+                                                                                return local.enableRowSelection;
+                                                                            },
+                                                                            get children () {
+                                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                                                    class: "w-8",
+                                                                                    get children () {
+                                                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__checkbox_Checkbox_js_9a9489db__["default"], {
+                                                                                            get checked () {
+                                                                                                return row.getIsSelected();
+                                                                                            },
+                                                                                            get onChange () {
+                                                                                                return row.getToggleSelectedHandler();
+                                                                                            }
+                                                                                        });
+                                                                                    }
+                                                                                });
+                                                                            }
+                                                                        }),
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                                                            get each () {
+                                                                                return row.getVisibleCells();
+                                                                            },
+                                                                            children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                                                    get children () {
+                                                                                        return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
+                                                                                    }
+                                                                                })
+                                                                        })
+                                                                    ];
+                                                                }
+                                                            }),
+                                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                                                get when () {
+                                                                    return row.getIsExpanded() && local.expandable;
+                                                                },
+                                                                get children () {
+                                                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Row, {
+                                                                        get children () {
+                                                                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Cell, {
+                                                                                get colSpan () {
+                                                                                    return totalColumns();
+                                                                                },
+                                                                                get children () {
+                                                                                    return local.expandable?.expandedRowRender({
+                                                                                        row
+                                                                                    });
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    });
+                                                                }
+                                                            })
+                                                        ]
+                                                });
+                                            }
+                                        })
+                                    ];
+                                }
+                            });
+                        }
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return shouldShowPagination();
+                        },
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Footer, {
+                                get children () {
+                                    var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$8 = (_el$6.firstChild, _el$6.nextSibling), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$11 = _el$0.nextSibling, _el$12 = (_el$11.nextSibling, _el$9.nextSibling);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                        size: "sm",
+                                        variant: "ghost",
+                                        "aria-haspopup": "menu",
+                                        get ["aria-expanded"] () {
+                                            return pageSizeMenuOpen();
+                                        },
+                                        onClick: (event)=>{
+                                            event.stopPropagation();
+                                            togglePageSizeMenu();
+                                        },
+                                        ref: (el)=>{
+                                            pageSizeToggleRef = el;
+                                        },
+                                        get children () {
+                                            return table.getState().pagination.pageSize;
+                                        }
+                                    }), null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getState().pagination.pageIndex + 1, _el$11);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>table.getPageCount() || 1, null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                        size: "sm",
+                                        variant: "ghost",
+                                        class: "join-item",
+                                        get isDisabled () {
+                                            return !table.getCanPreviousPage();
+                                        },
+                                        onClick: ()=>table.setPageIndex(0),
+                                        get children () {
+                                            return local.firstPageIcon ?? "|<<";
+                                        }
+                                    }), null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                        size: "sm",
+                                        variant: "ghost",
+                                        class: "join-item",
+                                        get isDisabled () {
+                                            return !table.getCanPreviousPage();
+                                        },
+                                        onClick: ()=>table.previousPage(),
+                                        get children () {
+                                            return local.prevPageIcon ?? "<<";
+                                        }
+                                    }), null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                        size: "sm",
+                                        variant: "ghost",
+                                        class: "join-item",
+                                        get isDisabled () {
+                                            return !table.getCanNextPage();
+                                        },
+                                        onClick: ()=>table.nextPage(),
+                                        get children () {
+                                            return local.nextPageIcon ?? ">>";
+                                        }
+                                    }), null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                        size: "sm",
+                                        variant: "ghost",
+                                        class: "join-item",
+                                        get isDisabled () {
+                                            return !table.getCanNextPage();
+                                        },
+                                        onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
+                                        get children () {
+                                            return local.lastPageIcon ?? ">>|";
+                                        }
+                                    }), null);
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
+                                    return _el$5;
+                                }
+                            });
+                        }
+                    })
+                ];
+            }
+        })),
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return pageSizeMenuOpen();
+            },
+            get children () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+                    get mount () {
+                        return ensurePortalRoot();
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__menu_Menu_js_2e8cbfbf__["default"], {
+                            ref: (el)=>{
+                                pageSizeMenuRef = el;
+                            },
+                            get style () {
+                                return pageSizeMenuPosition.style();
+                            },
+                            class: "p-2 shadow bg-base-100 rounded-box border border-base-300 w-24",
+                            role: "menu",
+                            "aria-label": "Rows per page",
+                            get children () {
+                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    get each () {
+                                        return paginationModel.pageSizeOptions();
+                                    },
+                                    children: (size)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                            type: "button",
+                                            size: "sm",
+                                            get variant () {
+                                                return table.getState().pagination.pageSize === size ? "secondary" : "ghost";
+                                            },
+                                            class: "justify-start",
+                                            get ["aria-pressed"] () {
+                                                return table.getState().pagination.pageSize === size;
+                                            },
+                                            onClick: ()=>{
+                                                table.setPageSize(size);
+                                                closePageSizeMenu();
+                                            },
+                                            children: size
+                                        })
+                                });
+                            }
+                        });
+                    }
+                });
+            }
+        })
+    ];
+}
+function ColumnFilter(props) {
+    const col = props.column;
+    const value = ()=>col.getFilterValue();
+    const type = col.columnDef.meta?.filterType ?? "text";
+    if ("text" === type) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__["default"], {
+        size: "sm",
+        placeholder: "Filter...",
+        get value () {
+            return value() ?? "";
+        },
+        onInput: (e)=>col.setFilterValue(e.currentTarget.value || void 0)
+    });
+    if ("numberRange" === type) {
+        const v = value() ?? [
+            void 0,
+            void 0
+        ];
+        const setRange = (min, max)=>{
+            if (!min && !max) return col.setFilterValue(void 0);
+            col.setFilterValue([
+                min || void 0,
+                max || void 0
+            ]);
+        };
+        return (()=>{
+            var _el$15 = _tmpl$5();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__["default"], {
+                size: "sm",
+                type: "number",
+                placeholder: "Min",
+                get value () {
+                    return v[0] ?? "";
+                },
+                onInput: (e)=>setRange(e.currentTarget.value, v[1])
+            }), null);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_Input_js_ae745814__["default"], {
+                size: "sm",
+                type: "number",
+                placeholder: "Max",
+                get value () {
+                    return v[1] ?? "";
+                },
+                onInput: (e)=>setRange(v[0], e.currentTarget.value)
+            }), null);
+            return _el$15;
+        })();
+    }
+    if ("select" === type) {
+        const options = col.columnDef.meta?.options ?? [];
+        const currentValue = ()=>value() ?? "";
+        const currentLabel = ()=>{
+            if (!currentValue()) return "All";
+            return options.find((o)=>o.value === currentValue())?.label ?? "All";
+        };
+        const handleSelect = (val)=>{
+            col.setFilterValue(val || void 0);
+        };
+        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Root, {
+            class: "w-full",
+            get children () {
+                return [
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Trigger, {
+                        class: "btn btn-sm btn-neutral w-full justify-between",
+                        get children () {
+                            return currentLabel();
+                        }
+                    }),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Menu, {
+                        align: "start",
+                        get children () {
+                            return [
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Item, {
+                                    onClick: ()=>handleSelect(""),
+                                    get ["aria-selected"] () {
+                                        return !currentValue();
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(!currentValue() && "active");
+                                    },
+                                    children: "All"
+                                }),
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                                    each: options,
+                                    children: (o)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Item, {
+                                            onClick: ()=>handleSelect(o.value),
+                                            get ["aria-selected"] () {
+                                                return currentValue() === o.value;
+                                            },
+                                            get ["class"] () {
+                                                return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(currentValue() === o.value && "active");
+                                            },
+                                            get children () {
+                                                return o.label;
+                                            }
+                                        })
+                                })
+                            ];
+                        }
+                    })
+                ];
+            }
+        });
+    }
+    return null;
+}
+const EnhancedTable = EnhancedTable_EnhancedTable;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { EnhancedTable as default };