@tanstack/svelte-table/dist/createTableState.svelte.js

Headless UI for building powerful tables & datagrids for Svelte.

/**
 * Creates a small Svelte 5 state holder that accepts TanStack Table updaters.
 *
 * This is useful when a table state slice should be owned outside the table
 * with `$state`, but still needs to accept both value and functional updater
 * forms from `on[State]Change` callbacks.
 *
 * @example
 * ```ts
 * const [pagination, setPagination] = createTableState({
 *   pageIndex: 0,
 *   pageSize: 10,
 * })
 * ```
 */
export function createTableState(initialValue) {
    let value = $state(initialValue);
    return [
        () => value,
        (updater) => {
            if (updater instanceof Function)
                value = updater(value);
            else
                value = updater;
        },
    ];
}