@haneinfo/frontend-instances 0.6.0 → 0.7.0

package/dist/detail-client.js

@@ -0,0 +1,173 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The record detail page (draft 202610-a8d3 point 6): header summary with state badge and the
+ * action area, the content card (or the draft editor in its place), and tabs for activity,
+ * attachments, documents, and access and tags.
+ */
+import { Button, cn, Input } from '@haneinfo/frontend-shell';
+import { Bell, BellOff, ChevronLeft, MessageSquare, Search } from 'lucide-react';
+import NextLink from 'next/link';
+import { useId, useMemo, useState } from 'react';
+import { call, ErrorMessage, useTask } from './action-client.js';
+import { AttachmentsPanel } from './attachments-client.js';
+import { DocumentsPanel } from './documents-client.js';
+import { DraftEditor, draftFields, wideField } from './draft-client.js';
+import { formatDateTime, formatFieldValue, formatNumber } from './format.js';
+import { LifecycleMenu, TagsPanel } from './instance-management-client.js';
+import { InstanceAccessPanel } from './management-client.js';
+import { ActivityFeed } from './timeline.js';
+import { Card, CardHeader, DateTimeText, EmptyState, ErrorState, FieldValue, fillText, StateBadge, Tabs, Tag, TextArea, touch, } from './ui.js';
+const inaccessible = (error) => error &&
+    ['unauthorized', 'forbidden', 'notFound', 'FORBIDDEN', 'INSTANCE_NOT_FOUND'].includes(error.key);
+/** Field values in form order: two columns on wide screens, subforms as their own full-width block. */
+export function ContentCard({ fields, data, labels: t, locale, timeZone, }) {
+    const heading = useId();
+    const visible = draftFields(fields, data).filter((field) => !field.numbered);
+    return (_jsxs(Card, { "aria-labelledby": heading, children: [_jsx(CardHeader, { title: t.contentTitle, titleId: heading }), _jsx("div", { className: "p-4 sm:p-5", children: !visible.length ? (_jsx("p", { className: "text-muted-foreground text-sm", children: t.contentEmpty })) : (_jsx("dl", { className: "grid min-w-0 gap-x-8 gap-y-5 md:grid-cols-2", children: visible.map((field) => (_jsxs("div", { className: cn('flex min-w-0 flex-col gap-1', wideField(field) && 'md:col-span-2'), children: [_jsx("dt", { className: "text-muted-foreground text-sm", children: field.label }), _jsx("dd", { className: "min-w-0 text-sm", children: _jsx(FieldValue, { display: formatFieldValue(field, data[field.id ?? field.key], {
+                                        locale,
+                                        timeZone,
+                                    }), labels: t }) })] }, field.id ?? field.key))) })) })] }));
+}
+function CommentForm({ id, labels: t, action, onPosted, }) {
+    const task = useTask();
+    const base = useId();
+    const [body, setBody] = useState('');
+    const [q, setQ] = useState('');
+    const [people, setPeople] = useState();
+    const [mentions, setMentions] = useState([]);
+    const [posted, setPosted] = useState('');
+    const encoded = () => mentions.reduce((text, mention) => text.split(mention.token).join(`@{${mention.id}}`), body);
+    return (_jsxs("form", { className: "flex min-w-0 flex-col gap-3 rounded-xl border p-3 sm:p-4", "aria-busy": task.pending, onSubmit: (event) => {
+            event.preventDefault();
+            void task.run(async () => {
+                await call(action, { kind: 'comment', id, body: encoded() });
+                setBody('');
+                setMentions([]);
+                setPeople(undefined);
+                setQ('');
+                await onPosted();
+                setPosted(t.commentPosted);
+            });
+        }, children: [_jsx("label", { htmlFor: `${base}-body`, className: "font-medium text-sm", children: t.comment }), _jsx(TextArea, { id: `${base}-body`, required: true, maxLength: 4000, placeholder: t.commentPlaceholder, "aria-describedby": `${base}-hint`, value: body, onChange: (e) => {
+                    setBody(e.target.value);
+                    setPosted('');
+                } }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 text-muted-foreground text-xs", children: [_jsx("span", { id: `${base}-hint`, children: t.commentHint }), _jsxs("span", { className: "tabular-nums", children: [body.length, " / 4000"] })] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-2 rounded-lg bg-muted/40 p-3", children: [_jsx("label", { htmlFor: `${base}-mention`, className: "font-medium text-sm", children: t.mention }), _jsxs("div", { className: "flex min-w-0 gap-2", children: [_jsx(Input, { id: `${base}-mention`, maxLength: 200, value: q, placeholder: t.mentionSearch, "aria-describedby": `${base}-mention-hint`, className: "h-9 min-w-0 flex-1 bg-background max-md:h-11", onChange: (e) => setQ(e.target.value), onKeyDown: (event) => {
+                                    if (event.key === 'Enter')
+                                        event.preventDefault();
+                                } }), _jsxs(Button, { type: "button", variant: "outline", className: touch, disabled: task.pending, onClick: () => void task.run(async () => {
+                                    const result = await call(action, {
+                                        kind: 'mentionable',
+                                        id,
+                                        q,
+                                    });
+                                    setPeople(result.items);
+                                }), children: [_jsx(Search, { "aria-hidden": "true", "data-icon": "inline-start" }), t.search] })] }), _jsx("p", { id: `${base}-mention-hint`, className: "text-muted-foreground text-xs", children: t.mentionHint }), people &&
+                        (people.length ? (_jsx("ul", { className: "flex flex-wrap gap-2", "aria-label": t.mention, children: people.map((person) => {
+                                const name = person.name ?? t.unnamed;
+                                return (_jsx("li", { children: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: cn('bg-background', touch), onClick: () => {
+                                            const token = `@${name}`;
+                                            setBody((value) => `${value}${value && !value.endsWith(' ') ? ' ' : ''}${token} `);
+                                            setMentions((list) => [
+                                                ...list.filter((m) => m.token !== token),
+                                                { token, id: person.id },
+                                            ]);
+                                        }, children: fillText(t.mentionPerson, { name }) }) }, person.id));
+                            }) })) : (_jsx("p", { role: "status", className: "text-muted-foreground text-sm", children: t.noPeople })))] }), _jsx(ErrorMessage, { error: task.error, labels: t }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { role: "status", "aria-live": "polite", className: "text-muted-foreground text-sm", children: task.pending ? t.loading : posted }), _jsxs(Button, { type: "submit", className: touch, disabled: task.pending || !body.trim() || body.length > 4000, children: [_jsx(MessageSquare, { "aria-hidden": "true", "data-icon": "inline-start" }), t.sendComment] })] })] }));
+}
+export function DetailClient(props) {
+    const { id, view, labels: t, action, locale = 'zh-TW', timeZone = 'Asia/Taipei', basePath = '', LinkComponent = NextLink, } = props;
+    const task = useTask();
+    const [timeline, setTimeline] = useState(props.initial);
+    const [instance, setInstance] = useState(props.managementInstance);
+    const [tab, setTab] = useState('activity');
+    const [attachmentCount, setAttachmentCount] = useState(props.initialAttachments?.items.length);
+    const [documents, setDocuments] = useState(props.initialDocuments);
+    const [tagCount, setTagCount] = useState(props.initialTags?.items.length);
+    const [announcement, setAnnouncement] = useState('');
+    const archived = instance?.archived ?? view.archived ?? false;
+    const templates = useMemo(() => Object.fromEntries((documents?.items ?? []).map((item) => [item.code, item.name])), [documents]);
+    if (inaccessible(task.error))
+        return _jsx(ErrorState, { title: t.notFoundTitle, description: t.notFoundHint });
+    const loadTimeline = async (append) => {
+        const next = await call(action, {
+            kind: 'timeline',
+            id,
+            offset: append ? timeline.offset + timeline.items.length : 0,
+        });
+        setTimeline(append
+            ? {
+                ...next,
+                offset: 0,
+                items: [...timeline.items, ...next.items].filter((e, i, all) => all.findIndex((other) => other.id === e.id) === i),
+            }
+            : next);
+    };
+    const refreshActivity = () => loadTimeline(false);
+    const number = view.number ??
+        [...timeline.items].reverse().find((event) => event.kind === 'NUMBER' && event.text)?.text ??
+        null;
+    const created = formatDateTime(view.createdAt, { locale, timeZone });
+    const title = number ??
+        fillText(t.recordUntitled, {
+            name: view.recordName ?? t.recordName,
+            date: formatDateTime(view.createdAt, { locale, timeZone, dateOnly: true }) ?? '',
+        });
+    const latest = [view.updatedAt, view.createdAt, ...timeline.items.map((event) => event.at)]
+        .filter((value) => !!value && Number.isFinite(new Date(value).getTime()))
+        .sort((a, b) => new Date(b).getTime() - new Date(a).getTime())[0];
+    const when = (value) => {
+        const text = value ? formatDateTime(value, { locale, timeZone }) : undefined;
+        return value && text ? (_jsx(DateTimeText, { iso: new Date(value).toISOString(), text: text, full: formatDateTime(value, { locale, timeZone, full: true }) ?? text, focusable: true })) : ('—');
+    };
+    const comments = timeline.items.filter((event) => event.kind === 'COMMENT').length;
+    const editable = !!props.editable && !!instance?.canEdit && instance.revision !== undefined;
+    const tabs = [
+        {
+            id: 'activity',
+            label: t.tabActivity,
+            count: comments
+                ? `${formatNumber(comments, locale)}${timeline.hasMore ? '+' : ''}`
+                : undefined,
+            content: (_jsxs("section", { className: "flex min-w-0 flex-col gap-4", "aria-label": t.timeline, children: [timeline.items.length ? (_jsx(ActivityFeed, { items: timeline.items, labels: t, locale: locale, timeZone: timeZone, context: { templates } })) : (_jsx(EmptyState, { title: t.activityEmpty, description: t.activityEmptyHint })), timeline.hasMore && (_jsx(Button, { type: "button", variant: "outline", className: cn('self-center', touch), disabled: task.pending, onClick: () => void task.run(() => loadTimeline(true)), children: t.loadMore })), _jsx(CommentForm, { id: id, labels: t, action: action, onPosted: refreshActivity })] })),
+        },
+    ];
+    if (props.attachmentBase)
+        tabs.push({
+            id: 'attachments',
+            label: t.tabAttachments,
+            count: attachmentCount === undefined ? undefined : formatNumber(attachmentCount, locale),
+            content: (_jsx(AttachmentsPanel, { id: id, basePath: props.attachmentBase, initial: props.initialAttachments, labels: t, action: action, locale: locale, timeZone: timeZone, onCount: setAttachmentCount, onChanged: refreshActivity })),
+        });
+    if (props.documentDownloadUrl)
+        tabs.push({
+            id: 'documents',
+            label: t.tabDocuments,
+            count: documents ? formatNumber(documents.items.length, locale) : undefined,
+            content: (_jsx(DocumentsPanel, { id: id, downloadUrl: props.documentDownloadUrl, initial: props.initialDocuments, labels: t, action: action, onLoaded: setDocuments, onChanged: refreshActivity })),
+        });
+    if (props.initialAccess || props.initialTags)
+        tabs.push({
+            id: 'access',
+            label: t.tabAccess,
+            count: tagCount ? formatNumber(tagCount, locale) : undefined,
+            content: (_jsxs("div", { className: "grid min-w-0 gap-4 lg:grid-cols-2", children: [props.initialTags && (_jsx(TagsPanel, { id: id, initial: props.initialTags, labels: t, action: action, onChanged: async (list) => {
+                            setTagCount(list?.items.length);
+                            await refreshActivity();
+                        } })), props.initialAccess && (_jsx(InstanceAccessPanel, { id: id, initial: props.initialAccess, labels: t, action: action, locale: locale, timeZone: timeZone, onChanged: refreshActivity }))] })),
+        });
+    return (_jsxs("div", { className: "grid min-w-0 gap-5 [grid-template-areas:'summary'_'content'_'actions'_'tabs'] lg:grid-cols-[minmax(0,1fr)_auto] lg:[grid-template-areas:'summary_actions'_'content_content'_'tabs_tabs']", "aria-busy": task.pending, children: [_jsxs("header", { className: "flex min-w-0 flex-col gap-3 [grid-area:summary]", children: [_jsxs(LinkComponent, { href: basePath, className: "inline-flex items-center gap-1 self-start rounded-sm text-muted-foreground text-sm outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 max-md:min-h-11", children: [_jsx(ChevronLeft, { "aria-hidden": "true", className: "size-4" }), t.back] }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-2", children: [_jsx("h1", { className: "min-w-0 font-bold text-2xl tracking-tight [overflow-wrap:anywhere]", children: title }), _jsx(StateBadge, { label: view.state.label, tone: view.state.tone, className: "text-sm" }), archived && _jsx(Tag, { children: t.archived })] }), !number && _jsx("p", { className: "text-muted-foreground text-sm", children: t.numberPending }), _jsxs("dl", { className: "grid min-w-0 grid-cols-2 gap-x-6 gap-y-3 text-sm sm:flex sm:flex-wrap", children: [view.person && (_jsxs("div", { className: "col-span-2 flex min-w-0 flex-col gap-0.5 sm:max-w-md", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: view.person.label }), _jsx("dd", { className: "font-medium [overflow-wrap:anywhere]", children: view.person.value })] })), _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: t.submitter }), _jsx("dd", { className: "[overflow-wrap:anywhere]", children: view.submitterName ?? (view.submitterId ? t.unknownPerson : t.systemActor) })] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: t.createdAt }), _jsx("dd", { children: created ? when(view.createdAt) : '—' })] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: t.updatedAt }), _jsx("dd", { children: when(latest) })] })] }), archived && _jsx("p", { className: "text-muted-foreground text-sm", children: t.archivedNotice })] }), _jsxs("div", { role: "group", "aria-label": t.actionsLabel, "data-slot": "instance-actions", className: "flex min-w-0 flex-wrap items-start gap-2 [grid-area:actions] lg:justify-end", children: [_jsxs(Button, { type: "button", variant: "outline", className: touch, "aria-pressed": timeline.following, disabled: task.pending, onClick: () => void task.run(async () => {
+                            const next = await call(action, {
+                                kind: 'follow',
+                                id,
+                                enabled: !timeline.following,
+                            });
+                            setTimeline({ ...timeline, following: next.following });
+                            setAnnouncement(next.following ? t.following : t.notFollowing);
+                        }), children: [timeline.following ? (_jsx(BellOff, { "aria-hidden": "true", "data-icon": "inline-start" })) : (_jsx(Bell, { "aria-hidden": "true", "data-icon": "inline-start" })), timeline.following ? t.unfollow : t.follow] }), instance && (_jsx(LifecycleMenu, { id: id, instance: instance, action: action, labels: t, basePath: basePath, onChanged: async (next) => {
+                            setInstance({ ...instance, ...next });
+                            setAnnouncement(t.actionDone);
+                            await refreshActivity();
+                        } })), _jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement }), _jsx(ErrorMessage, { error: task.error, labels: t })] }), _jsx("div", { className: "min-w-0 [grid-area:content]", children: editable && instance?.revision !== undefined ? (_jsx(DraftEditor, { id: id, data: view.data, fields: view.fields, revision: instance.revision, action: action, labels: t, locale: locale, timeZone: timeZone, keepaliveUrl: props.draftKeepaliveUrl })) : (_jsx(ContentCard, { fields: view.fields, data: view.data, labels: t, locale: locale, timeZone: timeZone })) }), _jsx("section", { className: "min-w-0 [grid-area:tabs]", "aria-label": t.tabsLabel, children: _jsx(Tabs, { label: t.tabsLabel, items: tabs, value: tab, onValueChange: setTab }) })] }));
+}
+//# sourceMappingURL=detail-client.js.map

