@nhic/rwds-react 0.0.0-stage → 1.0.0-next.0

package/dist/IconButton/IconButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../Button/Button.js";
+import { cx } from "../shared/classes.js";
+import { devWarn } from "../shared/dev.js";
+/** A square button with only an icon. Its label names it for assistive technology. */
+export function IconButton({ label, icon, className, ...rest }) {
+    if (label.trim() === '')
+        devWarn('IconButton needs a label: it is the only name the button has.');
+    return (_jsx(Button, { ...rest, "aria-label": label, iconStart: icon, className: cx('rw-button--icon', className) }));
+}
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAE9C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAW3C,sFAAsF;AACtF,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAmB;IAC7E,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,CAAC,+DAA+D,CAAC,CAAC;IAClG,OAAO,CACL,KAAC,MAAM,OACD,IAAI,gBACI,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

package/dist/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton.tsx';
+export type { IconButtonProps } from './IconButton.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/IconButton/index.js

@@ -0,0 +1,2 @@
+export { IconButton } from "./IconButton.js";
+//# sourceMappingURL=index.js.map

package/dist/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC"}

package/dist/IdentifierField/IdentifierField.d.ts

@@ -0,0 +1,17 @@
+import type { IdentifierKind } from '@nhic/rwds-i18n';
+import type { ReactNode } from 'react';
+import type { TextFieldProps } from '../TextField/TextField.tsx';
+/** How each kind of identifier is typed. */
+export declare const identifierInputs: Readonly<Record<IdentifierKind, Pick<TextFieldProps, 'type' | 'inputMode' | 'autoComplete' | 'width' | 'prefix'>>>;
+export interface IdentifierFieldProps extends Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange' | 'type' | 'inputMode' | 'pattern' | 'prefix' | 'suffix' | 'width' | 'characterLimit'> {
+    /** `phone` for Rwandan phone numbers, `nationalId` for the 16-digit ID, `tin` for the 9-digit TIN. */
+    readonly kind: IdentifierKind;
+    /** The normalised identifier: `+250781234567`, 16 digits or 9 digits. */
+    readonly value?: string | null;
+    readonly defaultValue?: string | null;
+    /** Called with the normalised identifier when the field is left, or null. */
+    readonly onChange?: (value: string | null) => void;
+}
+/** A Rwandan phone number, national ID or TIN: grouped as printed, checked when left. */
+export declare function IdentifierField({ kind, value, defaultValue, onChange, name, error, onBlur, className, ...field }: IdentifierFieldProps): ReactNode;
+//# sourceMappingURL=IdentifierField.d.ts.map

package/dist/IdentifierField/IdentifierField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentifierField.d.ts","sourceRoot":"","sources":["../../src/IdentifierField/IdentifierField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,iBAAiB,CAAC;AAGlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CACrC,MAAM,CACJ,cAAc,EACd,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC,CACjF,CAKF,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,cAAc,EACZ,OAAO,GACP,cAAc,GACd,UAAU,GACV,MAAM,GACN,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,gBAAgB,CACnB;IACC,sGAAsG;IACtG,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,yEAAyE;IACzE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AASD,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,YAAmB,EACnB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,SAAS,CAoDlC"}

