@flipdish/ui-library 0.41.2 → 0.43.0

package/dist/native/components/molecules/Tags/index.js

@@ -0,0 +1,105 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Check, X, User01 } from '@flipdish/ui-icons';
+import { Dot } from '../../atoms/Dot/index.js';
+import { cx } from '../../../utilities/cx/index.js';
+import { useTestIdPrefix, slugifyTestId, useResolvedTestId, TestIdProvider, joinTestId } from '../../../utilities/testIdUtils/index.js';
+import { createContext, useContext, useState } from 'react';
+import { Text, View, Pressable, Image } from 'react-native';
+import { styles } from './Tags.styles.js';
+
+/** Grows the close target outward only — a left slop would cover the end of the label. */
+const CLOSE_HIT_SLOP = { top: 8, bottom: 8, right: 8 };
+const TagGroupContext = createContext({
+    selectionMode: 'none',
+    size: 'sm',
+    selectedKeys: new Set(),
+    toggle: () => undefined,
+});
+/**
+ * Small round avatar at the start of a native `Tag`. Same fallback behaviour as web;
+ * contrast border uses a `border` rather than CSS `outline`.
+ *
+ * @summary small round avatar for a tag (React Native)
+ */
+const TagAvatar = ({ src, alt, contrastBorder = true, className }) => {
+    const [isFailed, setIsFailed] = useState(false);
+    const size = styles.native.avatarSize;
+    return (jsx(View, { className: cx(styles.avatar, contrastBorder && 'border border-black/16', className), style: { width: size, height: size, borderRadius: size / 2 }, children: src && !isFailed ? (jsx(Image, { source: { uri: src }, accessibilityLabel: alt, onError: () => setIsFailed(true), style: { width: size, height: size, borderRadius: size / 2 } })) : (jsx(User01, { size: styles.native.avatarIconSize, color: styles.native.closeIconColor })) }));
+};
+const toKeySet = (keys) => new Set(keys ?? []);
+/**
+ * React Native `TagGroup` — display-only, single-select, multi-select and removable
+ * tags built from `View` / `Pressable` instead of react-aria. Keyboard Backspace/Delete
+ * removal (`onRemove`) and `dotClassName` are web-only; use `onClose` per tag and
+ * `dotColor` for status-dot colour.
+ *
+ * @summary group of tags for filtering, selection or categorisation (React Native)
+ */
+const TagGroup = ({ label, selectionMode = 'none', size = 'sm', selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, children, className, 'data-testid': dataTestId, }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'tag-group', rootName: 'tag-group' });
+    const [uncontrolledKeys, setUncontrolledKeys] = useState(() => toKeySet(defaultSelectedKeys));
+    const selectedKeys = selectedKeysProp !== undefined ? toKeySet(selectedKeysProp) : uncontrolledKeys;
+    const toggle = (id) => {
+        if (selectionMode === 'none')
+            return;
+        const next = new Set(selectedKeys);
+        if (selectionMode === 'single') {
+            if (next.has(id) && next.size === 1)
+                return;
+            next.clear();
+            next.add(id);
+        }
+        else if (next.has(id)) {
+            next.delete(id);
+        }
+        else {
+            next.add(id);
+        }
+        if (selectedKeysProp === undefined)
+            setUncontrolledKeys(next);
+        onSelectionChange?.(next);
+    };
+    return (jsx(TagGroupContext.Provider, { value: { selectionMode, size, selectedKeys, toggle }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx(View, { testID: rootTestId, accessibilityLabel: label, className: className, children: children }) }) }));
+};
+/** Horizontal wrapping row of tags inside a `TagGroup`. */
+const TagList = ({ children, className }) => jsx(View, { className: cx('flex flex-row flex-wrap gap-2', className), children: children });
+// Check icon is authored at 24px; web's 14px viewBox used stroke 2 → 24/7 for equivalent weight.
+const CHECK_STROKE = 24 / 7;
+/**
+ * React Native `Tag` — optional avatar or status dot, count, selection checkbox and
+ * remove button. Selection and close use `Pressable`; label colour is a light-mode hex
+ * because `Text` ignores `className` under the current `react-native-css` preview.
+ *
+ * @summary single tag with optional adornments and selection (React Native)
+ */
+const Tag = ({ id, avatarSrc, avatarContrastBorder = true, dot, dotColor = 'fg-success-secondary', isDisabled, count, className, children, onClose, 'data-testid': dataTestId, }) => {
+    const context = useContext(TagGroupContext);
+    const prefix = useTestIdPrefix();
+    const idPart = slugifyTestId(String(id));
+    const tagTestId = dataTestId ?? (prefix ? joinTestId(prefix, `tag-${idPart}`) : undefined);
+    const closeTestId = tagTestId ? `${tagTestId}-close` : undefined;
+    const isSelected = context.selectedKeys.has(id);
+    const inSelectionGroup = context.selectionMode !== 'none';
+    const sizeStyles = styles.sizes[context.size];
+    const [closePressed, setClosePressed] = useState(false);
+    const renderLeadingContent = () => {
+        if (avatarSrc)
+            return jsx(TagAvatar, { src: avatarSrc, alt: "Avatar", contrastBorder: avatarContrastBorder });
+        if (dot)
+            return jsx(Dot, { color: dotColor, size: "sm" });
+        return null;
+    };
+    const leadingContent = renderLeadingContent();
+    const labelNode = typeof children === 'string' || typeof children === 'number' ? (jsx(Text, { style: { color: styles.native.labelColor, fontWeight: '500', ...styles.native.labelText[context.size] }, children: children })) : (children);
+    const body = (jsxs(Fragment, { children: [jsxs(View, { className: cx('flex flex-row items-center gap-1', sizeStyles.content), children: [context.selectionMode !== 'none' && (jsx(View, { className: cx('items-center justify-center rounded border border-primary bg-primary', styles.checkbox[context.size].root, isSelected && 'border-brand-solid bg-brand-solid', isDisabled && 'opacity-50', isDisabled && !isSelected && 'bg-tertiary'), children: isSelected ? (jsx(Check, { size: styles.native.checkIconSize[context.size], color: styles.native.checkColor, strokeWidth: CHECK_STROKE })) : null })), leadingContent, labelNode, typeof count === 'number' && (jsx(View, { className: cx(styles.count, sizeStyles.count), children: jsx(Text, { style: { color: styles.native.labelColor, fontWeight: '500', ...styles.native.countText[context.size] }, children: count }) }))] }), onClose && (jsx(Pressable, { testID: closeTestId, accessibilityRole: "button", accessibilityLabel: "Remove this tag", disabled: isDisabled, hitSlop: CLOSE_HIT_SLOP, onPress: () => onClose(String(id)), onPressIn: () => setClosePressed(true), onPressOut: () => setClosePressed(false), className: cx('items-center justify-center rounded-[3px]', styles.close[context.size].root, closePressed && 'bg-primary_hover'), children: jsx(X, { size: styles.native.closeIconSize[context.size], color: closePressed ? styles.native.closeIconColorPressed : styles.native.closeIconColor, strokeWidth: styles.native.closeIconStroke[context.size] }) }))] }));
+    const rootClassName = cx(styles.rootNative, sizeStyles.root.base, avatarSrc && sizeStyles.root.withAvatar, onClose && sizeStyles.root.withClose, dot && sizeStyles.root.withDot, typeof count === 'number' && sizeStyles.root.withCount, inSelectionGroup && sizeStyles.root.withCheckbox, className);
+    // Keep Pressable (with `disabled`) for any selectable group so a disabled+selected tag
+    // still exposes checkbox role and checked state; plain View only when display-only.
+    if (inSelectionGroup) {
+        return (jsx(Pressable, { testID: tagTestId, disabled: isDisabled, onPress: () => context.toggle(id), accessibilityRole: "checkbox", accessibilityState: { checked: isSelected, disabled: Boolean(isDisabled) }, className: rootClassName, children: body }));
+    }
+    return (jsx(View, { testID: tagTestId, accessibilityState: { disabled: Boolean(isDisabled) }, className: rootClassName, children: body }));
+};
+
+export { Tag, TagAvatar, TagGroup, TagList };
+//# sourceMappingURL=index.js.map