package/dist/detail-client.js.map

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

package/dist/documents-client.d.ts

@@ -2,12 +2,13 @@ import type { DocumentFormat, DocumentTemplateList, InstanceAction, Labels } fro
 /** RFC 5987 UTF-8 takes precedence; malformed or unsafe values use a bounded safe fallback. */
 export declare function documentFilename(disposition: string | null, code: string, format: DocumentFormat): string;
 /** The host route owns authentication and streaming; only verified file responses become Blobs. */
-export declare function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, onChanged, }: {
+export declare function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, onChanged, onLoaded, }: {
     id: string;
     downloadUrl: string;
     initial?: DocumentTemplateList;
     labels: Labels;
     action: InstanceAction;
     onChanged?: () => Promise<void>;
+    onLoaded?: (list: DocumentTemplateList) => void;
 }): import("react").JSX.Element;
 //# sourceMappingURL=documents-client.d.ts.map

package/dist/documents-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"documents-client.d.ts","sourceRoot":"","sources":["../src/documents-client.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,MAAM,EACP,MAAM,gBAAgB,CAAC;AAqBxB,+FAA+F;AAC/F,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,UAmBhG;AAED,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,WAAW,EACX,OAAO,EACP,MAAM,EAAE,CAAC,EACT,MAAM,EACN,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC,+BAyJA"}
+{"version":3,"file":"documents-client.d.ts","sourceRoot":"","sources":["../src/documents-client.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,MAAM,EACP,MAAM,gBAAgB,CAAC;AAsBxB,+FAA+F;AAC/F,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,UAmBhG;AAED,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,WAAW,EACX,OAAO,EACP,MAAM,EAAE,CAAC,EACT,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACjD,+BA6KA"}

package/dist/documents-client.js

@@ -1,9 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@haneinfo/frontend-shell';
+import { Download, FileText, RotateCw } from 'lucide-react';
 import { useEffect, useId, useRef, useState } from 'react';
 import { call, ErrorMessage, RequestFailure, useTask } from './action-client.js';
 import { errorKey } from './messages.js';
+import { EmptyState, ErrorState, Skeleton, touch } from './ui.js';
 const mimeTypes = {
     pdf: 'application/pdf',
     docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
@@ -44,7 +46,7 @@ export function documentFilename(disposition, code, format) {
     return (plain && safeFilename((plain[1] ?? plain[2]).trim(), format)) || fallback;
 }
 /** The host route owns authentication and streaming; only verified file responses become Blobs. */
-export function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, onChanged, }) {
+export function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, onChanged, onLoaded, }) {
     const [list, setList] = useState(initial);
     const [loading, setLoading] = useState(!initial);
     const [loadError, setLoadError] = useState();
@@ -58,8 +60,10 @@ export function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, on
         setLoadError(undefined);
         try {
             const next = await call(action, { kind: 'documentTemplates', id });
-            if (active.current)
+            if (active.current) {
                 setList(next);
+                onLoaded?.(next);
+            }
         }
         catch (error) {
             if (active.current) {
@@ -140,17 +144,17 @@ export function DocumentsPanel({ id, downloadUrl, initial, labels: t, action, on
             }
         });
     }
-    return (_jsxs("section", { "aria-labelledby": heading, "aria-busy": loading || task.pending, className: "flex min-w-0 flex-col gap-3 rounded-lg border bg-card p-4 text-card-foreground", children: [_jsx("h2", { id: heading, className: "font-semibold", children: t.documentsTitle }), _jsx("p", { role: "status", "aria-live": "polite", children: task.pending
+    return (_jsxs("section", { "aria-labelledby": heading, "aria-busy": loading || task.pending, className: "flex min-w-0 flex-col gap-3 rounded-xl bg-card p-4 text-card-foreground ring-1 ring-foreground/10", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h2", { id: heading, className: "flex items-center gap-2 font-heading font-medium text-base", children: [_jsx(FileText, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }), t.documentsTitle] }), (!list || list.items.length > 0) && (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: touch, disabled: loading || task.pending, onClick: () => void refresh(), children: [_jsx(RotateCw, { "aria-hidden": "true", "data-icon": "inline-start" }), t.documentRefresh] }))] }), _jsx("p", { role: "status", "aria-live": "polite", className: "text-muted-foreground text-sm empty:hidden", children: task.pending
                     ? t.documentGenerating
                     : loading
                         ? t.loading
                         : downloaded
                             ? t.documentDownloaded
-                            : '' }), _jsx(ErrorMessage, { error: loadError ?? task.error, labels: t }), (!list || list.items.length > 0) && (_jsx(Button, { type: "button", variant: "outline", disabled: loading || task.pending, onClick: () => void refresh(), children: t.documentRefresh })), list &&
-                (!list.items.length ? (_jsx("p", { children: t.documentsEmpty })) : (_jsx("ul", { className: "flex min-w-0 flex-col gap-3", children: list.items.map((item) => (_jsxs("li", { "data-template-code": item.code, className: "min-w-0 rounded-md border p-3 [overflow-wrap:anywhere]", children: [_jsxs("p", { children: [t.documentTemplate, ": ", item.name, " \u00B7 ", item.code] }), _jsxs("p", { children: [t.documentVersion, ": ", item.version] }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: ['pdf', 'docx'].map((format) => (_jsx(Button, { type: "button", disabled: loading || task.pending, "aria-label": `${format === 'pdf' ? t.documentPdf : t.documentWord}: ${item.name} (${item.code})`, onClick: () => generate(item.code, format), children: current === `${item.code}/${format}`
-                                        ? t.documentGenerating
-                                        : format === 'pdf'
-                                            ? t.documentPdf
-                                            : t.documentWord }, format))) })] }, item.code))) })))] }));
+                            : '' }), loading && !list && _jsx(Skeleton, { className: "h-16 w-full" }), loadError ? (_jsx(ErrorState, { title: t.documentsLoadFailed, description: t[loadError.key] })) : (_jsx(ErrorMessage, { error: task.error, labels: t })), list &&
+                (!list.items.length ? (_jsx(EmptyState, { icon: _jsx(FileText, {}), title: t.documentsEmpty })) : (_jsx("ul", { className: "flex min-w-0 flex-col divide-y rounded-lg border", children: list.items.map((item) => (_jsxs("li", { "data-template-code": item.code, className: "flex min-w-0 flex-col gap-2 p-3 sm:flex-row sm:items-center [overflow-wrap:anywhere]", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsxs("p", { className: "font-medium text-sm", children: [_jsxs("span", { className: "sr-only", children: [t.documentTemplate, "\uFF1A"] }), item.name] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [t.documentVersion, ": ", item.version] })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: ['pdf', 'docx'].map((format) => (_jsxs(Button, { type: "button", variant: "outline", className: touch, disabled: loading || task.pending, "aria-label": `${format === 'pdf' ? t.documentPdf : t.documentWord}: ${item.name}`, onClick: () => generate(item.code, format), children: [_jsx(Download, { "aria-hidden": "true", "data-icon": "inline-start" }), current === `${item.code}/${format}`
+                                            ? t.documentGenerating
+                                            : format === 'pdf'
+                                                ? t.documentPdf
+                                                : t.documentWord] }, format))) })] }, item.code))) })))] }));
 }
 //# sourceMappingURL=documents-client.js.map