package/dist/IdentifierField/IdentifierField.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readIdentifier } from '@nhic/rwds-i18n';
+import { useControlledState } from '@react-stately/utils';
+import { useRef, useState } from 'react';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+import { useCommittedText } from "../shared/use-committed-text.js";
+import { TextField } from "../TextField/TextField.js";
+/** How each kind of identifier is typed. */
+export const identifierInputs = {
+    phone: { type: 'tel', inputMode: 'tel', autoComplete: 'tel-national', width: 10, prefix: '+250' },
+    nationalId: { type: 'text', inputMode: 'numeric', autoComplete: 'off', width: 20 },
+    tin: { type: 'text', inputMode: 'numeric', autoComplete: 'off', width: 10 },
+};
+// A stored value that cannot be read, such as legacy data, is shown as written.
+const shown = (kind, value) => {
+    if (!value)
+        return '';
+    const reading = readIdentifier(kind, value);
+    return reading.value === null ? value : reading.display;
+};
+/** A Rwandan phone number, national ID or TIN: grouped as printed, checked when left. */
+export function IdentifierField({ kind, value, defaultValue = null, onChange, name, error, onBlur, className, ...field }) {
+    const { t } = useMessages();
+    const [identifier, setIdentifier] = useControlledState(value, defaultValue, onChange);
+    const { text, type, leave } = useCommittedText(identifier, (v) => shown(kind, v), kind);
+    const [problem, setProblem] = useState(null);
+    const hiddenRef = useRef(null);
+    // Reads the text as an identifier: on leaving the field, and on Enter before the form submits.
+    const read = () => {
+        const reading = readIdentifier(kind, text);
+        setProblem(reading.error);
+        leave(reading.display, reading.error === null);
+        // The submitted value always follows the text: unreadable text submits nothing.
+        setIdentifier(reading.value);
+        return reading.value;
+    };
+    return (_jsxs("div", { className: cx(className, 'rw-identifier-field'), children: [_jsx(TextField, { ...field, ...identifierInputs[kind], value: text, onChange: type, onBlur: (event) => {
+                    read();
+                    onBlur?.(event);
+                }, onKeyDown: (event) => {
+                    // Enter submits the form: commit the text first and set the hidden input now, since
+                    // the form reads it before React renders again.
+                    if (event.key === 'Enter') {
+                        const value = read();
+                        if (hiddenRef.current)
+                            hiddenRef.current.value = value ?? '';
+                    }
+                    event.continuePropagation();
+                }, error: error ?? (problem === null ? undefined : t(problem)) }), _jsx("input", { ref: hiddenRef, type: "hidden", name: name, value: identifier ?? '', disabled: field.isDisabled })] }));
+}
+//# sourceMappingURL=IdentifierField.js.map

package/dist/IdentifierField/IdentifierField.js.map

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

package/dist/IdentifierField/index.d.ts

@@ -0,0 +1,3 @@
+export { IdentifierField, identifierInputs } from './IdentifierField.tsx';
+export type { IdentifierFieldProps } from './IdentifierField.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/IdentifierField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IdentifierField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/IdentifierField/index.js

@@ -0,0 +1,2 @@
+export { IdentifierField, identifierInputs } from "./IdentifierField.js";
+//# sourceMappingURL=index.js.map

package/dist/IdentifierField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IdentifierField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAuB,CAAC"}

package/dist/IdentityFields/IdentityFields.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export type IdentityDocument = 'national-id' | 'passport';
+export interface IdentityFieldsProps {
+    /** "Identity document" in the reader's language unless set. */
+    readonly legend?: ReactNode;
+    /** Puts the fields' names under one prefix: "identity.document" and so on. */
+    readonly namePrefix?: string;
+    /** The document chosen first; a server sets it after a reload, so the right fields show. */
+    readonly defaultDocument?: IdentityDocument;
+    readonly className?: string;
+}
+/**
+ * Which identity document someone has, and its number: the 16-digit national ID, checked as
+ * they leave it, or a passport number and the country that issued it.
+ */
+export declare function IdentityFields({ legend, namePrefix, defaultDocument, className, }: IdentityFieldsProps): ReactNode;
+//# sourceMappingURL=IdentityFields.d.ts.map

package/dist/IdentityFields/IdentityFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityFields.d.ts","sourceRoot":"","sources":["../../src/IdentityFields/IdentityFields.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,QAAQ,CAAC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAuB,EACvB,eAA+B,EAC/B,SAAS,GACV,EAAE,mBAAmB,GAAG,SAAS,CA0CjC"}

package/dist/IdentityFields/IdentityFields.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Fieldset } from "../Fieldset/Fieldset.js";
+import { IdentifierField } from "../IdentifierField/IdentifierField.js";
+import { useMessages } from "../providers/index.js";
+import { Radio, RadioGroup } from "../RadioGroup/RadioGroup.js";
+import { TextField } from "../TextField/TextField.js";
+/**
+ * Which identity document someone has, and its number: the 16-digit national ID, checked as
+ * they leave it, or a passport number and the country that issued it.
+ */
+export function IdentityFields({ legend, namePrefix = 'identity', defaultDocument = 'national-id', className, }) {
+    const { t } = useMessages();
+    const [document, setDocument] = useState(defaultDocument);
+    const field = (name) => `${namePrefix}.${name}`;
+    return (_jsxs(Fieldset, { legend: legend ?? t('form.identity.legend'), ...(className !== undefined && { className }), children: [_jsxs(RadioGroup, { legend: t('form.whichDocument'), name: field('document'), value: document, onChange: setDocument, children: [_jsx(Radio, { value: "national-id", children: t('form.nationalId') }), _jsx(Radio, { value: "passport", children: t('form.passport') })] }), document === 'national-id' ? (_jsx(IdentifierField, { kind: "nationalId", label: t('form.nationalIdNumber'), name: field('number') })) : (_jsxs(_Fragment, { children: [_jsx(TextField, { label: t('form.passportNumber'), name: field('number'), autoCapitalize: "characters", spellCheck: "false", width: 10 }), _jsx(TextField, { label: t('form.issuingCountry'), name: field('country'), autoComplete: "country-name" })] }))] }));
+}
+//# sourceMappingURL=IdentityFields.js.map

