@pathscale/ui 1.2.1 → 1.2.3

package/dist/hooks/table/index.d.ts

@@ -0,0 +1,9 @@
+export { useTableSorting, type UseTableSortingOptions, type UseTableSortingResult, type HookSortDirection, type HookSortDescriptor, } from "./useTableSorting";
+export { useTablePagination, type UseTablePaginationOptions, type UseTablePaginationResult, } from "./useTablePagination";
+export { useTableFiltering, type UseTableFilteringOptions, type UseTableFilteringResult, } from "./useTableFiltering";
+export { useTableSelection, type UseTableSelectionOptions, type UseTableSelectionResult, type TableSelectionState, } from "./useTableSelection";
+export { useTableExpansion, type UseTableExpansionOptions, type UseTableExpansionResult, } from "./useTableExpansion";
+export { useTableModel, type UseTableModelOptions, } from "./useTableModel";
+export { toSortDescriptor, toSortingState } from "./helpers";
+export { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition";
+export type { UseAnchoredOverlayPositionOptions } from "./useAnchoredOverlayPosition";

package/dist/hooks/table/index.js

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
+var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
+var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
+var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
+var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
+var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
+var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
+var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
+var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
+var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
+export { __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };

package/dist/hooks/table/useAnchoredOverlayPosition.d.ts

@@ -0,0 +1,16 @@
+import { type Accessor, type JSX } from "solid-js";
+export interface UseAnchoredOverlayPositionOptions {
+    isOpen: Accessor<boolean>;
+    getAnchor: Accessor<HTMLElement | undefined>;
+    getOverlay: Accessor<HTMLElement | undefined>;
+    offset?: number;
+    viewportPadding?: number;
+    align?: "start" | "end";
+    width?: number | Accessor<number | undefined>;
+    minWidth?: number | Accessor<number | undefined>;
+    zIndex?: number;
+}
+export declare const useAnchoredOverlayPosition: (options: UseAnchoredOverlayPositionOptions) => {
+    style: Accessor<JSX.CSSProperties>;
+    updatePosition: () => void;
+};

package/dist/hooks/table/useAnchoredOverlayPosition.js

@@ -0,0 +1,61 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const resolveNumber = (value)=>{
+    if ("function" == typeof value) return value();
+    return value;
+};
+const useAnchoredOverlayPosition = (options)=>{
+    const [style, setStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
+        position: "fixed",
+        top: "0px",
+        left: "0px",
+        "z-index": options.zIndex?.toString() ?? "1300"
+    });
+    const updatePosition = ()=>{
+        const anchor = options.getAnchor();
+        if (!anchor || "undefined" == typeof window) return;
+        const overlay = options.getOverlay();
+        const offset = options.offset ?? 6;
+        const viewportPadding = options.viewportPadding ?? 8;
+        const rect = anchor.getBoundingClientRect();
+        const desiredWidth = resolveNumber(options.width);
+        const desiredMinWidth = resolveNumber(options.minWidth);
+        const overlayRect = overlay?.getBoundingClientRect();
+        const measuredWidth = desiredWidth ?? overlayRect?.width ?? 0;
+        const measuredHeight = overlayRect?.height ?? 0;
+        const widthForBounds = desiredWidth ?? desiredMinWidth ?? measuredWidth;
+        let left = "start" === options.align ? rect.left : rect.right - widthForBounds;
+        left = Math.max(viewportPadding, Math.min(left, window.innerWidth - widthForBounds - viewportPadding));
+        let top = rect.bottom + offset;
+        if (measuredHeight > 0 && top + measuredHeight > window.innerHeight - viewportPadding) {
+            const above = rect.top - measuredHeight - offset;
+            top = above >= viewportPadding ? above : Math.max(viewportPadding, window.innerHeight - measuredHeight - viewportPadding);
+        }
+        setStyle({
+            position: "fixed",
+            top: `${top}px`,
+            left: `${left}px`,
+            width: desiredWidth ? `${desiredWidth}px` : void 0,
+            "min-width": desiredMinWidth ? `${desiredMinWidth}px` : void 0,
+            "z-index": options.zIndex?.toString() ?? "1300"
+        });
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (!options.isOpen()) return;
+        requestAnimationFrame(()=>{
+            updatePosition();
+            requestAnimationFrame(updatePosition);
+        });
+        const onViewportChange = ()=>updatePosition();
+        window.addEventListener("resize", onViewportChange);
+        window.addEventListener("scroll", onViewportChange, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+            window.removeEventListener("resize", onViewportChange);
+            window.removeEventListener("scroll", onViewportChange, true);
+        });
+    });
+    return {
+        style,
+        updatePosition
+    };
+};
+export { useAnchoredOverlayPosition };