package/dist/documents-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"documents-client.js","sourceRoot":"","sources":["../src/documents-client.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"documents-client.js","sourceRoot":"","sources":["../src/documents-client.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQjF,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,SAAS,GAAG;IAChB,GAAG,EAAE,iBAAiB;IACtB,IAAI,EAAE,yEAAyE;CAChF,CAAC;AACF,SAAS,YAAY,CAAC,KAAa,EAAE,MAAsB;IACzD,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3C,+FAA+F;IAC/F,IACE,CAAC,IAAI;QACL,IAAI,CAAC,MAAM,GAAG,GAAG;QACjB,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC;QACtC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QACpB,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAM,EAAE,CAAC;QAE1C,OAAO;IACT,IAAI,+CAA+C,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO;IACvE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,+FAA+F;AAC/F,MAAM,UAAU,gBAAgB,CAAC,WAA0B,EAAE,IAAY,EAAE,MAAsB;IAC/F,MAAM,YAAY,GAChB,IAAI;SACD,OAAO,CAAC,gBAAgB,EAAE,GAAG,CAAC;SAC9B,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;SACZ,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,UAAU,CAAC;IAC3C,MAAM,QAAQ,GAAG,GAAG,wCAAwC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,MAAM,EAAE,CAAC;IACxI,IAAI,CAAC,WAAW,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,WAAW,CAAC;QAAE,OAAO,QAAQ,CAAC;IACpF,MAAM,QAAQ,GAAG,qCAAqC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzE,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YAC7D,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,IAAI,QAAQ,CAAC;QACnF,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,QAAQ,CAAC;QAClB,CAAC;IACH,CAAC;IACD,MAAM,KAAK,GAAG,2DAA2D,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5F,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,IAAI,QAAQ,CAAC;AACpF,CAAC;AAED,mGAAmG;AACnG,MAAM,UAAU,cAAc,CAAC,EAC7B,EAAE,EACF,WAAW,EACX,OAAO,EACP,MAAM,EAAE,CAAC,EACT,MAAM,EACN,SAAS,EACT,QAAQ,GAST;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAe,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAU,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,EACzB,OAAO,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,KAAK,UAAU,OAAO;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,IAAI,CAAuB,MAAM,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;YACzF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnB,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnB,OAAO,CAAC,SAAS,CAAC,CAAC;gBACnB,YAAY,CAAC,KAAK,YAAY,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,IAAI,MAAM,CAAC,OAAO;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IACD,gIAAgI;IAChI,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,OAAO;YAAE,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;YACvB,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;IACjB,SAAS,QAAQ,CAAC,IAAY,EAAE,MAAsB;QACpD,IAAI,OAAO;YAAE,OAAO;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;YACvB,UAAU,CAAC,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC;YAChC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;YACpC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,WAAW,EAAE;oBACxC,MAAM,EAAE,MAAM;oBACd,WAAW,EAAE,aAAa;oBAC1B,QAAQ,EAAE,OAAO;oBACjB,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;oBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oBACpD,MAAM,EAAE,KAAK,CAAC,MAAM;iBACrB,CAAC,CAAC;gBACH,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;gBACtF,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,KAAK,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC/C,IAAI,IAAa,CAAC;oBAClB,IAAI,IAAI,KAAK,kBAAkB,IAAI,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;wBAC3D,IAAI,CAAC;4BACH,IAAI,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC;wBACtC,CAAC;wBAAC,MAAM,CAAC;4BACP,uCAAuC;wBACzC,CAAC;oBACH,CAAC;;wBAAM,MAAM,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;oBACrC,MAAM,IAAI,cAAc,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACpD,CAAC;gBACD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACnC,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;oBAAE,OAAO;gBACpD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;gBAChB,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;gBAC5F,IAAI,CAAC;oBACH,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;oBAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;wBAAS,CAAC;oBACT,IAAI,CAAC,MAAM,EAAE,CAAC;oBACd,8EAA8E;oBAC9E,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;gBACnD,CAAC;gBACD,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,MAAM,SAAS,EAAE,EAAE,CAAC;YACtB,CAAC;oBAAS,CAAC;gBACT,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,IAAI,MAAM,CAAC,OAAO;oBAAE,UAAU,CAAC,SAAS,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,CACL,sCACmB,OAAO,eACb,OAAO,IAAI,IAAI,CAAC,OAAO,EAClC,SAAS,EAAC,mGAAmG,aAE7G,eAAK,SAAS,EAAC,mDAAmD,aAChE,cAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,4DAA4D,aACrF,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,8BAA8B,GAAG,EACvE,CAAC,CAAC,cAAc,IACd,EACJ,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CACnC,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,EAAE,aAE7B,KAAC,QAAQ,mBAAa,MAAM,eAAW,cAAc,GAAG,EACvD,CAAC,CAAC,eAAe,IACX,CACV,IACG,EACN,YAAG,IAAI,EAAC,QAAQ,eAAW,QAAQ,EAAC,SAAS,EAAC,4CAA4C,YACvF,IAAI,CAAC,OAAO;oBACX,CAAC,CAAC,CAAC,CAAC,kBAAkB;oBACtB,CAAC,CAAC,OAAO;wBACP,CAAC,CAAC,CAAC,CAAC,OAAO;wBACX,CAAC,CAAC,UAAU;4BACV,CAAC,CAAC,CAAC,CAAC,kBAAkB;4BACtB,CAAC,CAAC,EAAE,GACR,EACH,OAAO,IAAI,CAAC,IAAI,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,EACxD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,mBAAmB,EAAE,WAAW,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAI,CAC5E,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,GAAI,CAC/C,EACA,IAAI;gBACH,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,IAAC,IAAI,EAAE,KAAC,QAAQ,KAAG,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,GAAI,CAC5D,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,kDAAkD,YAC7D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,oCAEsB,IAAI,CAAC,IAAI,EAC7B,SAAS,EAAC,sFAAsF,aAEhG,eAAK,SAAS,EAAC,sCAAsC,aACnD,aAAG,SAAS,EAAC,qBAAqB,aAChC,gBAAM,SAAS,EAAC,SAAS,aAAE,CAAC,CAAC,gBAAgB,cAAS,EACrD,IAAI,CAAC,IAAI,IACR,EACJ,aAAG,SAAS,EAAC,+BAA+B,aACzC,CAAC,CAAC,eAAe,QAAI,IAAI,CAAC,OAAO,IAChC,IACA,EACN,cAAK,SAAS,EAAC,sBAAsB,YACjC,CAAC,KAAK,EAAE,MAAM,CAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1C,MAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO,gBACrB,GAAG,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC,IAAI,EAAE,EAChF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,aAE1C,KAAC,QAAQ,mBAAa,MAAM,eAAW,cAAc,GAAG,EACvD,OAAO,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE;4CACnC,CAAC,CAAC,CAAC,CAAC,kBAAkB;4CACtB,CAAC,CAAC,MAAM,KAAK,KAAK;gDAChB,CAAC,CAAC,CAAC,CAAC,WAAW;gDACf,CAAC,CAAC,CAAC,CAAC,YAAY,KAbf,MAAM,CAcJ,CACV,CAAC,GACE,KAhCD,IAAI,CAAC,IAAI,CAiCX,CACN,CAAC,GACC,CACN,CAAC,IACI,CACX,CAAC;AACJ,CAAC"}

package/dist/draft-client.d.ts

@@ -4,15 +4,19 @@ export declare function formCondition(expression: unknown, data: Record<string,
 export declare function draftFields(fields: FormField[], data: Record<string, unknown>, parentDisabled?: boolean): (FormField & {
     disabled: boolean;
 })[];
-export declare function DraftField({ field, value, labels: t, onChange, }: {
+/** Fields that take the full width of the two-column grid. */
+export declare function wideField(field: FormField): boolean;
+export declare function DraftField({ field, value, labels: t, onChange, locale, timeZone, }: {
     field: FormField & {
         disabled?: boolean;
     };
     value: unknown;
     labels: Labels;
     onChange: (value: unknown, remove?: boolean) => void;
+    locale?: string;
+    timeZone?: string;
 }): import("react").JSX.Element;
-export declare function DraftEditor({ id, revision, data, fields, action, labels: t, keepaliveUrl, }: {
+export declare function DraftEditor({ id, revision, data, fields, action, labels: t, keepaliveUrl, locale, timeZone, }: {
     id: string;
     revision: number;
     data: Record<string, unknown>;
@@ -20,5 +24,7 @@ export declare function DraftEditor({ id, revision, data, fields, action, labels
     action: InstanceAction;
     labels: Labels;
     keepaliveUrl?: string;
+    locale?: string;
+    timeZone?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=draft-client.d.ts.map

package/dist/draft-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draft-client.d.ts","sourceRoot":"","sources":["../src/draft-client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAMvF,+FAA+F;AAC/F,wBAAgB,aAAa,CAC3B,UAAU,EAAE,OAAO,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,GAAG,SAAS,CA6CrB;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,SAAS,EAAE,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,cAAc,UAAQ,GACrB,CAAC,SAAS,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,CAcvC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,EAAE,CAAC,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD,+BAiJA;AAiFD,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EAAE,CAAC,EACT,YAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,+BA2HA"}
+{"version":3,"file":"draft-client.d.ts","sourceRoot":"","sources":["../src/draft-client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAevF,+FAA+F;AAC/F,wBAAgB,aAAa,CAC3B,UAAU,EAAE,OAAO,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,GAAG,SAAS,CA6CrB;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,SAAS,EAAE,EACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,cAAc,UAAQ,GACrB,CAAC,SAAS,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,CAcvC;AAaD,8DAA8D;AAC9D,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,WAMzC;AAwCD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,EAAE,CAAC,EACT,QAAQ,EACR,MAAgB,EAChB,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,SAAS,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BA8JA;AAkFD,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,MAAM,EAAE,CAAC,EACT,YAAY,EACZ,MAAgB,EAChB,QAAgB,GACjB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAqJA"}

package/dist/draft-client.js

@@ -1,11 +1,13 @@
 'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Input } from '@haneinfo/frontend-shell';
 import { useEffect, useId, useState } from 'react';
 import { DraftSession } from './draft-session.js';
+import { formatFieldText, formatFieldValue, formatTime, fromZonedInput, timeZoneName, toZonedInput, } from './format.js';
 import { ManagementDialog } from './instance-management-client.js';
 import { actionError } from './messages.js';
 import { textValue } from './query.js';
+import { FieldValue, fillText, NativeSelect, TextArea, touch } from './ui.js';
 /** Unsupported conditional syntax fails closed; no conditionally hidden value is displayed. */
 export function formCondition(expression, data) {
     if (!expression || typeof expression !== 'object')
@@ -79,56 +81,71 @@ export function draftFields(fields, data, parentDisabled = false) {
         return [{ ...field, disabled }];
     });
 }
-export function DraftField({ field, value, labels: t, onChange, }) {
+const EDITABLE = [
+    'text',
+    'textarea',
+    'number',
+    'date',
+    'datetime',
+    'radio',
+    'select',
+    'checkbox',
+    'switch',
+];
+/** Fields that take the full width of the two-column grid. */
+export function wideField(field) {
+    return (field.type === 'textarea' ||
+        field.type === 'subform' ||
+        (field.type === 'radio' && (field.options?.length ?? 0) > 4));
+}
+function FieldLabel({ field, htmlFor, labels: t, readOnly, as = 'label', }) {
+    const content = (_jsxs(_Fragment, { children: [_jsx("span", { children: field.label }), field.validation?.required && (_jsx("span", { className: "rounded-sm bg-muted px-1.5 font-normal text-foreground text-xs", children: t.requiredLater })), readOnly && (_jsx("span", { className: "rounded-sm border px-1.5 font-normal text-muted-foreground text-xs", children: t.readOnly }))] }));
+    const className = 'flex flex-wrap items-center gap-1.5 font-medium text-sm';
+    if (as === 'legend')
+        return _jsx("legend", { className: className, children: content });
+    if (as === 'span')
+        return _jsx("span", { className: className, children: content });
+    return (_jsx("label", { htmlFor: htmlFor, className: className, children: content }));
+}
+export function DraftField({ field, value, labels: t, onChange, locale = 'zh-TW', timeZone = 'UTC', }) {
     const inputId = useId(), type = field.type ?? 'text';
-    const editable = !field.readOnly &&
-        !field.formula &&
-        !field.disabled &&
-        [
-            'text',
-            'textarea',
-            'number',
-            'date',
-            'datetime',
-            'radio',
-            'select',
-            'checkbox',
-            'switch',
-        ].includes(type);
-    const name = `${field.label}${field.validation?.required ? ` (${t.requiredLater})` : ''}`;
-    const display = (v) => field.options?.find((option) => option.value === v)?.label ?? textValue(v);
+    const describedBy = field.description ? `${inputId}-description` : undefined;
+    const description = field.description ? (_jsx("p", { id: describedBy, className: "text-muted-foreground text-xs", children: field.description })) : null;
+    const editable = !field.readOnly && !field.formula && !field.disabled && EDITABLE.includes(type);
     if (!editable)
-        return (_jsxs("div", { className: "min-w-0 break-words", children: [_jsxs("p", { children: [name, " (", t.readOnly, ")"] }), _jsx("p", { className: "whitespace-pre-wrap", children: Array.isArray(value) ? value.map(display).join(', ') : display(value) })] }));
+        return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 break-words", children: [_jsx(FieldLabel, { field: field, labels: t, readOnly: true, as: "span" }), _jsx("div", { className: "text-sm", children: _jsx(FieldValue, { display: formatFieldValue(field, value, { locale, timeZone }), labels: t }) }), description] }));
     if (type === 'radio' || (type === 'checkbox' && field.options?.length))
-        return (_jsxs("fieldset", { className: "min-w-0 rounded border p-2", children: [_jsx("legend", { children: name }), field.options?.map((option) => (_jsxs("label", { className: "flex items-center gap-2 break-words", children: [_jsx("input", { type: type, name: inputId, checked: type === 'radio'
-                                ? value === option.value
-                                : Array.isArray(value) && value.includes(option.value), onChange: (event) => onChange(type === 'radio'
-                                ? option.value
-                                : event.target.checked
-                                    ? [...(Array.isArray(value) ? value : []), option.value]
-                                    : (Array.isArray(value) ? value : []).filter((v) => v !== option.value)) }), option.label] }, `${typeof option.value}:${option.value}`))), type === 'radio' && (_jsx(Button, { type: "button", variant: "ghost", onClick: () => onChange(null, true), children: t.remove }))] }));
+        return (_jsxs("fieldset", { className: "flex min-w-0 flex-col gap-2", "aria-describedby": describedBy, children: [_jsx(FieldLabel, { field: field, labels: t, as: "legend" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [field.options?.map((option) => (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm has-[:checked]:border-foreground has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 max-md:min-h-11 [overflow-wrap:anywhere]", children: [_jsx("input", { type: type, name: inputId, className: "size-4 accent-primary", checked: type === 'radio'
+                                        ? value === option.value
+                                        : Array.isArray(value) && value.includes(option.value), onChange: (event) => onChange(type === 'radio'
+                                        ? option.value
+                                        : event.target.checked
+                                            ? [...(Array.isArray(value) ? value : []), option.value]
+                                            : (Array.isArray(value) ? value : []).filter((v) => v !== option.value)) }), option.label] }, `${typeof option.value}:${option.value}`))), type === 'radio' && value !== null && value !== undefined && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: touch, onClick: () => onChange(null, true), children: t.clearValue }))] }), description] }));
     if (type === 'checkbox' || type === 'switch')
-        return (_jsxs("label", { className: "flex gap-2", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", role: type === 'switch' ? 'switch' : undefined, checked: value === true, onChange: (event) => onChange(event.target.checked) }), name] }));
+        return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("label", { className: "flex cursor-pointer items-center gap-3 text-sm max-md:min-h-11", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", role: type === 'switch' ? 'switch' : undefined, "aria-describedby": describedBy, checked: value === true, onChange: (event) => onChange(event.target.checked), className: type === 'switch'
+                                ? "relative h-5 w-9 shrink-0 cursor-pointer appearance-none rounded-full bg-input outline-none transition-colors before:absolute before:top-0.5 before:left-0.5 before:size-4 before:rounded-full before:bg-background before:shadow-sm before:transition-transform before:content-[''] checked:bg-primary checked:before:translate-x-4 focus-visible:ring-3 focus-visible:ring-ring/50 motion-reduce:before:transition-none"
+                                : 'size-4 accent-primary' }), _jsx(FieldLabel, { field: field, labels: t, as: "span" })] }), description] }));
     if (type === 'select')