package/dist/native/components/molecules/Tags/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/molecules/Tags/index.native.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment","XClose"],"mappings":"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"}

package/dist/native/hooks/useDebouncedCallback/index.d.ts

@@ -0,0 +1,18 @@
+/** The debounced function, plus controls for the call it is holding back. */
+export type DebouncedCallback<Args extends unknown[]> = ((...args: Args) => void) & {
+    /** Runs the pending call now, if there is one. */
+    flush: () => void;
+    /** Drops the pending call. */
+    cancel: () => void;
+};
+/**
+ * Delays a callback until calls stop for `delay` milliseconds, so only the last of a burst runs, such as a search request
+ * after typing pauses. The returned function keeps its identity across renders and always calls the latest `callback`.
+ *
+ * @param callback - What to run with the last call's arguments once the calls stop.
+ * @param delay - How long the calls must stop for, in milliseconds.
+ * @returns The debounced function, with `flush` to run the pending call at once and `cancel` to drop it. A pending call is
+ *   dropped on unmount.
+ */
+export declare const useDebouncedCallback: <Args extends unknown[]>(callback: (...args: Args) => void, delay?: number) => DebouncedCallback<Args>;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/hooks/useDebouncedCallback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDebouncedCallback/index.ts"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG;IAClF,kDAAkD;IAClD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAAI,IAAI,SAAS,OAAO,EAAE,EAAE,UAAU,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,cAAW,KAAG,iBAAiB,CAAC,IAAI,CA8BnI,CAAC"}