package/dist/IdentityFields/IdentityFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityFields.js","sourceRoot":"","sources":["../../src/IdentityFields/IdentityFields.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAA0B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAwC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA4B,CAAC;AAcvD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,GAAG,UAAU,EACvB,eAAe,GAAG,aAAa,EAC/B,SAAS,GACW;IACpB,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,eAAe,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC;IAChE,OAAO,CACL,MAAC,QAAQ,IACP,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,sBAAsB,CAAC,KACvC,CAAC,SAAS,KAAK,SAAS,IAAI,EAAE,SAAS,EAAE,CAAC,aAE9C,MAAC,UAAU,IACT,MAAM,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAC/B,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,EACvB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,aAErB,KAAC,KAAK,IAAC,KAAK,EAAC,aAAa,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAS,EACzD,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,YAAE,CAAC,CAAC,eAAe,CAAC,GAAS,IACzC,EACZ,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,CAC5B,KAAC,eAAe,IACd,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACjC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GACrB,CACH,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,EACrB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,EAAE,GACT,EACF,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACtB,YAAY,EAAC,cAAc,GAC3B,IACD,CACJ,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/IdentityFields/index.d.ts

@@ -0,0 +1,3 @@
+export { IdentityFields } from './IdentityFields.tsx';
+export type { IdentityDocument, IdentityFieldsProps } from './IdentityFields.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/IdentityFields/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IdentityFields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/IdentityFields/index.js

@@ -0,0 +1,2 @@
+export { IdentityFields } from "./IdentityFields.js";
+//# sourceMappingURL=index.js.map

package/dist/IdentityFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IdentityFields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC"}

package/dist/InPageNav/InPageNav.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface InPageNavItem {
+    /** The id of the section's heading or element. */
+    readonly id: string;
+    readonly label: string;
+}
+export interface InPageNavProps {
+    readonly items: readonly InPageNavItem[];
+    /** "On this page" in the reader's language unless set. */
+    readonly title?: string;
+    readonly className?: string;
+}
+/** Links to the sections of a long page, marking the one in view. */
+export declare function InPageNav({ items, title, className }: InPageNavProps): ReactNode;
+//# sourceMappingURL=InPageNav.d.ts.map

package/dist/InPageNav/InPageNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InPageNav.d.ts","sourceRoot":"","sources":["../../src/InPageNav/InPageNav.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,GAAG,SAAS,CAwDhF"}

package/dist/InPageNav/InPageNav.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { currentSection, LAST_SECTION_IN_VIEW, SECTION_IN_VIEW } from '@nhic/rwds-i18n';
+import { useEffect, useId, useState } from 'react';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** Links to the sections of a long page, marking the one in view. */
+export function InPageNav({ items, title, className }) {
+    const { t } = useMessages();
+    const titleId = useId();
+    const [current, setCurrent] = useState();
+    const ids = items.map((item) => item.id).join(' ');
+    useEffect(() => {
+        const order = ids.split(' ').filter(Boolean);
+        const inView = new Set();
+        let isLastAllInView = false;
+        const update = () => {
+            setCurrent((previous) => currentSection(order, inView, previous, isLastAllInView));
+        };
+        const observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting)
+                    inView.add(entry.target.id);
+                else
+                    inView.delete(entry.target.id);
+            }
+            update();
+        }, SECTION_IN_VIEW);
+        const lastObserver = new IntersectionObserver((entries) => {
+            isLastAllInView = entries.some((entry) => entry.intersectionRatio >= 1);
+            update();
+        }, LAST_SECTION_IN_VIEW);
+        for (const id of order) {
+            const section = document.getElementById(id);
+            if (section)
+                observer.observe(section);
+        }
+        const last = document.getElementById(order[order.length - 1] ?? '');
+        if (last)
+            lastObserver.observe(last);
+        return () => {
+            observer.disconnect();
+            lastObserver.disconnect();
+        };
+    }, [ids]);
+    return (_jsxs("nav", { className: cx('rw-in-page-nav', className), "aria-labelledby": titleId, children: [_jsx("p", { className: "rw-in-page-nav__title", id: titleId, children: title ?? t('inPageNav.title') }), _jsx("ul", { className: "rw-in-page-nav__list", children: items.map((item) => (_jsx("li", { children: _jsx("a", { href: `#${item.id}`, className: "rw-in-page-nav__link", "aria-current": item.id === current ? 'true' : undefined, children: item.label }) }, item.id))) })] }));
+}
+//# sourceMappingURL=InPageNav.js.map

