@pathscale/ui 0.1.1 → 1.2.1

package/dist/components/table/EnhancedTable.js

@@ -0,0 +1,727 @@
+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";
+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: "sm",
+                    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: "sm",
+                    variant: "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: "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__.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",
+                        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$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",
+                        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$16, (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$16, (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$16, (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$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",
+                                            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$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"].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 };