package/dist/native/hooks/useDebouncedCallback/index.js

@@ -0,0 +1,43 @@
+import { useRef, useMemo, useEffect } from 'react';
+
+/**
+ * Delays a callback until calls stop for `delay` milliseconds, so only the last of a burst runs, such as a search request
+ * after typing pauses. The returned function keeps its identity across renders and always calls the latest `callback`.
+ *
+ * @param callback - What to run with the last call's arguments once the calls stop.
+ * @param delay - How long the calls must stop for, in milliseconds.
+ * @returns The debounced function, with `flush` to run the pending call at once and `cancel` to drop it. A pending call is
+ *   dropped on unmount.
+ */
+const useDebouncedCallback = (callback, delay = 300) => {
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    const delayRef = useRef(delay);
+    delayRef.current = delay;
+    const timer = useRef(undefined);
+    const pending = useRef(undefined);
+    const debounced = useMemo(() => {
+        const cancel = () => {
+            clearTimeout(timer.current);
+            timer.current = undefined;
+            pending.current = undefined;
+        };
+        const flush = () => {
+            const args = pending.current;
+            cancel();
+            if (args)
+                callbackRef.current(...args);
+        };
+        const call = (...args) => {
+            pending.current = args;
+            clearTimeout(timer.current);
+            timer.current = setTimeout(flush, delayRef.current);
+        };
+        return Object.assign(call, { flush, cancel });
+    }, []);
+    useEffect(() => debounced.cancel, [debounced]);
+    return debounced;
+};
+
+export { useDebouncedCallback };
+//# sourceMappingURL=index.js.map

package/dist/native/hooks/useDebouncedCallback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useDebouncedCallback/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAUA;;;;;;;;AAQG;AACI,MAAM,oBAAoB,GAAG,CAAyB,QAAiC,EAAE,KAAK,GAAG,GAAG,KAA6B;AACtI,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpC,IAAA,WAAW,CAAC,OAAO,GAAG,QAAQ;AAC9B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AAC9B,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK;AACxB,IAAA,MAAM,KAAK,GAAG,MAAM,CAA4C,SAAS,CAAC;AAC1E,IAAA,MAAM,OAAO,GAAG,MAAM,CAAmB,SAAS,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAK;QAC7B,MAAM,MAAM,GAAG,MAAK;AAClB,YAAA,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC;AAC3B,YAAA,KAAK,CAAC,OAAO,GAAG,SAAS;AACzB,YAAA,OAAO,CAAC,OAAO,GAAG,SAAS;AAC7B,QAAA,CAAC;QACD,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,YAAA,MAAM,EAAE;AACR,YAAA,IAAI,IAAI;AAAE,gBAAA,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AACxC,QAAA,CAAC;AACD,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,IAAU,KAAI;AAC7B,YAAA,OAAO,CAAC,OAAO,GAAG,IAAI;AACtB,YAAA,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC;YAC3B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;AACrD,QAAA,CAAC;AACD,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,SAAS,CAAC,MAAM,SAAS,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC;AAE9C,IAAA,OAAO,SAAS;AAClB;;"}

package/dist/native/utilities/searchParamsUtils/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `searchParamsUtils` has no React Native implementation.
+ *
+ * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
+ * that importing `@flipdish/ui-library/utilities/searchParamsUtils` from React Native fails at
+ * compile time rather than resolving to the web build's types. There is no
+ * matching `index.js`, so Metro cannot bundle this module either.
+ *
+ * To make `searchParamsUtils` available on React Native, add an `index.native.tsx` beside
+ * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ */
+export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;

