@pathscale/ui 1.1.12 → 1.1.14

package/dist/components/select/index.d.ts

@@ -1 +1,2 @@
-export { default, type SelectProps } from "./Select";
+export { default } from "./Select";
+export type { SelectProps, SelectRootProps, SelectValueType, SelectVariant, SelectSelectionMode, SelectTriggerProps, SelectValueProps, SelectIndicatorProps, SelectPopoverProps, SelectListboxProps, SelectOptionProps, } from "./Select";

package/dist/components/streaming-table/StreamingTable.js

@@ -2,11 +2,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__ from "../table/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__ from "../pagination/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__ from "./createStreamingTableStore.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex justify-center items-center gap-2 mt-4"><span class="text-sm ml-2">Page <!> of '), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=mt-4>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>");
 const StreamingTable = (props)=>{
     const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
@@ -88,18 +87,18 @@ const StreamingTable = (props)=>{
         });
     });
     const getColumnId = (col, index)=>col.id ?? col.accessorKey ?? `column-${index}`;
-    const handleSort = (col, index)=>{
-        if (!local.enableSorting || false === col.enableSorting) return;
-        const columnId = getColumnId(col, index);
-        const current = sortingState();
-        let newDirection = "asc";
-        if (current.columnId === columnId) {
-            if ("asc" === current.direction) newDirection = "desc";
-            else if ("desc" === current.direction) newDirection = null;
-        }
+    const sortDescriptor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const sorting = sortingState();
+        if (!sorting.columnId || !sorting.direction) return;
+        return {
+            column: sorting.columnId,
+            direction: "asc" === sorting.direction ? "ascending" : "descending"
+        };
+    });
+    const handleSortChange = (descriptor)=>{
         setSortingState({
-            columnId: null === newDirection ? null : columnId,
-            direction: newDirection
+            columnId: descriptor.column,
+            direction: "ascending" === descriptor.direction ? "asc" : "desc"
         });
     };
     const getSortValue = (row, col)=>{
@@ -140,17 +139,15 @@ const StreamingTable = (props)=>{
         });
         return sorted;
     });
-    const renderSortIndicator = (col, index)=>{
-        if (!local.enableSorting || false === col.enableSorting) return null;
-        const columnId = getColumnId(col, index);
-        const sorting = sortingState();
-        if (sorting.columnId !== columnId || !sorting.direction) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+    const renderSortIndicator = (sortDirection)=>{
+        if (!local.enableSorting) return null;
+        if (!sortDirection) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
             name: "icon-[mdi-light--unfold-more-horizontal]",
             width: 16,
             height: 16,
             class: "opacity-30"
         });
-        return "asc" === sorting.direction ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+        return "ascending" === sortDirection ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
             name: "icon-[mdi-light--chevron-up]",
             width: 16,
             height: 16
@@ -186,22 +183,6 @@ const StreamingTable = (props)=>{
         const maxPage = totalPages() - 1;
         if (page >= 0 && page <= maxPage) setCurrentPage(page);
     };
-    const nextPage = ()=>goToPage(currentPage() + 1);
-    const prevPage = ()=>goToPage(currentPage() - 1);
-    const visiblePageNumbers = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const total = totalPages();
-        const current = currentPage();
-        const pages = [];
-        if (total <= 5) for(let i = 0; i < total; i++)pages.push(i);
-        else {
-            let start = Math.max(0, current - 2);
-            let end = Math.min(total - 1, current + 2);
-            if (current < 2) end = Math.min(total - 1, 4);
-            else if (current > total - 3) start = Math.max(0, total - 5);
-            for(let i = start; i <= end; i++)pages.push(i);
-        }
-        return pages;
-    });
     return (()=>{
         var _el$ = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
@@ -209,6 +190,10 @@ const StreamingTable = (props)=>{
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].ScrollContainer, {
                     get children () {
                         return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Content, {
+                            get sortDescriptor () {
+                                return sortDescriptor();
+                            },
+                            onSortChange: handleSortChange,
                             get children () {
                                 return [
                                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Header, {
@@ -220,16 +205,18 @@ const StreamingTable = (props)=>{
                                                             return local.columns;
                                                         },
                                                         children: (col, index)=>{
+                                                            const columnId = getColumnId(col, index());
                                                             const isSortable = local.enableSorting && false !== col.enableSorting;
                                                             return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Column, {
-                                                                get children () {
-                                                                    var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild;
-                                                                    _el$7.$$click = ()=>isSortable && handleSort(col, index());
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>col.header);
-                                                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>renderSortIndicator(col, index()), null);
-                                                                    return _el$7;
-                                                                }
+                                                                id: columnId,
+                                                                allowsSorting: isSortable,
+                                                                children: ({ sortDirection })=>(()=>{
+                                                                        var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>col.header);
+                                                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>renderSortIndicator(isSortable ? sortDirection : void 0), null);
+                                                                        return _el$3;
+                                                                    })()
                                                             });
                                                         }
                                                     });
@@ -296,53 +283,16 @@ const StreamingTable = (props)=>{
                 return enablePagination && totalPages() > 0;
             },
             get children () {
-                var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$6 = _el$4.nextSibling;
-                _el$6.nextSibling;
+                var _el$2 = _tmpl$();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__["default"], {
-                    get children () {
-                        return [
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
-                                class: "join-item",
-                                onClick: prevPage,
-                                get isDisabled () {
-                                    return 0 === currentPage();
-                                },
-                                size: "sm",
-                                variant: "ghost",
-                                children: "\xAB"
-                            }),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                get each () {
-                                    return visiblePageNumbers();
-                                },
-                                children: (pageNum)=>{
-                                    const isActive = ()=>pageNum === currentPage();
-                                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
-                                        class: "join-item",
-                                        onClick: ()=>goToPage(pageNum),
-                                        size: "sm",
-                                        get variant () {
-                                            return isActive() ? "primary" : "ghost";
-                                        },
-                                        children: pageNum + 1
-                                    });
-                                }
-                            }),
-                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
-                                class: "join-item",
-                                onClick: nextPage,
-                                get isDisabled () {
-                                    return currentPage() === totalPages() - 1;
-                                },
-                                size: "sm",
-                                variant: "ghost",
-                                children: "\xBB"
-                            })
-                        ];
-                    }
-                }), _el$3);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>currentPage() + 1, _el$6);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, totalPages, null);
+                    get page () {
+                        return currentPage() + 1;
+                    },
+                    get total () {
+                        return totalPages();
+                    },
+                    onChange: (page)=>goToPage(page - 1)
+                }));
                 return _el$2;
             }
         }), null);
@@ -351,7 +301,4 @@ const StreamingTable = (props)=>{
     })();
 };
 const streaming_table_StreamingTable = StreamingTable;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 export { streaming_table_StreamingTable as default };

package/dist/components/table/EnhancedTable.d.ts

@@ -1,4 +1,4 @@
-import "./table.css";
+import "./Table.css";
 import { type Accessor, type JSX } from "solid-js";
 import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
 import { type TableRootProps } from "./Table";