-        return (_jsxs("label", { className: "flex min-w-0 flex-col gap-1", htmlFor: inputId, children: [name, _jsxs("select", { id: inputId, className: "min-w-0 rounded border bg-background p-2", value: field.options?.findIndex((option) => option.value === value) ?? -1, onChange: (event) => {
+        return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsx(FieldLabel, { field: field, htmlFor: inputId, labels: t }), _jsxs(NativeSelect, { id: inputId, "aria-describedby": describedBy, value: field.options?.findIndex((option) => option.value === value) ?? -1, onChange: (event) => {
                         const selected = field.options?.[Number(event.target.value)];
                         onChange(selected?.value ?? null, !selected);
-                    }, children: [_jsx("option", { value: -1, children: "\u2014" }), field.options?.map((option, index) => (_jsx("option", { value: index, children: option.label }, `${typeof option.value}:${option.value}`)))] })] }));
-    const shown = type === 'datetime' && typeof value === 'string' && Number.isFinite(Date.parse(value))
-        ? new Date(value).toISOString().slice(0, 23)
+                    }, children: [_jsx("option", { value: -1, children: "\u2014" }), field.options?.map((option, index) => (_jsx("option", { value: index, children: option.label }, `${typeof option.value}:${option.value}`)))] }), description] }));
+    const shown = type === 'datetime'
+        ? toZonedInput(value, timeZone)
         : textValue(value === null || value === undefined ? '' : value);
