@namroodinc/liquid-editorial 0.1.11 → 0.2.0

package/AGENTS.md

@@ -8,7 +8,7 @@ End every completed change handoff with a suggested Git commit subject and descr
 
 Render button controls through the shared `Button` component, including controls inside other components and examples. Native button markup belongs only in `src/components/Button` (isolated test fixtures may use native controls). Use Button's standard variants, sizes, icons, focus, and disabled styling instead of copying them into a component stylesheet. Specialized widgets may retain their semantic layout, shared Field skin, or switch track/knob geometry.
 
-Every releasable change set must update the `Unreleased` section in `UPGRADING.md` with changes, adoption steps, compatibility notes, and verification steps for agents in consuming projects. Related edits share that section. Leave version increments to `.github/workflows/release.yml`: every push to `main` automatically bumps the patch version, versions the upgrade notes, validates, commits the release files, and publishes to npm. Keep the manifest and lockfile versions aligned and include this file and `UPGRADING.md` in the package.
+Every releasable change set must update the `Unreleased` section in `UPGRADING.md` with changes, adoption steps, compatibility notes, and verification steps for agents in consuming projects. A change set that removes or renames public API also lists it under a `### Breaking changes` heading there. Related edits share that section. Leave version increments to `.github/workflows/release.yml`: every push to `main` automatically bumps the version (patch, or minor below 1.0 and major from 1.0 when `Unreleased` has `### Breaking changes`), versions the upgrade notes, validates, commits the release files, and publishes to npm. Keep the manifest and lockfile versions aligned and include this file and `UPGRADING.md` in the package.
 
 ## Using the installed package
 

package/README.md

@@ -55,20 +55,20 @@ If an application only needs the design tokens, import `@namroodinc/liquid-edito
 
 Use `appearance="outline"` (the default) on board and selection cards, `appearance="soft"` in dense tables and toolbar counts, and `appearance="solid"` for the one state a row or tile emphasizes, such as a Cover asset badge. Soft badges have no visible stroke. Tags inside sentences also display uppercase, including path labels such as `/news`.
 
-## Content models
+## Forms and content models
 
-`EntryEditor` renders editable fields in the order defined by a JSON model:
+`FormEditor` renders standard fields in schema order. Applications own state, choice loading, permissions, submission, and persistence:
 
 ```tsx
 import { useState } from "react";
 import {
-  EntryEditor,
-  validateEntryValues,
-  type ContentModel,
-  type EntryValues,
+  FormEditor,
+  validateFormValues,
+  type FormSchema,
+  type FormValues,
 } from "@namroodinc/liquid-editorial";
 