package/dist/utilities/searchParamsUtils/index.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+/**
+ * The search param names every list page uses for its view tab, search, table sort, page and page size, so links and
+ * analytics read the same across apps. A page adds its own params, such as a filter or the open record, beside them.
+ */
+const LIST_PARAMS = {
+    view: 'view',
+    search: 'q',
+    sort: 'sort',
+    page: 'page',
+    pageSize: 'pageSize',
+};
+function parseEnumParam(value, allowed, fallback) {
+    return value !== null && allowed.includes(value) ? value : fallback;
+}
+/**
+ * Reads a page number out of a search param.
+ * @param value - The param's value, `null` when it is absent.
+ * @returns A whole number of at least 1; anything absent, fractional, negative or not a number is page 1.
+ */
+const parsePageParam = (value) => {
+    const page = Number(value);
+    return Number.isInteger(page) && page > 1 ? page : 1;
+};
+/**
+ * Reads a page size out of a search param, accepting only the sizes the page offers.
+ * @param value - The param's value, `null` when it is absent.
+ * @param allowed - The page sizes the pager's selector offers.
+ * @param fallback - The size to use when the value is absent or not one of `allowed`.
+ * @returns The page size.
+ */
+const parsePageSizeParam = (value, allowed, fallback) => {
+    const size = Number(value);
+    return value !== null && allowed.includes(size) ? size : fallback;
+};
+/**
+ * Reads a table sort out of a search param written by `sortToParam`: the column id, with a leading `-` for descending.
+ * @param value - The param's value, `null` when it is absent.
+ * @param columns - The columns that can be sorted.
+ * @param fallback - The sort to use when the value is absent or names a column that cannot be sorted.
+ * @returns The sort the value describes, or `fallback`.
+ */
+const parseSortParam = (value, columns, fallback) => {
+    if (!value)
+        return fallback;
+    const descending = value.startsWith('-');
+    const column = parseEnumParam(descending ? value.slice(1) : value, columns, null);
+    return column === null ? fallback : { column, direction: descending ? 'descending' : 'ascending' };
+};
+/**
+ * Writes a table sort as a search param value: the column id, with a leading `-` for descending, e.g. `-name`.
+ * @param sort - The table's sort; any `{ column, direction }`, such as react-aria's `SortDescriptor`.
+ * @param fallback - The page's default sort, which stays out of the URL.
+ * @returns The param value, or `null` when the sort is the default and the param should be left out.
+ */
+const sortToParam = (sort, fallback) => {
+    if (sort.column === undefined)
+        return null;
+    if (fallback && sort.column === fallback.column && sort.direction === fallback.direction)
+        return null;
+    return `${sort.direction === 'descending' ? '-' : ''}${String(sort.column)}`;
+};
+
+exports.LIST_PARAMS = LIST_PARAMS;
+exports.parseEnumParam = parseEnumParam;
+exports.parsePageParam = parsePageParam;
+exports.parsePageSizeParam = parsePageSizeParam;
+exports.parseSortParam = parseSortParam;
+exports.sortToParam = sortToParam;
+//# sourceMappingURL=index.cjs.map

package/dist/utilities/searchParamsUtils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/utilities/searchParamsUtils/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;AAGG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;;SAkBN,cAAc,CAAmB,KAAoB,EAAE,OAAqB,EAAE,QAAkB,EAAA;AAC9G,IAAA,OAAO,KAAK,KAAK,IAAI,IAAK,OAA6B,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,KAAW,GAAG,QAAQ;AACnG;AAEA;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,KAAoB,KAAY;AAC7D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC;AACtD;AAEA;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAoB,EAAE,OAA0B,EAAE,QAAgB,KAAY;AAC/G,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,IAAA,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,QAAQ;AACnE;AAEA;;;;;;AAMG;AACI,MAAM,cAAc,GAAG,CAC5B,KAAoB,EACpB,OAA0B,EAC1B,QAA2B,KACN;AACrB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;IACxC,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;IACjF,OAAO,MAAM,KAAK,IAAI,GAAG,QAAQ,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,EAAE;AACpG;AAEA;;;;;AAKG;MACU,WAAW,GAAG,CAAC,IAA8C,EAAE,QAAiD,KAAmB;AAC9I,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI;AAC1C,IAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;IACrG,OAAO,CAAA,EAAG,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA,CAAE;AAC9E;;;;;;;"}