-    return (_jsxs("label", { htmlFor: inputId, className: "flex min-w-0 flex-col gap-1", children: [name, type === 'datetime' && _jsx("span", { className: "text-sm text-muted-foreground", children: t.utcHint }), type === 'textarea' ? (_jsx("textarea", { id: inputId, className: "min-w-0 rounded border bg-background p-2", value: shown, onChange: (event) => onChange(event.target.value, event.target.value === '') })) : (_jsx(Input, { id: inputId, type: type === 'datetime' ? 'datetime-local' : type, step: "any", value: shown, placeholder: field.placeholder, min: field.validation?.min, max: field.validation?.max, onChange: (event) => {
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsx(FieldLabel, { field: field, htmlFor: inputId, labels: t }), type === 'textarea' ? (_jsx(TextArea, { id: inputId, "aria-describedby": describedBy, value: shown, onChange: (event) => onChange(event.target.value, event.target.value === '') })) : (_jsx(Input, { id: inputId, type: type === 'datetime' ? 'datetime-local' : type, step: "any", "aria-describedby": describedBy, value: shown, placeholder: field.placeholder, min: field.validation?.min, max: field.validation?.max, className: "h-9 max-md:h-11", onChange: (event) => {
                     const raw = event.target.value;
                     onChange(raw === ''
                         ? null
                         : type === 'number'
                             ? Number(raw)
                             : type === 'datetime'
-                                ? new Date(`${raw}Z`).toISOString()
+                                ? (fromZonedInput(raw, timeZone) ?? null)
                                 : raw, raw === '');
-                } }))] }));
+                } })), description] }));
 }
