@pathscale/ui 2.4.0 → 2.6.0

package/dist/motion/solid/AnimatedCollapse.d.ts

@@ -1,4 +1,6 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
+import { computeCollapseStyle, nextCollapsePhase, type CollapsePhase } from "./collapseState";
+export { computeCollapseStyle, nextCollapsePhase, type CollapsePhase };
 export interface AnimatedCollapseProps {
     /** Whether the panel is expanded. */
     open: boolean;
@@ -18,18 +20,5 @@ export interface AnimatedCollapseProps {
     /** Override for prefers-reduced-motion detection. */
     reduceMotion?: boolean;
 }
-type CollapsePhase = "closed" | "opening" | "open" | "closing";
-/**
- * Pure: returns the next collapse phase given the previous phase and target
- * `open`. Exposed for unit testing.
- */
-export declare const nextCollapsePhase: (prev: CollapsePhase, open: boolean) => CollapsePhase;
-/**
- * Pure: computes the inline style for the collapse wrapper based on phase,
- * measured height (px), and opacity preference. `null` means "no inline
- * height — let layout flow" (used while fully open with dynamic content).
- * Exposed for unit testing.
- */
-export declare const computeCollapseStyle: (phase: CollapsePhase, heightPx: number | null, animateOpacity: boolean) => JSX.CSSProperties;
 export declare const AnimatedCollapse: (props: AnimatedCollapseProps) => JSX.Element;
 export default AnimatedCollapse;

package/dist/motion/solid/AnimatedCollapse.js

@@ -1,30 +1,10 @@
-import { className, createComponent, effect, insert, setAttribute, style as web_style, template, use } from "solid-js/web";
+import { className, createComponent, effect, insert, ref, setAttribute, style, template } from "@solidjs/web";
 import { Show, createEffect, createSignal, onCleanup, untrack } from "solid-js";
 import { getMotionDriver } from "../driver.js";
 import { resolveEase } from "../easing.js";
 import { prefersReducedMotion } from "../reduced-motion.js";
+import { computeCollapseStyle, nextCollapsePhase } from "./collapseState.js";
 var _tmpl$ = /*#__PURE__*/ template("<div><div>");
-const nextCollapsePhase = (prev, open)=>{
-    if (open) return "open" === prev || "opening" === prev ? prev : "opening";
-    return "closed" === prev || "closing" === prev ? prev : "closing";
-};
-const computeCollapseStyle = (phase, heightPx, animateOpacity)=>{
-    const style = {
-        overflow: "hidden"
-    };
-    if ("closed" === phase) {
-        style.height = "0px";
-        if (animateOpacity) style.opacity = 0;
-        return style;
-    }
-    if ("open" === phase) {
-        if (animateOpacity) style.opacity = 1;
-        style.overflow = "visible";
-        return style;
-    }
-    if (null !== heightPx) style.height = `${heightPx}px`;
-    return style;
-};
 const DEFAULT_DURATION = 0.24;
 const AnimatedCollapse = (props)=>{
     const [phase, setPhase] = createSignal(props.open ? "open" : "closed");
@@ -136,27 +116,25 @@ const AnimatedCollapse = (props)=>{
         get children () {
             var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
             var _ref$ = contentEl;
-            "function" == typeof _ref$ ? use(_ref$, _el$2) : contentEl = _el$2;
+            "function" == typeof _ref$ || Array.isArray(_ref$) ? ref(()=>_ref$, _el$2) : contentEl = _el$2;
             insert(_el$2, ()=>props.children);
-            effect((_p$)=>{
-                var _v$ = props.id, _v$2 = props.class, _v$3 = {
-                    ...wrapperStyle(),
-                    ...animateOpacity() && "open" !== phase() ? {
-                        opacity: opacity()
-                    } : {}
-                }, _v$4 = "closed" === phase() ? true : void 0, _v$5 = props.contentClass;
-                _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-                _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-                _p$.a = web_style(_el$, _v$3, _p$.a);
-                _v$4 !== _p$.o && setAttribute(_el$, "aria-hidden", _p$.o = _v$4);
-                _v$5 !== _p$.i && className(_el$2, _p$.i = _v$5);
-                return _p$;
-            }, {
-                e: void 0,
-                t: void 0,
-                a: void 0,
-                o: void 0,
-                i: void 0
+            effect(()=>({
+                    e: props.id,
+                    t: props.class,
+                    a: {
+                        ...wrapperStyle(),
+                        ...animateOpacity() && "open" !== phase() ? {
+                            opacity: opacity()
+                        } : {}
+                    },
+                    o: "closed" === phase() ? "true" : void 0,
+                    i: props.contentClass
+                }), ({ e, t, a, o, i }, _p$)=>{
+                e !== _p$?.e && setAttribute(_el$, "id", e);
+                className(_el$, t, _p$?.t);
+                style(_el$, a, _p$?.a);
+                o !== _p$?.o && setAttribute(_el$, "aria-hidden", o);
+                className(_el$2, i, _p$?.i);
             });
             return _el$;
         }

package/dist/motion/solid/MotionDiv.d.ts

@@ -1,4 +1,5 @@
-import { type Component, type JSX } from "solid-js";
+import { type Component } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { MotionState, MotionTransition } from "../types";
 export interface MotionDivProps extends JSX.HTMLAttributes<HTMLDivElement> {
     initial?: MotionState;

package/dist/motion/solid/MotionDiv.js

@@ -1,19 +1,9 @@
-import { insert, spread, template, use } from "solid-js/web";
-import { createEffect, createSignal, onCleanup, splitProps } from "solid-js";
+import { insert, ref, spread, template } from "@solidjs/web";
+import { createEffect, createSignal, omit, onCleanup } from "solid-js";
 import { runMotion } from "../engine.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>");
 const MotionDiv = (props)=>{
-    const [local, rest] = splitProps(props, [
-        "initial",
-        "animate",
-        "exit",
-        "transition",
-        "isExiting",
-        "onExitComplete",
-        "animateKey",
-        "children",
-        "ref"
-    ]);
+    const rest = omit(props, "initial", "animate", "exit", "transition", "isExiting", "onExitComplete", "animateKey", "children", "ref");
     const [elementRef, setElementRef] = createSignal(void 0);
     let activeControl = null;
     let lastTrigger;
@@ -36,13 +26,13 @@ const MotionDiv = (props)=>{
     createEffect(()=>{
         const target = elementRef();
         if (!target) return;
-        const isExiting = Boolean(local.isExiting);
-        const trigger = local.animateKey;
-        const initial = local.initial;
-        const animate = local.animate;
-        const exit = local.exit;
-        const transition = local.transition;
-        const onComplete = local.onExitComplete;
+        const isExiting = Boolean(props.isExiting);
+        const trigger = props.animateKey;
+        const initial = props.initial;
+        const animate = props.animate;
+        const exit = props.exit;
+        const transition = props.transition;
+        const onComplete = props.onExitComplete;
         if (isExiting) {
             if (!lastIsExiting) {
                 lastIsExiting = true;
@@ -61,16 +51,14 @@ const MotionDiv = (props)=>{
     onCleanup(()=>{
         stopActive();
     });
-    return (()=>{
-        var _el$ = _tmpl$();
-        use((el)=>{
+    var _el$ = _tmpl$();
+    ref(()=>(el)=>{
             setElementRef(el);
-            if ("function" == typeof local.ref) local.ref(el);
+            if ("function" == typeof props.ref) props.ref(el);
         }, _el$);
-        spread(_el$, rest, false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    spread(_el$, rest, true);
+    insert(_el$, ()=>props.children);
+    return _el$;
 };
 const solid_MotionDiv = MotionDiv;
 export default solid_MotionDiv;

package/dist/motion/solid/Presence.d.ts

@@ -1,4 +1,6 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
+import { nextPresenceState, type PresenceState } from "./presenceState";
+export { nextPresenceState, type PresenceState };
 export type PresenceRenderProp = (isExiting: () => boolean, onExitComplete: () => void) => JSX.Element;
 export interface PresenceProps {
     /** Controls whether the child should be mounted/visible. */
@@ -17,14 +19,5 @@ export interface PresenceProps {
     /** Override for prefers-reduced-motion detection. */
     reduceMotion?: boolean;
 }
-interface PresenceState {
-    mounted: boolean;
-    isExiting: boolean;
-}
-/**
- * Pure state transition for Presence. Given the previous state and the next
- * `when` value, returns the next state. Exposed for unit testing.
- */
-export declare const nextPresenceState: (prev: PresenceState, when: boolean) => PresenceState;
 export declare const Presence: (props: PresenceProps) => JSX.Element;
 export default Presence;

package/dist/motion/solid/Presence.js

@@ -1,20 +1,7 @@
-import { createComponent } from "solid-js/web";
+import { createComponent } from "@solidjs/web";
 import { Show, createEffect, createSignal, onCleanup, untrack } from "solid-js";
 import { prefersReducedMotion } from "../reduced-motion.js";
-const nextPresenceState = (prev, when)=>{
-    if (when) return {
-        mounted: true,
-        isExiting: false
-    };
-    if (prev.mounted && !prev.isExiting) return {
-        mounted: true,
-        isExiting: true
-    };
-    return prev.mounted ? prev : {
-        mounted: false,
-        isExiting: false
-    };
-};
+import { nextPresenceState } from "./presenceState.js";
 const DEFAULT_EXIT_TIMEOUT = 800;
 const Presence = (props)=>{
     const [state, setState] = createSignal({

package/dist/motion/solid/collapseState.d.ts

@@ -0,0 +1,14 @@
+import type { JSX } from "@solidjs/web";
+export type CollapsePhase = "closed" | "opening" | "open" | "closing";
+/**
+ * Pure: returns the next collapse phase given the previous phase and target
+ * `open`. Exposed for unit testing.
+ */
+export declare const nextCollapsePhase: (prev: CollapsePhase, open: boolean) => CollapsePhase;
+/**
+ * Pure: computes the inline style for the collapse wrapper based on phase,
+ * measured height (px), and opacity preference. `null` means "no inline
+ * height — let layout flow" (used while fully open with dynamic content).
+ * Exposed for unit testing.
+ */
+export declare const computeCollapseStyle: (phase: CollapsePhase, heightPx: number | null, animateOpacity: boolean) => JSX.CSSProperties;

package/dist/motion/solid/collapseState.js

@@ -0,0 +1,22 @@
+const nextCollapsePhase = (prev, open)=>{
+    if (open) return "open" === prev || "opening" === prev ? prev : "opening";
+    return "closed" === prev || "closing" === prev ? prev : "closing";
+};
+const computeCollapseStyle = (phase, heightPx, animateOpacity)=>{
+    const style = {
+        overflow: "hidden"
+    };
+    if ("closed" === phase) {
+        style.height = "0px";
+        if (animateOpacity) style.opacity = 0;
+        return style;
+    }
+    if ("open" === phase) {
+        if (animateOpacity) style.opacity = 1;
+        style.overflow = "visible";
+        return style;
+    }
+    if (null !== heightPx) style.height = `${heightPx}px`;
+    return style;
+};
+export { computeCollapseStyle, nextCollapsePhase };

package/dist/motion/solid/presenceState.d.ts

@@ -0,0 +1,9 @@
+export interface PresenceState {
+    mounted: boolean;
+    isExiting: boolean;
+}
+/**
+ * Pure state transition for Presence. Given the previous state and the next
+ * `when` value, returns the next state. Exposed for unit testing.
+ */
+export declare const nextPresenceState: (prev: PresenceState, when: boolean) => PresenceState;

package/dist/motion/solid/presenceState.js

@@ -0,0 +1,15 @@
+const nextPresenceState = (prev, when)=>{
+    if (when) return {
+        mounted: true,
+        isExiting: false
+    };
+    if (prev.mounted && !prev.isExiting) return {
+        mounted: true,
+        isExiting: true
+    };
+    return prev.mounted ? prev : {
+        mounted: false,
+        isExiting: false
+    };
+};
+export { nextPresenceState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -73,55 +73,35 @@
     "@rsbuild/core": "^2.0.9",
     "@rsbuild/plugin-solid": "^1.2.1",
     "@rslib/core": "^0.22.0",
-    "@solid-primitives/event-listener": "^2.4.5",
-    "@solid-primitives/intersection-observer": "^2.2.4",
-    "@solid-primitives/keyboard": "^1.3.5",
-    "@solid-primitives/media": "^2.3.5",
-    "@solid-primitives/props": "^3.2.3",
-    "@solid-primitives/resize-observer": "^2.1.5",
-    "@solid-primitives/scheduled": "^1.5.3",
-    "@solid-primitives/scroll": "^2.1.5",
-    "@solid-primitives/storage": "^2.1.4",
-    "@solid-primitives/utils": "^6.4.0",
+    "@solidjs/h": "2.0.0-rc.0",
     "@standard-schema/spec": "^1.1.0",
-    "@tanstack/solid-form": "^1.33.0",
-    "@tanstack/solid-table": "^8.21.3",
     "@types/bun": "^1.3.14",
-    "babel-preset-solid": "^1.9.12",
+    "babel-preset-solid": "2.0.0-rc.0",
     "cally": "^0.8.0",
     "cssnano": "^7.1.9",
     "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-selector-parser": "^7.1.1",
-    "rsbuild-plugin-solid-layouts": "^0.1.4",
-    "solid-js": "^1.9.14",
-    "solid-layouts": "^0.1.3",
-    "solid-layouts-oxc": "^0.1.7",
+    "rsbuild-plugin-solid-layouts": "0.2.1",
+    "solid-js": "2.0.0-rc.0",
+    "solid-layouts": "0.2.0",
+    "solid-layouts-oxc": "0.2.1",
     "svgo": "^3.3.3",
     "typescript": "^6.0.3"
   },
+  "overrides": {
+    "babel-preset-solid": "2.0.0-rc.0"
+  },
   "dependencies": {
+    "@solidjs/web": "2.0.0-rc.0",
     "clsx": "^2.1.1",
-    "@tanstack/solid-virtual": "^3.13.27",
     "tailwind-merge": "^3.6.0"
   },
   "peerDependencies": {
-    "@solid-primitives/event-listener": "^2.3.0",
-    "@solid-primitives/intersection-observer": "^2.1.3",
-    "@solid-primitives/keyboard": "^1.2.5",
-    "@solid-primitives/media": "^2.2.5",
-    "@solid-primitives/props": "^3.1.8",
-    "@solid-primitives/resize-observer": "^2.0.22",
-    "@solid-primitives/scheduled": "^1.4.1",
-    "@solid-primitives/scroll": "^2.0.20",
-    "@solid-primitives/storage": "^2.1.1",
-    "@solid-primitives/utils": "^6.2.1",
     "@standard-schema/spec": "^1.0.0",
-    "@tanstack/solid-form": "^1.29.0",
-    "@tanstack/solid-table": "^8.0.0",
     "popmotion": "^11.0.5",
-    "solid-js": "^1.9",
-    "solid-layouts": "^0.1.3"
+    "solid-js": ">=2.0.0-rc.0",
+    "solid-layouts": "^0.2.0"
   },
   "peerDependenciesMeta": {
     "@standard-schema/spec": {

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

@@ -1,7 +0,0 @@
-import type { Accessor } from "solid-js";
-import type { SortingState, Updater } from "@tanstack/solid-table";
-import type { HookSortDescriptor } from "./useTableSorting";
-export declare const resolveUpdater: <T>(previous: T, updater: Updater<T>) => T;
-export declare const asAccessor: <T>(value: Accessor<T> | T) => Accessor<T>;
-export declare const toSortDescriptor: (sorting: SortingState) => HookSortDescriptor | undefined;
-export declare const toSortingState: (descriptor: HookSortDescriptor | undefined) => SortingState;

package/dist/hooks/table/helpers.js

@@ -1,26 +0,0 @@
-const resolveUpdater = (previous, updater)=>{
-    if ("function" == typeof updater) return updater(previous);
-    return updater;
-};
-const asAccessor = (value)=>{
-    if ("function" == typeof value) return value;
-    return ()=>value;
-};
-const toSortDescriptor = (sorting)=>{
-    const activeSort = sorting[0];
-    if (!activeSort) return;
-    return {
-        column: activeSort.id,
-        direction: activeSort.desc ? "descending" : "ascending"
-    };
-};
-const toSortingState = (descriptor)=>{
-    if (!descriptor) return [];
-    return [
-        {
-            id: descriptor.column,
-            desc: "descending" === descriptor.direction
-        }
-    ];
-};
-export { asAccessor, resolveUpdater, toSortDescriptor, toSortingState };

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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,30 +0,0 @@
-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

@@ -1,67 +0,0 @@
-import { createMemo, createSignal } from "solid-js";
-import { resolveUpdater } from "./helpers.js";
-const useTableFiltering = (options = {})=>{
-    const [internalColumnFilters, setInternalColumnFilters] = createSignal(options.initialColumnFilters ?? []);
-    const [internalGlobalFilter, setInternalGlobalFilter] = createSignal(options.initialGlobalFilter ?? "");
-    const [openFilterFor, setOpenFilterFor] = 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)=>resolveUpdater(prev, updater));
-    };
-    const setGlobalFilter = (updater)=>{
-        if (options.setGlobalFilter) return void options.setGlobalFilter(updater);
-        setInternalGlobalFilter((prev)=>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 = 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

@@ -1,27 +0,0 @@
-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

@@ -1,56 +0,0 @@
-import { createSolidTable, getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from "@tanstack/solid-table";
-import { asAccessor } from "./helpers.js";
-const useTableModel = (options)=>{
-    const dataAccessor = asAccessor(options.data);
-    const columnsAccessor = asAccessor(options.columns);
-    return 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: getCoreRowModel(),
-        getSortedRowModel: getSortedRowModel(),
-        getFilteredRowModel: getFilteredRowModel(),
-        getPaginationRowModel: getPaginationRowModel(),
-        getExpandedRowModel: 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

@@ -1,20 +0,0 @@
-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;