package/dist/InPageNav/InPageNav.js.map

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

package/dist/InPageNav/index.d.ts

@@ -0,0 +1,3 @@
+export { InPageNav } from './InPageNav.tsx';
+export type { InPageNavItem, InPageNavProps } from './InPageNav.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/InPageNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InPageNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/InPageNav/index.js

@@ -0,0 +1,2 @@
+export { InPageNav } from "./InPageNav.js";
+//# sourceMappingURL=index.js.map

package/dist/InPageNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/InPageNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC"}

package/dist/InTrayPage/InTrayPage.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+import type { DataTableSort } from '../DataTable/DataTable.tsx';
+import type { StatusTone } from '../StatusPill/StatusPill.tsx';
+import type { TabNavItem } from '../TabNav/TabNav.tsx';
+import type { TagItem } from '../TagGroup/TagGroup.tsx';
+export interface InTrayCase {
+    readonly id: string;
+    readonly reference: string;
+    readonly title: string;
+    readonly applicant: string;
+    /** When it arrived, written for people, such as "3 Nov". */
+    readonly received: string;
+    readonly status: {
+        readonly tone: StatusTone;
+        readonly label: string;
+    };
+    readonly due: {
+        readonly label: string;
+        readonly tone?: StatusTone;
+    };
+    readonly href: string;
+}
+export interface InTrayPageProps {
+    /** Such as "Applications". */
+    readonly title: ReactNode;
+    /** Saved views, such as All, Assigned to me and Overdue, with counts. */
+    readonly views: readonly TabNavItem[];
+    /** The cases on this page, in the order the server sorted them. */
+    readonly cases: readonly InTrayCase[];
+    readonly query?: string;
+    /**
+     * Fields that narrow the cases beside the search, such as a stage or district select. Each
+     * submits under its own name; an Apply filters button follows them.
+     */
+    readonly filters?: ReactNode;
+    /**
+     * The filters in force, as removable tags under the fields. Without a script, a tag's remove
+     * button submits `remove` with the tag's id, for the server to drop that filter.
+     */
+    readonly appliedFilters?: readonly TagItem[];
+    readonly onRemoveFilter?: (id: string) => void;
+    /** Adds a Clear all button after the applied filters. */
+    readonly onClearFilters?: () => void;
+    /** What a case holds beyond its row, such as its last note, opened from a toggle on the row. */
+    readonly caseDetail?: (item: InTrayCase) => ReactNode;
+    readonly sort?: DataTableSort;
+    readonly page: number;
+    readonly pageSize: number;
+    readonly total: number;
+    /** Where the form goes; the current page unless set. */
+    readonly action?: string;
+    readonly className?: string;
+}
+/**
+ * A staff in-tray: saved views, search, one sortable table of cases and the pages. It is one
+ * form that sends `q`, `sort`, `page` and `size`, so a server can do it all with no script.
+ */
+export declare function InTrayPage({ title, views, cases, query, filters, appliedFilters, onRemoveFilter, onClearFilters, caseDetail, sort, page, pageSize, total, action, className, }: InTrayPageProps): ReactNode;
+//# sourceMappingURL=InTrayPage.d.ts.map

package/dist/InTrayPage/InTrayPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InTrayPage.d.ts","sourceRoot":"","sources":["../../src/InTrayPage/InTrayPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,QAAQ,CAAC,GAAG,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;KAAE,CAAC;IACrE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IACtC,mEAAmE;IACnE,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC7C,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,yDAAyD;IACzD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,gGAAgG;IAChG,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC;IACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,cAAmB,EACnB,cAAc,EACd,cAAc,EACd,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CAuG7B"}