-const model: ContentModel = {
+const schema: FormSchema = {
   fields: [
     { id: "title", type: "shortText", label: "Title", required: true },
     { id: "gallery", type: "asset", label: "Gallery", multiple: true },
@@ -76,10 +76,10 @@ const model: ContentModel = {
 };
 
 export function ContentEditor() {
-  const [value, setValue] = useState<EntryValues>({});
+  const [value, setValue] = useState<FormValues>({});
   return (
-    <EntryEditor
-      model={model}
+    <FormEditor
+      schema={schema}
       value={value}
       onValueChange={setValue}
       pickerItems={{ gallery: [{ id: "image-1", title: "Cover.jpg" }] }}
@@ -87,12 +87,18 @@ export function ContentEditor() {
   );
 }
 
-// Before saving: validateEntryValues(model, value) returns errors keyed by field ID.
+// Before saving: validateFormValues(schema, value) returns errors keyed by field ID.
 ```
 
-Supported types are `shortText`, `longText`, `richText`, `number`, `boolean`, `dateTime`, `asset`, and `reference`. Rich text stores a TipTap JSON document rooted at `doc`, using the editor's existing StarterKit and Link schema. Dates are edited in UTC and emitted as ISO-8601 strings ending in `Z`. Assets store `{ assetId }`; references store `{ entryId }`. Set `multiple: true` for an ordered array of these objects.
+Supported types are `shortText`, `longText`, `richText`, `number`, `boolean`, `dateTime`, `asset`, `reference`, and string-valued `select`. Rich text stores a TipTap JSON document rooted at `doc`, using the editor's existing StarterKit and Link schema. Dates are edited in UTC and emitted as ISO-8601 strings ending in `Z`. Assets store `{ assetId }`; references store `{ entryId }`. Set `multiple: true` for an ordered array of these objects.
 
-Use `defaultValue` for an uncontrolled editor, `errors` for app-specific messages, `showAllErrors` after a submit attempt, and `isDisabled` to disable editing. Required errors appear after a field changes; `false` and `0` are populated values. Missing keys render empty controls without emitting changes. Clearing a number, date, or single selection removes its key; empty text, rich-text documents, and lists keep their typed values. Unrelated entry keys are preserved.
+Use `defaultValue` for an uncontrolled editor, `errors` for app-specific messages, `showAllErrors` after a submit attempt, and `isDisabled` to disable editing. Required and format errors appear after a field changes; an out-of-range number shows its message straight away, because the control already reads invalid. `false` and `0` are populated values. Missing keys render empty controls without emitting changes. Clearing a number, date, select, or single selection removes its key; empty text, rich-text documents, and lists keep their typed values. Unrelated entry keys are preserved. Validation runs per field and is reused until that field or its value changes, so define schemas outside render or memoize them.
+
+General forms can use select fields with `options: [{ value, label }]`, per-field `isDisabled`, and React-node hints. Optional selects lead with an empty choice, labelled with the field's `placeholder` or "None", that clears the value. Pass `options: []` while choices load; a stored value stays valid until they arrive. Text fields support `maxLength` and `readOnly`; short text also supports `inputType: "email"`, long text supports `rows`, and numeric fields support `min`, `max`, `step`, and `hasSteppers`. Steppers are named after their field, such as "Increase Width". `validateFormValues` enforces `maxLength`, numeric limits, and `picker.max`. `autoFocus` applies to text, number, select, boolean, and date fields.
+
+`columns` sets the most columns and defaults to one. The form drops a column whenever a field would be narrower than `minColumnWidth` (default `16rem`), measured against the form's own width, so it steps down inside drawers and modals. Use `columns="auto"` to fit as many columns as the width allows. FormEditor is not a size container, so it keeps its content width in flex rows and popovers.
+
+Changes emit `onValueChange(nextValues, { fieldId })`. Use the changed field ID when adapting to APIs that accept patches, generated IDs, or dependent values. Runtime form schemas can hold JSX and live choices, so keep them separate from persisted content definitions. Picker field options such as `picker: { itemLabel: "image", itemsLabel: "images" }` provide contextual search and selection copy without putting data access in the library. Omitted or `undefined` options keep the asset or entry wording.
 
 `RichTextEditor` also supports `format="json"` with `value`/`defaultValue` and an `onChange` callback receiving the document. HTML remains its default format. Unsupported JSON content produces an error and cannot be edited until corrected.
 
@@ -256,7 +262,7 @@ Storybook is the component catalogue and documentation surface. Stories and test
 
 ## Publishing
 
-Merge a PR into `main` to publish a release. Every push to `main` runs [the release workflow](.github/workflows/release.yml), which installs dependencies, bumps the patch version, moves the `Unreleased` upgrade notes under that version, and runs `npm run validate`. It then commits the version files and guide back to `main` and publishes `@namroodinc/liquid-editorial` to npm under `latest`. All commands run in GitHub Actions; contributors do not run local release commands or create GitHub Releases or tags. Other branches and pull requests do not publish.
+Merge a PR into `main` to publish a release. Every push to `main` runs [the release workflow](.github/workflows/release.yml), which installs dependencies, bumps the version, moves the `Unreleased` upgrade notes under that version, and runs `npm run validate`. It then commits the version files and guide back to `main` and publishes `@namroodinc/liquid-editorial` to npm under `latest`. All commands run in GitHub Actions; contributors do not run local release commands or create GitHub Releases or tags. Other branches and pull requests do not publish.
 
 ### One-time npm setup
 
@@ -278,7 +284,7 @@ npm requires two-factor verification for this setup. The workflow subsequently a
 
 ### Release a change
 
-Add the change's adoption, compatibility, and verification notes under `Unreleased` in `UPGRADING.md`, then merge the PR to `main`. The workflow handles the version bump; for example, `0.1.4` becomes `0.1.5`. Pull the generated version commit before continuing local work.
+Add the change's adoption, compatibility, and verification notes under `Unreleased` in `UPGRADING.md`, then merge the PR to `main`. The workflow handles the version bump; for example, `0.1.4` becomes `0.1.5`. When a change removes or renames public API, add a `### Breaking changes` section under `Unreleased` that lists it. The workflow then bumps the minor version below 1.0 (`0.1.11` becomes `0.2.0`) and the major version from 1.0, so caret ranges do not pick it up. Pull the generated version commit before continuing local work.
 
 Follow **Publish to npm** in GitHub Actions to check the result. Runs are serialized, and the bot's version commit uses `GITHUB_TOKEN`, which does not trigger another workflow run.
 

package/UPGRADING.md

@@ -2,6 +2,36 @@
 
 ## Unreleased
 
+## 0.2.0
+
+### Changes
+
+- Replaced EntryEditor with FormEditor for content and general forms. Added select fields, per-field disabled state, read-only text, autofocus, email inputs, text limits, textarea rows, numeric limits/steps/steppers, React-node hints, responsive columns, and contextual asset/image picker wording.
+- FormEditor reports each edit as `onValueChange(values, { fieldId })`. Asset/reference value shapes and existing scalar/rich-text/date behavior are unchanged. Persistence, choice loading, permissions, and dependent-field rules remain in the consuming application.
+- Optional selects lead with an empty choice (the field's `placeholder`, or "None") that removes the key. Required selects set `aria-required`. Number steppers are named after their field, such as "Increase Width", and out-of-range numbers show their message on load.
+- `validateFormValues` enforces text `maxLength` and multiple-picker `picker.max`. A non-string select value reports "Choose an available option.", and a select with an empty `options` array keeps its stored value valid while choices load. A select field without an `options` array throws a schema error.
+- NumberField accepts `decreaseLabel` and `increaseLabel` for its stepper names. The defaults remain "Decrease" and "Increase".
+
+### Breaking changes
+
+- Removed `EntryEditor`, `EntryEditorProps`, `ContentModel`, `ContentField`, `EntryFieldValue`, `EntryValues`, `EntryErrors`, and `validateEntryValues` from the package root, and the `components/EntryEditor` subpath. There are no aliases.
+- The editor's `model` prop is now `schema`, and its CSS hook is `.ds-form-editor` instead of `.ds-entry-editor`.
+- This release is published as 0.2.0, so `^0.1.x` ranges do not install it automatically.
+
+### Adoption
+
+Import `FormEditor`, `FormEditorProps`, `FormSchema`, `FormField`, `FormFieldValue`, `FormValues`, `FormErrors`, `FormChange`, and `validateFormValues` from the package root or `components/FormEditor`. Replace EntryEditor, ContentModel, ContentField, EntryFieldValue, EntryValues, EntryErrors, and validateEntryValues accordingly. Change the component's `model` prop to `schema` and CSS hooks from `.ds-entry-editor` to `.ds-form-editor`. `columns` sets the most columns, defaulting to one; the form drops a column whenever a field would be narrower than `minColumnWidth` (default `16rem`). Use `columns="auto"` to fit as many as the width allows. Existing one-argument callbacks may continue to ignore change metadata; use `fieldId` when only edited fields should be sent to an API.
+
+For selects, use `{ type: "select", options: [{ value, label }] }` and store strings. Pass `options: []` while choices load, and a placeholder such as "Loading roles…". Field definitions accept `isDisabled`; short/long text support `readOnly` and `maxLength`; short text supports `inputType: "email"`; long text supports `rows`; numbers support `min`, `max`, `step`, and `hasSteppers`. `autoFocus` applies to text, number, select, boolean, and date fields. Pass asset/reference choices through `pickerItems` and picker copy through the field's `picker` options (`itemLabel`, `itemsLabel`, `label`, `addLabel`, `emptyLabel`); omitted or `undefined` options keep the asset or entry wording. Rich hints and loading messages are React values, so keep runtime form schemas separate from persisted content-model DTOs. Schema definitions do not fetch data. Define schemas outside render, or memoize them, so per-field validation is reused between keystrokes.
+
+### Compatibility
+
+AssetValue and ReferenceValue remain available. Select fields are UI configuration; consuming CMS APIs do not automatically gain new content field types. FormEditor is not a Grid: it carries no `ds-grid*` classes or container query and sizes its columns against its own width, so it also keeps its content width in flex rows and popovers. `autoFocus` is a type error on rich-text, asset, and reference fields. Loaded text over `maxLength` or lists over `picker.max` now fail `validateFormValues`. No dependencies are added. The release workflow owns the version increment; a `### Breaking changes` section makes it a minor bump below 1.0.
+
+### Verification
+
+Run consuming-project typechecks, tests, and builds against the packed build. Check every migrated form's save rules, read-only access, explicit clears, generated IDs, dependent fields, and nested pickers. Confirm touched-field patches use change metadata and do not overwrite concurrent changes. Check labels/hints/errors, select keyboard controls and clearing, single/multiple asset selection, numeric bounds and stepper names, rich text and UTC dates, columns in drawers and narrow containers, and disabled/read-only controls. Re-run pre-save validation against stored data for text and picker limits. Update tests that query FormEditor steppers as "Increase" or "Decrease". The FormEditor stories demonstrate entry and general forms. Run library validation and package checks for React 18 and 19 before publishing.
+
 ## 0.1.11
 
 ### Changes

package/dist/chunks/FormEditor-8bz3pOdP.cjs

@@ -0,0 +1,2 @@
+const e=require("../components/Field/index.cjs"),t=require("../components/TextField/index.cjs"),n=require("./RichTextEditor-BxtlbjXj.cjs"),r=require("../components/EntryPicker/index.cjs"),i=require("../components/NumberField/index.cjs"),a=require("../components/Select/index.cjs"),o=require("../components/Switch/index.cjs");let s=require("react"),c=require("react/jsx-runtime");var l=new Set([`shortText`,`longText`,`richText`,`number`,`boolean`,`dateTime`,`asset`,`reference`,`select`]);function u(e){let t=new Set;for(let n of e.fields){if(!n.id?.trim()||t.has(n.id))throw Error(`Form field IDs must be nonempty and unique.`);if(!l.has(n.type))throw Error(`Unsupported form field type: ${n.type}`);if(n.type===`select`&&!Array.isArray(n.options))throw Error(`Select field ${n.id} needs an options array.`);t.add(n.id)}}var d={asset:{key:`assetId`,label:`Assets`,itemLabel:`asset`,itemsLabel:`assets`},reference:{key:`entryId`,label:`Entries`,itemLabel:`entry`,itemsLabel:`entries`}};function f(e){let t=d[e.type],{label:n=t.label,addLabel:r=`Choose ${e.label}`,itemLabel:i=t.itemLabel,itemsLabel:a=t.itemsLabel,...o}=e.picker??{};return{...o,label:n,addLabel:r,itemLabel:i,itemsLabel:a}}function p(e){if(typeof e!=`string`)return;let t=/^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(?:Z|\+00:00)$/.exec(e);if(!t)return;let n=`${t[1]}:${t[2]??`00`}.${(t[3]??``).padEnd(3,`0`)}Z`,r=new Date(n);if(Number.isFinite(r.getTime())&&r.toISOString()===n)return n}function m(e,t){return!!e&&typeof e==`object`&&t in e&&typeof e[t]==`string`&&e[t].trim().length>0}function h(e){return!!e.text?.trim()||e.type===`horizontalRule`||!!e.content?.some(h)}function g(e){return`${e.label} is required.`}function _(e,t){if(typeof t!=`string`)return`Enter text.`;if(e.required&&!t.trim())return g(e);if((e.type===`shortText`||e.type===`longText`)&&e.maxLength!==void 0&&t.length>e.maxLength)return`Enter no more than ${e.maxLength} characters.`}function v(e,t){let r=n.n(t);if(r)return r;if(e.required&&!h(t))return g(e)}function y(e,t){if(typeof t!=`string`)return`Choose an available option.`;if(t===``)return e.required?g(e):void 0;if(e.type===`select`&&e.options.length>0&&!e.options.some(e=>e.value===t))return`Choose an available option.`}function b(e,t){if(e.type!==`asset`&&e.type!==`reference`)return;let{key:n,itemLabel:r,itemsLabel:i}=d[e.type];if(!e.multiple)return m(t,n)?void 0:`Choose an ${r}.`;if(!Array.isArray(t)||!t.every(e=>m(e,n)))return`Choose a list of ${i}.`;if(e.required&&t.length===0)return g(e);let a=e.picker?.max;if(a!==void 0&&t.length>a)return`Choose no more than ${a} ${f(e).itemsLabel}.`}var x={shortText:_,longText:_,richText:v,number:(e,t)=>{if(typeof t!=`number`||!Number.isFinite(t))return`Enter a finite number.`;if(e.type===`number`){if(e.min!==void 0&&t<e.min)return`Enter a number of at least ${e.min}.`;if(e.max!==void 0&&t>e.max)return`Enter a number no greater than ${e.max}.`}},boolean:(e,t)=>typeof t==`boolean`?void 0:`Choose a boolean value.`,dateTime:(e,t)=>p(t)?void 0:`Enter a valid UTC date and time.`,select:y,asset:b,reference:b};function S(e,t){return t===void 0?e.required?g(e):void 0:x[e.type](e,t)}function C(e,t){return u(e),Object.fromEntries(e.fields.flatMap(e=>{let n=S(e,Object.hasOwn(t,e.id)?t[e.id]:void 0);return n?[[e.id,n]]:[]}))}function w(e,t){let n=e.type===`asset`?`assetId`:`entryId`;return(Array.isArray(t)?t:t===void 0?[]:[t]).flatMap(e=>{if(!e||typeof e!=`object`||!(n in e))return[];let t=e[n];return typeof t==`string`?[t]:[]})}function T(e,t){if(e.type===`asset`){let n=t.map(e=>({assetId:e}));return e.multiple?n:n[0]}let n=t.map(e=>({entryId:e}));return e.multiple?n:n[0]}function E({field:e,stored:t,isDisabled:n,required:r,accessibility:a,onChange:o}){return(0,c.jsx)(i.NumberField,{...a,required:r,isDisabled:n,placeholder:e.placeholder,min:e.min,max:e.max,step:e.step??`any`,hasSteppers:e.hasSteppers??!1,autoFocus:e.autoFocus,decreaseLabel:`Decrease ${e.label}`,increaseLabel:`Increase ${e.label}`,value:typeof t==`number`&&Number.isFinite(t)?t:``,onValueChange:e=>{(e===``||Number.isFinite(e))&&o(e===``?void 0:e)}})}function D({field:e,stored:t,isDisabled:n,required:r,accessibility:i,onChange:o}){let s=!r&&!e.options.some(e=>e.value===``);return(0,c.jsx)(a.Select,{...i,"aria-required":r||void 0,isDisabled:n,isInvalid:i[`aria-invalid`],options:s?[{value:``,label:e.placeholder??`None`},...e.options]:e.options,placeholder:e.placeholder,autoFocus:e.autoFocus,value:typeof t==`string`?t:``,onValueChange:e=>o(e===``?void 0:e)})}function O({field:e,stored:t,items:n,isDisabled:i,accessibility:a,onChange:o}){return(0,c.jsx)(`div`,{...a,role:`group`,children:(0,c.jsx)(r.EntryPicker,{items:n,value:w(e,t),...f(e),mode:e.multiple?`multiple`:`single`,isDisabled:i,onValueChange:t=>o(T(e,t))})})}function k({field:e,stored:r,items:i,isDisabled:a,accessibility:{required:s,...l},onChange:u}){let d={stored:r,isDisabled:a,required:s,accessibility:l,onChange:u};switch(e.type){case`shortText`:return(0,c.jsx)(t.TextField,{...l,required:s,disabled:a,placeholder:e.placeholder,type:e.inputType,maxLength:e.maxLength,readOnly:e.readOnly,autoFocus:e.autoFocus,value:typeof r==`string`?r:``,onChange:e=>u(e.target.value)});case`longText`:return(0,c.jsx)(t.TextArea,{...l,required:s,disabled:a,placeholder:e.placeholder,rows:e.rows,maxLength:e.maxLength,readOnly:e.readOnly,autoFocus:e.autoFocus,value:typeof r==`string`?r:``,onChange:e=>u(e.target.value)});case`number`:return(0,c.jsx)(E,{field:e,...d});case`boolean`:return(0,c.jsx)(o.Switch,{...l,isDisabled:a,autoFocus:e.autoFocus,isSelected:r===!0,onSelectedChange:u});case`dateTime`:return(0,c.jsx)(t.TextField,{...l,required:s,disabled:a,type:`datetime-local`,step:`0.001`,autoFocus:e.autoFocus,value:p(r)?.slice(0,-1)??``,onChange:e=>u(p(`${e.target.value}Z`))});case`richText`:return(0,c.jsx)(n.t,{...l,label:e.label,isRequired:s,isDisabled:a,placeholder:e.placeholder,format:`json`,value:r===void 0?n.r:r,onChange:u});case`select`:return(0,c.jsx)(D,{field:e,...d});case`asset`:case`reference`:return(0,c.jsx)(O,{field:e,items:i,...d})}}function A({field:t,stored:n,items:r,isDisabled:i,error:a,isErrorVisible:o,onChange:l}){let u=(0,s.useMemo)(()=>a===void 0&&o?S(t,n):void 0,[a,o,t,n]),d=t.type===`dateTime`?`${t.label} (UTC)`:t.label;return(0,c.jsx)(e.Field,{label:d,hint:t.hint,error:a??u,isRequired:t.required,isGroup:t.type===`asset`||t.type===`reference`,children:e=>(0,c.jsx)(k,{field:t,stored:n,items:r,isDisabled:i,accessibility:e,onChange:l})})}function j({schema:e,value:t,defaultValue:n={},onValueChange:r,pickerItems:i={},errors:a={},isDisabled:o=!1,showAllErrors:l=!1,columns:d=1,minColumnWidth:f=`16rem`,className:p,style:m,...h}){let[g,_]=(0,s.useState)(n),[v,y]=(0,s.useState)(()=>new Set),b=t??g;(0,s.useMemo)(()=>u(e),[e]);let x=(e,n)=>{let i={...b};n===void 0?delete i[e]:i[e]=n,t===void 0&&_(i),y(t=>new Set(t).add(e)),r?.(i,{fieldId:e})},S=d===`auto`?{"--form-editor-min-column":f}:{"--form-editor-columns":d,"--form-editor-min-column":f};return(0,c.jsx)(`div`,{className:[`ds-form-editor`,d===`auto`&&`ds-form-editor--auto`,p].filter(Boolean).join(` `),style:{...S,...m},...h,children:e.fields.map(e=>{let t=Object.hasOwn(b,e.id)?b[e.id]:void 0,n=o||!!e.isDisabled,r=n||`readOnly`in e&&!!e.readOnly,s=l||v.has(e.id)||e.type===`number`&&typeof t==`number`;return(0,c.jsx)(A,{field:e,stored:t,items:i[e.id]??[],isDisabled:n,error:a[e.id],isErrorVisible:s,onChange:t=>{r||x(e.id,t)}},e.id)})})}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}});
+//# sourceMappingURL=FormEditor-8bz3pOdP.cjs.map

package/dist/chunks/FormEditor-8bz3pOdP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormEditor-8bz3pOdP.cjs","names":["documentError","NumberField","Select","EntryPicker","TextField","TextArea","Switch","RichTextEditor","emptyDocument","useMemo","Field","useState","require_components_Field_index","require_components_TextField_index","require_RichTextEditor","require_components_EntryPicker_index","require_components_NumberField_index","require_components_Select_index","require_components_Switch_index","react","react_jsx_runtime","fieldTypes","assertModel","ids","field","model","linkCopy","pickerCopy","defaults","rest","parseUtcDateTime","value","match","canonical","date","isLink","key","hasRichText","node","requiredError","textError","richTextError","error","choiceError","option","linkError","itemLabel","item","itemsLabel","max","validators","fieldError","validateFormValues","values","selectedIds","link","id","pickerValue","links","NumberControl","accessibility","stored","next","onChange","SelectControl","isClearable","required","PickerControl","FormControl","shared","isDisabled","event","FormEditorField","validation","isErrorVisible","label","FormEditor","internal","setInternal","defaultValue","changed","setChanged","current","schema","commit","fieldId","previous","onValueChange","layout","columns","minColumnWidth","className","style","fieldDisabled","isLocked","showAllErrors","pickerItems","errors"],"sources":["../../src/components/FormEditor/model.ts","../../src/components/FormEditor/control.tsx","../../src/components/FormEditor/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { SelectOption } from \"../Select\";\nimport type { EntryPickerProps } from \"../EntryPicker\";\nimport type { JSONContent } from \"@tiptap/react\";\nimport { documentError } from \"../RichTextEditor/document\";\nimport type { RichTextDocument } from \"../RichTextEditor\";\n\ninterface FormFieldBase {\n  id: string;\n  label: string;\n  hint?: ReactNode;\n  placeholder?: string;\n  required?: boolean;\n  isDisabled?: boolean;\n}\n\nexport type FormField = FormFieldBase & (\n  | { type: \"shortText\"; inputType?: \"text\" | \"email\"; maxLength?: number; readOnly?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"longText\"; rows?: number; maxLength?: number; readOnly?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"boolean\" | \"dateTime\"; autoFocus?: boolean; multiple?: never }\n  | { type: \"richText\"; autoFocus?: never; multiple?: never }\n  | { type: \"number\"; min?: number; max?: number; step?: number | \"any\"; hasSteppers?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"select\"; options: SelectOption[]; autoFocus?: boolean; multiple?: never }\n  | { type: \"asset\" | \"reference\"; multiple?: boolean; autoFocus?: never; picker?: Pick<EntryPickerProps, \"label\" | \"addLabel\" | \"emptyLabel\" | \"itemLabel\" | \"itemsLabel\" | \"max\" | \"isReorderable\"> }\n);\n\nexport type FieldOf<T extends FormField[\"type\"]> = Extract<FormField, { type: T }>;\n\nexport interface FormSchema {\n  fields: readonly FormField[];\n}\n\nexport interface AssetValue { assetId: string }\nexport interface ReferenceValue { entryId: string }\nexport type FormFieldValue = string | number | boolean | RichTextDocument | AssetValue | ReferenceValue | AssetValue[] | ReferenceValue[];\nexport type FormValues = Record<string, FormFieldValue | undefined>;\nexport type FormErrors = Partial<Record<string, string>>;\n\nconst fieldTypes = new Set([\"shortText\", \"longText\", \"richText\", \"number\", \"boolean\", \"dateTime\", \"asset\", \"reference\", \"select\"]);\n\nexport function assertModel(model: FormSchema) {\n  const ids = new Set<string>();\n  for (const field of model.fields) {\n    if (!field.id?.trim() || ids.has(field.id)) throw new Error(\"Form field IDs must be nonempty and unique.\");\n    if (!fieldTypes.has(field.type)) throw new Error(`Unsupported form field type: ${field.type}`);\n    if (field.type === \"select\" && !Array.isArray(field.options)) throw new Error(`Select field ${field.id} needs an options array.`);\n    ids.add(field.id);\n  }\n}\n\nconst linkCopy = {\n  asset: { key: \"assetId\", label: \"Assets\", itemLabel: \"asset\", itemsLabel: \"assets\" },\n  reference: { key: \"entryId\", label: \"Entries\", itemLabel: \"entry\", itemsLabel: \"entries\" },\n} as const;\n\n/** Picker copy, with asset or entry wording for any option the field leaves out or sets to undefined. */\nexport function pickerCopy(field: FieldOf<\"asset\" | \"reference\">) {\n  const defaults = linkCopy[field.type];\n  const {\n    label = defaults.label,\n    addLabel = `Choose ${field.label}`,\n    itemLabel = defaults.itemLabel,\n    itemsLabel = defaults.itemsLabel,\n    ...rest\n  } = field.picker ?? {};\n  return { ...rest, label, addLabel, itemLabel, itemsLabel };\n}\n\n/** Accept UTC ISO strings without rolling invalid dates into the next month. */\nexport function parseUtcDateTime(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return;\n  const match = /^(\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2})(?::(\\d{2})(?:\\.(\\d{1,3}))?)?(?:Z|\\+00:00)$/.exec(value);\n  if (!match) return;\n  const canonical = `${match[1]}:${match[2] ?? \"00\"}.${(match[3] ?? \"\").padEnd(3, \"0\")}Z`;\n  const date = new Date(canonical);\n  if (Number.isFinite(date.getTime()) && date.toISOString() === canonical) return canonical;\n}\n\nfunction isLink(value: unknown, key: \"assetId\" | \"entryId\"): boolean {\n  return !!value && typeof value === \"object\" && key in value &&\n    typeof (value as Record<string, unknown>)[key] === \"string\" &&\n    ((value as Record<string, string>)[key]).trim().length > 0;\n}\n\nfunction hasRichText(node: JSONContent): boolean {\n  return !!node.text?.trim() || node.type === \"horizontalRule\" || !!node.content?.some(hasRichText);\n}\n\nfunction requiredError(field: FormField): string {\n  return `${field.label} is required.`;\n}\n\nfunction textError(field: FormField, value: unknown): string | undefined {\n  if (typeof value !== \"string\") return \"Enter text.\";\n  if (field.required && !value.trim()) return requiredError(field);\n  if ((field.type === \"shortText\" || field.type === \"longText\") && field.maxLength !== undefined && value.length > field.maxLength) {\n    return `Enter no more than ${field.maxLength} characters.`;\n  }\n}\n\nfunction richTextError(field: FormField, value: unknown): string | undefined {\n  const error = documentError(value);\n  if (error) return error;\n  if (field.required && !hasRichText(value as RichTextDocument)) return requiredError(field);\n}\n\nfunction choiceError(field: FormField, value: unknown): string | undefined {\n  if (typeof value !== \"string\") return \"Choose an available option.\";\n  if (value === \"\") return field.required ? requiredError(field) : undefined;\n  // An empty list means the choices are still loading, so a stored value stays valid until they arrive.\n  if (field.type === \"select\" && field.options.length > 0 && !field.options.some((option) => option.value === value)) {\n    return \"Choose an available option.\";\n  }\n}\n\nfunction linkError(field: FormField, value: unknown): string | undefined {\n  if (field.type !== \"asset\" && field.type !== \"reference\") return;\n  const { key, itemLabel, itemsLabel } = linkCopy[field.type];\n  if (!field.multiple) return isLink(value, key) ? undefined : `Choose an ${itemLabel}.`;\n  if (!Array.isArray(value) || !value.every((item) => isLink(item, key))) return `Choose a list of ${itemsLabel}.`;\n  if (field.required && value.length === 0) return requiredError(field);\n  const max = field.picker?.max;\n  if (max !== undefined && value.length > max) return `Choose no more than ${max} ${pickerCopy(field).itemsLabel}.`;\n}\n\nconst validators: Record<FormField[\"type\"], (field: FormField, value: unknown) => string | undefined> = {\n  shortText: textError,\n  longText: textError,\n  richText: richTextError,\n  number: (field, value) => {\n    if (typeof value !== \"number\" || !Number.isFinite(value)) return \"Enter a finite number.\";\n    if (field.type !== \"number\") return;\n    if (field.min !== undefined && value < field.min) return `Enter a number of at least ${field.min}.`;\n    if (field.max !== undefined && value > field.max) return `Enter a number no greater than ${field.max}.`;\n  },\n  boolean: (_field, value) => typeof value === \"boolean\" ? undefined : \"Choose a boolean value.\",\n  dateTime: (_field, value) => parseUtcDateTime(value) ? undefined : \"Enter a valid UTC date and time.\",\n  select: choiceError,\n  asset: linkError,\n  reference: linkError,\n};\n\nexport function fieldError(field: FormField, value: unknown): string | undefined {\n  if (value === undefined) return field.required ? requiredError(field) : undefined;\n  return validators[field.type](field, value);\n}\n\n/** Validate data loaded from JSON as well as values emitted by FormEditor. */\nexport function validateFormValues(model: FormSchema, values: Record<string, unknown>): FormErrors {\n  assertModel(model);\n  return Object.fromEntries(model.fields.flatMap((field): [string, string][] => {\n    const error = fieldError(field, Object.hasOwn(values, field.id) ? values[field.id] : undefined);\n    return error ? [[field.id, error]] : [];\n  }));\n}\n","import { EntryPicker, type EntryItem } from \"../EntryPicker\";\nimport type { FieldProps } from \"../Field\";\nimport { NumberField } from \"../NumberField\";\nimport { RichTextEditor, type RichTextDocument } from \"../RichTextEditor\";\nimport { emptyDocument } from \"../RichTextEditor/document\";\nimport { Select } from \"../Select\";\nimport { Switch } from \"../Switch\";\nimport { TextArea, TextField } from \"../TextField\";\nimport { parseUtcDateTime, pickerCopy, type FieldOf, type FormField, type FormFieldValue } from \"./model\";\n\nfunction selectedIds(field: FormField, value: FormFieldValue | undefined): string[] {\n  const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n  const links = Array.isArray(value) ? value : value === undefined ? [] : [value];\n  return links.flatMap((link) => {\n    if (!link || typeof link !== \"object\" || !(key in link)) return [];\n    const id = (link as unknown as Record<string, unknown>)[key];\n    return typeof id === \"string\" ? [id] : [];\n  });\n}\n\nfunction pickerValue(field: FormField, ids: string[]): FormFieldValue | undefined {\n  if (field.type === \"asset\") {\n    const links = ids.map((assetId) => ({ assetId }));\n    return field.multiple ? links : links[0];\n  }\n  const links = ids.map((entryId) => ({ entryId }));\n  return field.multiple ? links : links[0];\n}\n\ntype Accessibility = Parameters<FieldProps[\"children\"]>[0];\n\ninterface ControlProps<F extends FormField> {\n  field: F;\n  stored: FormFieldValue | undefined;\n  isDisabled: boolean;\n  required: boolean | undefined;\n  accessibility: Omit<Accessibility, \"required\">;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\nfunction NumberControl({ field, stored, isDisabled, required, accessibility, onChange }: ControlProps<FieldOf<\"number\">>) {\n  return <NumberField {...accessibility} required={required} isDisabled={isDisabled} placeholder={field.placeholder}\n    min={field.min} max={field.max} step={field.step ?? \"any\"} hasSteppers={field.hasSteppers ?? false} autoFocus={field.autoFocus}\n    decreaseLabel={`Decrease ${field.label}`} increaseLabel={`Increase ${field.label}`}\n    value={typeof stored === \"number\" && Number.isFinite(stored) ? stored : \"\"}\n    onValueChange={(next) => { if (next === \"\" || Number.isFinite(next)) onChange(next === \"\" ? undefined : next); }} />;\n}\n\nfunction SelectControl({ field, stored, isDisabled, required, accessibility, onChange }: ControlProps<FieldOf<\"select\">>) {\n  // Optional selects lead with an empty choice; picking it removes the key.\n  const isClearable = !required && !field.options.some((option) => option.value === \"\");\n  return <Select {...accessibility} aria-required={required || undefined} isDisabled={isDisabled} isInvalid={accessibility[\"aria-invalid\"]}\n    options={isClearable ? [{ value: \"\", label: field.placeholder ?? \"None\" }, ...field.options] : field.options}\n    placeholder={field.placeholder} autoFocus={field.autoFocus}\n    value={typeof stored === \"string\" ? stored : \"\"} onValueChange={(next) => onChange(next === \"\" ? undefined : next)} />;\n}\n\nfunction PickerControl({ field, stored, items, isDisabled, accessibility, onChange }: ControlProps<FieldOf<\"asset\" | \"reference\">> & { items: EntryItem[] }) {\n  return <div {...accessibility} role=\"group\">\n    <EntryPicker items={items} value={selectedIds(field, stored)}\n      {...pickerCopy(field)} mode={field.multiple ? \"multiple\" : \"single\"} isDisabled={isDisabled}\n      onValueChange={(ids) => onChange(pickerValue(field, ids))} />\n  </div>;\n}\n\ninterface FormControlProps {\n  field: FormField;\n  stored: FormFieldValue | undefined;\n  items: EntryItem[];\n  isDisabled: boolean;\n  accessibility: Accessibility;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\nexport function FormControl({ field, stored, items, isDisabled, accessibility: { required, ...accessibility }, onChange }: FormControlProps) {\n  const shared = { stored, isDisabled, required, accessibility, onChange };\n  switch (field.type) {\n    case \"shortText\":\n      return <TextField {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n        type={field.inputType} maxLength={field.maxLength} readOnly={field.readOnly} autoFocus={field.autoFocus}\n        value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => onChange(event.target.value)} />;\n    case \"longText\":\n      return <TextArea {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n        rows={field.rows} maxLength={field.maxLength} readOnly={field.readOnly} autoFocus={field.autoFocus}\n        value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => onChange(event.target.value)} />;\n    case \"number\":\n      return <NumberControl field={field} {...shared} />;\n    case \"boolean\":\n      return <Switch {...accessibility} isDisabled={isDisabled} autoFocus={field.autoFocus} isSelected={stored === true} onSelectedChange={onChange} />;\n    case \"dateTime\":\n      return <TextField {...accessibility} required={required} disabled={isDisabled} type=\"datetime-local\" step=\"0.001\" autoFocus={field.autoFocus}\n        value={parseUtcDateTime(stored)?.slice(0, -1) ?? \"\"}\n        onChange={(event) => onChange(parseUtcDateTime(`${event.target.value}Z`))} />;\n    case \"richText\":\n      return <RichTextEditor {...accessibility} label={field.label} isRequired={required} isDisabled={isDisabled}\n        placeholder={field.placeholder} format=\"json\" value={stored === undefined ? emptyDocument : stored as RichTextDocument}\n        onChange={onChange} />;\n    case \"select\":\n      return <SelectControl field={field} {...shared} />;\n    case \"asset\":\n    case \"reference\":\n      return <PickerControl field={field} items={items} {...shared} />;\n  }\n}\n","import { useMemo, useState, type CSSProperties, type HTMLAttributes } from \"react\";\nimport type { EntryItem } from \"../EntryPicker\";\nimport { Field } from \"../Field\";\nimport type { GridColumns } from \"../Grid\";\nimport { FormControl } from \"./control\";\nimport { assertModel, fieldError, type FormField, type FormSchema, type FormErrors, type FormFieldValue, type FormValues } from \"./model\";\nimport \"./style.css\";\n\nexport { validateFormValues } from \"./model\";\nexport type { AssetValue, FormField, FormSchema, FormErrors, FormFieldValue, FormValues, ReferenceValue } from \"./model\";\n\nexport interface FormChange { fieldId: string }\n\nexport interface FormEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n  schema: FormSchema;\n  value?: FormValues;\n  defaultValue?: FormValues;\n  onValueChange?: (values: FormValues, change: FormChange) => void;\n  /** Available assets or entries, keyed by field ID. Loading belongs to the app. */\n  pickerItems?: Record<string, EntryItem[]>;\n  /** App-provided messages take precedence over built-in validation. */\n  errors?: FormErrors;\n  isDisabled?: boolean;\n  showAllErrors?: boolean;\n  /** Columns at the widest. The form drops one whenever a field would be narrower than `minColumnWidth`. */\n  columns?: GridColumns;\n  /** Narrowest a field may get before the form drops a column. */\n  minColumnWidth?: string;\n}\n\ninterface FormEditorFieldProps {\n  field: FormField;\n  stored: FormFieldValue | undefined;\n  items: EntryItem[];\n  isDisabled: boolean;\n  error: string | undefined;\n  isErrorVisible: boolean;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\n/** Validates only when its message can show, and only when its own field or value changes. */\nfunction FormEditorField({ field, stored, items, isDisabled, error, isErrorVisible, onChange }: FormEditorFieldProps) {\n  const validation = useMemo(() => error === undefined && isErrorVisible ? fieldError(field, stored) : undefined,\n    [error, isErrorVisible, field, stored]);\n  const label = field.type === \"dateTime\" ? `${field.label} (UTC)` : field.label;\n  return (\n    <Field label={label} hint={field.hint} error={error ?? validation} isRequired={field.required}\n      isGroup={field.type === \"asset\" || field.type === \"reference\"}>\n      {(accessibility) => <FormControl field={field} stored={stored} items={items}\n        isDisabled={isDisabled} accessibility={accessibility} onChange={onChange} />}\n    </Field>\n  );\n}\n\n/** Ordered form controls. Loading, submission, and persistence belong to the app. */\nexport function FormEditor({ schema, value, defaultValue = {}, onValueChange, pickerItems = {}, errors = {},\n  isDisabled = false, showAllErrors = false, columns = 1, minColumnWidth = \"16rem\", className, style, ...rest }: FormEditorProps) {\n  const [internal, setInternal] = useState<FormValues>(defaultValue);\n  const [changed, setChanged] = useState<Set<string>>(() => new Set());\n  const current = value ?? internal;\n  useMemo(() => assertModel(schema), [schema]);\n\n  const commit = (fieldId: string, next: FormFieldValue | undefined) => {\n    const values = { ...current };\n    if (next === undefined) delete values[fieldId];\n    else values[fieldId] = next;\n    if (value === undefined) setInternal(values);\n    setChanged((previous) => new Set(previous).add(fieldId));\n    onValueChange?.(values, { fieldId });\n  };\n\n  const layout = columns === \"auto\"\n    ? { \"--form-editor-min-column\": minColumnWidth }\n    : { \"--form-editor-columns\": columns, \"--form-editor-min-column\": minColumnWidth };\n\n  return (\n    <div className={[\"ds-form-editor\", columns === \"auto\" && \"ds-form-editor--auto\", className].filter(Boolean).join(\" \")}\n      style={{ ...layout, ...style } as CSSProperties} {...rest}>\n      {schema.fields.map((field) => {\n        const stored = Object.hasOwn(current, field.id) ? current[field.id] : undefined;\n        const fieldDisabled = isDisabled || Boolean(field.isDisabled);\n        const isLocked = fieldDisabled || (\"readOnly\" in field && Boolean(field.readOnly));\n        // NumberField marks an out-of-range number invalid itself, so its message shows straight away.\n        const isErrorVisible = showAllErrors || changed.has(field.id) || (field.type === \"number\" && typeof stored === \"number\");\n        return <FormEditorField key={field.id} field={field} stored={stored} items={pickerItems[field.id] ?? []}\n          isDisabled={fieldDisabled} error={errors[field.id]} isErrorVisible={isErrorVisible}\n          onChange={(next) => { if (!isLocked) commit(field.id, next); }} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/FormEditor-DuW8x78Y.js

@@ -0,0 +1,330 @@
+import { Field as e } from "../components/Field/index.js";
+import { TextArea as t, TextField as n } from "../components/TextField/index.js";
+import { n as r, r as i, t as a } from "./RichTextEditor-Dnx4i7bQ.js";
+import { EntryPicker as o } from "../components/EntryPicker/index.js";
+import { NumberField as s } from "../components/NumberField/index.js";
+import { Select as c } from "../components/Select/index.js";
+import { Switch as l } from "../components/Switch/index.js";
+import { useMemo as u, useState as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/FormEditor/model.ts
+var p = /* @__PURE__ */ new Set([
+	"shortText",
+	"longText",
+	"richText",
+	"number",
+	"boolean",
+	"dateTime",
+	"asset",
+	"reference",
+	"select"
+]);
+function m(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e.fields) {
+		if (!n.id?.trim() || t.has(n.id)) throw Error("Form field IDs must be nonempty and unique.");
+		if (!p.has(n.type)) throw Error(`Unsupported form field type: ${n.type}`);
+		if (n.type === "select" && !Array.isArray(n.options)) throw Error(`Select field ${n.id} needs an options array.`);
+		t.add(n.id);
+	}
+}
+var h = {
+	asset: {
+		key: "assetId",
+		label: "Assets",
+		itemLabel: "asset",
+		itemsLabel: "assets"
+	},
+	reference: {
+		key: "entryId",
+		label: "Entries",
+		itemLabel: "entry",
+		itemsLabel: "entries"
+	}
+};
+function g(e) {
+	let t = h[e.type], { label: n = t.label, addLabel: r = `Choose ${e.label}`, itemLabel: i = t.itemLabel, itemsLabel: a = t.itemsLabel, ...o } = e.picker ?? {};
+	return {
+		...o,
+		label: n,
+		addLabel: r,
+		itemLabel: i,
+		itemsLabel: a
+	};
+}
+function _(e) {
+	if (typeof e != "string") return;
+	let t = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(?:Z|\+00:00)$/.exec(e);
+	if (!t) return;
+	let n = `${t[1]}:${t[2] ?? "00"}.${(t[3] ?? "").padEnd(3, "0")}Z`, r = new Date(n);
+	if (Number.isFinite(r.getTime()) && r.toISOString() === n) return n;
+}
+function v(e, t) {
+	return !!e && typeof e == "object" && t in e && typeof e[t] == "string" && e[t].trim().length > 0;
+}
+function y(e) {
+	return !!e.text?.trim() || e.type === "horizontalRule" || !!e.content?.some(y);
+}
+function b(e) {
+	return `${e.label} is required.`;
+}
+function x(e, t) {
+	if (typeof t != "string") return "Enter text.";
+	if (e.required && !t.trim()) return b(e);
+	if ((e.type === "shortText" || e.type === "longText") && e.maxLength !== void 0 && t.length > e.maxLength) return `Enter no more than ${e.maxLength} characters.`;
+}
+function S(e, t) {
+	let n = r(t);
+	if (n) return n;
+	if (e.required && !y(t)) return b(e);
+}
+function C(e, t) {
+	if (typeof t != "string") return "Choose an available option.";
+	if (t === "") return e.required ? b(e) : void 0;
+	if (e.type === "select" && e.options.length > 0 && !e.options.some((e) => e.value === t)) return "Choose an available option.";
+}
+function w(e, t) {
+	if (e.type !== "asset" && e.type !== "reference") return;
+	let { key: n, itemLabel: r, itemsLabel: i } = h[e.type];
+	if (!e.multiple) return v(t, n) ? void 0 : `Choose an ${r}.`;
+	if (!Array.isArray(t) || !t.every((e) => v(e, n))) return `Choose a list of ${i}.`;
+	if (e.required && t.length === 0) return b(e);
+	let a = e.picker?.max;
+	if (a !== void 0 && t.length > a) return `Choose no more than ${a} ${g(e).itemsLabel}.`;
+}
+var T = {
+	shortText: x,
+	longText: x,
+	richText: S,
+	number: (e, t) => {
+		if (typeof t != "number" || !Number.isFinite(t)) return "Enter a finite number.";
+		if (e.type === "number") {
+			if (e.min !== void 0 && t < e.min) return `Enter a number of at least ${e.min}.`;
+			if (e.max !== void 0 && t > e.max) return `Enter a number no greater than ${e.max}.`;
+		}
+	},
+	boolean: (e, t) => typeof t == "boolean" ? void 0 : "Choose a boolean value.",
+	dateTime: (e, t) => _(t) ? void 0 : "Enter a valid UTC date and time.",
+	select: C,
+	asset: w,
+	reference: w
+};
+function E(e, t) {
+	return t === void 0 ? e.required ? b(e) : void 0 : T[e.type](e, t);
+}
+function D(e, t) {
+	return m(e), Object.fromEntries(e.fields.flatMap((e) => {
+		let n = E(e, Object.hasOwn(t, e.id) ? t[e.id] : void 0);
+		return n ? [[e.id, n]] : [];
+	}));
+}
+//#endregion
+//#region src/components/FormEditor/control.tsx
+function O(e, t) {
+	let n = e.type === "asset" ? "assetId" : "entryId";
+	return (Array.isArray(t) ? t : t === void 0 ? [] : [t]).flatMap((e) => {
+		if (!e || typeof e != "object" || !(n in e)) return [];
+		let t = e[n];
+		return typeof t == "string" ? [t] : [];
+	});
+}
+function k(e, t) {
+	if (e.type === "asset") {
+		let n = t.map((e) => ({ assetId: e }));
+		return e.multiple ? n : n[0];
+	}
+	let n = t.map((e) => ({ entryId: e }));
+	return e.multiple ? n : n[0];
+}
+function A({ field: e, stored: t, isDisabled: n, required: r, accessibility: i, onChange: a }) {
+	return /* @__PURE__ */ f(s, {
+		...i,
+		required: r,
+		isDisabled: n,
+		placeholder: e.placeholder,
+		min: e.min,
+		max: e.max,
+		step: e.step ?? "any",
+		hasSteppers: e.hasSteppers ?? !1,
+		autoFocus: e.autoFocus,
+		decreaseLabel: `Decrease ${e.label}`,
+		increaseLabel: `Increase ${e.label}`,
+		value: typeof t == "number" && Number.isFinite(t) ? t : "",
+		onValueChange: (e) => {
+			(e === "" || Number.isFinite(e)) && a(e === "" ? void 0 : e);
+		}
+	});
+}
+function j({ field: e, stored: t, isDisabled: n, required: r, accessibility: i, onChange: a }) {
+	let o = !r && !e.options.some((e) => e.value === "");
+	return /* @__PURE__ */ f(c, {
+		...i,
+		"aria-required": r || void 0,
+		isDisabled: n,
+		isInvalid: i["aria-invalid"],
+		options: o ? [{
+			value: "",
+			label: e.placeholder ?? "None"
+		}, ...e.options] : e.options,
+		placeholder: e.placeholder,
+		autoFocus: e.autoFocus,
+		value: typeof t == "string" ? t : "",
+		onValueChange: (e) => a(e === "" ? void 0 : e)
+	});
+}
+function M({ field: e, stored: t, items: n, isDisabled: r, accessibility: i, onChange: a }) {
+	return /* @__PURE__ */ f("div", {
+		...i,
+		role: "group",
+		children: /* @__PURE__ */ f(o, {
+			items: n,
+			value: O(e, t),
+			...g(e),
+			mode: e.multiple ? "multiple" : "single",
+			isDisabled: r,
+			onValueChange: (t) => a(k(e, t))
+		})
+	});
+}
+function N({ field: e, stored: r, items: o, isDisabled: s, accessibility: { required: c, ...u }, onChange: d }) {
+	let p = {
+		stored: r,
+		isDisabled: s,
+		required: c,
+		accessibility: u,
+		onChange: d
+	};
+	switch (e.type) {
+		case "shortText": return /* @__PURE__ */ f(n, {
+			...u,
+			required: c,
+			disabled: s,
+			placeholder: e.placeholder,
+			type: e.inputType,
+			maxLength: e.maxLength,
+			readOnly: e.readOnly,
+			autoFocus: e.autoFocus,
+			value: typeof r == "string" ? r : "",
+			onChange: (e) => d(e.target.value)
+		});
+		case "longText": return /* @__PURE__ */ f(t, {
+			...u,
+			required: c,
+			disabled: s,
+			placeholder: e.placeholder,
+			rows: e.rows,
+			maxLength: e.maxLength,
+			readOnly: e.readOnly,
+			autoFocus: e.autoFocus,
+			value: typeof r == "string" ? r : "",
+			onChange: (e) => d(e.target.value)
+		});
+		case "number": return /* @__PURE__ */ f(A, {
+			field: e,
+			...p
+		});
+		case "boolean": return /* @__PURE__ */ f(l, {
+			...u,
+			isDisabled: s,
+			autoFocus: e.autoFocus,
+			isSelected: r === !0,
+			onSelectedChange: d
+		});
+		case "dateTime": return /* @__PURE__ */ f(n, {
+			...u,
+			required: c,
+			disabled: s,
+			type: "datetime-local",
+			step: "0.001",
+			autoFocus: e.autoFocus,
+			value: _(r)?.slice(0, -1) ?? "",
+			onChange: (e) => d(_(`${e.target.value}Z`))
+		});
+		case "richText": return /* @__PURE__ */ f(a, {
+			...u,
+			label: e.label,
+			isRequired: c,
+			isDisabled: s,
+			placeholder: e.placeholder,
+			format: "json",
+			value: r === void 0 ? i : r,
+			onChange: d
+		});
+		case "select": return /* @__PURE__ */ f(j, {
+			field: e,
+			...p
+		});
+		case "asset":
+		case "reference": return /* @__PURE__ */ f(M, {
+			field: e,
+			items: o,
+			...p
+		});
+	}
+}
+//#endregion
+//#region src/components/FormEditor/index.tsx
+function P({ field: t, stored: n, items: r, isDisabled: i, error: a, isErrorVisible: o, onChange: s }) {
+	let c = u(() => a === void 0 && o ? E(t, n) : void 0, [
+		a,
+		o,
+		t,
+		n
+	]), l = t.type === "dateTime" ? `${t.label} (UTC)` : t.label;
+	return /* @__PURE__ */ f(e, {
+		label: l,
+		hint: t.hint,
+		error: a ?? c,
+		isRequired: t.required,
+		isGroup: t.type === "asset" || t.type === "reference",
+		children: (e) => /* @__PURE__ */ f(N, {
+			field: t,
+			stored: n,
+			items: r,
+			isDisabled: i,
+			accessibility: e,
+			onChange: s
+		})
+	});
+}
+function F({ schema: e, value: t, defaultValue: n = {}, onValueChange: r, pickerItems: i = {}, errors: a = {}, isDisabled: o = !1, showAllErrors: s = !1, columns: c = 1, minColumnWidth: l = "16rem", className: p, style: h, ...g }) {
+	let [_, v] = d(n), [y, b] = d(() => /* @__PURE__ */ new Set()), x = t ?? _;
+	u(() => m(e), [e]);
+	let S = (e, n) => {
+		let i = { ...x };
+		n === void 0 ? delete i[e] : i[e] = n, t === void 0 && v(i), b((t) => new Set(t).add(e)), r?.(i, { fieldId: e });
+	}, C = c === "auto" ? { "--form-editor-min-column": l } : {
+		"--form-editor-columns": c,
+		"--form-editor-min-column": l
+	};
+	return /* @__PURE__ */ f("div", {
+		className: [
+			"ds-form-editor",
+			c === "auto" && "ds-form-editor--auto",
+			p
+		].filter(Boolean).join(" "),
+		style: {
+			...C,
+			...h
+		},
+		...g,
+		children: e.fields.map((e) => {
+			let t = Object.hasOwn(x, e.id) ? x[e.id] : void 0, n = o || !!e.isDisabled, r = n || "readOnly" in e && !!e.readOnly, c = s || y.has(e.id) || e.type === "number" && typeof t == "number";
+			return /* @__PURE__ */ f(P, {
+				field: e,
+				stored: t,
+				items: i[e.id] ?? [],
+				isDisabled: n,
+				error: a[e.id],
+				isErrorVisible: c,
+				onChange: (t) => {
+					r || S(e.id, t);
+				}
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { D as n, F as t };
+
+//# sourceMappingURL=FormEditor-DuW8x78Y.js.map

package/dist/chunks/FormEditor-DuW8x78Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormEditor-DuW8x78Y.js","names":["documentError","emptyDocument","RichTextEditor","fieldTypes","assertModel","ids","field","model","linkCopy","pickerCopy","defaults","rest","parseUtcDateTime","value","match","canonical","date","isLink","key","hasRichText","node","requiredError","textError","richTextError","error","choiceError","option","linkError","itemLabel","item","itemsLabel","max","validators","fieldError","validateFormValues","values","selectedIds","link","id","pickerValue","links","NumberControl","NumberField","accessibility","stored","next","onChange","SelectControl","isClearable","required","Select","PickerControl","EntryPicker","FormControl","shared","TextField","isDisabled","event","TextArea","Switch","FormEditorField","validation","useMemo","isErrorVisible","label","Field","FormEditor","internal","setInternal","useState","defaultValue","changed","setChanged","current","schema","commit","fieldId","previous","onValueChange","layout","columns","minColumnWidth","className","style","fieldDisabled","isLocked","showAllErrors","pickerItems","errors"],"sources":["../../src/components/FormEditor/model.ts","../../src/components/FormEditor/control.tsx","../../src/components/FormEditor/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { SelectOption } from \"../Select\";\nimport type { EntryPickerProps } from \"../EntryPicker\";\nimport type { JSONContent } from \"@tiptap/react\";\nimport { documentError } from \"../RichTextEditor/document\";\nimport type { RichTextDocument } from \"../RichTextEditor\";\n\ninterface FormFieldBase {\n  id: string;\n  label: string;\n  hint?: ReactNode;\n  placeholder?: string;\n  required?: boolean;\n  isDisabled?: boolean;\n}\n\nexport type FormField = FormFieldBase & (\n  | { type: \"shortText\"; inputType?: \"text\" | \"email\"; maxLength?: number; readOnly?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"longText\"; rows?: number; maxLength?: number; readOnly?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"boolean\" | \"dateTime\"; autoFocus?: boolean; multiple?: never }\n  | { type: \"richText\"; autoFocus?: never; multiple?: never }\n  | { type: \"number\"; min?: number; max?: number; step?: number | \"any\"; hasSteppers?: boolean; autoFocus?: boolean; multiple?: never }\n  | { type: \"select\"; options: SelectOption[]; autoFocus?: boolean; multiple?: never }\n  | { type: \"asset\" | \"reference\"; multiple?: boolean; autoFocus?: never; picker?: Pick<EntryPickerProps, \"label\" | \"addLabel\" | \"emptyLabel\" | \"itemLabel\" | \"itemsLabel\" | \"max\" | \"isReorderable\"> }\n);\n\nexport type FieldOf<T extends FormField[\"type\"]> = Extract<FormField, { type: T }>;\n\nexport interface FormSchema {\n  fields: readonly FormField[];\n}\n\nexport interface AssetValue { assetId: string }\nexport interface ReferenceValue { entryId: string }\nexport type FormFieldValue = string | number | boolean | RichTextDocument | AssetValue | ReferenceValue | AssetValue[] | ReferenceValue[];\nexport type FormValues = Record<string, FormFieldValue | undefined>;\nexport type FormErrors = Partial<Record<string, string>>;\n\nconst fieldTypes = new Set([\"shortText\", \"longText\", \"richText\", \"number\", \"boolean\", \"dateTime\", \"asset\", \"reference\", \"select\"]);\n\nexport function assertModel(model: FormSchema) {\n  const ids = new Set<string>();\n  for (const field of model.fields) {\n    if (!field.id?.trim() || ids.has(field.id)) throw new Error(\"Form field IDs must be nonempty and unique.\");\n    if (!fieldTypes.has(field.type)) throw new Error(`Unsupported form field type: ${field.type}`);\n    if (field.type === \"select\" && !Array.isArray(field.options)) throw new Error(`Select field ${field.id} needs an options array.`);\n    ids.add(field.id);\n  }\n}\n\nconst linkCopy = {\n  asset: { key: \"assetId\", label: \"Assets\", itemLabel: \"asset\", itemsLabel: \"assets\" },\n  reference: { key: \"entryId\", label: \"Entries\", itemLabel: \"entry\", itemsLabel: \"entries\" },\n} as const;\n\n/** Picker copy, with asset or entry wording for any option the field leaves out or sets to undefined. */\nexport function pickerCopy(field: FieldOf<\"asset\" | \"reference\">) {\n  const defaults = linkCopy[field.type];\n  const {\n    label = defaults.label,\n    addLabel = `Choose ${field.label}`,\n    itemLabel = defaults.itemLabel,\n    itemsLabel = defaults.itemsLabel,\n    ...rest\n  } = field.picker ?? {};\n  return { ...rest, label, addLabel, itemLabel, itemsLabel };\n}\n\n/** Accept UTC ISO strings without rolling invalid dates into the next month. */\nexport function parseUtcDateTime(value: unknown): string | undefined {\n  if (typeof value !== \"string\") return;\n  const match = /^(\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2})(?::(\\d{2})(?:\\.(\\d{1,3}))?)?(?:Z|\\+00:00)$/.exec(value);\n  if (!match) return;\n  const canonical = `${match[1]}:${match[2] ?? \"00\"}.${(match[3] ?? \"\").padEnd(3, \"0\")}Z`;\n  const date = new Date(canonical);\n  if (Number.isFinite(date.getTime()) && date.toISOString() === canonical) return canonical;\n}\n\nfunction isLink(value: unknown, key: \"assetId\" | \"entryId\"): boolean {\n  return !!value && typeof value === \"object\" && key in value &&\n    typeof (value as Record<string, unknown>)[key] === \"string\" &&\n    ((value as Record<string, string>)[key]).trim().length > 0;\n}\n\nfunction hasRichText(node: JSONContent): boolean {\n  return !!node.text?.trim() || node.type === \"horizontalRule\" || !!node.content?.some(hasRichText);\n}\n\nfunction requiredError(field: FormField): string {\n  return `${field.label} is required.`;\n}\n\nfunction textError(field: FormField, value: unknown): string | undefined {\n  if (typeof value !== \"string\") return \"Enter text.\";\n  if (field.required && !value.trim()) return requiredError(field);\n  if ((field.type === \"shortText\" || field.type === \"longText\") && field.maxLength !== undefined && value.length > field.maxLength) {\n    return `Enter no more than ${field.maxLength} characters.`;\n  }\n}\n\nfunction richTextError(field: FormField, value: unknown): string | undefined {\n  const error = documentError(value);\n  if (error) return error;\n  if (field.required && !hasRichText(value as RichTextDocument)) return requiredError(field);\n}\n\nfunction choiceError(field: FormField, value: unknown): string | undefined {\n  if (typeof value !== \"string\") return \"Choose an available option.\";\n  if (value === \"\") return field.required ? requiredError(field) : undefined;\n  // An empty list means the choices are still loading, so a stored value stays valid until they arrive.\n  if (field.type === \"select\" && field.options.length > 0 && !field.options.some((option) => option.value === value)) {\n    return \"Choose an available option.\";\n  }\n}\n\nfunction linkError(field: FormField, value: unknown): string | undefined {\n  if (field.type !== \"asset\" && field.type !== \"reference\") return;\n  const { key, itemLabel, itemsLabel } = linkCopy[field.type];\n  if (!field.multiple) return isLink(value, key) ? undefined : `Choose an ${itemLabel}.`;\n  if (!Array.isArray(value) || !value.every((item) => isLink(item, key))) return `Choose a list of ${itemsLabel}.`;\n  if (field.required && value.length === 0) return requiredError(field);\n  const max = field.picker?.max;\n  if (max !== undefined && value.length > max) return `Choose no more than ${max} ${pickerCopy(field).itemsLabel}.`;\n}\n\nconst validators: Record<FormField[\"type\"], (field: FormField, value: unknown) => string | undefined> = {\n  shortText: textError,\n  longText: textError,\n  richText: richTextError,\n  number: (field, value) => {\n    if (typeof value !== \"number\" || !Number.isFinite(value)) return \"Enter a finite number.\";\n    if (field.type !== \"number\") return;\n    if (field.min !== undefined && value < field.min) return `Enter a number of at least ${field.min}.`;\n    if (field.max !== undefined && value > field.max) return `Enter a number no greater than ${field.max}.`;\n  },\n  boolean: (_field, value) => typeof value === \"boolean\" ? undefined : \"Choose a boolean value.\",\n  dateTime: (_field, value) => parseUtcDateTime(value) ? undefined : \"Enter a valid UTC date and time.\",\n  select: choiceError,\n  asset: linkError,\n  reference: linkError,\n};\n\nexport function fieldError(field: FormField, value: unknown): string | undefined {\n  if (value === undefined) return field.required ? requiredError(field) : undefined;\n  return validators[field.type](field, value);\n}\n\n/** Validate data loaded from JSON as well as values emitted by FormEditor. */\nexport function validateFormValues(model: FormSchema, values: Record<string, unknown>): FormErrors {\n  assertModel(model);\n  return Object.fromEntries(model.fields.flatMap((field): [string, string][] => {\n    const error = fieldError(field, Object.hasOwn(values, field.id) ? values[field.id] : undefined);\n    return error ? [[field.id, error]] : [];\n  }));\n}\n","import { EntryPicker, type EntryItem } from \"../EntryPicker\";\nimport type { FieldProps } from \"../Field\";\nimport { NumberField } from \"../NumberField\";\nimport { RichTextEditor, type RichTextDocument } from \"../RichTextEditor\";\nimport { emptyDocument } from \"../RichTextEditor/document\";\nimport { Select } from \"../Select\";\nimport { Switch } from \"../Switch\";\nimport { TextArea, TextField } from \"../TextField\";\nimport { parseUtcDateTime, pickerCopy, type FieldOf, type FormField, type FormFieldValue } from \"./model\";\n\nfunction selectedIds(field: FormField, value: FormFieldValue | undefined): string[] {\n  const key = field.type === \"asset\" ? \"assetId\" : \"entryId\";\n  const links = Array.isArray(value) ? value : value === undefined ? [] : [value];\n  return links.flatMap((link) => {\n    if (!link || typeof link !== \"object\" || !(key in link)) return [];\n    const id = (link as unknown as Record<string, unknown>)[key];\n    return typeof id === \"string\" ? [id] : [];\n  });\n}\n\nfunction pickerValue(field: FormField, ids: string[]): FormFieldValue | undefined {\n  if (field.type === \"asset\") {\n    const links = ids.map((assetId) => ({ assetId }));\n    return field.multiple ? links : links[0];\n  }\n  const links = ids.map((entryId) => ({ entryId }));\n  return field.multiple ? links : links[0];\n}\n\ntype Accessibility = Parameters<FieldProps[\"children\"]>[0];\n\ninterface ControlProps<F extends FormField> {\n  field: F;\n  stored: FormFieldValue | undefined;\n  isDisabled: boolean;\n  required: boolean | undefined;\n  accessibility: Omit<Accessibility, \"required\">;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\nfunction NumberControl({ field, stored, isDisabled, required, accessibility, onChange }: ControlProps<FieldOf<\"number\">>) {\n  return <NumberField {...accessibility} required={required} isDisabled={isDisabled} placeholder={field.placeholder}\n    min={field.min} max={field.max} step={field.step ?? \"any\"} hasSteppers={field.hasSteppers ?? false} autoFocus={field.autoFocus}\n    decreaseLabel={`Decrease ${field.label}`} increaseLabel={`Increase ${field.label}`}\n    value={typeof stored === \"number\" && Number.isFinite(stored) ? stored : \"\"}\n    onValueChange={(next) => { if (next === \"\" || Number.isFinite(next)) onChange(next === \"\" ? undefined : next); }} />;\n}\n\nfunction SelectControl({ field, stored, isDisabled, required, accessibility, onChange }: ControlProps<FieldOf<\"select\">>) {\n  // Optional selects lead with an empty choice; picking it removes the key.\n  const isClearable = !required && !field.options.some((option) => option.value === \"\");\n  return <Select {...accessibility} aria-required={required || undefined} isDisabled={isDisabled} isInvalid={accessibility[\"aria-invalid\"]}\n    options={isClearable ? [{ value: \"\", label: field.placeholder ?? \"None\" }, ...field.options] : field.options}\n    placeholder={field.placeholder} autoFocus={field.autoFocus}\n    value={typeof stored === \"string\" ? stored : \"\"} onValueChange={(next) => onChange(next === \"\" ? undefined : next)} />;\n}\n\nfunction PickerControl({ field, stored, items, isDisabled, accessibility, onChange }: ControlProps<FieldOf<\"asset\" | \"reference\">> & { items: EntryItem[] }) {\n  return <div {...accessibility} role=\"group\">\n    <EntryPicker items={items} value={selectedIds(field, stored)}\n      {...pickerCopy(field)} mode={field.multiple ? \"multiple\" : \"single\"} isDisabled={isDisabled}\n      onValueChange={(ids) => onChange(pickerValue(field, ids))} />\n  </div>;\n}\n\ninterface FormControlProps {\n  field: FormField;\n  stored: FormFieldValue | undefined;\n  items: EntryItem[];\n  isDisabled: boolean;\n  accessibility: Accessibility;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\nexport function FormControl({ field, stored, items, isDisabled, accessibility: { required, ...accessibility }, onChange }: FormControlProps) {\n  const shared = { stored, isDisabled, required, accessibility, onChange };\n  switch (field.type) {\n    case \"shortText\":\n      return <TextField {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n        type={field.inputType} maxLength={field.maxLength} readOnly={field.readOnly} autoFocus={field.autoFocus}\n        value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => onChange(event.target.value)} />;\n    case \"longText\":\n      return <TextArea {...accessibility} required={required} disabled={isDisabled} placeholder={field.placeholder}\n        rows={field.rows} maxLength={field.maxLength} readOnly={field.readOnly} autoFocus={field.autoFocus}\n        value={typeof stored === \"string\" ? stored : \"\"} onChange={(event) => onChange(event.target.value)} />;\n    case \"number\":\n      return <NumberControl field={field} {...shared} />;\n    case \"boolean\":\n      return <Switch {...accessibility} isDisabled={isDisabled} autoFocus={field.autoFocus} isSelected={stored === true} onSelectedChange={onChange} />;\n    case \"dateTime\":\n      return <TextField {...accessibility} required={required} disabled={isDisabled} type=\"datetime-local\" step=\"0.001\" autoFocus={field.autoFocus}\n        value={parseUtcDateTime(stored)?.slice(0, -1) ?? \"\"}\n        onChange={(event) => onChange(parseUtcDateTime(`${event.target.value}Z`))} />;\n    case \"richText\":\n      return <RichTextEditor {...accessibility} label={field.label} isRequired={required} isDisabled={isDisabled}\n        placeholder={field.placeholder} format=\"json\" value={stored === undefined ? emptyDocument : stored as RichTextDocument}\n        onChange={onChange} />;\n    case \"select\":\n      return <SelectControl field={field} {...shared} />;\n    case \"asset\":\n    case \"reference\":\n      return <PickerControl field={field} items={items} {...shared} />;\n  }\n}\n","import { useMemo, useState, type CSSProperties, type HTMLAttributes } from \"react\";\nimport type { EntryItem } from \"../EntryPicker\";\nimport { Field } from \"../Field\";\nimport type { GridColumns } from \"../Grid\";\nimport { FormControl } from \"./control\";\nimport { assertModel, fieldError, type FormField, type FormSchema, type FormErrors, type FormFieldValue, type FormValues } from \"./model\";\nimport \"./style.css\";\n\nexport { validateFormValues } from \"./model\";\nexport type { AssetValue, FormField, FormSchema, FormErrors, FormFieldValue, FormValues, ReferenceValue } from \"./model\";\n\nexport interface FormChange { fieldId: string }\n\nexport interface FormEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n  schema: FormSchema;\n  value?: FormValues;\n  defaultValue?: FormValues;\n  onValueChange?: (values: FormValues, change: FormChange) => void;\n  /** Available assets or entries, keyed by field ID. Loading belongs to the app. */\n  pickerItems?: Record<string, EntryItem[]>;\n  /** App-provided messages take precedence over built-in validation. */\n  errors?: FormErrors;\n  isDisabled?: boolean;\n  showAllErrors?: boolean;\n  /** Columns at the widest. The form drops one whenever a field would be narrower than `minColumnWidth`. */\n  columns?: GridColumns;\n  /** Narrowest a field may get before the form drops a column. */\n  minColumnWidth?: string;\n}\n\ninterface FormEditorFieldProps {\n  field: FormField;\n  stored: FormFieldValue | undefined;\n  items: EntryItem[];\n  isDisabled: boolean;\n  error: string | undefined;\n  isErrorVisible: boolean;\n  onChange: (value: FormFieldValue | undefined) => void;\n}\n\n/** Validates only when its message can show, and only when its own field or value changes. */\nfunction FormEditorField({ field, stored, items, isDisabled, error, isErrorVisible, onChange }: FormEditorFieldProps) {\n  const validation = useMemo(() => error === undefined && isErrorVisible ? fieldError(field, stored) : undefined,\n    [error, isErrorVisible, field, stored]);\n  const label = field.type === \"dateTime\" ? `${field.label} (UTC)` : field.label;\n  return (\n    <Field label={label} hint={field.hint} error={error ?? validation} isRequired={field.required}\n      isGroup={field.type === \"asset\" || field.type === \"reference\"}>\n      {(accessibility) => <FormControl field={field} stored={stored} items={items}\n        isDisabled={isDisabled} accessibility={accessibility} onChange={onChange} />}\n    </Field>\n  );\n}\n\n/** Ordered form controls. Loading, submission, and persistence belong to the app. */\nexport function FormEditor({ schema, value, defaultValue = {}, onValueChange, pickerItems = {}, errors = {},\n  isDisabled = false, showAllErrors = false, columns = 1, minColumnWidth = \"16rem\", className, style, ...rest }: FormEditorProps) {\n  const [internal, setInternal] = useState<FormValues>(defaultValue);\n  const [changed, setChanged] = useState<Set<string>>(() => new Set());\n  const current = value ?? internal;\n  useMemo(() => assertModel(schema), [schema]);\n\n  const commit = (fieldId: string, next: FormFieldValue | undefined) => {\n    const values = { ...current };\n    if (next === undefined) delete values[fieldId];\n    else values[fieldId] = next;\n    if (value === undefined) setInternal(values);\n    setChanged((previous) => new Set(previous).add(fieldId));\n    onValueChange?.(values, { fieldId });\n  };\n\n  const layout = columns === \"auto\"\n    ? { \"--form-editor-min-column\": minColumnWidth }\n    : { \"--form-editor-columns\": columns, \"--form-editor-min-column\": minColumnWidth };\n\n  return (\n    <div className={[\"ds-form-editor\", columns === \"auto\" && \"ds-form-editor--auto\", className].filter(Boolean).join(\" \")}\n      style={{ ...layout, ...style } as CSSProperties} {...rest}>\n      {schema.fields.map((field) => {\n        const stored = Object.hasOwn(current, field.id) ? current[field.id] : undefined;\n        const fieldDisabled = isDisabled || Boolean(field.isDisabled);\n        const isLocked = fieldDisabled || (\"readOnly\" in field && Boolean(field.readOnly));\n        // NumberField marks an out-of-range number invalid itself, so its message shows straight away.\n        const isErrorVisible = showAllErrors || changed.has(field.id) || (field.type === \"number\" && typeof stored === \"number\");\n        return <FormEditorField key={field.id} field={field} stored={stored} items={pickerItems[field.id] ?? []}\n          isDisabled={fieldDisabled} error={errors[field.id]} isErrorVisible={isErrorVisible}\n          onChange={(next) => { if (!isLocked) commit(field.id, next); }} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}