@wzrhine/react 0.0.0-stage → 0.2.0

package/dist/components/fieldParts.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+/** Internal parts shared by Field and the choice controls; not exported from the package. */
+export declare function LabelText({ label, required, optional }: {
+    label: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+}): React.JSX.Element;
+export declare function FieldErrorMessage({ error, match, name, }: {
+    error: React.ReactNode;
+    match?: React.ComponentProps<typeof BaseField.Error>['match'];
+    /** Field name: a message for it in `<Form errors>` (server-side) replaces `error` and always shows. */
+    name?: string;
+}): React.JSX.Element | null;
+/** Lets Checkbox / Radio know they sit inside a group and must not create their own Field. */
+export declare const ChoiceGroupContext: React.Context<"checkbox" | "radio" | null>;
+//# sourceMappingURL=fieldParts.d.ts.map

package/dist/components/fieldParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParts.d.ts","sourceRoot":"","sources":["../../src/components/fieldParts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAI1D,6FAA6F;AAE7F,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAa1H;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9D,uGAAuG;IACvG,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4BAcA;AAED,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,4CAAyD,CAAC"}

package/dist/components/fieldParts.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+import { useFormContext } from '@base-ui/react/internals/form-context';
+import { useRhineMessages } from '../provider/messages.js';
+/** Internal parts shared by Field and the choice controls; not exported from the package. */
+export function LabelText({ label, required, optional }) {
+    const messages = useRhineMessages();
+    return (_jsxs(_Fragment, { children: [_jsx("span", { children: label }), required && (_jsx("span", { className: "rl-field__required", "aria-hidden": "true", children: "*" })), optional && !required && _jsx("span", { className: "rl-field__optional", children: messages.field.optional })] }));
+}
+export function FieldErrorMessage({ error, match, name, }) {
+    const { errors } = useFormContext();
+    const server = name != null && Object.hasOwn(errors, name) ? errors[name] : undefined;
+    const serverText = Array.isArray(server) ? server.join(' ') : server;
+    if (!serverText && error == null)
+        return null;
+    return (_jsxs(BaseField.Error, { className: "rl-field__error", match: serverText ? undefined : match, children: [_jsxs("svg", { className: "rl-field__error-icon", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M8 1.75 15 14.25H1L8 1.75Z" }), _jsx("path", { d: "M8 6.5v3.25M8 11.75v.01" })] }), _jsx("span", { children: serverText || error })] }));
+}
+/** Lets Checkbox / Radio know they sit inside a group and must not create their own Field. */
+export const ChoiceGroupContext = React.createContext(null);
+//# sourceMappingURL=fieldParts.js.map

package/dist/components/fieldParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldParts.js","sourceRoot":"","sources":["../../src/components/fieldParts.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,6FAA6F;AAE7F,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsE;IACzH,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,OAAO,CACL,8BACE,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,kBAEhD,CACR,EACA,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAQ,IAC9F,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,GAML;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACtF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACrE,IAAI,CAAC,UAAU,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IAC9C,OAAO,CACL,MAAC,SAAS,CAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,aAChF,eAAK,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,aAC5F,eAAM,CAAC,EAAC,4BAA4B,GAAG,EACvC,eAAM,CAAC,EAAC,yBAAyB,GAAG,IAChC,EACN,yBAAO,UAAU,IAAI,KAAK,GAAQ,IAClB,CACnB,CAAC;AACJ,CAAC;AAED,8FAA8F;AAC9F,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC"}

package/dist/components/meter-utils.d.ts

@@ -0,0 +1,15 @@
+/** Which native <meter> region a value falls in, relative to `optimum`. */
+export type MeterState = 'optimum' | 'suboptimum' | 'critical';
+/**
+ * Native <meter> rules: the range is split by `low` / `high`; the region containing `optimum` is
+ * good, the adjacent region is "suboptimum", the far region "critical". Without thresholds every
+ * value is optimum.
+ */
+export declare function getMeterState(value: number, { min, max, low, high, optimum }: {
+    min?: number;
+    max?: number;
+    low?: number;
+    high?: number;
+    optimum?: number;
+}): MeterState;
+//# sourceMappingURL=meter-utils.d.ts.map

package/dist/components/meter-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-utils.d.ts","sourceRoot":"","sources":["../../src/components/meter-utils.ts"],"names":[],"mappings":"AAEA,2EAA2E;AAC3E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,GAAO,EAAE,GAAS,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,CAOlL"}

package/dist/components/meter-utils.js

@@ -0,0 +1,15 @@
+// Pure meter helpers (no React): importable from React Server Components (ADR-0008 §2).
+/**
+ * Native <meter> rules: the range is split by `low` / `high`; the region containing `optimum` is
+ * good, the adjacent region is "suboptimum", the far region "critical". Without thresholds every
+ * value is optimum.
+ */
+export function getMeterState(value, { min = 0, max = 100, low, high, optimum }) {
+    const lo = Math.max(min, Math.min(low ?? min, max));
+    const hi = Math.min(max, Math.max(high ?? max, lo));
+    const opt = optimum ?? (min + max) / 2;
+    const region = (v) => (v < lo ? 0 : v > hi ? 2 : 1);
+    const distance = Math.abs(region(value) - region(opt));
+    return distance === 0 ? 'optimum' : distance === 1 ? 'suboptimum' : 'critical';
+}
+//# sourceMappingURL=meter-utils.js.map

package/dist/components/meter-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter-utils.js","sourceRoot":"","sources":["../../src/components/meter-utils.ts"],"names":[],"mappings":"AAAA,wFAAwF;AAKxF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAiF;IACpK,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,OAAO,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;AACjF,CAAC"}

package/dist/components/navigation.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export type NavItemProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    active?: boolean;
+    badge?: React.ReactNode;
+    collapsed?: boolean;
+    href?: string;
+    render?: React.ReactElement<Record<string, unknown>> | ((props: React.HTMLAttributes<HTMLElement>) => React.ReactElement);
+    disabled?: boolean;
+};
+export declare const NavItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    active?: boolean;
+    badge?: React.ReactNode;
+    collapsed?: boolean;
+    href?: string;
+    render?: React.ReactElement<Record<string, unknown>> | ((props: React.HTMLAttributes<HTMLElement>) => React.ReactElement);
+    disabled?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export type NavRailProps = React.HTMLAttributes<HTMLElement> & {
+    children: React.ReactNode;
+    collapsed?: boolean;
+};
+export declare function NavRail({ children, collapsed, className, onKeyDown, ...rest }: NavRailProps): React.JSX.Element;
+export type NavGroupProps = React.HTMLAttributes<HTMLElement> & {
+    label: React.ReactNode;
+    children: React.ReactNode;
+    collapsed?: boolean;
+};
+export declare function NavGroup({ label, children, collapsed, className, ...rest }: NavGroupProps): React.JSX.Element;
+export type NavListProps = React.HTMLAttributes<HTMLElement> & {
+    children: React.ReactNode;
+    label?: string;
+};
+export declare function NavList({ children, label, className, ...rest }: NavListProps): React.JSX.Element;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/components/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IAC1H,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,OAAO;WAZX,KAAK,CAAC,SAAS;WACf,KAAK,CAAC,SAAS;aACb,OAAO;YACR,KAAK,CAAC,SAAS;gBACX,OAAO;WACZ,MAAM;aACJ,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;eAC9G,OAAO;qCAoBlB,CAAC;AAkDH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAClH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,qBAEnG;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC3I,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAiB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAEjG;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7G,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,qBAE5E"}

package/dist/components/navigation.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { motion } from 'motion/react';
+import { cx } from '../utils/cx.js';
+import { useRhineMotion } from '../motion/useRhineMotion.js';
+import { Tooltip } from './Tooltip.js';
+const NavContext = React.createContext({ collapsed: false });
+export const NavItem = React.forwardRef(function NavItem({ label, icon, active, badge, collapsed: collapsedProp, href, render, disabled, className, onClick, ...rest }, ref) {
+    const collapsed = collapsedProp ?? React.useContext(NavContext).collapsed;
+    const content = _jsxs(_Fragment, { children: [icon && _jsx("span", { className: "rl-nav-item__icon", "aria-hidden": "true", children: icon }), _jsx("span", { className: cx('rl-nav-item__label', collapsed && 'rl-visually-hidden'), children: label }), badge && _jsx("span", { className: "rl-nav-item__badge", children: badge })] });
+    const common = { ...rest, ref, className: cx('rl-nav-item', className), 'aria-current': active ? 'page' : undefined, 'aria-disabled': disabled || undefined, 'data-rl-nav-item': '', 'data-disabled': disabled || undefined, tabIndex: disabled ? -1 : 0,
+        onClick: (event) => { if (disabled) {
+            event.preventDefault();
+            return;
+        } onClick?.(event); }, children: content, };
+    let element;
+    if (typeof render === 'function')
+        element = render(common);
+    else if (render)
+        element = React.cloneElement(render, { ...common, onClick: (event) => {
+                common.onClick(event);
+                if (!event.defaultPrevented && !disabled)
+                    render.props.onClick?.(event);
+            } });
+    else if (href)
+        element = _jsx("a", { ...common, ref: ref, href: disabled ? undefined : href });
+    else
+        element = _jsx("button", { ...common, ref: ref, type: "button", disabled: disabled });
+    return collapsed ? _jsx(Tooltip, { content: label, side: "right", children: element }) : element;
+});
+function Navigation({ children, className, collapsed = false, onKeyDown, onFocusCapture, ...rest }) {
+    const rootRef = React.useRef(null);
+    const { resolve } = useRhineMotion();
+    const [indicator, setIndicator] = React.useState(null);
+    const tabStop = React.useRef(null);
+    const items = () => Array.from(rootRef.current?.querySelectorAll('[data-rl-nav-item]') ?? []).filter((item) => item.getAttribute('aria-disabled') !== 'true');
+    const update = React.useCallback(() => {
+        const root = rootRef.current;
+        if (!root)
+            return;
+        const selected = root.querySelector('[data-rl-nav-item][aria-current]');
+        if (!selected) {
+            setIndicator(null);
+            return;
+        }
+        const bounds = selected.getBoundingClientRect();
+        const top = bounds.top - root.getBoundingClientRect().top + root.scrollTop;
+        setIndicator((old) => old?.top === top && old.height === bounds.height ? old : { top, height: bounds.height });
+    }, []);
+    React.useLayoutEffect(() => {
+        const list = items();
+        const current = list.includes(tabStop.current) ? tabStop.current : list.find((item) => item.hasAttribute('aria-current')) ?? list[0];
+        list.forEach((item) => { item.tabIndex = item === current ? 0 : -1; });
+        update();
+    });
+    React.useEffect(() => {
+        const root = rootRef.current;
+        if (!root || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(update);
+        observer.observe(root);
+        items().forEach((item) => observer.observe(item));
+        return () => observer.disconnect();
+    }, [children, update]);
+    const handleKeys = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || !['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key))
+            return;
+        const list = items();
+        const index = list.indexOf(document.activeElement);
+        if (index < 0)
+            return;
+        const next = event.key === 'Home' ? 0 : event.key === 'End' ? list.length - 1 : Math.min(list.length - 1, Math.max(0, index + (event.key === 'ArrowDown' ? 1 : -1)));
+        event.preventDefault();
+        list[next]?.focus();
+    };
+    return _jsx(NavContext.Provider, { value: { collapsed }, children: _jsxs("nav", { ...rest, ref: rootRef, className: className, "data-collapsed": collapsed || undefined, onKeyDown: handleKeys, onFocusCapture: (event) => {
+                onFocusCapture?.(event);
+                const target = event.target;
+                if (!target.matches('[data-rl-nav-item]'))
+                    return;
+                tabStop.current = target;
+                items().forEach((item) => { item.tabIndex = item === target ? 0 : -1; });
+            }, children: [indicator && _jsx(motion.div, { "aria-hidden": "true", className: "rl-nav-indicator", initial: false, animate: { y: indicator.top, height: indicator.height }, transition: resolve('layout', 'base') }), children] }) });
+}
+export function NavRail({ children, collapsed = false, className, onKeyDown, ...rest }) {
+    return _jsx(Navigation, { ...rest, collapsed: collapsed, className: cx('rl-nav-rail', className), onKeyDown: onKeyDown, children: children });
+}
+export function NavGroup({ label, children, collapsed = false, className, ...rest }) {
+    return _jsxs("section", { ...rest, className: cx('rl-nav-group', className), children: [_jsx("h2", { className: cx('rl-nav-group__label', collapsed && 'rl-visually-hidden'), children: label }), children] });
+}
+export function NavList({ children, label, className, ...rest }) {
+    return _jsx(Navigation, { ...rest, "aria-label": label ?? rest['aria-label'], className: cx('rl-nav-list', className), children: children });
+}
+//# sourceMappingURL=navigation.js.map

package/dist/components/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/components/pagination-utils.d.ts

@@ -0,0 +1,10 @@
+/** One slot in the page list: a page number or an ellipsis before / after the current window. */
+export type PaginationItem = number | 'ellipsis-start' | 'ellipsis-end';
+/**
+ * Page list with first, last and `siblingCount` pages on each side of `page`. A gap of one page
+ * is shown as that page, not an ellipsis, so the list length stays stable while paging.
+ */
+export declare function getPaginationItems(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+/** Rows of one page for client-side pagination. `page` starts at 1. */
+export declare function paginate<Row>(rows: readonly Row[], page: number, pageSize: number): Row[];
+//# sourceMappingURL=pagination-utils.d.ts.map

package/dist/components/pagination-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-utils.d.ts","sourceRoot":"","sources":["../../src/components/pagination-utils.ts"],"names":[],"mappings":"AAEA,iGAAiG;AACjG,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAExE;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,SAAI,GAAG,cAAc,EAAE,CAetG;AAUD,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,CAKzF"}

package/dist/components/pagination-utils.js

@@ -0,0 +1,36 @@
+// Pure pagination helpers (no React): importable from React Server Components (ADR-0008 §2).
+/**
+ * Page list with first, last and `siblingCount` pages on each side of `page`. A gap of one page
+ * is shown as that page, not an ellipsis, so the list length stays stable while paging.
+ */
+export function getPaginationItems(page, pageCount, siblingCount = 1) {
+    const total = Math.max(1, Math.floor(pageCount));
+    const current = clamp(page, 1, total);
+    // first + last + current + 2 siblings + 2 ellipsis slots
+    const slots = siblingCount * 2 + 5;
+    if (total <= slots)
+        return range(1, total);
+    const left = Math.max(current - siblingCount, 1);
+    const right = Math.min(current + siblingCount, total);
+    const showStart = left > 3;
+    const showEnd = right < total - 2;
+    if (!showStart)
+        return [...range(1, slots - 2), 'ellipsis-end', total];
+    if (!showEnd)
+        return [1, 'ellipsis-start', ...range(total - (slots - 3), total)];
+    return [1, 'ellipsis-start', ...range(left, right), 'ellipsis-end', total];
+}
+function range(from, to) {
+    return Array.from({ length: to - from + 1 }, (_, i) => from + i);
+}
+function clamp(value, min, max) {
+    return Math.min(Math.max(Math.round(value), min), max);
+}
+/** Rows of one page for client-side pagination. `page` starts at 1. */
+export function paginate(rows, page, pageSize) {
+    const size = Math.max(1, Math.floor(pageSize));
+    const pageCount = Math.max(1, Math.ceil(rows.length / size));
+    const current = clamp(page, 1, pageCount);
+    return rows.slice((current - 1) * size, current * size);
+}
+//# sourceMappingURL=pagination-utils.js.map

package/dist/components/pagination-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-utils.js","sourceRoot":"","sources":["../../src/components/pagination-utils.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAK7F;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAY,EAAE,SAAiB,EAAE,YAAY,GAAG,CAAC;IAClF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACtC,yDAAyD;IACzD,MAAM,KAAK,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,KAAK,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,YAAY,EAAE,KAAK,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC;IAC3B,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IAElC,IAAI,CAAC,SAAS;QAAE,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IACvE,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACjF,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAC7E,CAAC;AAED,SAAS,KAAK,CAAC,IAAY,EAAE,EAAU;IACrC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACzD,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,QAAQ,CAAM,IAAoB,EAAE,IAAY,EAAE,QAAgB;IAChF,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC;AAC1D,CAAC"}