-function ConflictDialog({ conflicts, fields, labels: t, onResolve, onCancel, }) {
+function ConflictDialog({ conflicts, fields, labels: t, onResolve, onCancel, locale, timeZone, }) {
     const [choices, setChoices] = useState({});
     const all = (side) => setChoices(Object.fromEntries(conflicts.map((field) => [field.fieldId, side])));
     const format = (conflict, side) => {
@@ -137,14 +154,14 @@ function ConflictDialog({ conflicts, fields, labels: t, onResolve, onCancel, })
         if (conflict[`${side}Truncated`])
             return t.valueTruncated;
         const field = fields.find((f) => (f.id ?? f.key) === conflict.fieldId), value = conflict[side];
-        const display = (v) => field?.options?.find((option) => option.value === v)?.label ??
-            (typeof v === 'boolean' ? (v ? t.yes : t.no) : textValue(v));
-        return Array.isArray(value) ? value.map(display).join(', ') : display(value);
+        if (field)
+            return formatFieldText(field, value, { locale, timeZone });
+        return typeof value === 'boolean' ? (value ? t.yes : t.no) : textValue(value);
     };
-    return (_jsxs(ManagementDialog, { title: t.conflictTitle, onCancel: onCancel, children: [_jsxs("div", { className: "mb-3 flex flex-wrap gap-2", children: [_jsx(Button, { onClick: () => all('mine'), children: t.allMine }), _jsx(Button, { onClick: () => all('current'), children: t.allCurrent })] }), conflicts.map((conflict) => (_jsxs("fieldset", { className: "mb-3 min-w-0 rounded border p-3", children: [_jsx("legend", { className: "break-words", children: fields.find((field) => (field.id ?? field.key) === conflict.fieldId)?.label ??
+    return (_jsxs(ManagementDialog, { title: t.conflictTitle, onCancel: onCancel, children: [_jsxs("div", { className: "mb-3 flex flex-wrap gap-2", children: [_jsx(Button, { onClick: () => all('mine'), children: t.allMine }), _jsx(Button, { onClick: () => all('current'), children: t.allCurrent })] }), conflicts.map((conflict) => (_jsxs("fieldset", { className: "mb-3 min-w-0 rounded-lg border p-3", children: [_jsx("legend", { className: "break-words", children: fields.find((field) => (field.id ?? field.key) === conflict.fieldId)?.label ??
                             conflict.fieldId }), _jsxs("dl", { className: "break-words", children: [_jsx("dt", { children: t.currentValue }), _jsx("dd", { className: "whitespace-pre-wrap", children: format(conflict, 'current') }), _jsx("dt", { children: t.mineValue }), _jsx("dd", { className: "whitespace-pre-wrap", children: format(conflict, 'mine') })] }), _jsxs("label", { className: "mr-3", children: [_jsx("input", { type: "radio", name: conflict.fieldId, checked: choices[conflict.fieldId] === 'mine', onChange: () => setChoices({ ...choices, [conflict.fieldId]: 'mine' }) }), t.keepMine] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: conflict.fieldId, checked: choices[conflict.fieldId] === 'current', onChange: () => setChoices({ ...choices, [conflict.fieldId]: 'current' }) }), t.keepCurrent] })] }, conflict.fieldId))), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { disabled: conflicts.some((field) => !choices[field.fieldId]), onClick: () => onResolve(choices), children: t.resolveConflicts }), _jsx(Button, { variant: "outline", onClick: onCancel, children: t.cancel })] })] }));
 }
-export function DraftEditor({ id, revision, data, fields, action, labels: t, keepaliveUrl, }) {
+export function DraftEditor({ id, revision, data, fields, action, labels: t, keepaliveUrl, locale = 'zh-TW', timeZone = 'UTC', }) {
     const [session] = useState(() => new DraftSession(id, revision, data, action));
     const [snapshot, setSnapshot] = useState(session.snapshot);
     useEffect(() => {
@@ -200,19 +217,20 @@ export function DraftEditor({ id, revision, data, fields, action, labels: t, kee
             document.removeEventListener('click', navigation, true);
         };
     }, [session, keepaliveUrl, t.unsaved]);
-    const visible = draftFields(fields, snapshot.data);
-    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-3 rounded border bg-card p-4", "aria-label": t.draftTitle, children: [_jsx("h2", { className: "font-semibold", children: t.draftTitle }), _jsx("p", { children: t.draftHint }), _jsx("p", { role: "status", "aria-live": "polite", children: snapshot.saving
-                    ? t.saving
-                    : snapshot.retrySeconds
-                        ? `${t.rateRetry} ${snapshot.retrySeconds}`
-                        : snapshot.error
-                            ? t.saveFailed
-                            : snapshot.savedAt
-                                ? `${t.savedAt} ${new Date(snapshot.savedAt).toLocaleTimeString()}`
-                                : '' }), _jsx(ErrorMessage, { error: snapshot.error, labels: t }), snapshot.error && !snapshot.conflict && (_jsx(Button, { onClick: () => session.retry(), disabled: snapshot.saving || !!snapshot.retrySeconds, children: t.retry })), _jsx("fieldset", { disabled: !!snapshot.conflict, className: "flex min-w-0 flex-col gap-4", children: visible.map((field) => (_jsxs("div", { className: "min-w-0", onFocusCapture: () => session.focus(field.id ?? field.key, true), onBlurCapture: (event) => {
-                        if (!event.currentTarget.contains(event.relatedTarget))
-                            session.focus(field.id ?? field.key, false);
-                    }, children: [_jsx(DraftField, { field: field, value: snapshot.data[field.id ?? field.key], labels: t, onChange: (value, remove) => session.change(field.id ?? field.key, value, remove) }), snapshot.changed.includes(field.id ?? field.key) && (_jsx("p", { role: "status", className: "text-sm text-muted-foreground", children: t.changedByOthers }))] }, field.id ?? field.key))) }), snapshot.conflict && (_jsx(ConflictDialog, { conflicts: snapshot.conflict.fields, fields: visible, labels: t, onCancel: () => session.cancelConflict(), onResolve: (choices) => session.resolve(choices) }))] }));
+    const visible = draftFields(fields, snapshot.data).filter((field) => !field.numbered);
+    const hasDatetime = visible.some((field) => field.type === 'datetime' && !field.readOnly);
+    return (_jsxs("section", { className: "flex min-w-0 flex-col rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10", "aria-label": t.draftTitle, children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 border-b px-4 py-3 sm:px-5", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("h2", { className: "font-heading font-medium text-base", children: t.draftTitle }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [t.draftHint, hasDatetime && (_jsxs(_Fragment, { children: [" ", fillText(t.timeZoneHint, { zone: timeZoneName(timeZone, locale) })] }))] })] }), _jsx("p", { role: "status", "aria-live": "polite", className: "flex items-center gap-1.5 text-muted-foreground text-sm empty:hidden", children: snapshot.saving
+                            ? t.saving
+                            : snapshot.retrySeconds
+                                ? `${t.rateRetry} ${snapshot.retrySeconds}`
+                                : snapshot.error
+                                    ? t.saveFailed
+                                    : snapshot.savedAt
+                                        ? `${t.savedAt} ${formatTime(snapshot.savedAt, { locale, timeZone }) ?? ''}`
+                                        : '' })] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-4 p-4 sm:p-5", children: [_jsx(ErrorMessage, { error: snapshot.error, labels: t }), snapshot.error && !snapshot.conflict && (_jsx(Button, { variant: "outline", className: `self-start ${touch}`, onClick: () => session.retry(), disabled: snapshot.saving || !!snapshot.retrySeconds, children: t.retry })), _jsxs("fieldset", { disabled: !!snapshot.conflict, className: "grid min-w-0 gap-x-6 gap-y-5 md:grid-cols-2", children: [_jsx("legend", { className: "sr-only", children: t.draftTitle }), visible.map((field) => (_jsxs("div", { className: wideField(field) ? 'min-w-0 md:col-span-2' : 'min-w-0', onFocusCapture: () => session.focus(field.id ?? field.key, true), onBlurCapture: (event) => {
+                                    if (!event.currentTarget.contains(event.relatedTarget))
+                                        session.focus(field.id ?? field.key, false);
+                                }, children: [_jsx(DraftField, { field: field, value: snapshot.data[field.id ?? field.key], labels: t, locale: locale, timeZone: timeZone, onChange: (value, remove) => session.change(field.id ?? field.key, value, remove) }), snapshot.changed.includes(field.id ?? field.key) && (_jsx("p", { role: "status", className: "mt-1 text-muted-foreground text-xs", children: t.changedByOthers }))] }, field.id ?? field.key)))] })] }), snapshot.conflict && (_jsx(ConflictDialog, { conflicts: snapshot.conflict.fields, fields: visible, labels: t, locale: locale, timeZone: timeZone, onCancel: () => session.cancelConflict(), onResolve: (choices) => session.resolve(choices) }))] }));
 }
 import { ErrorMessage } from './action-client.js';
 //# sourceMappingURL=draft-client.js.map