@pathscale/ui 0.0.163 → 0.0.164

package/dist/components/table/EnhancedTable.js

@@ -1,733 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./table.css";
-import "../checkbox/checkbox.css";
-import "../button/btn.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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), _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 class="enhanced-table-footer shrink-0 border-t border-base-300"><div class="px-4 py-3"><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="enhanced-table-root flex h-full min-h-0 w-full flex-col"><div class="enhanced-table-scroll flex-1 min-h-0 overflow-y-auto overflow-x-auto">'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), _tmpl$6 = /*#__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 [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [pageSizeMenuOpen, setPageSizeMenuOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const [pageSizeMenuStyle, setPageSizeMenuStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
-        position: "fixed",
-        top: "0px",
-        left: "0px",
-        "min-width": "96px",
-        "z-index": 1300
-    });
-    const pageSizeOptions = [
-        10,
-        25,
-        50,
-        100
-    ];
-    let pageSizeToggleRef;
-    let pageSizeMenuRef;
-    const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
-        get data () {
-            return local.data;
-        },
-        get columns () {
-            return local.columns;
-        },
-        state: {
-            get sorting () {
-                return local.sorting?.() || [];
-            },
-            get columnFilters () {
-                return local.columnFilters?.() || [];
-            },
-            get pagination () {
-                return local.pagination?.() || {
-                    pageIndex: 0,
-                    pageSize: 10
-                };
-            },
-            get globalFilter () {
-                return local.globalFilter?.() || "";
-            },
-            get rowSelection () {
-                return local.rowSelection?.() || {};
-            },
-            get expanded () {
-                return local.expanded?.() || {};
-            }
-        },
-        onSortingChange: local.setSorting,
-        onColumnFiltersChange: local.setColumnFilters,
-        onPaginationChange: local.setPagination,
-        onGlobalFilterChange: local.setGlobalFilter,
-        onRowSelectionChange: local.setRowSelection,
-        onExpandedChange: local.setExpanded,
-        getCoreRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getCoreRowModel)(),
-        getSortedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getSortedRowModel)(),
-        getFilteredRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getFilteredRowModel)(),
-        getPaginationRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getPaginationRowModel)(),
-        getExpandedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getExpandedRowModel)(),
-        enableSorting: false !== local.enableSorting,
-        enableFilters: !!local.enableFilters,
-        manualPagination: !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 totalColumns = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>table.getVisibleLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0));
-    const FilterIconTrigger = (props)=>(()=>{
-            var _el$ = _tmpl$();
-            _el$.$$click = (e)=>{
-                e.stopPropagation();
-                if (!props.disabled) setOpenFilterFor((c)=>c === props.colId ? null : props.colId);
-            };
-            (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": 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 openFilterFor() === colId;
-            },
-            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__.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: "xs",
-                    color: "neutral",
-                    variant: "outline",
-                    onClick: ()=>{
-                        col.setFilterValue(void 0);
-                        setOpenFilterFor(null);
-                    },
-                    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: "xs",
-                    color: "primary",
-                    onClick: ()=>setOpenFilterFor(null),
-                    children: "Apply"
-                }), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, local.filterPanelClass ?? "absolute right-0 top-full mt-1 z-20 bg-base-100 border border-base-300 shadow rounded-box p-2 w-56"));
-                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 updatePageSizeMenuPosition = ()=>{
-        const toggleEl = pageSizeToggleRef;
-        const menuEl = pageSizeMenuRef;
-        if (!toggleEl || !menuEl) return;
-        const viewportPadding = 8;
-        const gap = 4;
-        const toggleRect = toggleEl.getBoundingClientRect();
-        const menuRect = menuEl.getBoundingClientRect();
-        const menuWidth = menuRect.width || Math.max(toggleRect.width, 96);
-        const menuHeight = menuRect.height || 0;
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        let left = toggleRect.right - menuWidth;
-        left = Math.max(viewportPadding, Math.min(left, viewportWidth - menuWidth - viewportPadding));
-        const spaceBelow = viewportHeight - toggleRect.bottom;
-        const spaceAbove = toggleRect.top;
-        const shouldOpenUp = spaceBelow < menuHeight + gap && spaceAbove > menuHeight + gap;
-        let top = shouldOpenUp ? toggleRect.top - menuHeight - gap : toggleRect.bottom + gap;
-        top = Math.max(viewportPadding, Math.min(top, viewportHeight - menuHeight - viewportPadding));
-        setPageSizeMenuStyle({
-            position: "fixed",
-            top: `${top}px`,
-            left: `${left}px`,
-            "min-width": `${Math.max(toggleRect.width, 96)}px`,
-            "z-index": 1300
-        });
-    };
-    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();
-        requestAnimationFrame(()=>{
-            updatePageSizeMenuPosition();
-            requestAnimationFrame(updatePageSizeMenuPosition);
-        });
-        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();
-        };
-        const onViewportChange = ()=>updatePageSizeMenuPosition();
-        document.addEventListener("pointerdown", onPointerDown);
-        document.addEventListener("keydown", onKeyDown);
-        window.addEventListener("resize", onViewportChange);
-        window.addEventListener("scroll", onViewportChange, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-            document.removeEventListener("pointerdown", onPointerDown);
-            document.removeEventListener("keydown", onKeyDown);
-            window.removeEventListener("resize", onViewportChange);
-            window.removeEventListener("scroll", onViewportChange, true);
-        });
-    });
-    return [
-        (()=>{
-            var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (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 ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(tableProps.class, "table-auto");
-                },
-                get children () {
-                    return [
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["default"].Head, {
-                            noCell: true,
-                            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"].HeadCell, {
-                                                                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"].HeadCell, {
-                                                                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"].HeadCell, {
-                                                                class: canSort ? "relative cursor-pointer select-none" : "relative",
-                                                                get onClick () {
-                                                                    return canSort ? header.column.getToggleSortingHandler() : void 0;
-                                                                },
-                                                                get children () {
-                                                                    var _el$17 = _tmpl$5(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>(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$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                        get when () {
-                                                                            return "asc" === header.column.getIsSorted();
-                                                                        },
-                                                                        get children () {
-                                                                            return local.sortAscIcon;
-                                                                        }
-                                                                    }), _el$19);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                        get when () {
-                                                                            return "desc" === header.column.getIsSorted();
-                                                                        },
-                                                                        get children () {
-                                                                            return local.sortDescIcon;
-                                                                        }
-                                                                    }), _el$19);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                                                                        get when () {
-                                                                            return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
-                                                                        },
-                                                                        get children () {
-                                                                            return local.sortNeutralIcon;
-                                                                        }
-                                                                    }), _el$19);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (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$17, (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$17;
-                                                                }
-                                                            });
-                                                        }
-                                                    })
-                                                ];
-                                            }
-                                        })
-                                });
-                            }
-                        }),
-                        (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: "primary"
-                                                });
-                                            }
-                                        });
-                                    }
-                                }) : (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: "xs",
-                                                                            color: "ghost",
-                                                                            shape: "circle",
-                                                                            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__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return shouldShowPagination();
-                },
-                get children () {
-                    var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$10 = (_el$0.firstChild, _el$0.nextSibling), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$15 = _el$12.nextSibling, _el$16 = (_el$15.nextSibling, _el$11.nextSibling);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                        size: "sm",
-                        color: "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$11, ()=>table.getState().pagination.pageIndex + 1, _el$15);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                        size: "sm",
-                        color: "ghost",
-                        class: "join-item",
-                        get disabled () {
-                            return !table.getCanPreviousPage();
-                        },
-                        onClick: ()=>table.setPageIndex(0),
-                        get children () {
-                            return local.firstPageIcon ?? "|<<";
-                        }
-                    }), null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                        size: "sm",
-                        color: "ghost",
-                        class: "join-item",
-                        get disabled () {
-                            return !table.getCanPreviousPage();
-                        },
-                        onClick: ()=>table.previousPage(),
-                        get children () {
-                            return local.prevPageIcon ?? "<<";
-                        }
-                    }), null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                        size: "sm",
-                        color: "ghost",
-                        class: "join-item",
-                        get disabled () {
-                            return !table.getCanNextPage();
-                        },
-                        onClick: ()=>table.nextPage(),
-                        get children () {
-                            return local.nextPageIcon ?? ">>";
-                        }
-                    }), null);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                        size: "sm",
-                        color: "ghost",
-                        class: "join-item",
-                        get disabled () {
-                            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$9, (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$7;
-                }
-            }), null);
-            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 pageSizeMenuStyle();
-                            },
-                            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, {
-                                    each: pageSizeOptions,
-                                    children: (size)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
-                                            type: "button",
-                                            size: "sm",
-                                            color: "ghost",
-                                            class: "justify-start",
-                                            get active () {
-                                                return table.getState().pagination.pageSize === size;
-                                            },
-                                            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$20 = _tmpl$6();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, (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$20, (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$20;
-        })();
-    }
-    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"], {
-            class: "w-full",
-            get children () {
-                return [
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_Dropdown_js_1eafe997__["default"].Toggle, {
-                        button: true,
-                        size: "sm",
-                        color: "neutral",
-                        class: "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, {
-                        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 };