shutro-erp 0.3.2 → 0.3.3

package/dist/ui/views/widgets.js

@@ -11,6 +11,7 @@ import { useTranslation } from 'react-i18next';
 import { Badge, Checkbox, Input, Select, Textarea } from '../components/primitives.js';
 import { useKosh } from '../context.js';
 import { cn } from '../lib/cn.js';
+import { DateField } from './DateField.js';
 const text = (v) => (v === null || v === undefined ? '' : String(v));
 function CharWidget({ id, value, readonly, onChange, field, invalid }) {
     if (onChange === undefined || readonly)
@@ -56,11 +57,11 @@ function BooleanWidget({ id, value, readonly, onChange, field }) {
         return _jsx("span", { children: value === true ? t('views.yes') : t('views.no') });
     return (_jsx(Checkbox, { id: id, checked: value === true, disabled: readonly, "aria-label": field.label, onCheckedChange: (c) => onChange(c === true) }));
 }
-function DateWidget({ id, value, readonly, onChange }) {
+function DateWidget({ id, value, readonly, onChange, field, invalid }) {
     const { format } = useKosh();
     if (onChange === undefined || readonly)
         return _jsx("span", { children: format.date(value === null || value === undefined ? null : String(value)) });
-    return (_jsx(Input, { id: id, type: "date", value: text(value).slice(0, 10), onChange: (e) => onChange(e.target.value === '' ? null : e.target.value) }));
+    return (_jsx(DateField, { id: id, value: value === null || value === undefined || value === '' ? null : text(value).slice(0, 10), onChange: onChange, required: field.required, ...(invalid === undefined ? {} : { invalid }) }));
 }
 function DatetimeWidget({ id, value, readonly, onChange }) {
     const { format } = useKosh();
@@ -80,14 +81,31 @@ function SelectionWidget({ id, value, readonly, onChange, field }) {
         return _jsx("span", { children: label });
     return (_jsx(Select, { id: id, label: field.label, value: value === null || value === undefined ? null : String(value), options: options, onChange: onChange }));
 }
-const TONES = ['info', 'success', 'danger', 'warning', 'neutral'];
+/** What a state's value means, by the words ERP states use (`posted`, `to_approve`, `cancel`…). */
+const MEANINGS = [
+    [
+        /(^|_)(cancel|cancelled|canceled|failed|refused|rejected|lost|blocked|overdue|error|bounced)($|_)/,
+        'danger',
+    ],
+    [
+        /(^|_)(to|not|partial|partially|pending|waiting|wait|hold|review|approve|quarantine)($|_)/,
+        'warning',
+    ],
+    [
+        /(^|_)(done|paid|posted|sale|confirmed|approved|won|delivered|validated|completed|complete|reconciled|invoiced|handled|active|accepted|signed|locked)($|_)/,
+        'success',
+    ],
+    [/(^|_)(sent|open|progress|received|in|scheduled|running|purchase|ordered)($|_)/, 'info'],
+];
+export function toneOf(value) {
+    const v = value.toLowerCase();
+    return MEANINGS.find(([pattern]) => pattern.test(v))?.[1] ?? 'neutral';
+}
 function BadgeWidget({ value, field }) {
     if (value === null || value === undefined || value === '')
         return null;
-    const options = field.options ?? [];
-    const index = options.findIndex((o) => o.value === value);
-    const label = options[index]?.label ?? text(value);
-    return _jsx(Badge, { tone: TONES[Math.max(index, 0) % TONES.length] ?? 'neutral', children: label });
+    const label = (field.options ?? []).find((o) => o.value === value)?.label ?? text(value);
+    return _jsx(Badge, { tone: toneOf(text(value)), children: label });
 }
 /** Display names a list or kanban loaded in one batch per model, so cells do not query one by one. */
 export const PrefetchedNames = createContext(new Map());
@@ -166,7 +184,7 @@ function Many2oneWidget({ id, value, readonly, onChange, field, invalid, }) {
     const label = current === null ? '' : (names.get(current) ?? `#${current}`);
     if (onChange === undefined || readonly)
         return _jsx("span", { children: label });
-    return (_jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { id: id, type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-invalid": invalid === true ? true : undefined, className: "flex h-9 w-full items-center justify-between rounded-md border border-input bg-surface px-3 text-start text-sm aria-invalid:border-danger", children: _jsx("span", { className: cn(current === null && 'text-muted-foreground'), children: current === null ? t('views.choose') : label }) }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { align: "start", sideOffset: 4, className: "z-50 w-[var(--radix-popover-trigger-width)] rounded-md border bg-surface p-1 shadow-lg", children: [_jsx(Input, { autoFocus: true, "aria-label": field.label, placeholder: t('search.placeholder'), value: q, onChange: (e) => setQ(e.target.value) }), _jsxs("div", { id: listId, role: "listbox", "aria-label": field.label, className: "mt-1 max-h-60 overflow-auto", children: [field.required ? null : (_jsx("button", { type: "button", role: "option", "aria-selected": current === null, className: "w-full rounded-sm px-2 py-1.5 text-start text-sm text-muted-foreground hover:bg-muted", onClick: () => {
+    return (_jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { id: id, type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-invalid": invalid === true ? true : undefined, className: "flex h-[var(--control-h)] w-full items-center justify-between rounded-md border border-input bg-surface px-3 text-start text-sm aria-invalid:border-danger", children: _jsx("span", { className: cn(current === null && 'text-muted-foreground'), children: current === null ? t('views.choose') : label }) }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { align: "start", sideOffset: 4, className: "z-50 w-[var(--radix-popover-trigger-width)] rounded-md border bg-surface p-1 shadow-lg", children: [_jsx(Input, { autoFocus: true, "aria-label": field.label, placeholder: t('search.placeholder'), value: q, onChange: (e) => setQ(e.target.value) }), _jsxs("div", { id: listId, role: "listbox", "aria-label": field.label, className: "mt-1 max-h-60 overflow-auto", children: [field.required ? null : (_jsx("button", { type: "button", role: "option", "aria-selected": current === null, className: "w-full rounded-sm px-2 py-1.5 text-start text-sm text-muted-foreground hover:bg-muted", onClick: () => {
                                         onChange(null);
                                         setOpen(false);
                                     }, children: t('views.none') })), (results.data ?? []).map((r) => (_jsx("button", { type: "button", role: "option", "aria-selected": r.id === current, className: "w-full rounded-sm px-2 py-1.5 text-start text-sm hover:bg-muted", onClick: () => {

package/dist/views/types.d.ts

@@ -96,6 +96,13 @@ export interface FormView extends ViewBase {
     readonly readonlyWhen?: Condition;
     /** Messages and activities (RFC 0006). */
     readonly chatter?: boolean;
+    /**
+     * The key facts under the title (RFC 0018 §4.2): the customer, the date, the total. Default: the first many2one,
+     * date and monetary fields of the form.
+     */
+    readonly subtitle?: readonly string[];
+    /** The fields of the right rail's Summary (RFC 0018 §4.2). Default: the group named `totals`. */
+    readonly summary?: readonly string[];
 }
 export interface KanbanCard {
     readonly title: string;

package/dist/views/validate.js

@@ -58,6 +58,10 @@ export function validateView(view, models) {
         if (node.kind === 'button' && !info.transitions.includes(node.transition))
             problems.push(`unknown transition '${node.transition}' (has ${info.transitions.join(', ') || 'none'})`);
     }
+    if (view.type === 'form')
+        for (const key of [...(view.subtitle ?? []), ...(view.summary ?? [])])
+            if (!info.fields.has(key))
+                problems.push(`unknown field '${key}' in the subtitle or summary`);
     if (view.type === 'form' && view.header.statusbar !== undefined) {
         const kind = info.fields.get(view.header.statusbar)?.kind;
         if (kind !== 'state' && kind !== 'selection')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shutro-erp",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Shutro ERP (Kosh): a modern ERP framework on TypeScript, PostgreSQL and the Shutro ORM — typed end to end, permissions enforced on the server, metadata-driven views, reporting, documents and a chatter on every record.",
   "keywords": [
     "erp",
@@ -289,7 +289,7 @@
     "postal-mime": "^4.1.4",
     "radix-ui": "^1.8.1",
     "sanitize-html": "^2.18.1",
-    "shutro": "^0.3.2",
+    "shutro": "^0.3.3",
     "tailwind-merge": "^3.7.0",
     "web-push": "^3.6.7"
   },