package/dist/utilities/searchParamsUtils/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * The search param names every list page uses for its view tab, search, table sort, page and page size, so links and
+ * analytics read the same across apps. A page adds its own params, such as a filter or the open record, beside them.
+ */
+export declare const LIST_PARAMS: {
+    readonly view: "view";
+    readonly search: "q";
+    readonly sort: "sort";
+    readonly page: "page";
+    readonly pageSize: "pageSize";
+};
+/** A table sort, the same shape as react-aria's `SortDescriptor`, so a parsed value can go straight to `Table` `sortDescriptor`. */
+export interface SortParam<Column extends string> {
+    column: Column;
+    direction: 'ascending' | 'descending';
+}
+/**
+ * Reads one of a fixed set of values, such as a view tab or a role, out of a search param.
+ * @param value - The param's value, `null` when it is absent.
+ * @param allowed - Every value the page understands.
+ * @param fallback - What to use when the value is absent or not one of `allowed`.
+ * @returns The value when it is allowed, else `fallback`. A URL is user input, so nothing else gets through.
+ */
+export declare function parseEnumParam<T extends string>(value: string | null, allowed: readonly T[], fallback: T): T;
+export declare function parseEnumParam<T extends string>(value: string | null, allowed: readonly T[], fallback: null): T | null;
+/**
+ * Reads a page number out of a search param.
+ * @param value - The param's value, `null` when it is absent.
+ * @returns A whole number of at least 1; anything absent, fractional, negative or not a number is page 1.
+ */
+export declare const parsePageParam: (value: string | null) => number;
+/**
+ * Reads a page size out of a search param, accepting only the sizes the page offers.
+ * @param value - The param's value, `null` when it is absent.
+ * @param allowed - The page sizes the pager's selector offers.
+ * @param fallback - The size to use when the value is absent or not one of `allowed`.
+ * @returns The page size.
+ */
+export declare const parsePageSizeParam: (value: string | null, allowed: readonly number[], fallback: number) => number;
+/**
+ * Reads a table sort out of a search param written by `sortToParam`: the column id, with a leading `-` for descending.
+ * @param value - The param's value, `null` when it is absent.
+ * @param columns - The columns that can be sorted.
+ * @param fallback - The sort to use when the value is absent or names a column that cannot be sorted.
+ * @returns The sort the value describes, or `fallback`.
+ */
+export declare const parseSortParam: <Column extends string>(value: string | null, columns: readonly Column[], fallback: SortParam<Column>) => SortParam<Column>;
+/**
+ * Writes a table sort as a search param value: the column id, with a leading `-` for descending, e.g. `-name`.
+ * @param sort - The table's sort; any `{ column, direction }`, such as react-aria's `SortDescriptor`.
+ * @param fallback - The page's default sort, which stays out of the URL.
+ * @returns The param value, or `null` when the sort is the default and the param should be left out.
+ */
+export declare const sortToParam: (sort: {
+    column?: unknown;
+    direction?: string;
+}, fallback?: {
+    column: unknown;
+    direction: string;
+}) => string | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/searchParamsUtils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/searchParamsUtils/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,oIAAoI;AACpI,MAAM,WAAW,SAAS,CAAC,MAAM,SAAS,MAAM;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,WAAW,GAAG,YAAY,CAAC;CACvC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;AAC9G,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC;AAKxH;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,GAAG,IAAI,KAAG,MAGrD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,GAAG,IAAI,EAAE,SAAS,SAAS,MAAM,EAAE,EAAE,UAAU,MAAM,KAAG,MAGvG,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,SAAS,MAAM,EAClD,OAAO,MAAM,GAAG,IAAI,EACpB,SAAS,SAAS,MAAM,EAAE,EAC1B,UAAU,SAAS,CAAC,MAAM,CAAC,KAC1B,SAAS,CAAC,MAAM,CAKlB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,WAAW;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAG,MAAM,GAAG,IAIxI,CAAC"}

package/dist/utilities/searchParamsUtils/index.js

