@panneau/fields 5.0.0-alpha.6 → 5.0.0-alpha.8

package/dist/shared/builtIn.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntry } from './types';
+import type { FieldEntry } from './types.js';
 /**
  * The entries of the built-in field types. `richtext` and `media` come with their plugins
  * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.

package/dist/shared/builtIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"builtIn.js","names":[],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { DurationFieldEntry } from '../duration/DurationField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { EmbedFieldEntry } from '../embed/EmbedField';\nimport { FileFieldEntry } from '../file/FileField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { JsonFieldEntry } from '../json/JsonField';\nimport { LocationFieldEntry } from '../location/LocationField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RangeFieldEntry } from '../range/RangeField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TagsFieldEntry } from '../tags/TagsField';\nimport { TelFieldEntry } from '../tel/TelField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins\n * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.\n * `file` uploads through the upload source of the fields context, or gives the files themselves.\n * `embed` and `location` use its embed source and its maps; `location` loads Leaflet when shown.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    file: FileFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n    tel: TelFieldEntry,\n    range: RangeFieldEntry,\n    duration: DurationFieldEntry,\n    json: JsonFieldEntry,\n    tags: TagsFieldEntry,\n    embed: EmbedFieldEntry,\n    location: LocationFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAa,gBAAsD;CAC/D,MAAM;CACN,UAAU;CACV,QAAQ;CACR,SAAS;CACT,MAAM;CACN,UAAU;CACV,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,OAAO;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,UAAU;CACV,MAAM;CACN,MAAM;CACN,OAAO;CACP,UAAU;AACd;;;;;;AAOA,IAAa,eAIT;CACA,IAAI;CACJ,QAAQ;CACR,SAAS,EAAE,GAAG;AAClB"}
+{"version":3,"file":"builtIn.js","names":["fr","BooleanFieldEntry","ColorFieldEntry","DateFieldEntry","DateTimeFieldEntry","DurationFieldEntry","EmailFieldEntry","EmbedFieldEntry","FileFieldEntry","GroupFieldEntry","JsonFieldEntry","LocationFieldEntry","NumberFieldEntry","RangeFieldEntry","RelationFieldEntry","RepeaterFieldEntry","SelectFieldEntry","SlugFieldEntry","TagsFieldEntry","TelFieldEntry","TextFieldEntry","TextAreaFieldEntry","TimeFieldEntry","UrlFieldEntry","FieldEntry","builtInFields","Readonly","Record","text","textarea","number","boolean","date","datetime","time","select","email","url","color","slug","file","relation","group","repeater","tel","range","duration","json","tags","embed","location","fieldsPlugin","id","fields","locales"],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { DurationFieldEntry } from '../duration/DurationField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { EmbedFieldEntry } from '../embed/EmbedField';\nimport { FileFieldEntry } from '../file/FileField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { JsonFieldEntry } from '../json/JsonField';\nimport { LocationFieldEntry } from '../location/LocationField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RangeFieldEntry } from '../range/RangeField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TagsFieldEntry } from '../tags/TagsField';\nimport { TelFieldEntry } from '../tel/TelField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins\n * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.\n * `file` uploads through the upload source of the fields context, or gives the files themselves.\n * `embed` and `location` use its embed source and its maps; `location` loads Leaflet when shown.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    file: FileFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n    tel: TelFieldEntry,\n    range: RangeFieldEntry,\n    duration: DurationFieldEntry,\n    json: JsonFieldEntry,\n    tags: TagsFieldEntry,\n    embed: EmbedFieldEntry,\n    location: LocationFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAayB,gBAAsD;CAC/DG,MAAMR;CACNS,UAAUR;CACVS,QAAQlB;CACRmB,SAAS9B;CACT+B,MAAM7B;CACN8B,UAAU7B;CACV8B,MAAMZ;CACNa,QAAQnB;CACRoB,OAAO9B;CACP+B,KAAKd;CACLe,OAAOpC;CACPqC,MAAMtB;CACNuB,MAAMhC;CACNiC,UAAU3B;CACV4B,OAAOjC;CACPkC,UAAU5B;CACV6B,KAAKzB;CACL0B,OAAOhC;CACPiC,UAAUzC;CACV0C,MAAMrC;CACNsC,MAAM9B;CACN+B,OAAO1C;CACP2C,UAAUvC;AACd;;;;;;AAOA,IAAawC,eAIT;CACAC,IAAI;CACJC,QAAQ5B;CACR6B,SAAS,EAAEtD,GAAG;AAClB"}

package/dist/shared/check.js.map

@@ -1 +1 @@
-{"version":3,"file":"check.js","names":[],"sources":["../../src/shared/check.ts"],"sourcesContent":["import type { FieldCheckRequest, FieldCheckResponse } from '@panneau/protocol';\n\n/**\n * Where fields with `check` check their value as it is typed: whether a slug is available, and\n * its URL. The value's locale and the form's values come with each check.\n */\nexport interface FieldCheckSource {\n    check(\n        field: string,\n        request: { value: string; locale?: string; values?: Record<string, unknown> },\n        options: { signal: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/** What `createFieldCheckSource()` needs from an adapter: the `checkField()` of `@panneau/data`. */\nexport interface FieldCheckAdapter {\n    checkField?(\n        resource: string,\n        field: string,\n        request: FieldCheckRequest,\n        options?: { signal?: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/**\n * The check source of a form of a resource, through an adapter (`POST\n * /resources/{resource}/fields/{field}/check`): `id` is the item being edited, or null when\n * creating one. Null when the adapter can't check.\n */\nexport function createFieldCheckSource(\n    adapter: FieldCheckAdapter,\n    resource: string,\n    id: string | null = null,\n): FieldCheckSource | null {\n    const { checkField } = adapter;\n    if (checkField === undefined) {\n        return null;\n    }\n    return {\n        check: (field, request, { signal }) =>\n            checkField.call(adapter, resource, field, { ...request, id }, { signal }),\n    };\n}\n"],"mappings":";;;;;;AA6BA,SAAgB,uBACZ,SACA,UACA,KAAoB,MACG;CACvB,MAAM,EAAE,eAAe;CACvB,IAAI,eAAe,KAAA,GACf,OAAO;CAEX,OAAO,EACH,QAAQ,OAAO,SAAS,EAAE,aACtB,WAAW,KAAK,SAAS,UAAU,OAAO;EAAE,GAAG;EAAS;CAAG,GAAG,EAAE,OAAO,CAAC,EAChF;AACJ"}
+{"version":3,"file":"check.js","names":["FieldCheckRequest","FieldCheckResponse","FieldCheckSource","check","field","request","value","locale","values","Record","options","signal","AbortSignal","Promise","FieldCheckAdapter","checkField","resource","createFieldCheckSource","adapter","id","undefined","call"],"sources":["../../src/shared/check.ts"],"sourcesContent":["import type { FieldCheckRequest, FieldCheckResponse } from '@panneau/protocol';\n\n/**\n * Where fields with `check` check their value as it is typed: whether a slug is available, and\n * its URL. The value's locale and the form's values come with each check.\n */\nexport interface FieldCheckSource {\n    check(\n        field: string,\n        request: { value: string; locale?: string; values?: Record<string, unknown> },\n        options: { signal: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/** What `createFieldCheckSource()` needs from an adapter: the `checkField()` of `@panneau/data`. */\nexport interface FieldCheckAdapter {\n    checkField?(\n        resource: string,\n        field: string,\n        request: FieldCheckRequest,\n        options?: { signal?: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/**\n * The check source of a form of a resource, through an adapter (`POST\n * /resources/{resource}/fields/{field}/check`): `id` is the item being edited, or null when\n * creating one. Null when the adapter can't check.\n */\nexport function createFieldCheckSource(\n    adapter: FieldCheckAdapter,\n    resource: string,\n    id: string | null = null,\n): FieldCheckSource | null {\n    const { checkField } = adapter;\n    if (checkField === undefined) {\n        return null;\n    }\n    return {\n        check: (field, request, { signal }) =>\n            checkField.call(adapter, resource, field, { ...request, id }, { signal }),\n    };\n}\n"],"mappings":";;;;;;AA6BA,SAAgBiB,uBACZC,SACAF,UACAG,KAAoB,MACG;CACvB,MAAM,EAAEJ,eAAeG;CACvB,IAAIH,eAAeK,KAAAA,GACf,OAAO;CAEX,OAAO,EACHjB,QAAQC,OAAOC,SAAS,EAAEM,aACtBI,WAAWM,KAAKH,SAASF,UAAUZ,OAAO;EAAE,GAAGC;EAASc;CAAG,GAAG,EAAER,OAAO,CAAC,EAChF;AACJ"}

package/dist/shared/context.d.ts

@@ -1,11 +1,11 @@
 import { type ComponentType, type ReactNode } from 'react';
 import type { Field } from '@panneau/protocol';
-import type { MapsConfig } from '../location/types';
-import type { UploadSource } from '../upload/types';
-import type { FieldCheckSource } from './check';
-import type { EmbedSource } from './embed';
-import type { RelationSource } from './relation';
-import type { FieldEntry } from './types';
+import type { MapsConfig } from '../location/types.js';
+import type { UploadSource } from '../upload/types.js';
+import type { FieldCheckSource } from './check.js';
+import type { EmbedSource } from './embed.js';
+import type { RelationSource } from './relation.js';
+import type { FieldEntry } from './types.js';
 /** What a binding gives a field: its value, handlers and errors at a path. */
 export interface BoundFieldProps {
     value: unknown;

package/dist/shared/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["value","children","_c"],"sources":["../../src/shared/context.tsx"],"sourcesContent":["import { type ComponentType, type ReactNode, createContext, use } from 'react';\n\nimport type { Field } from '@panneau/protocol';\n\nimport type { MapsConfig } from '../location/types';\nimport type { UploadSource } from '../upload/types';\nimport type { FieldCheckSource } from './check';\nimport type { EmbedSource } from './embed';\nimport type { RelationSource } from './relation';\nimport type { FieldEntry } from './types';\n\n/** What a binding gives a field: its value, handlers and errors at a path. */\nexport interface BoundFieldProps {\n    value: unknown;\n    onChange: (value: unknown) => void;\n    onBlur?: () => void;\n    errors?: readonly string[];\n}\n\n/** Props of a binding: it decides whether a field shows, and where its value comes from. */\nexport interface FieldBindingProps {\n    field: Field;\n    /** Dot path of the field's value. */\n    path: string;\n    /** Dot path of the object the field belongs to: `''` at the top, `blocks.2` in a block. */\n    parentPath: string;\n    /** Renders the field with its bound value. */\n    render: (bound: BoundFieldProps) => ReactNode;\n}\n\n/**\n * Binds nested fields (in groups, blocks and localized values) to a store by path, instead of the\n * value and `onChange` of their parent. `@panneau/forms` binds them to its form state, so that\n * every value is set, validated and shown in error by its own path.\n */\nexport type FieldBinding = ComponentType<FieldBindingProps>;\n\nexport interface FieldsContextValue {\n    /** Registry entries, by field type, over the built-in ones. */\n    components: Readonly<Record<string, FieldEntry>>;\n    /** Locales of localized values, in order. */\n    locales: readonly string[];\n    /** Where relation fields search for items. */\n    relationSource: RelationSource | null;\n    /**\n     * Where fields that take files upload them directly to storage. Without one, they give the\n     * files themselves.\n     */\n    uploadSource: UploadSource | null;\n    /** Where fields with `check` check their value, such as a slug's availability. */\n    checkSource: FieldCheckSource | null;\n    /** Where `embed` fields get what a URL embeds. Without one, they keep the URL alone. */\n    embedSource: EmbedSource | null;\n    /** The tiles and the address search of `location` fields. */\n    maps: MapsConfig | null;\n    binding: FieldBinding | null;\n}\n\nconst FieldsContext = createContext<FieldsContextValue>({\n    components: {},\n    locales: [],\n    relationSource: null,\n    uploadSource: null,\n    checkSource: null,\n    embedSource: null,\n    maps: null,\n    binding: null,\n});\n\n/** The fields context of the closest `FieldsProvider`. */\nexport function useFieldsContext(): FieldsContextValue {\n    return use(FieldsContext);\n}\n\nexport interface FieldsProviderProps {\n    /** Registry entries by type, added over those of a parent provider. */\n    components?: Readonly<Record<string, FieldEntry>>;\n    locales?: readonly string[];\n    relationSource?: RelationSource | null;\n    /** Make it once, outside of render: fields make an uploader for each source they get. */\n    uploadSource?: UploadSource | null;\n    /** `createFieldCheckSource(adapter, resource, id)`, for the form of an item. */\n    checkSource?: FieldCheckSource | null;\n    /** `createEmbedSource(adapter)`. */\n    embedSource?: EmbedSource | null;\n    /** The tiles and the address search of `location` fields. */\n    maps?: MapsConfig | null;\n    binding?: FieldBinding | null;\n    children?: ReactNode;\n}\n\n/**\n * Provides what fields rendered from a definition need: the components of each type, the locales\n * of localized values, the sources of relations, uploads, checks and embeds, the maps of\n * locations, and a binding. Values not given come from the parent provider.\n */\nexport function FieldsProvider({\n    components,\n    locales,\n    relationSource,\n    uploadSource,\n    checkSource,\n    embedSource,\n    maps,\n    binding,\n    children,\n}: FieldsProviderProps) {\n    const parent = use(FieldsContext);\n    const value: FieldsContextValue = {\n        components:\n            components !== undefined ? { ...parent.components, ...components } : parent.components,\n        locales: locales ?? parent.locales,\n        relationSource: relationSource === undefined ? parent.relationSource : relationSource,\n        uploadSource: uploadSource === undefined ? parent.uploadSource : uploadSource,\n        checkSource: checkSource === undefined ? parent.checkSource : checkSource,\n        embedSource: embedSource === undefined ? parent.embedSource : embedSource,\n        maps: maps === undefined ? parent.maps : maps,\n        binding: binding === undefined ? parent.binding : binding,\n    };\n    return <FieldsContext value={value}>{children}</FieldsContext>;\n}\n\n/** The parent path of a path: `blocks.2` for `blocks.2.title`, `''` for `title`. */\nexport function getParentPath(path: string): string {\n    const index = path.lastIndexOf('.');\n    return index === -1 ? '' : path.slice(0, index);\n}\n"],"mappings":";;;;AA0DA,IAAM,gBAAgB,cAAkC;CACpD,YAAY,CAAC;CACb,SAAS,CAAA;CACT,gBAAgB;CAChB,cAAc;CACd,aAAa;CACb,aAAa;CACb,MAAM;CACN,SAAS;AACb,CAAC;;AAGD,SAAgB,mBAAuC;CACnD,OAAO,IAAI,aAAa;AAC5B;;;;;;AAwBA,SAAO,eAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAAwB,MAAA,EAAA,YAAA,SAAA,gBAAA,cAAA,aAAA,aAAA,MAAA,SAAA,aAAA;CAW3B,MAAA,SAAe,IAAI,aAAa;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,cAAA,EAAA,OAAA,OAAA,YAAA;EAG1B,KAAA,eAAe,KAAA,IAAf;GAAA,GAAgC,OAAM;GAAW,GAAK;EAA+B,IAAhB,OAAM;EAAW,EAAA,KAAA;EAAA,EAAA,KAAA,OAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjF,MAAA,KAAA,WAAW,OAAM;CACV,MAAA,KAAA,mBAAmB,KAAA,IAAY,OAAM,iBAArC;CACF,MAAA,KAAA,iBAAiB,KAAA,IAAY,OAAM,eAAnC;CACD,MAAA,KAAA,gBAAgB,KAAA,IAAY,OAAM,cAAlC;CACA,MAAA,KAAA,gBAAgB,KAAA,IAAY,OAAM,cAAlC;CACP,MAAA,KAAA,SAAS,KAAA,IAAY,OAAM,OAA3B;CACG,MAAA,KAAA,YAAY,KAAA,IAAY,OAAM,UAA9B;CAAgD,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,QAAA,IAAA;EAT3B,KAAA;GAAA,YAE1B;GAAsF,SACjF;GAAyB,gBAClB;GAAqE,cACvE;GAA+D,aAChE;GAA4D,aAC5D;GAA4D,MACnE;GAAuC,SACpC;EACb;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAVD,MAAA,QAAkC;CAUhC,IAAA;CAAA,IAAA,EAAA,QAAA,YAAA,EAAA,QAAA,OAAA;EACK,MAAA,oBAAC,eAAD;GAAsB;GAAQ;EAAhB,CAAA;EAAyC,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAAA,OAAvD;AAAuD;;AAIlE,SAAgB,cAAc,MAAsB;CAChD,MAAM,QAAQ,KAAK,YAAY,GAAG;CAClC,OAAO,UAAU,KAAK,KAAK,KAAK,MAAM,GAAG,KAAK;AAClD"}
+{"version":3,"file":"context.js","names":["ComponentType","ReactNode","createContext","use","Field","MapsConfig","UploadSource","FieldCheckSource","EmbedSource","RelationSource","FieldEntry","BoundFieldProps","value","onChange","onBlur","errors","FieldBindingProps","field","path","parentPath","render","bound","FieldBinding","FieldsContextValue","components","Readonly","Record","locales","relationSource","uploadSource","checkSource","embedSource","maps","binding","FieldsContext","useFieldsContext","FieldsProviderProps","children","FieldsProvider","t0","$","_c","parent","t1","undefined","t2","t3","t4","t5","t6","t7","t8","t9","t10","getParentPath","index","lastIndexOf","slice","_c"],"sources":["../../src/shared/context.tsx"],"sourcesContent":["import { type ComponentType, type ReactNode, createContext, use } from 'react';\n\nimport type { Field } from '@panneau/protocol';\n\nimport type { MapsConfig } from '../location/types';\nimport type { UploadSource } from '../upload/types';\nimport type { FieldCheckSource } from './check';\nimport type { EmbedSource } from './embed';\nimport type { RelationSource } from './relation';\nimport type { FieldEntry } from './types';\n\n/** What a binding gives a field: its value, handlers and errors at a path. */\nexport interface BoundFieldProps {\n    value: unknown;\n    onChange: (value: unknown) => void;\n    onBlur?: () => void;\n    errors?: readonly string[];\n}\n\n/** Props of a binding: it decides whether a field shows, and where its value comes from. */\nexport interface FieldBindingProps {\n    field: Field;\n    /** Dot path of the field's value. */\n    path: string;\n    /** Dot path of the object the field belongs to: `''` at the top, `blocks.2` in a block. */\n    parentPath: string;\n    /** Renders the field with its bound value. */\n    render: (bound: BoundFieldProps) => ReactNode;\n}\n\n/**\n * Binds nested fields (in groups, blocks and localized values) to a store by path, instead of the\n * value and `onChange` of their parent. `@panneau/forms` binds them to its form state, so that\n * every value is set, validated and shown in error by its own path.\n */\nexport type FieldBinding = ComponentType<FieldBindingProps>;\n\nexport interface FieldsContextValue {\n    /** Registry entries, by field type, over the built-in ones. */\n    components: Readonly<Record<string, FieldEntry>>;\n    /** Locales of localized values, in order. */\n    locales: readonly string[];\n    /** Where relation fields search for items. */\n    relationSource: RelationSource | null;\n    /**\n     * Where fields that take files upload them directly to storage. Without one, they give the\n     * files themselves.\n     */\n    uploadSource: UploadSource | null;\n    /** Where fields with `check` check their value, such as a slug's availability. */\n    checkSource: FieldCheckSource | null;\n    /** Where `embed` fields get what a URL embeds. Without one, they keep the URL alone. */\n    embedSource: EmbedSource | null;\n    /** The tiles and the address search of `location` fields. */\n    maps: MapsConfig | null;\n    binding: FieldBinding | null;\n}\n\nconst FieldsContext = createContext<FieldsContextValue>({\n    components: {},\n    locales: [],\n    relationSource: null,\n    uploadSource: null,\n    checkSource: null,\n    embedSource: null,\n    maps: null,\n    binding: null,\n});\n\n/** The fields context of the closest `FieldsProvider`. */\nexport function useFieldsContext(): FieldsContextValue {\n    return use(FieldsContext);\n}\n\nexport interface FieldsProviderProps {\n    /** Registry entries by type, added over those of a parent provider. */\n    components?: Readonly<Record<string, FieldEntry>>;\n    locales?: readonly string[];\n    relationSource?: RelationSource | null;\n    /** Make it once, outside of render: fields make an uploader for each source they get. */\n    uploadSource?: UploadSource | null;\n    /** `createFieldCheckSource(adapter, resource, id)`, for the form of an item. */\n    checkSource?: FieldCheckSource | null;\n    /** `createEmbedSource(adapter)`. */\n    embedSource?: EmbedSource | null;\n    /** The tiles and the address search of `location` fields. */\n    maps?: MapsConfig | null;\n    binding?: FieldBinding | null;\n    children?: ReactNode;\n}\n\n/**\n * Provides what fields rendered from a definition need: the components of each type, the locales\n * of localized values, the sources of relations, uploads, checks and embeds, the maps of\n * locations, and a binding. Values not given come from the parent provider.\n */\nexport function FieldsProvider({\n    components,\n    locales,\n    relationSource,\n    uploadSource,\n    checkSource,\n    embedSource,\n    maps,\n    binding,\n    children,\n}: FieldsProviderProps) {\n    const parent = use(FieldsContext);\n    const value: FieldsContextValue = {\n        components:\n            components !== undefined ? { ...parent.components, ...components } : parent.components,\n        locales: locales ?? parent.locales,\n        relationSource: relationSource === undefined ? parent.relationSource : relationSource,\n        uploadSource: uploadSource === undefined ? parent.uploadSource : uploadSource,\n        checkSource: checkSource === undefined ? parent.checkSource : checkSource,\n        embedSource: embedSource === undefined ? parent.embedSource : embedSource,\n        maps: maps === undefined ? parent.maps : maps,\n        binding: binding === undefined ? parent.binding : binding,\n    };\n    return <FieldsContext value={value}>{children}</FieldsContext>;\n}\n\n/** The parent path of a path: `blocks.2` for `blocks.2.title`, `''` for `title`. */\nexport function getParentPath(path: string): string {\n    const index = path.lastIndexOf('.');\n    return index === -1 ? '' : path.slice(0, index);\n}\n"],"mappings":";;;;AA0DA,IAAMkC,gBAAgBhC,cAAkC;CACpDsB,YAAY,CAAC;CACbG,SAAS,CAAA;CACTC,gBAAgB;CAChBC,cAAc;CACdC,aAAa;CACbC,aAAa;CACbC,MAAM;CACNC,SAAS;AACb,CAAC;;AAGD,SAAgBE,mBAAuC;CACnD,OAAOhC,IAAI+B,aAAa;AAC5B;;;;;;AAwBA,SAAOI,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAwB,MAAA,EAAAjB,YAAAG,SAAAC,gBAAAC,cAAAC,aAAAC,aAAAC,MAAAC,SAAAI,aAAAE;CAW3B,MAAAG,SAAevC,IAAI+B,aAAa;CAAE,IAAAS;CAAA,IAAAH,EAAA,OAAAhB,cAAAgB,EAAA,OAAAE,OAAAlB,YAAA;EAG1BmB,KAAAnB,eAAeoB,KAAAA,IAAf;GAAA,GAAgCF,OAAMlB;GAAW,GAAKA;EAA+B,IAAhBkB,OAAMlB;EAAWgB,EAAA,KAAAhB;EAAAgB,EAAA,KAAAE,OAAAlB;EAAAgB,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CACjF,MAAAK,KAAAlB,WAAWe,OAAMf;CACV,MAAAmB,KAAAlB,mBAAmBgB,KAAAA,IAAYF,OAAMd,iBAArCA;CACF,MAAAmB,KAAAlB,iBAAiBe,KAAAA,IAAYF,OAAMb,eAAnCA;CACD,MAAAmB,KAAAlB,gBAAgBc,KAAAA,IAAYF,OAAMZ,cAAlCA;CACA,MAAAmB,KAAAlB,gBAAgBa,KAAAA,IAAYF,OAAMX,cAAlCA;CACP,MAAAmB,KAAAlB,SAASY,KAAAA,IAAYF,OAAMV,OAA3BA;CACG,MAAAmB,KAAAlB,YAAYW,KAAAA,IAAYF,OAAMT,UAA9BA;CAAgD,IAAAmB;CAAA,IAAAZ,EAAA,OAAAG,MAAAH,EAAA,OAAAK,MAAAL,EAAA,OAAAM,MAAAN,EAAA,OAAAO,MAAAP,EAAA,OAAAQ,MAAAR,EAAA,OAAAS,MAAAT,EAAA,OAAAU,MAAAV,EAAA,QAAAW,IAAA;EAT3BC,KAAA;GAAA5B,YAE1BmB;GAAsFhB,SACjFkB;GAAyBjB,gBAClBkB;GAAqEjB,cACvEkB;GAA+DjB,aAChEkB;GAA4DjB,aAC5DkB;GAA4DjB,MACnEkB;GAAuCjB,SACpCkB;EACb;EAACX,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,KAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAVD,MAAA5B,QAAkCwC;CAUhC,IAAAC;CAAA,IAAAb,EAAA,QAAAH,YAAAG,EAAA,QAAA5B,OAAA;EACKyC,MAAA,oBAAC,eAAD;GAAsBzC;GAAQyB;EAAhB,CAAA;EAAyCG,EAAA,MAAAH;EAAAG,EAAA,MAAA5B;EAAA4B,EAAA,MAAAa;CAAA,OAAAA,MAAAb,EAAA;CAAA,OAAvDa;AAAuD;;AAIlE,SAAgBC,cAAcpC,MAAsB;CAChD,MAAMqC,QAAQrC,KAAKsC,YAAY,GAAG;CAClC,OAAOD,UAAU,KAAK,KAAKrC,KAAKuC,MAAM,GAAGF,KAAK;AAClD"}

package/dist/shared/cx.js.map

@@ -1 +1 @@
-{"version":3,"file":"cx.js","names":[],"sources":["../../src/shared/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}
+{"version":3,"file":"cx.js","names":["cx","classNames","filter","Boolean","join"],"sources":["../../src/shared/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgBA,GAAG,GAAGC,YAA2D;CAC7E,OAAOA,WAAWC,OAAOC,OAAO,CAAC,CAACC,KAAK,GAAG;AAC9C"}

package/dist/shared/dates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dates.js","names":[],"sources":["../../src/shared/dates.ts"],"sourcesContent":["import {\n    type CalendarDate,\n    type CalendarDateTime,\n    type Time,\n    type ZonedDateTime,\n    getLocalTimeZone,\n    parseAbsolute,\n    parseDate,\n    parseDateTime,\n    parseTime,\n} from '@internationalized/date';\n\n/** `2026-10-15`, or the date of a date-time. */\nexport function toCalendarDate(value: string | null | undefined): CalendarDate | null {\n    const match = value?.match(/^(\\d{4}-\\d{2}-\\d{2})/);\n    if (match?.[1] === undefined) {\n        return null;\n    }\n    try {\n        return parseDate(match[1]);\n    } catch {\n        return null;\n    }\n}\n\nconst OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\n\n/**\n * A date-time: with an offset or `Z` (`2026-10-15T13:30:00Z`), in the given time zone; without one\n * (`2026-10-15 09:30:00`), as is.\n */\nexport function toDateTime(\n    value: string | null | undefined,\n    timeZone: string = getLocalTimeZone(),\n): ZonedDateTime | CalendarDateTime | null {\n    if (value === null || value === undefined || value.trim() === '') {\n        return null;\n    }\n    const iso = value.trim().replace(' ', 'T');\n    try {\n        return OFFSET.test(iso) ? parseAbsolute(iso, timeZone) : parseDateTime(iso);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a date-time: in UTC (`…Z`) when it has a time zone, without an offset otherwise. */\nexport function fromDateTime(value: ZonedDateTime | CalendarDateTime): string {\n    return 'timeZone' in value\n        ? value.toAbsoluteString().replace(/\\.000Z$/, 'Z')\n        : value.toString();\n}\n\n/** `09:30` or `09:30:15`. */\nexport function toTime(value: string | null | undefined): Time | null {\n    if (value === null || value === undefined || !/^\\d{1,2}:\\d{2}(:\\d{2})?/.test(value)) {\n        return null;\n    }\n    try {\n        return parseTime(value.length < 5 ? `0${value}` : value);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a time as `HH:mm`, or `HH:mm:ss` with seconds. */\nexport function fromTime(\n    value: Pick<Time, 'hour' | 'minute' | 'second'>,\n    withSeconds = false,\n): string {\n    const pad = (part: number) => String(part).padStart(2, '0');\n    const time = `${pad(value.hour)}:${pad(value.minute)}`;\n    return withSeconds ? `${time}:${pad(value.second)}` : time;\n}\n"],"mappings":";;;AAaA,SAAgB,eAAe,OAAuD;CAClF,MAAM,QAAQ,OAAO,MAAM,sBAAsB;CACjD,IAAI,QAAQ,OAAO,KAAA,GACf,OAAO;CAEX,IAAI;EACA,OAAO,UAAU,MAAM,EAAE;CAC7B,QAAQ;EACJ,OAAO;CACX;AACJ;AAEA,IAAM,SAAS;;;;;AAMf,SAAgB,WACZ,OACA,WAAmB,iBAAiB,GACG;CACvC,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,MAAM,KAAK,MAAM,IAC1D,OAAO;CAEX,MAAM,MAAM,MAAM,KAAK,CAAC,CAAC,QAAQ,KAAK,GAAG;CACzC,IAAI;EACA,OAAO,OAAO,KAAK,GAAG,IAAI,cAAc,KAAK,QAAQ,IAAI,cAAc,GAAG;CAC9E,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgB,aAAa,OAAiD;CAC1E,OAAO,cAAc,QACf,MAAM,iBAAiB,CAAC,CAAC,QAAQ,WAAW,GAAG,IAC/C,MAAM,SAAS;AACzB;;AAGA,SAAgB,OAAO,OAA+C;CAClE,IAAI,UAAU,QAAQ,UAAU,KAAA,KAAa,CAAC,0BAA0B,KAAK,KAAK,GAC9E,OAAO;CAEX,IAAI;EACA,OAAO,UAAU,MAAM,SAAS,IAAI,IAAI,UAAU,KAAK;CAC3D,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgB,SACZ,OACA,cAAc,OACR;CACN,MAAM,OAAO,SAAiB,OAAO,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;CAC1D,MAAM,OAAO,GAAG,IAAI,MAAM,IAAI,EAAC,GAAI,IAAI,MAAM,MAAM;CACnD,OAAO,cAAc,GAAG,KAAI,GAAI,IAAI,MAAM,MAAM,MAAM;AAC1D"}
+{"version":3,"file":"dates.js","names":["CalendarDate","CalendarDateTime","Time","ZonedDateTime","getLocalTimeZone","parseAbsolute","parseDate","parseDateTime","parseTime","toCalendarDate","value","match","undefined","OFFSET","toDateTime","timeZone","trim","iso","replace","test","fromDateTime","toAbsoluteString","toString","toTime","length","fromTime","Pick","withSeconds","pad","part","String","padStart","time","hour","minute","second"],"sources":["../../src/shared/dates.ts"],"sourcesContent":["import {\n    type CalendarDate,\n    type CalendarDateTime,\n    type Time,\n    type ZonedDateTime,\n    getLocalTimeZone,\n    parseAbsolute,\n    parseDate,\n    parseDateTime,\n    parseTime,\n} from '@internationalized/date';\n\n/** `2026-10-15`, or the date of a date-time. */\nexport function toCalendarDate(value: string | null | undefined): CalendarDate | null {\n    const match = value?.match(/^(\\d{4}-\\d{2}-\\d{2})/);\n    if (match?.[1] === undefined) {\n        return null;\n    }\n    try {\n        return parseDate(match[1]);\n    } catch {\n        return null;\n    }\n}\n\nconst OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\n\n/**\n * A date-time: with an offset or `Z` (`2026-10-15T13:30:00Z`), in the given time zone; without one\n * (`2026-10-15 09:30:00`), as is.\n */\nexport function toDateTime(\n    value: string | null | undefined,\n    timeZone: string = getLocalTimeZone(),\n): ZonedDateTime | CalendarDateTime | null {\n    if (value === null || value === undefined || value.trim() === '') {\n        return null;\n    }\n    const iso = value.trim().replace(' ', 'T');\n    try {\n        return OFFSET.test(iso) ? parseAbsolute(iso, timeZone) : parseDateTime(iso);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a date-time: in UTC (`…Z`) when it has a time zone, without an offset otherwise. */\nexport function fromDateTime(value: ZonedDateTime | CalendarDateTime): string {\n    return 'timeZone' in value\n        ? value.toAbsoluteString().replace(/\\.000Z$/, 'Z')\n        : value.toString();\n}\n\n/** `09:30` or `09:30:15`. */\nexport function toTime(value: string | null | undefined): Time | null {\n    if (value === null || value === undefined || !/^\\d{1,2}:\\d{2}(:\\d{2})?/.test(value)) {\n        return null;\n    }\n    try {\n        return parseTime(value.length < 5 ? `0${value}` : value);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a time as `HH:mm`, or `HH:mm:ss` with seconds. */\nexport function fromTime(\n    value: Pick<Time, 'hour' | 'minute' | 'second'>,\n    withSeconds = false,\n): string {\n    const pad = (part: number) => String(part).padStart(2, '0');\n    const time = `${pad(value.hour)}:${pad(value.minute)}`;\n    return withSeconds ? `${time}:${pad(value.second)}` : time;\n}\n"],"mappings":";;;AAaA,SAAgBS,eAAeC,OAAuD;CAClF,MAAMC,QAAQD,OAAOC,MAAM,sBAAsB;CACjD,IAAIA,QAAQ,OAAOC,KAAAA,GACf,OAAO;CAEX,IAAI;EACA,OAAON,UAAUK,MAAM,EAAE;CAC7B,QAAQ;EACJ,OAAO;CACX;AACJ;AAEA,IAAME,SAAS;;;;;AAMf,SAAgBC,WACZJ,OACAK,WAAmBX,iBAAiB,GACG;CACvC,IAAIM,UAAU,QAAQA,UAAUE,KAAAA,KAAaF,MAAMM,KAAK,MAAM,IAC1D,OAAO;CAEX,MAAMC,MAAMP,MAAMM,KAAK,CAAC,CAACE,QAAQ,KAAK,GAAG;CACzC,IAAI;EACA,OAAOL,OAAOM,KAAKF,GAAG,IAAIZ,cAAcY,KAAKF,QAAQ,IAAIR,cAAcU,GAAG;CAC9E,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBG,aAAaV,OAAiD;CAC1E,OAAO,cAAcA,QACfA,MAAMW,iBAAiB,CAAC,CAACH,QAAQ,WAAW,GAAG,IAC/CR,MAAMY,SAAS;AACzB;;AAGA,SAAgBC,OAAOb,OAA+C;CAClE,IAAIA,UAAU,QAAQA,UAAUE,KAAAA,KAAa,CAAC,0BAA0BO,KAAKT,KAAK,GAC9E,OAAO;CAEX,IAAI;EACA,OAAOF,UAAUE,MAAMc,SAAS,IAAI,IAAId,UAAUA,KAAK;CAC3D,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBe,SACZf,OACAiB,cAAc,OACR;CACN,MAAMC,OAAOC,SAAiBC,OAAOD,IAAI,CAAC,CAACE,SAAS,GAAG,GAAG;CAC1D,MAAMC,OAAO,GAAGJ,IAAIlB,MAAMuB,IAAI,EAAC,GAAIL,IAAIlB,MAAMwB,MAAM;CACnD,OAAOP,cAAc,GAAGK,KAAI,GAAIJ,IAAIlB,MAAMyB,MAAM,MAAMH;AAC1D"}

package/dist/shared/embed.js.map

@@ -1 +1 @@
-{"version":3,"file":"embed.js","names":[],"sources":["../../src/shared/embed.ts"],"sourcesContent":["import type { EmbedValue } from '@panneau/protocol';\n\n/** Where `embed` fields get what a URL embeds: the backend, from the provider's oEmbed. */\nexport interface EmbedSource {\n    resolve(url: string, options: { signal: AbortSignal }): Promise<EmbedValue>;\n}\n\n/** What `createEmbedSource()` needs from an adapter: the `resolveEmbed()` of `@panneau/data`. */\nexport interface EmbedAdapter {\n    resolveEmbed?(url: string, options?: { signal?: AbortSignal }): Promise<EmbedValue>;\n}\n\n/**\n * The embed source of an adapter (`GET /embeds?url=`). Null when the adapter can't resolve\n * embeds: `embed` fields then keep the URL alone.\n */\nexport function createEmbedSource(adapter: EmbedAdapter): EmbedSource | null {\n    const { resolveEmbed } = adapter;\n    if (resolveEmbed === undefined) {\n        return null;\n    }\n    return { resolve: (url, { signal }) => resolveEmbed.call(adapter, url, { signal }) };\n}\n"],"mappings":";;;;;AAgBA,SAAgB,kBAAkB,SAA2C;CACzE,MAAM,EAAE,iBAAiB;CACzB,IAAI,iBAAiB,KAAA,GACjB,OAAO;CAEX,OAAO,EAAE,UAAU,KAAK,EAAE,aAAa,aAAa,KAAK,SAAS,KAAK,EAAE,OAAO,CAAC,EAAE;AACvF"}
+{"version":3,"file":"embed.js","names":["EmbedValue","EmbedSource","resolve","url","options","signal","AbortSignal","Promise","EmbedAdapter","resolveEmbed","createEmbedSource","adapter","undefined","call"],"sources":["../../src/shared/embed.ts"],"sourcesContent":["import type { EmbedValue } from '@panneau/protocol';\n\n/** Where `embed` fields get what a URL embeds: the backend, from the provider's oEmbed. */\nexport interface EmbedSource {\n    resolve(url: string, options: { signal: AbortSignal }): Promise<EmbedValue>;\n}\n\n/** What `createEmbedSource()` needs from an adapter: the `resolveEmbed()` of `@panneau/data`. */\nexport interface EmbedAdapter {\n    resolveEmbed?(url: string, options?: { signal?: AbortSignal }): Promise<EmbedValue>;\n}\n\n/**\n * The embed source of an adapter (`GET /embeds?url=`). Null when the adapter can't resolve\n * embeds: `embed` fields then keep the URL alone.\n */\nexport function createEmbedSource(adapter: EmbedAdapter): EmbedSource | null {\n    const { resolveEmbed } = adapter;\n    if (resolveEmbed === undefined) {\n        return null;\n    }\n    return { resolve: (url, { signal }) => resolveEmbed.call(adapter, url, { signal }) };\n}\n"],"mappings":";;;;;AAgBA,SAAgBU,kBAAkBC,SAA2C;CACzE,MAAM,EAAEF,iBAAiBE;CACzB,IAAIF,iBAAiBG,KAAAA,GACjB,OAAO;CAEX,OAAO,EAAEV,UAAUC,KAAK,EAAEE,aAAaI,aAAaI,KAAKF,SAASR,KAAK,EAAEE,OAAO,CAAC,EAAE;AACvF"}

package/dist/shared/entry.d.ts

@@ -1,5 +1,5 @@
 import type { Field, Rule } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from './types';
+import type { FieldEntryProps, FieldProps } from './types.js';
 /** The rule of a field with this name, if any. */
 export declare function findRule(field: Field, rule: Rule['rule']): Rule | undefined;
 /** The number of a `min` or `max` rule of a field, if any. */

package/dist/shared/entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry.js","names":[],"sources":["../../src/shared/entry.ts"],"sourcesContent":["import type { Field, Rule } from '@panneau/protocol';\n\nimport type { FieldEntryProps, FieldProps } from './types';\n\n/** The rule of a field with this name, if any. */\nexport function findRule(field: Field, rule: Rule['rule']): Rule | undefined {\n    return field.rules?.find((candidate) => candidate.rule === rule);\n}\n\n/** The number of a `min` or `max` rule of a field, if any. */\nexport function getRuleNumber(field: Field, rule: 'min' | 'max'): number | undefined {\n    const found = findRule(field, rule);\n    return found !== undefined && 'value' in found && typeof found.value === 'number'\n        ? found.value\n        : undefined;\n}\n\n/** Whether a field has the `required` rule. */\nexport function isRequired(field: Field): boolean {\n    return findRule(field, 'required') !== undefined;\n}\n\n/** A setting of a field (`settings.<name>`), when it has the expected type. */\nexport function getSetting<T>(field: Field, name: string, guard: (value: unknown) => value is T) {\n    const value = field.settings?.[name];\n    return guard(value) ? value : undefined;\n}\n\nexport const isString = (value: unknown): value is string => typeof value === 'string';\nexport const isNumber = (value: unknown): value is number =>\n    typeof value === 'number' && !Number.isNaN(value);\n\n/**\n * The props that every field takes, from a registry entry's props: label (the field's name\n * without one), help, required mark, read-only, errors and handlers. Plugins use it to write their\n * own entries.\n */\nexport function getFieldProps(\n    props: FieldEntryProps,\n): Omit<FieldProps<never>, 'value' | 'onChange'> & { placeholder?: string } {\n    const { field } = props;\n    return {\n        name: props.path,\n        // A field always has a label: its name when the definition gives none.\n        label: field.label ?? field.name,\n        description: field.help,\n        ...(field.placeholder !== undefined ? { placeholder: field.placeholder } : {}),\n        required: isRequired(field),\n        readOnly: props.readOnly === true || field.readOnly === true,\n        disabled: props.disabled === true,\n        errors: props.errors ?? [],\n        ...(props.onBlur !== undefined ? { onBlur: props.onBlur } : {}),\n        ...(props.className !== undefined ? { className: props.className } : {}),\n    };\n}\n\n/** The value as a string, or `null`. */\nexport function asString(value: unknown): string | null {\n    return typeof value === 'string' ? value : null;\n}\n\n/** The accepted MIME types of a field that takes files: its `accept`, or its `accept` rule. */\nexport function getAccept(field: Field): string[] | null {\n    if (field.accept !== undefined && field.accept.length > 0) {\n        return field.accept;\n    }\n    const rule = findRule(field, 'accept');\n    return rule !== undefined && 'value' in rule && Array.isArray(rule.value)\n        ? rule.value.filter(isString)\n        : null;\n}\n\n/** The largest file of a field, in bytes: its `maxSize` rule. */\nexport function getMaxSize(field: Field): number | null {\n    const rule = findRule(field, 'maxSize');\n    return rule !== undefined && 'value' in rule && isNumber(rule.value) ? rule.value : null;\n}\n"],"mappings":";;AAKA,SAAgB,SAAS,OAAc,MAAsC;CACzE,OAAO,MAAM,OAAO,MAAM,cAAc,UAAU,SAAS,IAAI;AACnE;;AAGA,SAAgB,cAAc,OAAc,MAAyC;CACjF,MAAM,QAAQ,SAAS,OAAO,IAAI;CAClC,OAAO,UAAU,KAAA,KAAa,WAAW,SAAS,OAAO,MAAM,UAAU,WACnE,MAAM,QACN,KAAA;AACV;;AAGA,SAAgB,WAAW,OAAuB;CAC9C,OAAO,SAAS,OAAO,UAAU,MAAM,KAAA;AAC3C;;AAGA,SAAgB,WAAc,OAAc,MAAc,OAAuC;CAC7F,MAAM,QAAQ,MAAM,WAAW;CAC/B,OAAO,MAAM,KAAK,IAAI,QAAQ,KAAA;AAClC;AAEA,IAAa,YAAY,UAAoC,OAAO,UAAU;AAC9E,IAAa,YAAY,UACrB,OAAO,UAAU,YAAY,CAAC,OAAO,MAAM,KAAK;;;;;;AAOpD,SAAgB,cACZ,OACwE;CACxE,MAAM,EAAE,UAAU;CAClB,OAAO;EACH,MAAM,MAAM;EAEZ,OAAO,MAAM,SAAS,MAAM;EAC5B,aAAa,MAAM;EACnB,GAAI,MAAM,gBAAgB,KAAA,IAAY,EAAE,aAAa,MAAM,YAAY,IAAI,CAAC;EAC5E,UAAU,WAAW,KAAK;EAC1B,UAAU,MAAM,aAAa,QAAQ,MAAM,aAAa;EACxD,UAAU,MAAM,aAAa;EAC7B,QAAQ,MAAM,UAAU,CAAA;EACxB,GAAI,MAAM,WAAW,KAAA,IAAY,EAAE,QAAQ,MAAM,OAAO,IAAI,CAAC;EAC7D,GAAI,MAAM,cAAc,KAAA,IAAY,EAAE,WAAW,MAAM,UAAU,IAAI,CAAC;CAC1E;AACJ;;AAQA,SAAgB,UAAU,OAA+B;CACrD,IAAI,MAAM,WAAW,KAAA,KAAa,MAAM,OAAO,SAAS,GACpD,OAAO,MAAM;CAEjB,MAAM,OAAO,SAAS,OAAO,QAAQ;CACrC,OAAO,SAAS,KAAA,KAAa,WAAW,QAAQ,MAAM,QAAQ,KAAK,KAAK,IAClE,KAAK,MAAM,OAAO,QAAQ,IAC1B;AACV;;AAGA,SAAgB,WAAW,OAA6B;CACpD,MAAM,OAAO,SAAS,OAAO,SAAS;CACtC,OAAO,SAAS,KAAA,KAAa,WAAW,QAAQ,SAAS,KAAK,KAAK,IAAI,KAAK,QAAQ;AACxF"}
+{"version":3,"file":"entry.js","names":["Field","Rule","FieldEntryProps","FieldProps","findRule","field","rule","rules","find","candidate","getRuleNumber","found","undefined","value","isRequired","getSetting","name","guard","T","settings","isString","isNumber","Number","isNaN","getFieldProps","props","Omit","placeholder","path","label","description","help","required","readOnly","disabled","errors","onBlur","className","asString","getAccept","accept","length","Array","isArray","filter","getMaxSize"],"sources":["../../src/shared/entry.ts"],"sourcesContent":["import type { Field, Rule } from '@panneau/protocol';\n\nimport type { FieldEntryProps, FieldProps } from './types';\n\n/** The rule of a field with this name, if any. */\nexport function findRule(field: Field, rule: Rule['rule']): Rule | undefined {\n    return field.rules?.find((candidate) => candidate.rule === rule);\n}\n\n/** The number of a `min` or `max` rule of a field, if any. */\nexport function getRuleNumber(field: Field, rule: 'min' | 'max'): number | undefined {\n    const found = findRule(field, rule);\n    return found !== undefined && 'value' in found && typeof found.value === 'number'\n        ? found.value\n        : undefined;\n}\n\n/** Whether a field has the `required` rule. */\nexport function isRequired(field: Field): boolean {\n    return findRule(field, 'required') !== undefined;\n}\n\n/** A setting of a field (`settings.<name>`), when it has the expected type. */\nexport function getSetting<T>(field: Field, name: string, guard: (value: unknown) => value is T) {\n    const value = field.settings?.[name];\n    return guard(value) ? value : undefined;\n}\n\nexport const isString = (value: unknown): value is string => typeof value === 'string';\nexport const isNumber = (value: unknown): value is number =>\n    typeof value === 'number' && !Number.isNaN(value);\n\n/**\n * The props that every field takes, from a registry entry's props: label (the field's name\n * without one), help, required mark, read-only, errors and handlers. Plugins use it to write their\n * own entries.\n */\nexport function getFieldProps(\n    props: FieldEntryProps,\n): Omit<FieldProps<never>, 'value' | 'onChange'> & { placeholder?: string } {\n    const { field } = props;\n    return {\n        name: props.path,\n        // A field always has a label: its name when the definition gives none.\n        label: field.label ?? field.name,\n        description: field.help,\n        ...(field.placeholder !== undefined ? { placeholder: field.placeholder } : {}),\n        required: isRequired(field),\n        readOnly: props.readOnly === true || field.readOnly === true,\n        disabled: props.disabled === true,\n        errors: props.errors ?? [],\n        ...(props.onBlur !== undefined ? { onBlur: props.onBlur } : {}),\n        ...(props.className !== undefined ? { className: props.className } : {}),\n    };\n}\n\n/** The value as a string, or `null`. */\nexport function asString(value: unknown): string | null {\n    return typeof value === 'string' ? value : null;\n}\n\n/** The accepted MIME types of a field that takes files: its `accept`, or its `accept` rule. */\nexport function getAccept(field: Field): string[] | null {\n    if (field.accept !== undefined && field.accept.length > 0) {\n        return field.accept;\n    }\n    const rule = findRule(field, 'accept');\n    return rule !== undefined && 'value' in rule && Array.isArray(rule.value)\n        ? rule.value.filter(isString)\n        : null;\n}\n\n/** The largest file of a field, in bytes: its `maxSize` rule. */\nexport function getMaxSize(field: Field): number | null {\n    const rule = findRule(field, 'maxSize');\n    return rule !== undefined && 'value' in rule && isNumber(rule.value) ? rule.value : null;\n}\n"],"mappings":";;AAKA,SAAgBI,SAASC,OAAcC,MAAsC;CACzE,OAAOD,MAAME,OAAOC,MAAMC,cAAcA,UAAUH,SAASA,IAAI;AACnE;;AAGA,SAAgBI,cAAcL,OAAcC,MAAyC;CACjF,MAAMK,QAAQP,SAASC,OAAOC,IAAI;CAClC,OAAOK,UAAUC,KAAAA,KAAa,WAAWD,SAAS,OAAOA,MAAME,UAAU,WACnEF,MAAME,QACND,KAAAA;AACV;;AAGA,SAAgBE,WAAWT,OAAuB;CAC9C,OAAOD,SAASC,OAAO,UAAU,MAAMO,KAAAA;AAC3C;;AAGA,SAAgBG,WAAcV,OAAcW,MAAcC,OAAuC;CAC7F,MAAMJ,QAAQR,MAAMc,WAAWH;CAC/B,OAAOC,MAAMJ,KAAK,IAAIA,QAAQD,KAAAA;AAClC;AAEA,IAAaQ,YAAYP,UAAoC,OAAOA,UAAU;AAC9E,IAAaQ,YAAYR,UACrB,OAAOA,UAAU,YAAY,CAACS,OAAOC,MAAMV,KAAK;;;;;;AAOpD,SAAgBW,cACZC,OACwE;CACxE,MAAM,EAAEpB,UAAUoB;CAClB,OAAO;EACHT,MAAMS,MAAMG;EAEZC,OAAOxB,MAAMwB,SAASxB,MAAMW;EAC5Bc,aAAazB,MAAM0B;EACnB,GAAI1B,MAAMsB,gBAAgBf,KAAAA,IAAY,EAAEe,aAAatB,MAAMsB,YAAY,IAAI,CAAC;EAC5EK,UAAUlB,WAAWT,KAAK;EAC1B4B,UAAUR,MAAMQ,aAAa,QAAQ5B,MAAM4B,aAAa;EACxDC,UAAUT,MAAMS,aAAa;EAC7BC,QAAQV,MAAMU,UAAU,CAAA;EACxB,GAAIV,MAAMW,WAAWxB,KAAAA,IAAY,EAAEwB,QAAQX,MAAMW,OAAO,IAAI,CAAC;EAC7D,GAAIX,MAAMY,cAAczB,KAAAA,IAAY,EAAEyB,WAAWZ,MAAMY,UAAU,IAAI,CAAC;CAC1E;AACJ;;AAQA,SAAgBE,UAAUlC,OAA+B;CACrD,IAAIA,MAAMmC,WAAW5B,KAAAA,KAAaP,MAAMmC,OAAOC,SAAS,GACpD,OAAOpC,MAAMmC;CAEjB,MAAMlC,OAAOF,SAASC,OAAO,QAAQ;CACrC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQoC,MAAMC,QAAQrC,KAAKO,KAAK,IAClEP,KAAKO,MAAM+B,OAAOxB,QAAQ,IAC1B;AACV;;AAGA,SAAgByB,WAAWxC,OAA6B;CACpD,MAAMC,OAAOF,SAASC,OAAO,SAAS;CACtC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQe,SAASf,KAAKO,KAAK,IAAIP,KAAKO,QAAQ;AACxF"}

package/dist/shared/relation.js.map

@@ -1 +1 @@
-{"version":3,"file":"relation.js","names":["id","active","reference","_c"],"sources":["../../src/shared/relation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Definition, Item, ListQuery } from '@panneau/protocol';\n\n/** A related item: its id, and a label to show it. The value of a relation field. */\nexport interface RelationReference {\n    id: string;\n    label: string;\n}\n\n/** Where relation fields search for items. */\nexport interface RelationSource {\n    /** Items of a resource that match a text, for the picker. */\n    search(\n        resource: string,\n        query: string,\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * The references of items by id, for values that are only ids (`\"12\"`, `[\"12\", \"13\"]`), as a\n     * product's own API gives them. In any order; ids it doesn't find are left out, and keep their\n     * id as label. Without it, fields show the ids.\n     */\n    resolve?(\n        resource: string,\n        ids: readonly string[],\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * Creates an item from the text typed in the picker, which offers \"Create “…”\" when this\n     * method exists. It can open a dialog, and resolves with the reference of the new item, or with\n     * `null` when nothing was created.\n     */\n    create?(resource: string, text: string): Promise<RelationReference | null>;\n    /** Whether `create()` can create items of a resource. Defaults to true. */\n    canCreate?(resource: string): boolean;\n}\n\n/** What `createRelationSource()` needs from an adapter: the `list()`, `get()` and `create()` of `@panneau/data`. */\nexport interface RelationListAdapter {\n    list(\n        resource: string,\n        query?: ListQuery,\n        options?: { signal?: AbortSignal },\n    ): Promise<{ data: Item[] }>;\n    /** One item, for `resolve()`. Without it, the source doesn't resolve ids. */\n    get?(resource: string, id: string, options?: { signal?: AbortSignal }): Promise<Item>;\n    /** Creates an item, for `create()`. */\n    create?(resource: string, values: Record<string, unknown>): Promise<Item>;\n}\n\nexport interface RelationSourceOptions {\n    /** The definition, for the field that titles the items of each resource (`itemTitle`). */\n    definition?: (Pick<Definition, 'resources'> & Partial<Pick<Definition, 'locales'>>) | null;\n    /** Items per search. Defaults to 20. */\n    perPage?: number;\n    /** The label of an item, when `itemTitle` isn't enough. */\n    getLabel?: (item: Item, resource: string) => string;\n    /**\n     * Lets the picker create items, with the adapter's `create()`. `true` sets the typed text as the\n     * value of the resource's `itemTitle` field (in every locale of the definition when it is\n     * localized), on the resources that allow `create`. A function gives the values of the new item\n     * instead, or `null` for a resource where items can't be created.\n     */\n    create?: boolean | ((text: string, resource: string) => Record<string, unknown> | null);\n}\n\nfunction labelOf(value: unknown, locale?: string): string | null {\n    if (typeof value === 'string' || typeof value === 'number') {\n        return String(value);\n    }\n    if (value !== null && typeof value === 'object') {\n        const localized = value as Record<string, unknown>;\n        const first =\n            (locale !== undefined ? localized[locale] : undefined) ?? Object.values(localized)[0];\n        return typeof first === 'string' ? first : null;\n    }\n    return null;\n}\n\n/**\n * A relation source over an adapter, such as the `DataAdapter` of `@panneau/data`: a search is a\n * list query with `q`, ids are resolved with `get()`, and, with the `create` option, items are\n * created with `create()`. Labels come from the resource's `itemTitle`.\n */\nexport function createRelationSource(\n    adapter: RelationListAdapter,\n    { definition = null, perPage = 20, getLabel, create }: RelationSourceOptions = {},\n): RelationSource {\n    const resourceOf = (resource: string) =>\n        definition?.resources.find((candidate) => candidate.id === resource);\n    const toReference = (item: Item, resource: string): RelationReference => {\n        const titleField = resourceOf(resource)?.itemTitle;\n        return {\n            id: item.id,\n            label:\n                getLabel?.(item, resource) ??\n                (titleField !== undefined ? labelOf(item[titleField]) : null) ??\n                item.id,\n        };\n    };\n    const valuesOf = (text: string, resource: string): Record<string, unknown> | null => {\n        if (typeof create === 'function') {\n            return create(text, resource);\n        }\n        const definitionResource = resourceOf(resource);\n        const titleField = definitionResource?.itemTitle;\n        if (definitionResource === undefined || titleField === undefined) {\n            return null;\n        }\n        const field = definitionResource.fields.find((candidate) => candidate.name === titleField);\n        const locales = definition?.locales ?? [];\n        return {\n            [titleField]:\n                field?.localized === true && locales.length > 0\n                    ? Object.fromEntries(locales.map((locale) => [locale, text]))\n                    : text,\n        };\n    };\n    const source: RelationSource = {\n        async search(resource, query, { signal }) {\n            const response = await adapter.list(\n                resource,\n                { page: 1, perPage, ...(query !== '' ? { q: query } : {}) },\n                { signal },\n            );\n            return response.data.map((item) => toReference(item, resource));\n        },\n    };\n    const { get, create: createItem } = adapter;\n    if (get !== undefined) {\n        source.resolve = async (resource, ids, { signal }) => {\n            const results = await Promise.allSettled(\n                ids.map((id) => get.call(adapter, resource, id, { signal })),\n            );\n            return results.flatMap((result) =>\n                result.status === 'fulfilled' ? [toReference(result.value, resource)] : [],\n            );\n        };\n    }\n    if (create !== undefined && create !== false && createItem !== undefined) {\n        source.canCreate = (resource) =>\n            resourceOf(resource)?.abilities?.create !== false && valuesOf('', resource) !== null;\n        source.create = async (resource, text) => {\n            const values = valuesOf(text, resource);\n            if (values === null) {\n                return null;\n            }\n            return toReference(await createItem.call(adapter, resource, values), resource);\n        };\n    }\n    return source;\n}\n\n/** Reads relation values: references, ids, or lists of them. */\nexport function toReferences(value: unknown): RelationReference[] {\n    const list = Array.isArray(value)\n        ? value\n        : value === null || value === undefined\n          ? []\n          : [value];\n    return list.flatMap((entry: unknown) => {\n        if (typeof entry === 'string' || typeof entry === 'number') {\n            return [{ id: String(entry), label: String(entry) }];\n        }\n        if (entry !== null && typeof entry === 'object' && 'id' in entry) {\n            const { id, label } = entry as { id: unknown; label?: unknown };\n            if (typeof id === 'string' || typeof id === 'number') {\n                return [{ id: String(id), label: typeof label === 'string' ? label : String(id) }];\n            }\n        }\n        return [];\n    });\n}\n\ninterface ResolvedLabels {\n    /** Labels by resource and id: `null` for ids that the source didn't find. */\n    labels: Map<string, string | null>;\n    /** Requests in flight, so that fields with the same ids share one. */\n    pending: Map<string, Promise<void>>;\n}\n\nconst resolved = new WeakMap<RelationSource, ResolvedLabels>();\n\nfunction resolvedOf(source: RelationSource): ResolvedLabels {\n    let entry = resolved.get(source);\n    if (entry === undefined) {\n        entry = { labels: new Map(), pending: new Map() };\n        resolved.set(source, entry);\n    }\n    return entry;\n}\n\nconst keyOf = (resource: string, id: string) => `${resource}\\u0000${id}`;\n\n/** Resolves the ids that no request has resolved or is resolving yet, and waits for all of them. */\nfunction resolveIds(source: RelationSource, resource: string, ids: readonly string[]) {\n    const { labels, pending } = resolvedOf(source);\n    const fresh = ids.filter((id) => !pending.has(keyOf(resource, id)));\n    if (fresh.length > 0 && source.resolve !== undefined) {\n        // Shared by every field that asks for these ids: it isn't aborted when one unmounts.\n        const request = source\n            .resolve(resource, fresh, { signal: new AbortController().signal })\n            .then(\n                (found) => {\n                    fresh.forEach((id) =>\n                        labels.set(\n                            keyOf(resource, id),\n                            found.find((candidate) => candidate.id === id)?.label ?? null,\n                        ),\n                    );\n                },\n                () => {\n                    // Tried again the next time a field shows these ids.\n                    fresh.forEach((id) => pending.delete(keyOf(resource, id)));\n                },\n            );\n        fresh.forEach((id) => pending.set(keyOf(resource, id), request));\n    }\n    return Promise.all(ids.map((id) => pending.get(keyOf(resource, id))));\n}\n\n/**\n * Relation references with the labels of plain ids: references whose label is their id (from\n * `\"12\"`) are resolved with the source's `resolve()`, once per source, resource and id. They keep\n * their id as label until then, or when the source doesn't find them.\n */\nexport function useRelationReferences(\n    source: RelationSource | null,\n    resource: string,\n    references: readonly RelationReference[],\n): RelationReference[] {\n    const cache = source !== null ? resolvedOf(source).labels : null;\n    const [labels, setLabels] = useState<Readonly<Record<string, string>>>({});\n    const label = (id: string): string | undefined =>\n        labels[keyOf(resource, id)] ?? cache?.get(keyOf(resource, id)) ?? undefined;\n    const missing =\n        source?.resolve !== undefined && cache !== null\n            ? references\n                  .filter((reference) => reference.label === reference.id)\n                  .map((reference) => reference.id)\n                  .filter((id) => !cache.has(keyOf(resource, id)))\n            : [];\n    const missingKey = missing.join('\\u0000');\n\n    useEffect(() => {\n        const ids = missingKey === '' ? [] : missingKey.split('\\u0000');\n        if (source === null || cache === null || ids.length === 0) {\n            return undefined;\n        }\n        let active = true;\n        void resolveIds(source, resource, ids).then(() => {\n            if (!active) {\n                return;\n            }\n            const next: Record<string, string> = {};\n            ids.forEach((id) => {\n                const found = cache.get(keyOf(resource, id));\n                if (typeof found === 'string') {\n                    next[keyOf(resource, id)] = found;\n                }\n            });\n            setLabels((current) => ({ ...current, ...next }));\n        });\n        return () => {\n            active = false;\n        };\n    }, [source, cache, resource, missingKey]);\n\n    return references.map((reference) =>\n        reference.label === reference.id\n            ? { id: reference.id, label: label(reference.id) ?? reference.id }\n            : reference,\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"relation.js","names":["useEffect","useState","Definition","Item","ListQuery","RelationReference","id","label","RelationSource","search","resource","query","options","signal","AbortSignal","Promise","resolve","ids","create","text","canCreate","RelationListAdapter","list","data","get","values","Record","RelationSourceOptions","definition","Pick","Partial","perPage","getLabel","item","labelOf","value","locale","String","localized","first","undefined","Object","createRelationSource","adapter","resourceOf","resources","find","candidate","toReference","titleField","itemTitle","valuesOf","definitionResource","field","fields","name","locales","length","fromEntries","map","source","response","page","q","createItem","results","allSettled","call","flatMap","result","status","abilities","toReferences","Array","isArray","entry","ResolvedLabels","labels","Map","pending","resolved","WeakMap","resolvedOf","set","keyOf","resolveIds","fresh","filter","has","request","AbortController","then","found","forEach","delete","all","useRelationReferences","references","$","_c","cache","t0","Symbol","for","setLabels","missing","_temp","_temp2","id_0","missingKey","join","split","active","next","id_1","current","reference_1","reference","reference_0","_c"],"sources":["../../src/shared/relation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Definition, Item, ListQuery } from '@panneau/protocol';\n\n/** A related item: its id, and a label to show it. The value of a relation field. */\nexport interface RelationReference {\n    id: string;\n    label: string;\n}\n\n/** Where relation fields search for items. */\nexport interface RelationSource {\n    /** Items of a resource that match a text, for the picker. */\n    search(\n        resource: string,\n        query: string,\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * The references of items by id, for values that are only ids (`\"12\"`, `[\"12\", \"13\"]`), as a\n     * product's own API gives them. In any order; ids it doesn't find are left out, and keep their\n     * id as label. Without it, fields show the ids.\n     */\n    resolve?(\n        resource: string,\n        ids: readonly string[],\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * Creates an item from the text typed in the picker, which offers \"Create “…”\" when this\n     * method exists. It can open a dialog, and resolves with the reference of the new item, or with\n     * `null` when nothing was created.\n     */\n    create?(resource: string, text: string): Promise<RelationReference | null>;\n    /** Whether `create()` can create items of a resource. Defaults to true. */\n    canCreate?(resource: string): boolean;\n}\n\n/** What `createRelationSource()` needs from an adapter: the `list()`, `get()` and `create()` of `@panneau/data`. */\nexport interface RelationListAdapter {\n    list(\n        resource: string,\n        query?: ListQuery,\n        options?: { signal?: AbortSignal },\n    ): Promise<{ data: Item[] }>;\n    /** One item, for `resolve()`. Without it, the source doesn't resolve ids. */\n    get?(resource: string, id: string, options?: { signal?: AbortSignal }): Promise<Item>;\n    /** Creates an item, for `create()`. */\n    create?(resource: string, values: Record<string, unknown>): Promise<Item>;\n}\n\nexport interface RelationSourceOptions {\n    /** The definition, for the field that titles the items of each resource (`itemTitle`). */\n    definition?: (Pick<Definition, 'resources'> & Partial<Pick<Definition, 'locales'>>) | null;\n    /** Items per search. Defaults to 20. */\n    perPage?: number;\n    /** The label of an item, when `itemTitle` isn't enough. */\n    getLabel?: (item: Item, resource: string) => string;\n    /**\n     * Lets the picker create items, with the adapter's `create()`. `true` sets the typed text as the\n     * value of the resource's `itemTitle` field (in every locale of the definition when it is\n     * localized), on the resources that allow `create`. A function gives the values of the new item\n     * instead, or `null` for a resource where items can't be created.\n     */\n    create?: boolean | ((text: string, resource: string) => Record<string, unknown> | null);\n}\n\nfunction labelOf(value: unknown, locale?: string): string | null {\n    if (typeof value === 'string' || typeof value === 'number') {\n        return String(value);\n    }\n    if (value !== null && typeof value === 'object') {\n        const localized = value as Record<string, unknown>;\n        const first =\n            (locale !== undefined ? localized[locale] : undefined) ?? Object.values(localized)[0];\n        return typeof first === 'string' ? first : null;\n    }\n    return null;\n}\n\n/**\n * A relation source over an adapter, such as the `DataAdapter` of `@panneau/data`: a search is a\n * list query with `q`, ids are resolved with `get()`, and, with the `create` option, items are\n * created with `create()`. Labels come from the resource's `itemTitle`.\n */\nexport function createRelationSource(\n    adapter: RelationListAdapter,\n    { definition = null, perPage = 20, getLabel, create }: RelationSourceOptions = {},\n): RelationSource {\n    const resourceOf = (resource: string) =>\n        definition?.resources.find((candidate) => candidate.id === resource);\n    const toReference = (item: Item, resource: string): RelationReference => {\n        const titleField = resourceOf(resource)?.itemTitle;\n        return {\n            id: item.id,\n            label:\n                getLabel?.(item, resource) ??\n                (titleField !== undefined ? labelOf(item[titleField]) : null) ??\n                item.id,\n        };\n    };\n    const valuesOf = (text: string, resource: string): Record<string, unknown> | null => {\n        if (typeof create === 'function') {\n            return create(text, resource);\n        }\n        const definitionResource = resourceOf(resource);\n        const titleField = definitionResource?.itemTitle;\n        if (definitionResource === undefined || titleField === undefined) {\n            return null;\n        }\n        const field = definitionResource.fields.find((candidate) => candidate.name === titleField);\n        const locales = definition?.locales ?? [];\n        return {\n            [titleField]:\n                field?.localized === true && locales.length > 0\n                    ? Object.fromEntries(locales.map((locale) => [locale, text]))\n                    : text,\n        };\n    };\n    const source: RelationSource = {\n        async search(resource, query, { signal }) {\n            const response = await adapter.list(\n                resource,\n                { page: 1, perPage, ...(query !== '' ? { q: query } : {}) },\n                { signal },\n            );\n            return response.data.map((item) => toReference(item, resource));\n        },\n    };\n    const { get, create: createItem } = adapter;\n    if (get !== undefined) {\n        source.resolve = async (resource, ids, { signal }) => {\n            const results = await Promise.allSettled(\n                ids.map((id) => get.call(adapter, resource, id, { signal })),\n            );\n            return results.flatMap((result) =>\n                result.status === 'fulfilled' ? [toReference(result.value, resource)] : [],\n            );\n        };\n    }\n    if (create !== undefined && create !== false && createItem !== undefined) {\n        source.canCreate = (resource) =>\n            resourceOf(resource)?.abilities?.create !== false && valuesOf('', resource) !== null;\n        source.create = async (resource, text) => {\n            const values = valuesOf(text, resource);\n            if (values === null) {\n                return null;\n            }\n            return toReference(await createItem.call(adapter, resource, values), resource);\n        };\n    }\n    return source;\n}\n\n/** Reads relation values: references, ids, or lists of them. */\nexport function toReferences(value: unknown): RelationReference[] {\n    const list = Array.isArray(value)\n        ? value\n        : value === null || value === undefined\n          ? []\n          : [value];\n    return list.flatMap((entry: unknown) => {\n        if (typeof entry === 'string' || typeof entry === 'number') {\n            return [{ id: String(entry), label: String(entry) }];\n        }\n        if (entry !== null && typeof entry === 'object' && 'id' in entry) {\n            const { id, label } = entry as { id: unknown; label?: unknown };\n            if (typeof id === 'string' || typeof id === 'number') {\n                return [{ id: String(id), label: typeof label === 'string' ? label : String(id) }];\n            }\n        }\n        return [];\n    });\n}\n\ninterface ResolvedLabels {\n    /** Labels by resource and id: `null` for ids that the source didn't find. */\n    labels: Map<string, string | null>;\n    /** Requests in flight, so that fields with the same ids share one. */\n    pending: Map<string, Promise<void>>;\n}\n\nconst resolved = new WeakMap<RelationSource, ResolvedLabels>();\n\nfunction resolvedOf(source: RelationSource): ResolvedLabels {\n    let entry = resolved.get(source);\n    if (entry === undefined) {\n        entry = { labels: new Map(), pending: new Map() };\n        resolved.set(source, entry);\n    }\n    return entry;\n}\n\nconst keyOf = (resource: string, id: string) => `${resource}\\u0000${id}`;\n\n/** Resolves the ids that no request has resolved or is resolving yet, and waits for all of them. */\nfunction resolveIds(source: RelationSource, resource: string, ids: readonly string[]) {\n    const { labels, pending } = resolvedOf(source);\n    const fresh = ids.filter((id) => !pending.has(keyOf(resource, id)));\n    if (fresh.length > 0 && source.resolve !== undefined) {\n        // Shared by every field that asks for these ids: it isn't aborted when one unmounts.\n        const request = source\n            .resolve(resource, fresh, { signal: new AbortController().signal })\n            .then(\n                (found) => {\n                    fresh.forEach((id) =>\n                        labels.set(\n                            keyOf(resource, id),\n                            found.find((candidate) => candidate.id === id)?.label ?? null,\n                        ),\n                    );\n                },\n                () => {\n                    // Tried again the next time a field shows these ids.\n                    fresh.forEach((id) => pending.delete(keyOf(resource, id)));\n                },\n            );\n        fresh.forEach((id) => pending.set(keyOf(resource, id), request));\n    }\n    return Promise.all(ids.map((id) => pending.get(keyOf(resource, id))));\n}\n\n/**\n * Relation references with the labels of plain ids: references whose label is their id (from\n * `\"12\"`) are resolved with the source's `resolve()`, once per source, resource and id. They keep\n * their id as label until then, or when the source doesn't find them.\n */\nexport function useRelationReferences(\n    source: RelationSource | null,\n    resource: string,\n    references: readonly RelationReference[],\n): RelationReference[] {\n    const cache = source !== null ? resolvedOf(source).labels : null;\n    const [labels, setLabels] = useState<Readonly<Record<string, string>>>({});\n    const label = (id: string): string | undefined =>\n        labels[keyOf(resource, id)] ?? cache?.get(keyOf(resource, id)) ?? undefined;\n    const missing =\n        source?.resolve !== undefined && cache !== null\n            ? references\n                  .filter((reference) => reference.label === reference.id)\n                  .map((reference) => reference.id)\n                  .filter((id) => !cache.has(keyOf(resource, id)))\n            : [];\n    const missingKey = missing.join('\\u0000');\n\n    useEffect(() => {\n        const ids = missingKey === '' ? [] : missingKey.split('\\u0000');\n        if (source === null || cache === null || ids.length === 0) {\n            return undefined;\n        }\n        let active = true;\n        void resolveIds(source, resource, ids).then(() => {\n            if (!active) {\n                return;\n            }\n            const next: Record<string, string> = {};\n            ids.forEach((id) => {\n                const found = cache.get(keyOf(resource, id));\n                if (typeof found === 'string') {\n                    next[keyOf(resource, id)] = found;\n                }\n            });\n            setLabels((current) => ({ ...current, ...next }));\n        });\n        return () => {\n            active = false;\n        };\n    }, [source, cache, resource, missingKey]);\n\n    return references.map((reference) =>\n        reference.label === reference.id\n            ? { id: reference.id, label: label(reference.id) ?? reference.id }\n            : reference,\n    );\n}\n"],"mappings":"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"}

package/dist/slug/SlugField.d.ts

@@ -1,6 +1,6 @@
 import type { FieldCheckResponse } from '@panneau/protocol';
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 /**
  * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
  * accents (`Été à Montréal` gives `ete-a-montreal`).

package/dist/slug/SlugField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlugField.d.ts","sourceRoot":"","sources":["../../src/slug/SlugField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnE;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO5C;AAED,4EAA4E;AAC5E,MAAM,MAAM,SAAS,GAAG,CACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,KAC/B,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA4CD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,OAAO,EACP,UAAgB,EAChB,QAAa,EACb,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACX,EAAE,cAAc,+BA4FhB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAazE;AAeD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAqCpD"}
+{"version":3,"file":"SlugField.d.ts","sourceRoot":"","sources":["../../src/slug/SlugField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnE;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO5C;AAED,4EAA4E;AAC5E,MAAM,MAAM,SAAS,GAAG,CACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,KAC/B,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AA4CD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,OAAO,EACP,UAAgB,EAChB,QAAa,EACb,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACX,EAAE,cAAc,+BA4FhB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAazE;AAeD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAqCpD"}

package/dist/slug/SlugField.js

@@ -9,6 +9,7 @@ import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WandSparkles } from "lucide-react";
 //#region src/slug/SlugField.tsx
+var suggestionMessage = messages.useSuggestion;
 /**
 * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
 * accents (`Été à Montréal` gives `ete-a-montreal`).
@@ -82,41 +83,134 @@ function useSlugCheck(value, onCheck, delay, key) {
 * slug is taken, and gives its URL.
 */
 function _temp() {}
-function SlugField({ value, onChange, onBlur, source, sourceLabel, onCheck, checkDelay = 300, checkKey = "", disabled, readOnly, prefix, errors, description, ...props }) {
+function SlugField(t0) {
+	const $ = c(65);
+	let description;
+	let disabled;
+	let errors;
+	let onBlur;
+	let onChange;
+	let onCheck;
+	let prefix;
+	let props;
+	let readOnly;
+	let source;
+	let sourceLabel;
+	let t1;
+	let t2;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, source, sourceLabel, onCheck, checkDelay: t1, checkKey: t2, disabled, readOnly, prefix, errors, description, ...props} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = errors;
+		$[4] = onBlur;
+		$[5] = onChange;
+		$[6] = onCheck;
+		$[7] = prefix;
+		$[8] = props;
+		$[9] = readOnly;
+		$[10] = source;
+		$[11] = sourceLabel;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = value;
+	} else {
+		description = $[1];
+		disabled = $[2];
+		errors = $[3];
+		onBlur = $[4];
+		onChange = $[5];
+		onCheck = $[6];
+		prefix = $[7];
+		props = $[8];
+		readOnly = $[9];
+		source = $[10];
+		sourceLabel = $[11];
+		t1 = $[12];
+		t2 = $[13];
+		value = $[14];
+	}
+	const checkDelay = t1 === void 0 ? 300 : t1;
+	const checkKey = t2 === void 0 ? "" : t2;
 	const intl = usePanneauIntl();
 	const previousSource = useRef(source);
 	const check = useSlugCheck(value ?? "", onCheck, checkDelay, checkKey);
 	const disabledByBackend = check?.disabled === true;
 	const editable = disabled !== true && readOnly !== true && !disabledByBackend;
-	useEffect(() => {
-		const previous = previousSource.current;
-		previousSource.current = source;
-		if (!editable || source === previous || source === void 0) return;
-		const current = value ?? "";
-		if (current === "" || current === slugify(previous ?? "")) {
-			const next = slugify(source ?? "");
-			if (next !== current) onChange?.(next === "" ? null : next);
-		}
-	}, [
-		source,
-		value,
-		onChange,
-		editable
-	]);
-	const generated = slugify(source ?? "");
+	let t3;
+	let t4;
+	if ($[15] !== editable || $[16] !== onChange || $[17] !== source || $[18] !== value) {
+		t3 = () => {
+			const previous = previousSource.current;
+			previousSource.current = source;
+			if (!editable || source === previous || source === void 0) return;
+			const current = value ?? "";
+			if (current === "" || current === slugify(previous ?? "")) {
+				const next = slugify(source ?? "");
+				if (next !== current) onChange?.(next === "" ? null : next);
+			}
+		};
+		t4 = [
+			source,
+			value,
+			onChange,
+			editable
+		];
+		$[15] = editable;
+		$[16] = onChange;
+		$[17] = source;
+		$[18] = value;
+		$[19] = t3;
+		$[20] = t4;
+	} else {
+		t3 = $[19];
+		t4 = $[20];
+	}
+	useEffect(t3, t4);
+	const t5 = source ?? "";
+	let t6;
+	if ($[21] !== t5) {
+		t6 = slugify(t5);
+		$[21] = t5;
+		$[22] = t6;
+	} else t6 = $[22];
+	const generated = t6;
 	const taken = check !== null && !check.available;
-	const suggestion = taken && isString(check.suggestion) ? check.suggestion : null;
-	const url = check !== null && isString(check.url) && !taken ? check.url : null;
-	return /* @__PURE__ */ jsx(TextField, {
-		autoComplete: "off",
-		...props,
-		value,
-		onChange,
-		disabled,
-		readOnly: readOnly === true || disabledByBackend,
-		...check !== null && isString(check.prefix) ? { prefix: check.prefix } : prefix !== void 0 ? { prefix } : {},
-		...errors !== void 0 ? { errors } : {},
-		description: taken || url !== null || description !== void 0 ? /* @__PURE__ */ jsxs("span", {
+	let t7;
+	if ($[23] !== check || $[24] !== taken) {
+		t7 = taken && isString(check.suggestion) ? check.suggestion : null;
+		$[23] = check;
+		$[24] = taken;
+		$[25] = t7;
+	} else t7 = $[25];
+	const suggestion = t7;
+	let t8;
+	if ($[26] !== check || $[27] !== taken) {
+		t8 = check !== null && isString(check.url) && !taken ? check.url : null;
+		$[26] = check;
+		$[27] = taken;
+		$[28] = t8;
+	} else t8 = $[28];
+	const url = t8;
+	const t9 = readOnly === true || disabledByBackend;
+	let t10;
+	if ($[29] !== check || $[30] !== prefix) {
+		t10 = check !== null && isString(check.prefix) ? { prefix: check.prefix } : prefix !== void 0 ? { prefix } : {};
+		$[29] = check;
+		$[30] = prefix;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== errors) {
+		t11 = errors !== void 0 ? { errors } : {};
+		$[32] = errors;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== description || $[35] !== editable || $[36] !== intl || $[37] !== onChange || $[38] !== suggestion || $[39] !== taken || $[40] !== url) {
+		t12 = taken || url !== null || description !== void 0 ? /* @__PURE__ */ jsxs("span", {
 			className: SlugField_module_default.description,
 			children: [
 				description !== void 0 ? /* @__PURE__ */ jsx("span", { children: description }) : null,
@@ -134,26 +228,80 @@ function SlugField({ value, onChange, onBlur, source, sourceLabel, onCheck, chec
 						size: "sm",
 						appearance: "ghost",
 						onPress: () => onChange?.(suggestion),
-						children: intl.formatMessage(messages.useSuggestion, { suggestion })
+						children: intl.formatMessage(suggestionMessage, { suggestion })
 					}) : null]
 				}) : null
 			]
-		}) : void 0,
-		onBlur: () => {
+		}) : void 0;
+		$[34] = description;
+		$[35] = editable;
+		$[36] = intl;
+		$[37] = onChange;
+		$[38] = suggestion;
+		$[39] = taken;
+		$[40] = url;
+		$[41] = t12;
+	} else t12 = $[41];
+	let t13;
+	if ($[42] !== onBlur || $[43] !== onChange || $[44] !== value) {
+		t13 = () => {
 			if (value !== null && value !== void 0) {
 				const next_0 = slugify(value);
 				if (next_0 !== value) onChange?.(next_0 === "" ? null : next_0);
 			}
 			onBlur?.();
-		},
-		suffix: source !== void 0 && editable ? /* @__PURE__ */ jsx(IconButton, {
+		};
+		$[42] = onBlur;
+		$[43] = onChange;
+		$[44] = value;
+		$[45] = t13;
+	} else t13 = $[45];
+	let t14;
+	if ($[46] !== editable || $[47] !== generated || $[48] !== intl || $[49] !== onChange || $[50] !== source || $[51] !== sourceLabel || $[52] !== value) {
+		t14 = source !== void 0 && editable ? /* @__PURE__ */ jsx(IconButton, {
 			icon: WandSparkles,
 			size: "sm",
 			label: intl.formatMessage(messages.generateSlug, { field: sourceLabel ?? "" }),
 			isDisabled: generated === "" || generated === value,
 			onPress: () => onChange?.(generated === "" ? null : generated)
-		}) : void 0
-	});
+		}) : void 0;
+		$[46] = editable;
+		$[47] = generated;
+		$[48] = intl;
+		$[49] = onChange;
+		$[50] = source;
+		$[51] = sourceLabel;
+		$[52] = value;
+		$[53] = t14;
+	} else t14 = $[53];
+	let t15;
+	if ($[54] !== disabled || $[55] !== onChange || $[56] !== props || $[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13 || $[61] !== t14 || $[62] !== t9 || $[63] !== value) {
+		t15 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "off",
+			...props,
+			value,
+			onChange,
+			disabled,
+			readOnly: t9,
+			...t10,
+			...t11,
+			description: t12,
+			onBlur: t13,
+			suffix: t14
+		});
+		$[54] = disabled;
+		$[55] = onChange;
+		$[56] = props;
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t12;
+		$[60] = t13;
+		$[61] = t14;
+		$[62] = t9;
+		$[63] = value;
+		$[64] = t15;
+	} else t15 = $[64];
+	return t15;
 }
 /**
 * The text of a source value: the value itself, or for a localized value, its value in `locale`.