package/dist/InTrayPage/InTrayPage.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Button } from "../Button/Button.js";
+import { DataTable } from "../DataTable/DataTable.js";
+import { Link } from "../Link/Link.js";
+import { ListLayout } from "../ListLayout/ListLayout.js";
+import { Pagination } from "../Pagination/Pagination.js";
+import { useMessages } from "../providers/index.js";
+import { SearchField } from "../SearchField/SearchField.js";
+import { cx } from "../shared/classes.js";
+import { StatusPill } from "../StatusPill/StatusPill.js";
+import { TabNav } from "../TabNav/TabNav.js";
+import { TagGroup } from "../TagGroup/TagGroup.js";
+/**
+ * A staff in-tray: saved views, search, one sortable table of cases and the pages. It is one
+ * form that sends `q`, `sort`, `page` and `size`, so a server can do it all with no script.
+ */
+export function InTrayPage({ title, views, cases, query, filters, appliedFilters = [], onRemoveFilter, onClearFilters, caseDetail, sort, page, pageSize, total, action, className, }) {
+    const { t } = useMessages();
+    const formRef = useRef(null);
+    // With no handler, removing a filter sends the form as the button would without a script.
+    const removeFilter = onRemoveFilter ??
+        ((id) => {
+            const form = formRef.current;
+            if (!form)
+                return;
+            const input = form.ownerDocument.createElement('input');
+            input.type = 'hidden';
+            input.name = 'remove';
+            input.value = id;
+            form.append(input);
+            form.requestSubmit();
+        });
+    return (_jsx("form", { ref: formRef, className: cx('rw-in-tray', className), method: "get", action: action, children: _jsx(ListLayout, { title: title, views: _jsx(TabNav, { label: t('staff.views'), items: views }), filters: _jsxs(_Fragment, { children: [_jsx(SearchField, { label: t('staff.search'), isLabelVisible: true, name: "q", ...(query !== undefined && { defaultValue: query }) }), filters !== undefined && (_jsxs(_Fragment, { children: [filters, _jsx(Button, { type: "submit", children: t('staff.applyFilters') })] })), appliedFilters.length > 0 && (_jsx(TagGroup, { className: "rw-in-tray__applied", label: t('staff.appliedFilters'), items: appliedFilters, name: "remove", onRemove: removeFilter, ...(onClearFilters !== undefined && { onClear: onClearFilters }) }))] }), pagination: _jsx(Pagination, { page: page, pageSize: pageSize, total: total, name: "page", sizeName: "size" }), children: _jsx(DataTable, { caption: typeof title === 'string' ? title : t('staff.cases'), isCaptionHidden: true, rows: cases, rowKey: (row) => row.id, rowLabel: (row) => row.reference, ...(caseDetail !== undefined && { rowDetail: caseDetail }), sortName: "sort", ...(sort !== undefined && { sort }), empty: t('staff.empty'), columns: [
+                    {
+                        key: 'reference',
+                        header: t('staff.reference'),
+                        isRowHeader: true,
+                        isSortable: true,
+                        cell: (row) => _jsx(Link, { href: row.href, children: row.reference }),
+                    },
+                    { key: 'title', header: t('staff.application'), cell: (row) => row.title },
+                    {
+                        key: 'applicant',
+                        header: t('staff.applicant'),
+                        isSortable: true,
+                        cell: (row) => row.applicant,
+                    },
+                    {
+                        key: 'received',
+                        header: t('staff.received'),
+                        isSortable: true,
+                        cell: (row) => row.received,
+                    },
+                    {
+                        key: 'status',
+                        header: t('staff.status'),
+                        cell: (row) => _jsx(StatusPill, { tone: row.status.tone, children: row.status.label }),
+                    },
+                    {
+                        key: 'due',
+                        header: t('staff.due'),
+                        isSortable: true,
+                        cell: (row) => row.due.tone === undefined ? (row.due.label) : (_jsx(StatusPill, { tone: row.due.tone, children: row.due.label })),
+                    },
+                ] }) }) }));
+}
+//# sourceMappingURL=InTrayPage.js.map

package/dist/InTrayPage/InTrayPage.js.map

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

package/dist/InTrayPage/index.d.ts

@@ -0,0 +1,3 @@
+export { InTrayPage } from './InTrayPage.tsx';
+export type { InTrayCase, InTrayPageProps } from './InTrayPage.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/InTrayPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InTrayPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/InTrayPage/index.js