package/dist/hooks/table/useTableExpansion.d.ts

@@ -0,0 +1,13 @@
+import { type Accessor } from "solid-js";
+import type { ExpandedState, OnChangeFn } from "@tanstack/solid-table";
+export interface UseTableExpansionOptions {
+    expanded?: Accessor<ExpandedState>;
+    setExpanded?: OnChangeFn<ExpandedState>;
+    initialExpanded?: ExpandedState;
+}
+export interface UseTableExpansionResult {
+    expanded: Accessor<ExpandedState>;
+    setExpanded: OnChangeFn<ExpandedState>;
+    collapseAll: () => void;
+}
+export declare const useTableExpansion: (options?: UseTableExpansionOptions) => UseTableExpansionResult;

package/dist/hooks/table/useTableExpansion.js

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const useTableExpansion = (options = {})=>{
+    const [internalExpanded, setInternalExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialExpanded ?? {});
+    const expanded = ()=>options.expanded?.() ?? internalExpanded();
+    const setExpanded = (updater)=>{
+        if (options.setExpanded) return void options.setExpanded(updater);
+        setInternalExpanded((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const collapseAll = ()=>setExpanded({});
+    return {
+        expanded,
+        setExpanded,
+        collapseAll
+    };
+};
+export { useTableExpansion };

package/dist/hooks/table/useTableFiltering.d.ts

@@ -0,0 +1,30 @@
+import { type Accessor, type JSX } from "solid-js";
+import type { ColumnFiltersState, OnChangeFn } from "@tanstack/solid-table";
+export interface UseTableFilteringOptions {
+    columnFilters?: Accessor<ColumnFiltersState>;
+    setColumnFilters?: OnChangeFn<ColumnFiltersState>;
+    initialColumnFilters?: ColumnFiltersState;
+    globalFilter?: Accessor<string>;
+    setGlobalFilter?: OnChangeFn<string>;
+    initialGlobalFilter?: string;
+}
+export interface UseTableFilteringResult {
+    columnFilters: Accessor<ColumnFiltersState>;
+    setColumnFilters: OnChangeFn<ColumnFiltersState>;
+    globalFilter: Accessor<string>;
+    setGlobalFilter: OnChangeFn<string>;
+    getColumnFilterValue: (columnId: string) => string;
+    setColumnFilterValue: (columnId: string, value: string) => void;
+    getColumnFilterProps: (columnId: string, options?: {
+        afterChange?: (value: string) => void;
+    }) => {
+        readonly value: string;
+        onInput: JSX.EventHandler<HTMLInputElement | HTMLTextAreaElement, InputEvent>;
+        onChange: JSX.EventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, Event>;
+    };
+    openFilterFor: Accessor<string | null>;
+    closeFilter: () => void;
+    toggleFilter: (columnId: string) => void;
+    anyFilterActive: Accessor<boolean>;
+}
+export declare const useTableFiltering: (options?: UseTableFilteringOptions) => UseTableFilteringResult;

package/dist/hooks/table/useTableFiltering.js

@@ -0,0 +1,67 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const useTableFiltering = (options = {})=>{
+    const [internalColumnFilters, setInternalColumnFilters] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialColumnFilters ?? []);
+    const [internalGlobalFilter, setInternalGlobalFilter] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialGlobalFilter ?? "");
+    const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const columnFilters = ()=>options.columnFilters?.() ?? internalColumnFilters();
+    const globalFilter = ()=>options.globalFilter?.() ?? internalGlobalFilter();
+    const setColumnFilters = (updater)=>{
+        if (options.setColumnFilters) return void options.setColumnFilters(updater);
+        setInternalColumnFilters((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const setGlobalFilter = (updater)=>{
+        if (options.setGlobalFilter) return void options.setGlobalFilter(updater);
+        setInternalGlobalFilter((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const closeFilter = ()=>setOpenFilterFor(null);
+    const toggleFilter = (columnId)=>{
+        setOpenFilterFor((current)=>current === columnId ? null : columnId);
+    };
+    const getColumnFilterValue = (columnId)=>{
+        const filter = columnFilters().find((entry)=>entry.id === columnId);
+        return "string" == typeof filter?.value ? filter.value : "";
+    };
+    const setColumnFilterValue = (columnId, value)=>{
+        setColumnFilters((previous)=>{
+            const next = previous.filter((entry)=>entry.id !== columnId);
+            if (value.trim().length > 0) next.push({
+                id: columnId,
+                value
+            });
+            return next;
+        });
+    };
+    const getColumnFilterProps = (columnId, bindingOptions)=>{
+        const applyValue = (value)=>{
+            setColumnFilterValue(columnId, value);
+            bindingOptions?.afterChange?.(value);
+        };
+        return {
+            get value () {
+                return getColumnFilterValue(columnId);
+            },
+            onInput: (event)=>{
+                applyValue(event.currentTarget.value);
+            },
+            onChange: (event)=>{
+                applyValue(event.currentTarget.value);
+            }
+        };
+    };
+    const anyFilterActive = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>columnFilters().length > 0);
+    return {
+        columnFilters,
+        setColumnFilters,
+        globalFilter,
+        setGlobalFilter,
+        getColumnFilterValue,
+        setColumnFilterValue,
+        getColumnFilterProps,
+        openFilterFor,
+        closeFilter,
+        toggleFilter,
+        anyFilterActive
+    };
+};
+export { useTableFiltering };

package/dist/hooks/table/useTableModel.d.ts

@@ -0,0 +1,27 @@
+import type { Accessor } from "solid-js";
+import { type ColumnDef, type ColumnFiltersState, type ExpandedState, type OnChangeFn, type PaginationState, type Row, type SortingState, type Table } from "@tanstack/solid-table";
+import type { TableSelectionState } from "./useTableSelection";
+export interface UseTableModelOptions<TData> {
+    data: Accessor<TData[]> | TData[];
+    columns: Accessor<ColumnDef<TData, any>[]> | ColumnDef<TData, any>[];
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
+    sorting?: Accessor<SortingState>;
+    setSorting?: OnChangeFn<SortingState>;
+    columnFilters?: Accessor<ColumnFiltersState>;
+    setColumnFilters?: OnChangeFn<ColumnFiltersState>;
+    pagination?: Accessor<PaginationState>;
+    setPagination?: OnChangeFn<PaginationState>;
+    globalFilter?: Accessor<string>;
+    setGlobalFilter?: OnChangeFn<string>;
+    rowSelection?: Accessor<TableSelectionState>;
+    setRowSelection?: OnChangeFn<TableSelectionState>;
+    expanded?: Accessor<ExpandedState>;
+    setExpanded?: OnChangeFn<ExpandedState>;
+    enableSorting?: boolean;
+    enableFilters?: boolean;
+    enablePagination?: boolean;
+    enableRowSelection?: boolean;
+    enableExpanding?: boolean;
+    getRowCanExpand?: (row: Row<TData>) => boolean;
+}
+export declare const useTableModel: <TData>(options: UseTableModelOptions<TData>) => Table<TData>;

package/dist/hooks/table/useTableModel.js

@@ -0,0 +1,56 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__ from "@tanstack/solid-table";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const useTableModel = (options)=>{
+    const dataAccessor = (0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.asAccessor)(options.data);
+    const columnsAccessor = (0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.asAccessor)(options.columns);
+    return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
+        get data () {
+            return dataAccessor();
+        },
+        get columns () {
+            return columnsAccessor();
+        },
+        getRowId: options.getRowId,
+        state: {
+            get sorting () {
+                return options.sorting?.() ?? [];
+            },
+            get columnFilters () {
+                return options.columnFilters?.() ?? [];
+            },
+            get pagination () {
+                return options.pagination?.() ?? {
+                    pageIndex: 0,
+                    pageSize: 10
+                };
+            },
+            get globalFilter () {
+                return options.globalFilter?.() ?? "";
+            },
+            get rowSelection () {
+                return options.rowSelection?.() ?? {};
+            },
+            get expanded () {
+                return options.expanded?.() ?? {};
+            }
+        },
+        onSortingChange: options.setSorting,
+        onColumnFiltersChange: options.setColumnFilters,
+        onPaginationChange: options.setPagination,
+        onGlobalFilterChange: options.setGlobalFilter,
+        onRowSelectionChange: options.setRowSelection,
+        onExpandedChange: options.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: options.enableSorting,
+        enableFilters: options.enableFilters,
+        manualPagination: void 0 === options.enablePagination ? false : !options.enablePagination,
+        enableRowSelection: options.enableRowSelection,
+        enableExpanding: options.enableExpanding,
+        getRowCanExpand: options.getRowCanExpand
+    });
+};
+export { useTableModel };

package/dist/hooks/table/useTablePagination.d.ts

@@ -0,0 +1,20 @@
+import { type Accessor } from "solid-js";
+import type { OnChangeFn, PaginationState } from "@tanstack/solid-table";
+export interface UseTablePaginationOptions {
+    pagination?: Accessor<PaginationState>;
+    setPagination?: OnChangeFn<PaginationState>;
+    initialPagination?: PaginationState;
+    pageSizeOptions?: readonly number[];
+}
+export interface UseTablePaginationResult {
+    pagination: Accessor<PaginationState>;
+    setPagination: OnChangeFn<PaginationState>;
+    pageSizeOptions: Accessor<readonly number[]>;
+    setPageIndex: (index: number) => void;
+    setPageSize: (size: number) => void;
+    firstPage: () => void;
+    previousPage: () => void;
+    nextPage: (maxPageIndex: number) => void;
+    lastPage: (maxPageIndex: number) => void;
+}
+export declare const useTablePagination: (options?: UseTablePaginationOptions) => UseTablePaginationResult;

package/dist/hooks/table/useTablePagination.js

@@ -0,0 +1,48 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const DEFAULT_PAGE_SIZE_OPTIONS = [
+    10,
+    25,
+    50,
+    100
+];
+const useTablePagination = (options = {})=>{
+    const [internalPagination, setInternalPagination] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialPagination ?? {
+        pageIndex: 0,
+        pageSize: 10
+    });
+    const pagination = ()=>options.pagination?.() ?? internalPagination();
+    const pageSizeOptions = ()=>options.pageSizeOptions ?? DEFAULT_PAGE_SIZE_OPTIONS;
+    const setPagination = (updater)=>{
+        if (options.setPagination) return void options.setPagination(updater);
+        setInternalPagination((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const setPageIndex = (index)=>{
+        setPagination((prev)=>({
+                ...prev,
+                pageIndex: Math.max(0, index)
+            }));
+    };
+    const setPageSize = (size)=>{
+        setPagination((prev)=>({
+                ...prev,
+                pageSize: size
+            }));
+    };
+    const firstPage = ()=>setPageIndex(0);
+    const previousPage = ()=>setPageIndex(pagination().pageIndex - 1);
+    const nextPage = (maxPageIndex)=>setPageIndex(Math.min(maxPageIndex, pagination().pageIndex + 1));
+    const lastPage = (maxPageIndex)=>setPageIndex(maxPageIndex);
+    return {
+        pagination,
+        setPagination,
+        pageSizeOptions,
+        setPageIndex,
+        setPageSize,
+        firstPage,
+        previousPage,
+        nextPage,
+        lastPage
+    };
+};
+export { useTablePagination };

package/dist/hooks/table/useTableSelection.d.ts

@@ -0,0 +1,14 @@
+import { type Accessor } from "solid-js";
+import type { OnChangeFn } from "@tanstack/solid-table";
+export type TableSelectionState = Record<string, boolean>;
+export interface UseTableSelectionOptions {
+    rowSelection?: Accessor<TableSelectionState>;
+    setRowSelection?: OnChangeFn<TableSelectionState>;
+    initialRowSelection?: TableSelectionState;
+}
+export interface UseTableSelectionResult {
+    rowSelection: Accessor<TableSelectionState>;
+    setRowSelection: OnChangeFn<TableSelectionState>;
+    clearSelection: () => void;
+}
+export declare const useTableSelection: (options?: UseTableSelectionOptions) => UseTableSelectionResult;

package/dist/hooks/table/useTableSelection.js

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const useTableSelection = (options = {})=>{
+    const [internalRowSelection, setInternalRowSelection] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialRowSelection ?? {});
+    const rowSelection = ()=>options.rowSelection?.() ?? internalRowSelection();
+    const setRowSelection = (updater)=>{
+        if (options.setRowSelection) return void options.setRowSelection(updater);
+        setInternalRowSelection((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const clearSelection = ()=>setRowSelection({});
+    return {
+        rowSelection,
+        setRowSelection,
+        clearSelection
+    };
+};
+export { useTableSelection };

package/dist/hooks/table/useTableSorting.d.ts

@@ -0,0 +1,19 @@
+import { type Accessor } from "solid-js";
+import type { OnChangeFn, SortingState } from "@tanstack/solid-table";
+export type HookSortDirection = "ascending" | "descending";
+export type HookSortDescriptor = {
+    column: string;
+    direction: HookSortDirection;
+};
+export interface UseTableSortingOptions {
+    sorting?: Accessor<SortingState>;
+    setSorting?: OnChangeFn<SortingState>;
+    initialSorting?: SortingState;
+}
+export interface UseTableSortingResult {
+    sorting: Accessor<SortingState>;
+    setSorting: OnChangeFn<SortingState>;
+    sortDescriptor: Accessor<HookSortDescriptor | undefined>;
+    setSortDescriptor: (descriptor: HookSortDescriptor) => void;
+}
+export declare const useTableSorting: (options?: UseTableSortingOptions) => UseTableSortingResult;

package/dist/hooks/table/useTableSorting.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+const useTableSorting = (options = {})=>{
+    const [internalSorting, setInternalSorting] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialSorting ?? []);
+    const sorting = ()=>options.sorting?.() ?? internalSorting();
+    const setSorting = (updater)=>{
+        if (options.setSorting) return void options.setSorting(updater);
+        setInternalSorting((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
+    };
+    const sortDescriptor = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor)(sorting()));
+    const setSortDescriptor = (descriptor)=>{
+        setSorting((0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState)(descriptor));
+    };
+    return {
+        sorting,
+        setSorting,
+        sortDescriptor,
+        setSortDescriptor
+    };
+};
+export { useTableSorting };

package/dist/index.css

@@ -1,7 +1,6 @@
 @import "./styles/base/index.css";
 @import "./styles/themes/dark.css";
 @import "./styles/themes/light.css";
-@import "./components/sidenav/Sidenav.css";
 @import "./styles/icons/generated-icons.css";
 
 @theme {