@@ -0,0 +1,64 @@
+/**
+ * The search param names every list page uses for its view tab, search, table sort, page and page size, so links and
+ * analytics read the same across apps. A page adds its own params, such as a filter or the open record, beside them.
+ */
+const LIST_PARAMS = {
+    view: 'view',
+    search: 'q',
+    sort: 'sort',
+    page: 'page',
+    pageSize: 'pageSize',
+};
+function parseEnumParam(value, allowed, fallback) {
+    return value !== null && allowed.includes(value) ? value : fallback;
+}
+/**
+ * Reads a page number out of a search param.
+ * @param value - The param's value, `null` when it is absent.
+ * @returns A whole number of at least 1; anything absent, fractional, negative or not a number is page 1.
+ */
+const parsePageParam = (value) => {
+    const page = Number(value);
+    return Number.isInteger(page) && page > 1 ? page : 1;
+};
+/**
+ * Reads a page size out of a search param, accepting only the sizes the page offers.
+ * @param value - The param's value, `null` when it is absent.
+ * @param allowed - The page sizes the pager's selector offers.
+ * @param fallback - The size to use when the value is absent or not one of `allowed`.
+ * @returns The page size.
+ */
+const parsePageSizeParam = (value, allowed, fallback) => {
+    const size = Number(value);
+    return value !== null && allowed.includes(size) ? size : fallback;
+};
+/**
+ * Reads a table sort out of a search param written by `sortToParam`: the column id, with a leading `-` for descending.
+ * @param value - The param's value, `null` when it is absent.
+ * @param columns - The columns that can be sorted.
+ * @param fallback - The sort to use when the value is absent or names a column that cannot be sorted.
+ * @returns The sort the value describes, or `fallback`.
+ */
+const parseSortParam = (value, columns, fallback) => {
+    if (!value)
+        return fallback;
+    const descending = value.startsWith('-');
+    const column = parseEnumParam(descending ? value.slice(1) : value, columns, null);
+    return column === null ? fallback : { column, direction: descending ? 'descending' : 'ascending' };
+};
+/**
+ * Writes a table sort as a search param value: the column id, with a leading `-` for descending, e.g. `-name`.
+ * @param sort - The table's sort; any `{ column, direction }`, such as react-aria's `SortDescriptor`.
+ * @param fallback - The page's default sort, which stays out of the URL.
+ * @returns The param value, or `null` when the sort is the default and the param should be left out.
+ */
+const sortToParam = (sort, fallback) => {
+    if (sort.column === undefined)
+        return null;
+    if (fallback && sort.column === fallback.column && sort.direction === fallback.direction)
+        return null;
+    return `${sort.direction === 'descending' ? '-' : ''}${String(sort.column)}`;
+};
+
+export { LIST_PARAMS, parseEnumParam, parsePageParam, parsePageSizeParam, parseSortParam, sortToParam };
+//# sourceMappingURL=index.js.map

package/dist/utilities/searchParamsUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utilities/searchParamsUtils/index.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;;SAkBN,cAAc,CAAmB,KAAoB,EAAE,OAAqB,EAAE,QAAkB,EAAA;AAC9G,IAAA,OAAO,KAAK,KAAK,IAAI,IAAK,OAA6B,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,KAAW,GAAG,QAAQ;AACnG;AAEA;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,KAAoB,KAAY;AAC7D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,IAAA,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC;AACtD;AAEA;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAoB,EAAE,OAA0B,EAAE,QAAgB,KAAY;AAC/G,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,IAAA,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,QAAQ;AACnE;AAEA;;;;;;AAMG;AACI,MAAM,cAAc,GAAG,CAC5B,KAAoB,EACpB,OAA0B,EAC1B,QAA2B,KACN;AACrB,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;IACxC,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC;IACjF,OAAO,MAAM,KAAK,IAAI,GAAG,QAAQ,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,EAAE;AACpG;AAEA;;;;;AAKG;MACU,WAAW,GAAG,CAAC,IAA8C,EAAE,QAAiD,KAAmB;AAC9I,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI;AAC1C,IAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;IACrG,OAAO,CAAA,EAAG,IAAI,CAAC,SAAS,KAAK,YAAY,GAAG,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA,CAAE;AAC9E;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.41.2",
+  "version": "0.43.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {
@@ -230,9 +230,10 @@
     "@storybook/addon-a11y": "^10.5.8",
     "@storybook/addon-docs": "^10.5.8",
     "@storybook/addon-mcp": "^0.7.0",
-    "@storybook/addon-vitest": "10.6.2",
+    "@storybook/addon-vitest": "10.6.3",
     "@storybook/react-vite": "^10.5.8",
     "@tailwindcss/vite": "^4.3.1",
+    "@tanstack/react-query": "^5.104.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@tiptap/core": "^3.27.1",
@@ -258,6 +259,7 @@
     "motion": "^12.40.0",
     "nativewind": "^5.0.0-rc.0",
     "playwright": "^1.61.1",
+    "prettier": "^3.9.10",
     "qr-code-styling": "^1.9.2",
     "react": "^19.0.0",
     "react-aria": "3.50.0",