@@ -0,0 +1,2 @@
+export { InTrayPage } from "./InTrayPage.js";
+//# sourceMappingURL=index.js.map

package/dist/InTrayPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/InTrayPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC"}

package/dist/Inline/Inline.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { InlineAlign, InlineJustify, SpaceStep } from '../shared/classes.ts';
+import type { LayoutElement, PolymorphicProps } from '../shared/polymorphic.ts';
+export interface InlineOwnProps {
+    /** Space between children, from the space scale. Defaults to 2. */
+    readonly gap?: SpaceStep;
+    /** Cross-axis alignment. */
+    readonly align?: InlineAlign;
+    /** Main-axis distribution. */
+    readonly justify?: InlineJustify;
+    /** Wraps onto new lines when the row is full. Defaults to true. */
+    readonly shouldWrap?: boolean;
+}
+export type InlineProps<E extends LayoutElement = 'div'> = PolymorphicProps<E, InlineOwnProps>;
+/** Lays out children in a row that wraps. */
+export declare function Inline<E extends LayoutElement = 'div'>({ as, gap, align, justify, shouldWrap, className, ...rest }: InlineProps<E>): ReactNode;
+//# sourceMappingURL=Inline.d.ts.map

package/dist/Inline/Inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Inline/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEhF,MAAM,WAAW,cAAc;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,8BAA8B;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,mEAAmE;IACnE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,IAAI,gBAAgB,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;AAE/F,6CAA6C;AAC7C,wBAAgB,MAAM,CAAC,CAAC,SAAS,aAAa,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,GAAG,EACH,KAAK,EACL,OAAO,EACP,UAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAY5B"}

package/dist/Inline/Inline.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { cx, modifier } from "../shared/classes.js";
+/** Lays out children in a row that wraps. */
+export function Inline({ as, gap, align, justify, shouldWrap = true, className, ...rest }) {
+    return createElement(as ?? 'div', {
+        ...rest,
+        className: cx('rw-inline', modifier('rw-inline', 'gap', gap), modifier('rw-inline', 'align', align), modifier('rw-inline', 'justify', justify), !shouldWrap && 'rw-inline--nowrap', className),
+    });
+}
+//# sourceMappingURL=Inline.js.map

package/dist/Inline/Inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../../src/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAiBpD,6CAA6C;AAC7C,MAAM,UAAU,MAAM,CAAkC,EACtD,EAAE,EACF,GAAG,EACH,KAAK,EACL,OAAO,EACP,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,GAAG,IAAI,EACQ;IACf,OAAO,aAAa,CAAC,EAAE,IAAI,KAAK,EAAE;QAChC,GAAG,IAAI;QACP,SAAS,EAAE,EAAE,CACX,WAAW,EACX,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,EACjC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,EACrC,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,EACzC,CAAC,UAAU,IAAI,mBAAmB,EAClC,SAAS,CACV;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/Inline/index.d.ts

@@ -0,0 +1,3 @@
+export { Inline } from './Inline.tsx';
+export type { InlineOwnProps, InlineProps } from './Inline.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/Inline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/Inline/index.js

@@ -0,0 +1,2 @@
+export { Inline } from "./Inline.js";
+//# sourceMappingURL=index.js.map

package/dist/Inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Inline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC"}

package/dist/InlineEdit/InlineEdit.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export interface InlineEditProps {
+    readonly label: string;
+    /** The saved value. Without it, the component keeps the value itself. */
+    readonly value?: string;
+    readonly defaultValue?: string;
+    /**
+     * Called with the new text on Save or Enter. Return a promise to keep the field open until it
+     * settles; a rejection or a thrown error keeps it open and shows its message.
+     */
+    readonly onSave?: (value: string) => unknown;
+    /** Explains what to enter, shown while editing. */
+    readonly hint?: ReactNode;
+    readonly isDisabled?: boolean;
+    readonly className?: string;
+}
+/** A value shown as text that people can edit in place, with Save and Cancel. */
+export declare function InlineEdit({ label, value, defaultValue, onSave, hint, isDisabled, className, }: InlineEditProps): ReactNode;
+//# sourceMappingURL=InlineEdit.d.ts.map

package/dist/InlineEdit/InlineEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,mDAAmD;IACnD,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAeD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,MAAM,EACN,IAAI,EACJ,UAAkB,EAClB,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CA2J7B"}