@pathscale/ui 0.0.163 → 0.0.165

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

@@ -1,343 +0,0 @@
-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)("<tbody>"), _tmpl$2 = /*#__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$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$4 = /*#__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",
-        "columns",
-        "getRowId",
-        "streamingConfig",
-        "enableFiltering",
-        "filterValue",
-        "onFilterChange",
-        "globalFilterFn",
-        "enablePagination",
-        "pageSize",
-        "initialPage",
-        "enableSorting",
-        "initialSorting",
-        "class",
-        "className"
-    ]);
-    const store = (0, __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__.createStreamingTableStore)();
-    const [sortingState, setSortingState] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialSorting ?? {
-        columnId: null,
-        direction: null
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (local.initialSorting) setSortingState(local.initialSorting);
-    });
-    const config = {
-        maxBufferSize: local.streamingConfig?.maxBufferSize ?? 1000,
-        appendMode: local.streamingConfig?.appendMode ?? false
-    };
-    const resolveId = (row)=>{
-        if (local.getRowId) return local.getRowId(row);
-        const rowWithId = row;
-        if (null != rowWithId.id) return String(rowWithId.id);
-        return JSON.stringify(row);
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        const incoming = local.data ?? [];
-        if (config.appendMode) {
-            store.appendRows(incoming, resolveId);
-            store.truncateToSize(config.maxBufferSize);
-        } else {
-            const idSet = new Set();
-            incoming.forEach((row)=>{
-                const id = resolveId(row);
-                idSet.add(id);
-                store.upsertRow(row, resolveId);
-            });
-            const current = store.rows();
-            current.forEach((r)=>{
-                if (!idSet.has(r.id)) store.removeRow(r.id);
-            });
-        }
-    });
-    const defaultGlobalFilterFn = (row, filterValue, columns)=>{
-        if (!filterValue || "" === filterValue.trim()) return true;
-        const lowerFilter = filterValue.toLowerCase();
-        return columns.some((col)=>{
-            if (col.filterFn) return col.filterFn(row, filterValue);
-            let value;
-            if (col.accessorKey) value = row[col.accessorKey];
-            else {
-                if (!col.accessorFn) return false;
-                value = col.accessorFn(row);
-            }
-            if (null == value) return false;
-            return String(value).toLowerCase().includes(lowerFilter);
-        });
-    };
-    const filteredRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const rows = store.rows();
-        if (!local.enableFiltering) return rows;
-        const currentFilterValue = local.filterValue ?? "";
-        if (!currentFilterValue || "" === currentFilterValue.trim()) return rows;
-        const filterFn = local.globalFilterFn ?? defaultGlobalFilterFn;
-        return rows.filter((rowStore)=>{
-            const rowData = rowStore.data();
-            return filterFn(rowData, currentFilterValue, local.columns);
-        });
-    });
-    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;
-        }
-        setSortingState({
-            columnId: null === newDirection ? null : columnId,
-            direction: newDirection
-        });
-    };
-    const getSortValue = (row, col)=>{
-        if (col.accessorKey) return row[col.accessorKey];
-        if (col.accessorFn) return col.accessorFn(row);
-        return null;
-    };
-    const defaultSortFn = (a, b)=>{
-        if (null == a && null == b) return 0;
-        if (null == a) return 1;
-        if (null == b) return -1;
-        if ("string" == typeof a && "string" == typeof b) return a.localeCompare(b);
-        if ("number" == typeof a && "number" == typeof b) return a - b;
-        if ("boolean" == typeof a && "boolean" == typeof b) return a === b ? 0 : a ? 1 : -1;
-        if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
-        return String(a).localeCompare(String(b));
-    };
-    const sortedRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const rows = filteredRows();
-        const sorting = sortingState();
-        if (!local.enableSorting || !sorting.direction || !sorting.columnId) return rows;
-        const colIndex = local.columns.findIndex((col, idx)=>getColumnId(col, idx) === sorting.columnId);
-        if (-1 === colIndex) return rows;
-        const col = local.columns[colIndex];
-        const sorted = [
-            ...rows
-        ].sort((rowStoreA, rowStoreB)=>{
-            const rowA = rowStoreA.data();
-            const rowB = rowStoreB.data();
-            let result;
-            if (col.sortingFn) result = col.sortingFn(rowA, rowB);
-            else {
-                const valueA = getSortValue(rowA, col);
-                const valueB = getSortValue(rowB, col);
-                result = defaultSortFn(valueA, valueB);
-            }
-            return "desc" === sorting.direction ? -result : result;
-        });
-        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"], {
-            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"], {
-            name: "icon-[mdi-light--chevron-up]",
-            width: 16,
-            height: 16
-        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
-            name: "icon-[mdi-light--chevron-down]",
-            width: 16,
-            height: 16
-        });
-    };
-    const [currentPage, setCurrentPage] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.initialPage ?? 0);
-    const pageSize = local.pageSize ?? 10;
-    const enablePagination = local.enablePagination ?? false;
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
-        if (enablePagination) {
-            if (local.enableFiltering) local.filterValue;
-            if (local.enableSorting) sortingState();
-            setCurrentPage(0);
-        }
-    });
-    const paginatedRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const rows = sortedRows();
-        if (!enablePagination) return rows;
-        const start = currentPage() * pageSize;
-        const end = start + pageSize;
-        return rows.slice(start, end);
-    });
-    const totalPages = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        if (!enablePagination) return 1;
-        const total = sortedRows().length;
-        return Math.max(1, Math.ceil(total / pageSize));
-    });
-    const goToPage = (page)=>{
-        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$3();
-        (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, {
-            get children () {
-                return [
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Head, {
-                        get children () {
-                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                get each () {
-                                    return local.columns;
-                                },
-                                children: (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"].HeadCell, {
-                                        get children () {
-                                            var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild;
-                                            _el$8.$$click = ()=>isSortable && handleSort(col, index());
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>col.header);
-                                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>renderSortIndicator(col, index()), null);
-                                            return _el$8;
-                                        }
-                                    });
-                                }
-                            });
-                        }
-                    }),
-                    (()=>{
-                        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_solid_js_aeefcc6d__.Show, {
-                            get when () {
-                                return paginatedRows().length > 0;
-                            },
-                            get fallback () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
-                                    get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
-                                            get colSpan () {
-                                                return local.columns.length;
-                                            },
-                                            class: "text-center",
-                                            children: "No data"
-                                        });
-                                    }
-                                });
-                            },
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                    get each () {
-                                        return paginatedRows();
-                                    },
-                                    children: (rowStore)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
-                                            get children () {
-                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                                    get each () {
-                                                        return local.columns;
-                                                    },
-                                                    children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
-                                                            get children () {
-                                                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.cell)() ? col.cell({
-                                                                    row: {
-                                                                        original: rowStore.data()
-                                                                    }
-                                                                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorKey)() ? rowStore.data()[col.accessorKey] : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorFn)() ? col.accessorFn(rowStore.data()) : "";
-                                                            }
-                                                        })
-                                                });
-                                            }
-                                        })
-                                });
-                            }
-                        }));
-                        return _el$2;
-                    })()
-                ];
-            }
-        })), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return enablePagination && totalPages() > 0;
-            },
-            get children () {
-                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling;
-                _el$7.nextSibling;
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (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 disabled () {
-                                    return 0 === currentPage();
-                                },
-                                size: "sm",
-                                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),
-                                        get active () {
-                                            return isActive();
-                                        },
-                                        size: "sm",
-                                        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 disabled () {
-                                    return currentPage() === totalPages() - 1;
-                                },
-                                size: "sm",
-                                children: "\xBB"
-                            })
-                        ];
-                    }
-                }), _el$4);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>currentPage() + 1, _el$7);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, totalPages, null);
-                return _el$3;
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className)));
-        return _el$;
-    })();
-};
-const streaming_table_StreamingTable = StreamingTable;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
-export { streaming_table_StreamingTable as default };

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

@@ -1,18 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-function createRowStore(id, initial) {
-    const [data, setData] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initial);
-    return {
-        id,
-        data,
-        patch: (partial)=>{
-            setData((prev)=>({
-                    ...prev,
-                    ...partial
-                }));
-        },
-        replace: (newData)=>{
-            setData(()=>newData);
-        }
-    };
-}
-export { createRowStore };

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

@@ -1,68 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__ from "./createRowStore.js";
-function createStreamingTableStore() {
-    const [rowStores, setRowStores] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
-    function loadInitial(rows, getId) {
-        const stores = rows.map((r)=>(0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(getId(r), r));
-        setRowStores(stores);
-    }
-    function upsertRow(row, getId) {
-        const id = getId(row);
-        const stores = rowStores();
-        const existing = stores.find((s)=>s.id === id);
-        if (existing) return void existing.replace(row);
-        setRowStores([
-            ...stores,
-            (0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(id, row)
-        ]);
-    }
-    function upsertRows(rows, getId) {
-        rows.forEach((row)=>upsertRow(row, getId));
-    }
-    function appendRow(row, getId) {
-        const id = getId(row);
-        const stores = rowStores();
-        const existing = stores.find((s)=>s.id === id);
-        if (existing) return;
-        setRowStores([
-            ...stores,
-            (0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(id, row)
-        ]);
-    }
-    function appendRows(rows, getId) {
-        const stores = rowStores();
-        const existingIds = new Set(stores.map((s)=>s.id));
-        const newStores = rows.filter((row)=>!existingIds.has(getId(row))).map((row)=>(0, __WEBPACK_EXTERNAL_MODULE__createRowStore_js_908e2c13__.createRowStore)(getId(row), row));
-        if (newStores.length > 0) setRowStores([
-            ...stores,
-            ...newStores
-        ]);
-    }
-    function updateRow(id, patch) {
-        const stores = rowStores();
-        const existing = stores.find((s)=>s.id === id);
-        if (existing) existing.patch(patch);
-    }
-    function removeRow(id) {
-        const stores = rowStores().filter((s)=>s.id !== id);
-        setRowStores(stores);
-    }
-    function truncateToSize(maxSize) {
-        const stores = rowStores();
-        if (stores.length <= maxSize) return;
-        const truncated = stores.slice(-maxSize);
-        setRowStores(truncated);
-    }
-    return {
-        rows: rowStores,
-        loadInitial,
-        upsertRow,
-        upsertRows,
-        updateRow,
-        removeRow,
-        appendRow,
-        appendRows,
-        truncateToSize
-    };
-}
-export { createStreamingTableStore };

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

@@ -1,5 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__StreamingTable_js_35def8b4__ from "./StreamingTable.js";
-import * as __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__ from "./createStreamingTableStore.js";
-var __webpack_exports__StreamingTable = __WEBPACK_EXTERNAL_MODULE__StreamingTable_js_35def8b4__["default"];
-var __webpack_exports__createStreamingTableStore = __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__.createStreamingTableStore;
-export { __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__createStreamingTableStore as createStreamingTableStore };