@webiny/app-admin 0.0.0-unstable.b14eaecf38 → 0.0.0-unstable.b6d7105cee

package/features/formModel/abstractions.js

@@ -0,0 +1,8 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const FieldType = createAbstraction("FormModel/FieldType");
+const FieldBuilderRegistry = createAbstraction("FormModel/FieldBuilderRegistry");
+const FormModelFactory = createAbstraction("FormModelFactory");
+const RuleEvaluator = createAbstraction("FormModelRuleEvaluator");
+export { FieldBuilderRegistry, FieldType, FormModelFactory, RuleEvaluator };
+
+//# sourceMappingURL=abstractions.js.map

package/features/formModel/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/abstractions.js","sources":["../../../src/features/formModel/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { z } from \"zod\";\nimport type { Icon } from \"~/components/IconPicker/types.js\";\n\n// ---------------------------------------------------------------------------\n// Renderer registry — augmented by each renderer via declare module\n// ---------------------------------------------------------------------------\n\nexport interface IFieldRendererRegistry {}\n\nexport type FieldRendererName<\n    TType extends string = string,\n    TOptions extends boolean = boolean\n> = string extends TType\n    ? keyof IFieldRendererRegistry & string\n    : {\n          [K in keyof IFieldRendererRegistry]: TType extends IFieldRendererRegistry[K][\"fieldType\"]\n              ? boolean extends TOptions\n                  ? K\n                  : TOptions extends true\n                    ? IFieldRendererRegistry[K] extends { options: true }\n                        ? K\n                        : never\n                    : IFieldRendererRegistry[K] extends { options: true }\n                      ? never\n                      : K\n              : never;\n      }[keyof IFieldRendererRegistry] &\n          string;\n\nexport type FieldRendererSettings<TName extends string> = TName extends keyof IFieldRendererRegistry\n    ? IFieldRendererRegistry[TName][\"settings\"]\n    : Record<string, unknown> | undefined;\n\n// ---------------------------------------------------------------------------\n// Field types\n// ---------------------------------------------------------------------------\n\nexport interface IFieldConfig {\n    name: string;\n    type: string;\n    label?: string;\n    help?: string;\n    description?: string;\n    note?: string;\n    placeholder?: string;\n    defaultValue?: unknown;\n    renderer?: string;\n    rendererSettings?: Record<string, unknown>;\n    isList?: boolean;\n    hidden: boolean;\n    required: boolean;\n    requiredMessage?: string;\n    disabled: boolean;\n    schema?: z.ZodTypeAny;\n    options?: IValueOption[] | ((params: IFieldCallbackParams) => IValueOption[]);\n    normalizeValue?: (value: unknown) => unknown;\n    beforeChangeCallbacks?: BeforeChangeCallback[];\n    afterChangeCallbacks?: AfterChangeCallback[];\n    afterSetValueCallbacks?: AfterSetValueCallback[];\n    onBlurCallbacks?: OnBlurCallback[];\n    requiredWhenCallbacks?: RequiredWhenCallback[];\n    hiddenWhenCallbacks?: HiddenWhenCallback[];\n    disabledWhenCallbacks?: DisabledWhenCallback[];\n    computed?: ComputedFieldCallback;\n    computedUntilDirty?: ComputedFieldCallback;\n    tags?: string[];\n    cloneValue?: CloneValueCallback;\n    context?: FieldContextCallback;\n    rules?: IRule[];\n}\n\nexport interface IFieldScope {\n    field(name: string): IField;\n    parent(): IFieldScope;\n}\n\nexport interface IFieldNavigator {\n    parent(): IFieldScope;\n}\n\nexport interface IFieldCallbackParams {\n    field: IFieldNavigator;\n    form: IFormModel;\n}\n\nexport interface IRequiredWhenCallbackConfig {\n    fn: (params: IFieldCallbackParams) => boolean;\n    message?: string;\n}\n\nexport type RequiredWhenCallback = IRequiredWhenCallbackConfig;\n\nexport type HiddenWhenCallback = (params: IFieldCallbackParams) => boolean;\n\nexport type DisabledWhenCallback = (params: IFieldCallbackParams) => boolean;\n\nexport type ComputedFieldCallback = (params: IFieldCallbackParams) => unknown;\n\nexport type FieldContextCallback = (params: IFieldCallbackParams) => Record<string, unknown>;\n\n// ---------------------------------------------------------------------------\n// Rules system\n// ---------------------------------------------------------------------------\n\nexport type RuleAction = \"hide\" | \"disable\";\n\nexport type RuleOperator =\n    | \"eq\"\n    | \"neq\"\n    | \"isEmpty\"\n    | \"isNotEmpty\"\n    | \"isTruthy\"\n    | \"isFalsy\"\n    | \"matches\";\n\nexport interface IRule {\n    type: string;\n    target: string;\n    operator: RuleOperator | (string & {});\n    value: string | null;\n    action: RuleAction;\n}\n\nexport interface IRuleEvaluator {\n    canEvaluate(rule: IRule): boolean;\n    evaluate(rule: IRule, form: IFormModel): boolean;\n}\n\nexport interface IValueOption<V extends string | number = string | number> {\n    label: string;\n    value: V;\n    disabled?: boolean;\n}\n\nexport type OptionValueType<TType extends string> = TType extends \"number\" ? number : string;\n\nexport interface IFieldValidation {\n    isValid: boolean | null;\n    message?: string;\n}\n\nexport interface IFieldVM {\n    name: string;\n    type: string;\n    label?: string;\n    help?: string;\n    description?: string;\n    note?: string;\n    placeholder?: string;\n    value: unknown;\n    validation: IFieldValidation;\n    validating: boolean;\n    required: boolean;\n    visible: boolean;\n    disabled: boolean;\n    renderer?: string;\n    rendererSettings?: Record<string, unknown>;\n    isList?: boolean;\n    options?: IValueOption[];\n    onChange: (value: unknown) => void;\n    onBlur: () => void;\n    addItem: (value?: unknown) => void;\n    removeItem: (index: number) => void;\n    focusRequested: boolean;\n    clearFocusRequest: () => void;\n    context: Record<string, unknown>;\n}\n\nexport interface IObjectFieldVM extends IFieldVM {\n    type: \"object\";\n    isList: boolean;\n    /** Child field VMs for non-list object fields. */\n    fields: IFieldVM[];\n    /**\n     * Resolved layout for non-list object fields. For templated objects, resolves\n     * against the active template's per-template layout (if registered via\n     * `layout.object()`), otherwise defaults to one row per visible child.\n     * For list-mode fields, see `items[].layout`.\n     */\n    layout: LayoutNodeVM[];\n    /** Items for list-mode object fields. */\n    items: IObjectFieldItemVM[];\n    /** Append a new item. Templated lists require a template id. */\n    addItem: (value?: unknown) => void;\n    moveItem: (fromIndex: number, toIndex: number) => void;\n    /** Duplicate a list item (including its `_templateId` when templated) and insert it after the source. */\n    duplicateItem: (index: number) => void;\n    /** True when the object has templates defined. */\n    isTemplated: boolean;\n    /** Templates visible in the picker (filtered by each template's reactive `visible`). */\n    availableTemplates: ITemplateVM[];\n    /** Currently active template id (single-object mode), or null if no template picked. */\n    activeTemplateId: string | null;\n    /** Switch to a different template. Discards values not present in the new template. */\n    setTemplate: (templateId: string) => void;\n    /** Returns a cloned copy of the current single-value data with cloneValue transforms applied. */\n    getClonedData: () => Record<string, unknown>;\n}\n\nexport interface IObjectFieldItemVM {\n    key: string;\n    fields: IFieldVM[];\n    /**\n     * Resolved layout for this item. For templated lists, resolves against the\n     * item's template-specific layout (if registered via `layout.object()`),\n     * otherwise defaults to one row per visible child.\n     */\n    layout: LayoutNodeVM[];\n    remove: () => void;\n    moveUp: () => void;\n    moveDown: () => void;\n    duplicate: () => void;\n    getClonedData: () => Record<string, unknown>;\n    /** The template id of this item, if the parent list is templated. */\n    templateId?: string;\n}\n\n/**\n * VM exposed for each available template in the picker.\n */\nexport interface ITemplateIcon {\n    type: string;\n    name: string;\n}\n\nexport interface ITemplateVM {\n    id: string;\n    label: string;\n    icon?: ITemplateIcon;\n}\n\nexport interface IField {\n    readonly name: string;\n    readonly type: string;\n    readonly visible: boolean;\n    readonly disabled: boolean;\n    readonly vm: IFieldVM;\n    readonly config: IFieldConfig;\n    getValue<T = unknown>(): T;\n    setValue(value: unknown): void;\n    setValueSilent(value: unknown): void;\n    setDisabled(value: boolean): void;\n    setVisible(value: boolean): void;\n    setForm(form: IFormModel, parentPath?: string): void;\n    setAncestorRules(rules: IRule[]): void;\n    setValidation(validation: IFieldValidation): void;\n    resetValidation(): void;\n    validate(options?: { force?: boolean }): Promise<boolean>;\n    remove(): void;\n    addBeforeChange(cb: BeforeChangeCallback): void;\n    addAfterChange(cb: AfterChangeCallback): void;\n    addAfterSetValue(cb: AfterSetValueCallback): void;\n    addOnBlur(cb: OnBlurCallback): void;\n    /**\n     * Append a conditional required check. Multiple callbacks chain additively;\n     * the first one returning `true` makes the field required for the current\n     * form state. The built-in `.required()` flag (if set) always counts as a\n     * truthy check and cannot be overridden.\n     */\n    addRequiredWhen(fn: (params: IFieldCallbackParams) => boolean, message?: string): void;\n    /**\n     * Mark this field as a derived value computed from `fn(form)`. The field\n     * stays editable (no auto-disable) and is excluded from `isDirty` while\n     * still tracking the computed value. Validation continues to apply.\n     */\n    setComputed(fn: ComputedFieldCallback): void;\n    /**\n     * Same as `setComputed`, but the field switches to manual mode the first\n     * time the user edits its value. After that, the computed callback no\n     * longer overrides user input.\n     */\n    setComputedUntilDirty(fn: ComputedFieldCallback): void;\n    blur(): void;\n    as<T extends keyof FieldTypeMap>(type: T): FieldTypeMap[T];\n    readonly qualifiedName: string;\n    focus(): void;\n    requestFocus(): void;\n    clearFocusRequest(): void;\n}\n\n/**\n * Maps field type strings to their typed field interfaces.\n * Extended via module augmentation when new field types are registered.\n */\nexport interface ITypedField<V> extends IField {\n    getValue<T = V>(): T;\n}\n\ntype InferFieldTypeMap = {\n    [K in keyof IFieldBuilderRegistry]: ReturnType<\n        IFieldBuilderRegistry[K]\n    > extends IObjectFieldBuilder\n        ? IObjectField\n        : ReturnType<IFieldBuilderRegistry[K]> extends { readonly __valueType?: infer V }\n          ? ITypedField<V>\n          : IField;\n};\n\nexport type FieldTypeMap = { [K in keyof InferFieldTypeMap]: InferFieldTypeMap[K] };\n\nexport type FileValue = {\n    id: string;\n    name: string;\n    size: number;\n    mimeType: string;\n    src: string;\n    width: number | undefined;\n    height: number | undefined;\n};\n\n// ---------------------------------------------------------------------------\n// Object / List field types\n// ---------------------------------------------------------------------------\n\nexport interface IObjectFieldConfig extends IFieldConfig {\n    childBuilders: Record<string, IFieldBuilder>;\n    isList: boolean;\n    listSchema?: z.ZodTypeAny;\n    templates?: ITemplateConfig[];\n}\n\nexport interface ITemplateBuilder {\n    label(text: string): this;\n    icon(icon: ITemplateIcon): this;\n    fields(factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>): this;\n    visible(predicate: (form: IFormModel) => boolean): this;\n}\n\nexport interface ITemplateConfig {\n    id: string;\n    label: string;\n    icon?: ITemplateIcon;\n    childBuilders: Record<string, IFieldBuilder>;\n    visible?: (form: IFormModel) => boolean;\n}\n\nexport interface IObjectField extends ITypedField<Record<string, unknown> | null> {\n    readonly isList: boolean;\n    readonly children: Map<string, IField>;\n    readonly items: IListItemField[];\n    readonly isTemplated: boolean;\n    readonly activeTemplateId: string | null;\n    readonly availableTemplates: ITemplateVM[];\n    /**\n     * Add, replace, or remove children on this object field at runtime.\n     * Mirrors `form.fields()` but scoped to this object's children. Existing\n     * keys are replaced; new keys are appended; passing `undefined` removes.\n     * Throws on templated objects — each template owns its own fields.\n     */\n    fields(\n        factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder | undefined>\n    ): void;\n    /**\n     * Register an inner layout used by the field's VM (`field.layout` for\n     * single objects, `item.layout` for list items).\n     *\n     * Pass `LayoutNode[]` for non-templated objects (the layout applies to the\n     * single object or every list item). Pass `Record<templateId, LayoutNode[]>`\n     * for templated objects (each entry applies when that template is active\n     * or for each list item with that template). Templates without an entry\n     * fall back to default one-row-per-visible-child.\n     */\n    setInnerLayout(layout: LayoutNode[] | Record<string, LayoutNode[]>): void;\n    /**\n     * Append a new list item.\n     * - Non-templated list: `addItem(data?)` — data hydrates the new item.\n     * - Templated list: `addItem(templateId, data?)` — templateId picks the variant.\n     */\n    addItem(\n        templateIdOrData?: string | Record<string, unknown>,\n        data?: Record<string, unknown>\n    ): void;\n    removeItem(index: number): void;\n    moveItem(fromIndex: number, toIndex: number): void;\n    /** Duplicate a list item (including its `_templateId`) and insert after the source. */\n    duplicateItem(index: number): void;\n    setTemplate(templateId: string): void;\n    /**\n     * Runtime template management. Available on every object field but throws\n     * when called on a non-templated field (`isTemplated === false`).\n     */\n    readonly templates: IObjectFieldTemplates;\n    getInnerLayout(): LayoutNode[] | null;\n    getData(): Record<string, unknown> | Record<string, unknown>[];\n}\n\nexport interface IObjectFieldTemplates {\n    add(id: string, configure: (t: ITemplateBuilder) => void): void;\n    remove(templateId: string): void;\n}\n\nexport interface IListItemField {\n    readonly key: string;\n    readonly children: Map<string, IField>;\n    readonly templateId?: string;\n    getData(): Record<string, unknown>;\n}\n\n// ---------------------------------------------------------------------------\n// Callback types\n// ---------------------------------------------------------------------------\n\nexport type BeforeChangeCallback = (value: unknown, params: IFieldCallbackParams) => unknown;\nexport type AfterChangeCallback = (value: unknown, params: IFieldCallbackParams) => void;\nexport type AfterSetValueCallback = (value: unknown, params: IFieldCallbackParams) => void;\nexport type OnBlurCallback = (value: unknown, params: IFieldCallbackParams) => void;\nexport type CloneValueCallback = (value: unknown) => unknown;\n\n// ---------------------------------------------------------------------------\n// Layout types\n// ---------------------------------------------------------------------------\n\nexport type LayoutNode =\n    | IRowNode\n    | ISeparatorNode\n    | IAlertNode\n    | ITabsNode\n    | IElementNode\n    | IObjectNode;\n\nexport interface IRowNode {\n    type: \"row\";\n    fieldIds: string[];\n    position?: LayoutPosition;\n}\n\n/** @deprecated Use IRowBuilder instead */\nexport type IRowNodeHandle = IRowBuilder;\n\nexport interface ISeparatorNode {\n    type: \"separator\";\n    title?: string;\n    description?: string;\n    rules?: IRule[];\n}\n\nexport interface ITabDefinition {\n    id: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    layout: LayoutNode[];\n    rules?: IRule[];\n}\n\n/**\n * User-facing tab spec accepted by `layout.tabs(...)`. The layout is supplied\n * as a callback receiving the layout builder, mirroring `layout.object(...)`.\n * Resolved to `ITabDefinition` (with `layout: LayoutNode[]`) at build time.\n */\nexport interface ITabDefinitionInput {\n    id: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    layout: (layout: ILayoutBuilder) => ILayoutNodeBuilder[];\n    rules?: IRule[];\n}\n\nexport interface ITabsNode {\n    type: \"tabs\";\n    id?: string;\n    renderer?: string;\n    rendererSettings?: Record<string, unknown>;\n    tabs: ITabDefinition[];\n    rules?: IRule[];\n}\n\nexport interface IAlertNode {\n    type: \"alert\";\n    message?: string;\n    alertType?: \"info\" | \"success\" | \"warning\" | \"danger\";\n    rules?: IRule[];\n}\n\nexport interface IElementNode {\n    type: \"element\";\n    id?: string;\n    renderer: string;\n    props?: Record<string, unknown>;\n}\n\n/**\n * Layout node that references an object field and registers an inner layout\n * on it. Resolved as a single-field row in the outer layout — the inner\n * layout is exposed on the field's VM (`field.layout` for single objects,\n * `item.layout` for list items).\n *\n * - For non-templated objects, `inner` is `LayoutNode[]` (one layout, applied\n *   to the single object or every list item).\n * - For templated objects, `inner` is `Record<templateId, LayoutNode[]>` —\n *   each entry is the layout used when that template is active (or for each\n *   list item with that template).\n */\nexport interface IObjectNode {\n    type: \"object\";\n    fieldName: string;\n    inner: LayoutNode[] | Record<string, LayoutNode[]>;\n}\n\n// ---------------------------------------------------------------------------\n// Layout node builders\n// ---------------------------------------------------------------------------\n\nexport interface ILayoutNodeBuilder {\n    build(): LayoutNode;\n}\n\nexport interface IRowBuilder extends ILayoutNodeBuilder {\n    before(target: string): IRowBuilder;\n    after(target: string): IRowBuilder;\n    build(): IRowNode;\n}\n\nexport interface ISeparatorBuilder extends ILayoutNodeBuilder {\n    title(text: string): this;\n    description(text: string): this;\n    rules(rules: IRule[]): this;\n    build(): ISeparatorNode;\n}\n\nexport interface IAlertBuilder extends ILayoutNodeBuilder {\n    message(text: string): this;\n    alertType(type: \"info\" | \"success\" | \"warning\" | \"danger\"): this;\n    rules(rules: IRule[]): this;\n    build(): IAlertNode;\n}\n\nexport interface ITabBuilder {\n    label(text: string): this;\n    description(text: string): this;\n    icon(icon: Icon): this;\n    layout(factory: (l: ILayoutBuilder) => ILayoutNodeBuilder[]): this;\n    rules(rules: IRule[]): this;\n}\n\nexport interface ITabsBuilder extends ILayoutNodeBuilder {\n    renderer(name: string, settings?: Record<string, unknown>): this;\n    tab(id: string, configure: (tab: ITabBuilder) => void): this;\n    before(target: string): this;\n    after(target: string): this;\n    rules(rules: IRule[]): this;\n    build(): ITabsNode;\n}\n\nexport interface IElementBuilder extends ILayoutNodeBuilder {\n    build(): IElementNode;\n}\n\nexport interface IObjectBuilder extends ILayoutNodeBuilder {\n    build(): IObjectNode;\n}\n\n// ---------------------------------------------------------------------------\n// Layout VM types\n// ---------------------------------------------------------------------------\n\nexport type LayoutNodeVM =\n    | IRowNodeVM\n    | ISeparatorNodeVM\n    | IAlertNodeVM\n    | ITabsNodeVM\n    | IElementNodeVM;\n\nexport interface IRowNodeVM {\n    type: \"row\";\n    fields: IFieldVM[];\n}\n\nexport interface ISeparatorNodeVM {\n    type: \"separator\";\n    title?: string;\n    description?: string;\n}\n\nexport interface IAlertNodeVM {\n    type: \"alert\";\n    message?: string;\n    alertType: \"info\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport interface ITabDefinitionVM {\n    id: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    hasErrors: boolean;\n    disabled: boolean;\n    layout: LayoutNodeVM[];\n}\n\nexport interface ITabsNodeVM {\n    type: \"tabs\";\n    id?: string;\n    renderer?: string;\n    rendererSettings?: Record<string, unknown>;\n    tabs: ITabDefinitionVM[];\n    disabled: boolean;\n    activeTabId: string;\n    setActiveTab: (id: string) => void;\n}\n\nexport interface IElementNodeVM {\n    type: \"element\";\n    renderer: string;\n    props?: Record<string, unknown>;\n}\n\n// ---------------------------------------------------------------------------\n// Layout modifier types\n// ---------------------------------------------------------------------------\n\nexport type LayoutPosition =\n    | { type: \"before\"; target: string }\n    | { type: \"after\"; target: string }\n    | { type: \"replace\"; target: string };\n\nexport interface IPositionedLayoutNode {\n    node: LayoutNode;\n    position?: LayoutPosition;\n}\n\n/**\n * Chainable handle returned by modifier layout.row().\n * Can be used as-is (appended) or positioned via .before()/.after()/.replace().\n */\nexport interface ILayoutNodeHandle extends IPositionedLayoutNode {\n    before(target: string): IPositionedLayoutNode;\n    after(target: string): IPositionedLayoutNode;\n    replace(target: string): IPositionedLayoutNode;\n}\n\n// ---------------------------------------------------------------------------\n// Named layout node access types\n// ---------------------------------------------------------------------------\n\nexport interface LayoutNodeHandleMap {\n    tabs: ITabsBuilder;\n    element: IElementNode;\n    object: IObjectNode;\n}\n\nexport interface ILayoutNodeAccessHandle {\n    as<T extends keyof LayoutNodeHandleMap>(type: T): LayoutNodeHandleMap[T];\n}\n\n/** @deprecated Use ITabsBuilder instead */\nexport type ITabsHandle = ITabsBuilder;\n\n/** @deprecated Use ITabBuilder instead */\nexport type ITabHandle = ITabBuilder;\n\n// ---------------------------------------------------------------------------\n// Modifier types\n// ---------------------------------------------------------------------------\n\nexport interface IFormModifier {\n    modify(form: IFormModel): void;\n}\n\nexport interface ILayoutModifier {\n    row(...fieldIds: string[]): ILayoutNodeHandle;\n    separator(): ILayoutNodeHandle;\n    alert(): ILayoutNodeHandle;\n    tabs(config: {\n        id?: string;\n        renderer?: string;\n        tabs: ITabDefinitionInput[];\n        rules?: IRule[];\n    }): ILayoutNodeHandle;\n    element(renderer: string, props?: Record<string, unknown>): ILayoutNodeHandle;\n    object(\n        fieldName: string,\n        layout: (layout: ILayoutBuilder) => ILayoutNodeBuilder[]\n    ): ILayoutNodeHandle;\n    object(\n        fieldName: string,\n        templateLayouts: Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n    ): ILayoutNodeHandle;\n    remove(target: string): void;\n}\n\n// ---------------------------------------------------------------------------\n// Form types\n// ---------------------------------------------------------------------------\n\nexport interface IFormError {\n    path: string;\n    label?: string;\n    breadcrumb?: string[];\n    message: string;\n}\n\nexport interface IFormVM {\n    layout: LayoutNodeVM[];\n    errors: IFormError[];\n    hasErrors: boolean;\n    isDirty: boolean;\n    isValid: boolean | null;\n    submitCount: number;\n    focusField(path: string): void;\n    getData(): Record<string, unknown>;\n    setData(data: Record<string, unknown>, options?: { dirty?: boolean }): void;\n}\n\n/**\n * Imperative form-level rule. Receives the live form and may return a flat\n * list of errors (sync or async). Errors are merged into `form.errors` and\n * surfaced on per-field validation when their `path` matches a known field.\n */\nexport type FormRuleFn = (\n    form: IFormModel\n) => IFormError[] | undefined | void | Promise<IFormError[] | undefined | void>;\n\n/**\n * A form-level rule. Either a Zod schema (validated against `form.getData()`)\n * or an imperative function returning an error list.\n */\nexport type FormRule = z.ZodTypeAny | FormRuleFn;\n\nexport interface IFormModel<T = Record<string, any>> {\n    field(name: string): IField;\n    fields(\n        factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder | undefined>\n    ): void;\n    layout(factory: (layout: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[]): void;\n    layout(nodeId: string): ILayoutNodeAccessHandle;\n    /**\n     * Replace the entire layout. Re-registers per-field inner layouts and\n     * propagates ancestor rules. Use `layout()` (modifier form) for additive\n     * changes.\n     */\n    setLayout(factory: (layout: ILayoutBuilder) => ILayoutNodeBuilder[]): void;\n    /**\n     * Append a form-level validation rule. Runs after per-field validation.\n     * Accepts a Zod schema (validated against `getData()`) or an imperative\n     * function returning a list of errors.\n     */\n    addRule(rule: FormRule): void;\n    getData(): T;\n    setData(data: T, options?: { dirty?: boolean }): void;\n    reset(): void;\n    validate(): Promise<boolean>;\n    submit<T = Record<string, unknown>>(options?: { skipValidation?: boolean }): Promise<T | false>;\n    evaluateRules(rules: IRule[] | undefined): { visible: boolean; disabled: boolean };\n    focusField(name: string): void;\n    readonly isDirty: boolean;\n    readonly isValid: boolean | null;\n    readonly submitted: boolean;\n    readonly submitCount: number;\n    readonly errors: IFormError[];\n    readonly vm: IFormVM;\n    getFieldBuilders(predicate?: (builder: IFieldBuilder) => boolean): IFieldBuilder[];\n    traverse(callback: (builder: IFieldBuilder) => void): void;\n    resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[];\n    readonly registry: IFieldBuilderRegistry;\n}\n\n// ---------------------------------------------------------------------------\n// FormModel namespace — groups all public types under one import\n// ---------------------------------------------------------------------------\n\nexport namespace FormModel {\n    export type FieldConfig = IFieldConfig;\n    export type ValueOption = IValueOption;\n    export type FieldValidation = IFieldValidation;\n    export type FieldVM = IFieldVM;\n    export type Field = IField;\n    export type ObjectField = IObjectField;\n    export type ObjectFieldConfig = IObjectFieldConfig;\n    export type BeforeChange = BeforeChangeCallback;\n    export type AfterChange = AfterChangeCallback;\n    export type AfterSetValue = AfterSetValueCallback;\n    export type OnBlur = OnBlurCallback;\n    export type CloneValue = CloneValueCallback;\n    export type LayoutNodeBuilder = ILayoutNodeBuilder;\n    export type RowBuilder = IRowBuilder;\n    export type SeparatorBuilder = ISeparatorBuilder;\n    export type AlertBuilder = IAlertBuilder;\n    export type AlertNode = IAlertNode;\n    export type AlertNodeVM = IAlertNodeVM;\n    export type TabBuilder = ITabBuilder;\n    export type TabsBuilder = ITabsBuilder;\n    export type ElementBuilder = IElementBuilder;\n    export type ObjectBuilder = IObjectBuilder;\n    export type RowNode = IRowNode;\n    /** @deprecated Use RowBuilder instead */\n    export type RowNodeHandle = IRowNodeHandle;\n    export type RowNodeVM = IRowNodeVM;\n    export type SeparatorNode = ISeparatorNode;\n    export type SeparatorNodeVM = ISeparatorNodeVM;\n    export type TabsNode = ITabsNode;\n    export type TabDefinition = ITabDefinition;\n    export type TabDefinitionInput = ITabDefinitionInput;\n    export type TabsNodeVM = ITabsNodeVM;\n    export type TabDefinitionVM = ITabDefinitionVM;\n    export type TabIcon = Icon;\n    export type ElementNode = IElementNode;\n    export type ElementNodeVM = IElementNodeVM;\n    export type ObjectNode = IObjectNode;\n    export type ObjectFieldVM = IObjectFieldVM;\n    export type ObjectFieldItemVM = IObjectFieldItemVM;\n    export type TemplateBuilder = ITemplateBuilder;\n    export type TemplateConfig = ITemplateConfig;\n    export type TemplateIcon = ITemplateIcon;\n    export type TemplateVM = ITemplateVM;\n    export type ObjectFieldTemplatesAPI = IObjectFieldTemplates;\n    export type FormError = IFormError;\n    export type FormVM = IFormVM;\n    export type Interface<T = Record<string, any>> = IFormModel<T>;\n    export type Modifier = IFormModifier;\n    export type LayoutModifier = ILayoutModifier;\n    export type Rule = IRule;\n    export type Action = RuleAction;\n    export type RuleEvaluator = IRuleEvaluator;\n    export type FormRuleFunction = FormRuleFn;\n    export type FormRuleType = FormRule;\n    export type CallbackParams = IFieldCallbackParams;\n    export type RequiredWhen = (params: IFieldCallbackParams) => boolean;\n    export type HiddenWhen = HiddenWhenCallback;\n    export type DisabledWhen = DisabledWhenCallback;\n    export type Computed = ComputedFieldCallback;\n}\n\n// ---------------------------------------------------------------------------\n// FormModelFactory abstraction\n// ---------------------------------------------------------------------------\n\nexport interface IFormModelFactory {\n    create<T = Record<string, any>>(config: IFormModelConfig): IFormModel<T>;\n}\n\nexport interface IFormModelConfig {\n    fields: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>;\n    layout?: (layout: ILayoutBuilder) => ILayoutNodeBuilder[];\n    validateOnSubmit?: boolean;\n    ruleEvaluators?: IRuleEvaluator[];\n}\n\nexport interface ILayoutBuilder {\n    row(...fieldIds: string[]): IRowBuilder;\n    separator(): ISeparatorBuilder;\n    alert(): IAlertBuilder;\n    tabs(id?: string): ITabsBuilder;\n    element(renderer: string, props?: Record<string, unknown>): IElementBuilder;\n    /**\n     * Reference an object field and register its inner layout.\n     *\n     * Non-templated: pass a single layout factory; the layout applies to the\n     * single object or to every list item. Templated: pass a map of factories\n     * keyed by template id; each entry applies when that template is active\n     * (or for each list item with that template). Templates without an entry\n     * fall back to default one-row-per-visible-child.\n     */\n    object(\n        fieldName: string,\n        layout: (layout: ILayoutBuilder) => ILayoutNodeBuilder[]\n    ): IObjectBuilder;\n    object(\n        fieldName: string,\n        templateLayouts: Record<string, (layout: ILayoutBuilder) => ILayoutNodeBuilder[]>\n    ): IObjectBuilder;\n}\n\nexport interface IFieldBuilder<\n    TType extends string = string,\n    TOptions extends boolean = false,\n    TValue = unknown\n> {\n    readonly __valueType?: TValue;\n    label(text: string): this;\n    help(text: string): this;\n    description(text: string): this;\n    note(text: string): this;\n    placeholder(text: string): this;\n    schema(zodSchema: z.ZodTypeAny): this;\n    defaultValue(value: unknown): this;\n    renderer<TName extends FieldRendererName<TType, TOptions>>(\n        name: TName,\n        ...args: undefined extends FieldRendererSettings<TName>\n            ? [settings?: FieldRendererSettings<TName>]\n            : FieldRendererSettings<TName> extends undefined\n              ? []\n              : [settings: FieldRendererSettings<TName>]\n    ): this;\n    hidden(): this;\n    hiddenWhen(fn: HiddenWhenCallback): this;\n    disabledWhen(fn: DisabledWhenCallback): this;\n    required(message?: string): this;\n    /**\n     * Conditional required check. Multiple `requiredWhen()` calls chain — the\n     * first one to return `true` for the current form state makes the field\n     * required. Built-in `.required()` (if set) is evaluated alongside.\n     */\n    requiredWhen(fn: (params: IFieldCallbackParams) => boolean, message?: string): this;\n    list(): this;\n    disabled(value?: boolean): this;\n    rules(rules: IRule[]): this;\n    beforeChange(fn: BeforeChangeCallback): this;\n    afterChange(fn: AfterChangeCallback): this;\n    afterSetValue(fn: AfterSetValueCallback): this;\n    onBlur(fn: OnBlurCallback): this;\n    cloneValue(fn: CloneValueCallback): this;\n    getName(): string;\n    getType(): string;\n    getTags(): string[];\n    tags(tags: string[]): this;\n    /**\n     * Mark this field as a derived value computed from `fn(form)`. The field\n     * stays editable; user edits are accepted but the computed value continues\n     * to flow whenever a dependency changes. To make the user \"win\", use\n     * `computedUntilDirty()` instead.\n     */\n    computed(fn: ComputedFieldCallback): this;\n    /**\n     * Same as `computed`, but the field switches to manual mode the first time\n     * its value is changed via the UI. After that, `fn(form)` no longer\n     * overrides user input.\n     */\n    computedUntilDirty(fn: ComputedFieldCallback): this;\n    build(name: string): IFieldConfig;\n}\n\nexport interface IOptionsFieldBuilder<TType extends string, TValue = unknown> extends IFieldBuilder<\n    TType,\n    false,\n    TValue\n> {\n    options(\n        opts:\n            | IValueOption<OptionValueType<TType>>[]\n            | ((params: IFieldCallbackParams) => IValueOption<OptionValueType<TType>>[])\n    ): IFieldBuilder<TType, true, TValue>;\n}\n\nexport interface IObjectFieldBuilder extends IFieldBuilder<\n    \"object\",\n    false,\n    Record<string, unknown> | null\n> {\n    fields(fn: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder>): this;\n    list(): this;\n    listSchema(schema: z.ZodTypeAny): this;\n    template(id: string, configure: (t: ITemplateBuilder) => void): this;\n}\n\nexport interface IFieldBuilderRegistry {}\n\n// ---------------------------------------------------------------------------\n// Field type plugin system\n// ---------------------------------------------------------------------------\n\nexport interface IFieldTypeFactory {\n    readonly type: string;\n    create(registry: IFieldBuilderRegistry): IFieldBuilder;\n}\n\nexport const FieldType = createAbstraction<IFieldTypeFactory>(\"FormModel/FieldType\");\n\nexport namespace FieldType {\n    export type Interface = IFieldTypeFactory;\n    export type FieldBuilder = IFieldBuilder;\n    export type FieldBuilderRegistry = IFieldBuilderRegistry;\n}\n\nexport const FieldBuilderRegistry = createAbstraction<IFieldBuilderRegistry>(\n    \"FormModel/FieldBuilderRegistry\"\n);\n\nexport namespace FieldBuilderRegistry {\n    export type Interface = IFieldBuilderRegistry;\n}\n\nexport const FormModelFactory = createAbstraction<IFormModelFactory>(\"FormModelFactory\");\n\nexport namespace FormModelFactory {\n    export type Interface = IFormModelFactory;\n    export type Config = IFormModelConfig;\n    export type LayoutBuilder = ILayoutBuilder;\n    export type FieldBuilder = IFieldBuilder;\n    export type OptionsFieldBuilder<TType extends string> = IOptionsFieldBuilder<TType>;\n    export type ObjectFieldBuilder = IObjectFieldBuilder;\n    export type FieldBuilderRegistry = IFieldBuilderRegistry;\n}\n\nexport const RuleEvaluator = createAbstraction<IRuleEvaluator>(\"FormModelRuleEvaluator\");\n\nexport namespace RuleEvaluator {\n    export type Interface = IRuleEvaluator;\n    export type Rule = IRule;\n    export type Action = RuleAction;\n}\n"],"names":["FieldType","createAbstraction","FieldBuilderRegistry","FormModelFactory","RuleEvaluator"],"mappings":";AA87BO,MAAMA,YAAYC,kBAAqC;AAQvD,MAAMC,uBAAuBD,kBAChC;AAOG,MAAME,mBAAmBF,kBAAqC;AAY9D,MAAMG,gBAAgBH,kBAAkC"}

package/features/formModel/createFieldRenderer.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { IFieldVM, IObjectFieldVM, FieldRendererSettings } from "./abstractions.js";
+type RendererField<TName extends string> = IFieldVM & {
+    rendererSettings: FieldRendererSettings<TName>;
+};
+type ObjectRendererField<TName extends string> = IObjectFieldVM & {
+    rendererSettings: FieldRendererSettings<TName>;
+};
+type FieldRendererFn<TName extends string> = (props: {
+    field: RendererField<TName>;
+}) => React.ReactNode;
+export declare function createFieldRenderer<TName extends string = string>(render: FieldRendererFn<TName>): React.ComponentType<{
+    field: IFieldVM;
+}>;
+export declare function createObjectFieldRenderer<TName extends string = string>(render: (props: {
+    field: ObjectRendererField<TName>;
+}) => React.ReactNode): React.ComponentType<{
+    field: IFieldVM;
+}>;
+export {};

package/features/formModel/createFieldRenderer.js

@@ -0,0 +1,38 @@
+import react, { useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+const ScrollOnFocus = observer(({ field, children })=>{
+    const ref = useRef(null);
+    useEffect(()=>{
+        if (field.focusRequested && ref.current) setTimeout(()=>{
+            ref.current?.scrollIntoView({
+                behavior: "smooth",
+                block: "center"
+            });
+        }, 150);
+        field.clearFocusRequest();
+    }, [
+        field.focusRequested
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        ref: ref
+    }, children);
+});
+function createFieldRenderer(render) {
+    const Inner = observer(render);
+    const Wrapper = observer(({ field })=>/*#__PURE__*/ react.createElement(ScrollOnFocus, {
+            field: field
+        }, /*#__PURE__*/ react.createElement(Inner, {
+            field: field
+        })));
+    return Wrapper;
+}
+function createObjectFieldRenderer(render) {
+    const Wrapped = (props)=>{
+        if ("object" !== props.field.type) return null;
+        return render(props);
+    };
+    return observer(Wrapped);
+}
+export { createFieldRenderer, createObjectFieldRenderer };
+
+//# sourceMappingURL=createFieldRenderer.js.map

package/features/formModel/createFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/createFieldRenderer.js","sources":["../../../src/features/formModel/createFieldRenderer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { IFieldVM, IObjectFieldVM, FieldRendererSettings } from \"./abstractions.js\";\n\ntype RendererField<TName extends string> = IFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype ObjectRendererField<TName extends string> = IObjectFieldVM & {\n    rendererSettings: FieldRendererSettings<TName>;\n};\n\ntype FieldRendererFn<TName extends string> = (props: {\n    field: RendererField<TName>;\n}) => React.ReactNode;\n\nconst ScrollOnFocus = observer(\n    ({ field, children }: { field: IFieldVM; children: React.ReactNode }) => {\n        const ref = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (field.focusRequested && ref.current) {\n                setTimeout(() => {\n                    ref.current?.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n                }, 150);\n            }\n            field.clearFocusRequest();\n        }, [field.focusRequested]);\n\n        return <div ref={ref}>{children}</div>;\n    }\n);\n\nexport function createFieldRenderer<TName extends string = string>(\n    render: FieldRendererFn<TName>\n): React.ComponentType<{ field: IFieldVM }> {\n    const Inner = observer(render as FieldRendererFn<string>) as unknown as React.ComponentType<{\n        field: IFieldVM;\n    }>;\n\n    const Wrapper = observer(({ field }: { field: IFieldVM }) => (\n        <ScrollOnFocus field={field}>\n            <Inner field={field} />\n        </ScrollOnFocus>\n    ));\n\n    return Wrapper as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n\nexport function createObjectFieldRenderer<TName extends string = string>(\n    render: (props: { field: ObjectRendererField<TName> }) => React.ReactNode\n): React.ComponentType<{ field: IFieldVM }> {\n    const Wrapped = (props: { field: IFieldVM }) => {\n        if (props.field.type !== \"object\") {\n            return null;\n        }\n        return (render as (p: { field: IFieldVM }) => React.ReactNode)(props);\n    };\n    return observer(Wrapped) as unknown as React.ComponentType<{ field: IFieldVM }>;\n}\n"],"names":["ScrollOnFocus","observer","field","children","ref","useRef","useEffect","setTimeout","createFieldRenderer","render","Inner","Wrapper","createObjectFieldRenderer","Wrapped","props"],"mappings":";;AAgBA,MAAMA,gBAAgBC,SAClB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAkD;IAChE,MAAMC,MAAMC,OAAuB;IAEnCC,UAAU;QACN,IAAIJ,MAAM,cAAc,IAAIE,IAAI,OAAO,EACnCG,WAAW;YACPH,IAAI,OAAO,EAAE,eAAe;gBAAE,UAAU;gBAAU,OAAO;YAAS;QACtE,GAAG;QAEPF,MAAM,iBAAiB;IAC3B,GAAG;QAACA,MAAM,cAAc;KAAC;IAEzB,OAAO,WAAP,GAAO,oBAAC;QAAI,KAAKE;OAAMD;AAC3B;AAGG,SAASK,oBACZC,MAA8B;IAE9B,MAAMC,QAAQT,SAASQ;IAIvB,MAAME,UAAUV,SAAS,CAAC,EAAEC,KAAK,EAAuB,iBACpD,oBAACF,eAAaA;YAAC,OAAOE;yBAClB,oBAACQ,OAAAA;YAAM,OAAOR;;IAItB,OAAOS;AACX;AAEO,SAASC,0BACZH,MAAyE;IAEzE,MAAMI,UAAU,CAACC;QACb,IAAIA,AAAqB,aAArBA,MAAM,KAAK,CAAC,IAAI,EAChB,OAAO;QAEX,OAAQL,OAAuDK;IACnE;IACA,OAAOb,SAASY;AACpB"}

package/features/formModel/demo/FieldRenderersDemoPresenter.d.ts

@@ -0,0 +1,18 @@
+import type { IFormModelFactory, IFormVM, IFormError } from "../abstractions.js";
+export interface FieldRenderersDemoVM {
+    form: IFormVM;
+    data: Record<string, unknown>;
+    lastSubmitted: Record<string, unknown> | null;
+    isSubmitting: boolean;
+    formErrors: IFormError[];
+}
+export declare class FieldRenderersDemoPresenter {
+    private form;
+    private lastSubmitted;
+    private isSubmitting;
+    constructor(formFactory: IFormModelFactory);
+    get vm(): FieldRenderersDemoVM;
+    focusField(path: string): void;
+    submit(): Promise<void>;
+    reset(): void;
+}

package/features/formModel/demo/FieldRenderersDemoPresenter.js

@@ -0,0 +1,299 @@
+import { makeAutoObservable, toJS } from "mobx";
+class FieldRenderersDemoPresenter {
+    constructor(formFactory){
+        this.lastSubmitted = null;
+        this.isSubmitting = false;
+        this.form = formFactory.create({
+            fields: (fields)=>({
+                    textInput: fields.text().label("Text Input").placeholder("Type here...").required("Text input is required").description("Standard text input").help("Enter any text value").note("Max 255 characters"),
+                    textInputs: fields.text().list().label("Text Inputs").renderer("textInputs", {
+                        addItemLabel: "Add text"
+                    }).description("Add multiple text values").help("Each value is stored separately").note("Press Enter to add quickly"),
+                    tags: fields.text().list().label("Tags").renderer("tags").placeholder("Add values").defaultValue([]).description("Comma-separated tags").help("Type and press Enter to add a tag").note("Duplicates are ignored"),
+                    textarea: fields.text().label("Textarea").renderer("textarea", {
+                        rows: 4
+                    }).description("Multi-line text area").help("Supports plain text only").note("Resizable vertically"),
+                    textareas: fields.text().list().label("Descriptions").renderer("textareas", {
+                        addItemLabel: "Add description"
+                    }).description("Multiple long text values").help("Each textarea is independent").note("Click add to append a new block"),
+                    numberInput: fields.number().label("Number").placeholder("0").required("Number is required").description("Single numeric value").help("Accepts integers and decimals").note("Use dot as decimal separator"),
+                    numberInputs: fields.number().list().label("Number Inputs").renderer("numberInputs", {
+                        addItemLabel: "Add number"
+                    }).description("Multiple numeric values").help("Each input accepts a number").note("Empty values are stored as empty strings"),
+                    numberOptions: fields.number().list().label("Number Options").options([
+                        {
+                            label: "Tier 1",
+                            value: 100
+                        },
+                        {
+                            label: "Tier 2",
+                            value: 200
+                        }
+                    ]).description("Multiple numeric values").help("Each input accepts a number").note("Empty values are stored as empty strings"),
+                    boolSwitch: fields.boolean().label("Boolean Switch").description("Toggle on/off").help("Click to toggle state").note("Default is unchecked"),
+                    dropdown: fields.text().label("Dropdown").placeholder("Pick one").required("Dropdown selection is required").description("Single-select dropdown").help("Choose exactly one option").note("Required for form submission").options([
+                        {
+                            label: "Option A",
+                            value: "a"
+                        },
+                        {
+                            label: "Option B",
+                            value: "b"
+                        },
+                        {
+                            label: "Option C",
+                            value: "c"
+                        }
+                    ]),
+                    radioButtons: fields.text().label("Radio Buttons").options([
+                        {
+                            label: "Small",
+                            value: "sm"
+                        },
+                        {
+                            label: "Medium",
+                            value: "md"
+                        },
+                        {
+                            label: "Large",
+                            value: "lg"
+                        }
+                    ]).renderer("radioButtons").description("Pick a size variant").help("Only one option can be selected").note("Selection is mutually exclusive"),
+                    checkboxes: fields.text().list().label("Checkboxes").options([
+                        {
+                            label: "Read",
+                            value: "read"
+                        },
+                        {
+                            label: "Write",
+                            value: "write"
+                        },
+                        {
+                            label: "Admin",
+                            value: "admin"
+                        }
+                    ]).renderer("checkboxes").description("Multi-select permissions").help("Check all that apply").note("At least one is recommended"),
+                    dateOnly: fields.datetime().required().dateOnly().label("Date Only").description("Pick a calendar date").note("Value: YYYY-MM-DD"),
+                    timeOnly: fields.datetime().required().timeOnly().label("Time Only").description("Time without a date").note("24-hour format"),
+                    dateTime: fields.datetime().required().withoutTimezone().label("Date & Time").description("Date with time of day").note("Seconds default to :00"),
+                    dateTimeTz: fields.datetime().required().withTimezone().label("Date Time + Timezone").description("Full date, time, and timezone").note("Timezone defaults to your local zone"),
+                    monthOnly: fields.datetime().required().monthOnly().label("Month").description("Pick a month and year").note("Value: YYYY-MM"),
+                    weekOnly: fields.datetime().required().weekOnly({
+                        startsOn: 1
+                    }).label("Week").description("Pick an ISO week").note("Value: YYYY-Www"),
+                    yearOnly: fields.datetime().required().yearOnly({
+                        range: [
+                            2020,
+                            2035
+                        ]
+                    }).label("Year").description("Pick a year").note("Value: number"),
+                    dateRange: fields.datetime().required().dateRange().label("Date Range").description("Pick a start and end date").note("Value: { from, to }"),
+                    multipleDates: fields.datetime().required().multipleDates().label("Multiple Dates").description("Select multiple dates").note("Value: string[]"),
+                    multipleMonths: fields.datetime().required().multipleMonths().label("Multiple Months").description("Select multiple months").note("Value: string[]"),
+                    multipleYears: fields.datetime().required().multipleYears({
+                        range: [
+                            2020,
+                            2035
+                        ]
+                    }).label("Multiple Years").description("Select multiple years").note("Value: number[]"),
+                    dateTimeList: fields.datetime().required().withTimezone().list().label("Dates with TZ (multi)").description("Multiple date entries").note("Each date is independent"),
+                    hiddenField: fields.text().hidden().defaultValue("secret-value").description("Not visible in the UI").help("Carried in form data silently").note("Value is preset"),
+                    metaTags: fields.object().list().label("Meta Tags").description("Add SEO tags").renderer("keyValueTags", {
+                        addItemLabel: "Add tag"
+                    }).fields((f)=>({
+                            name: f.text().placeholder("Name"),
+                            content: f.text().placeholder("Content")
+                        })),
+                    enableFeature: fields.boolean().label("Enable Feature").description("Toggle this to show or hide the feature fields below"),
+                    featureName: fields.text().label("Feature Name").placeholder("Name your feature...").rules([
+                        {
+                            type: "condition",
+                            target: "enableFeature",
+                            operator: "isFalsy",
+                            value: null,
+                            action: "hide"
+                        }
+                    ]),
+                    featureMode: fields.text().label("Feature Mode").options([
+                        {
+                            label: "Simple",
+                            value: "simple"
+                        },
+                        {
+                            label: "Advanced",
+                            value: "advanced"
+                        }
+                    ]).rules([
+                        {
+                            type: "condition",
+                            target: "enableFeature",
+                            operator: "isFalsy",
+                            value: null,
+                            action: "hide"
+                        }
+                    ]),
+                    advancedConfig: fields.text().label("Advanced Config").placeholder("JSON config...").renderer("textarea", {
+                        rows: 3
+                    }).description("Only editable in advanced mode").rules([
+                        {
+                            type: "condition",
+                            target: "enableFeature",
+                            operator: "isFalsy",
+                            value: null,
+                            action: "hide"
+                        },
+                        {
+                            type: "condition",
+                            target: "featureMode",
+                            operator: "neq",
+                            value: "advanced",
+                            action: "disable"
+                        }
+                    ]),
+                    contentBlock: fields.object().label("Content Block").template("hero", (t)=>{
+                        t.label("Hero Banner").icon({
+                            type: "icon",
+                            name: "fab/behance-square"
+                        }).fields((f)=>({
+                                heading: f.text().label("Heading").required("Required"),
+                                image: f.text().label("Image URL")
+                            }));
+                    }).template("text", (t)=>{
+                        t.label("Rich Text").icon({
+                            type: "icon",
+                            name: "fab/behance-square"
+                        }).fields((f)=>({
+                                body: f.text().label("Body").renderer("textarea")
+                            }));
+                    }),
+                    sections: fields.object().list().label("Page Sections").renderer("dynamicZone", {
+                        container: false
+                    }).template("hero", (t)=>{
+                        t.label("Hero Banner").icon({
+                            type: "icon",
+                            name: "fab/behance-square"
+                        }).fields((f)=>({
+                                heading: f.text().label("Heading"),
+                                subheading: f.text().label("Subheading"),
+                                uuid: f.text().label("UUID").defaultValue(()=>Date.now()).cloneValue((value)=>`${value}/${Date.now()}`)
+                            }));
+                    }).template("cta", (t)=>{
+                        t.label("Call To Action").icon({
+                            type: "icon",
+                            name: "fab/behance-square"
+                        }).fields((f)=>({
+                                label: f.text().label("Button Label"),
+                                url: f.text().label("URL")
+                            }));
+                    }),
+                    fileImage: fields.file().label("Image (full metadata)").description("Stores the full file object (id, name, size, src, etc.)"),
+                    fileUrl: fields.fileUrl().label("Image URL").description("Stores only the file URL as a string"),
+                    richText: fields.lexical().label("Rich Text").description("Lexical rich text editor")
+                }),
+            layout: (layout)=>[
+                    layout.tabs("mainTabs").tab("text", (tab)=>{
+                        tab.label("Text").layout((l)=>[
+                                l.row("textInput"),
+                                l.row("textInputs"),
+                                l.row("tags"),
+                                l.row("textarea"),
+                                l.row("textareas"),
+                                l.row("metaTags")
+                            ]);
+                    }).tab("numbers", (tab)=>{
+                        tab.label("Numbers & Boolean").layout((l)=>[
+                                l.row("numberInput"),
+                                l.row("numberInputs"),
+                                l.row("numberOptions"),
+                                l.separator(),
+                                l.row("boolSwitch")
+                            ]);
+                    }).tab("selects", (tab)=>{
+                        tab.label("Selects").layout((l)=>[
+                                l.row("dropdown", "radioButtons"),
+                                l.row("checkboxes")
+                            ]);
+                    }).tab("datetime", (tab)=>{
+                        tab.label("Date / Time").layout((l)=>[
+                                l.row("dateOnly", "timeOnly"),
+                                l.row("dateTime"),
+                                l.row("dateTimeTz"),
+                                l.separator(),
+                                l.row("monthOnly", "weekOnly"),
+                                l.row("yearOnly"),
+                                l.separator(),
+                                l.row("dateRange"),
+                                l.row("multipleDates"),
+                                l.row("multipleMonths", "multipleYears"),
+                                l.separator(),
+                                l.row("dateTimeList")
+                            ]);
+                    }).tab("rules", (tab)=>{
+                        tab.label("Rules").layout((l)=>[
+                                l.row("enableFeature"),
+                                l.row("featureName", "featureMode"),
+                                l.row("advancedConfig")
+                            ]);
+                    }).tab("dynamic", (tab)=>{
+                        tab.label("Dynamic Zones").layout((l)=>[
+                                l.object("contentBlock", {
+                                    hero: (inner)=>[
+                                            inner.row("heading"),
+                                            inner.row("image")
+                                        ],
+                                    text: (inner)=>[
+                                            inner.row("body")
+                                        ]
+                                }),
+                                l.object("sections", {
+                                    hero: (inner)=>[
+                                            inner.row("heading", "subheading"),
+                                            inner.row("uuid")
+                                        ],
+                                    cta: (inner)=>[
+                                            inner.row("label", "url")
+                                        ]
+                                })
+                            ]);
+                    }).tab("files", (tab)=>{
+                        tab.label("Files").layout((l)=>[
+                                l.row("fileImage", "fileUrl")
+                            ]);
+                    }).tab("lexical", (tab)=>{
+                        tab.label("Lexical").layout((l)=>[
+                                l.row("richText")
+                            ]);
+                    })
+                ]
+        });
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            form: this.form.vm,
+            data: toJS(this.form.getData()),
+            lastSubmitted: this.lastSubmitted,
+            isSubmitting: this.isSubmitting,
+            formErrors: this.form.errors
+        };
+    }
+    focusField(path) {
+        this.form.focusField(path);
+    }
+    async submit() {
+        this.isSubmitting = true;
+        try {
+            const result = await this.form.submit();
+            if (false !== result) this.lastSubmitted = toJS(result);
+        } finally{
+            this.isSubmitting = false;
+        }
+    }
+    reset() {
+        this.form.reset();
+        this.lastSubmitted = null;
+    }
+}
+export { FieldRenderersDemoPresenter };
+
+//# sourceMappingURL=FieldRenderersDemoPresenter.js.map

package/features/formModel/demo/FieldRenderersDemoPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/formModel/demo/FieldRenderersDemoPresenter.js","sources":["../../../../src/features/formModel/demo/FieldRenderersDemoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport type { IFormModel, IFormModelFactory, IFormVM, IFormError } from \"../abstractions.js\";\n\nexport interface FieldRenderersDemoVM {\n    form: IFormVM;\n    data: Record<string, unknown>;\n    lastSubmitted: Record<string, unknown> | null;\n    isSubmitting: boolean;\n    formErrors: IFormError[];\n}\n\nexport class FieldRenderersDemoPresenter {\n    private form: IFormModel;\n    private lastSubmitted: Record<string, unknown> | null = null;\n    private isSubmitting = false;\n\n    constructor(formFactory: IFormModelFactory) {\n        this.form = formFactory.create({\n            fields: fields => ({\n                // --- Text ---\n                textInput: fields\n                    .text()\n                    .label(\"Text Input\")\n                    .placeholder(\"Type here...\")\n                    .required(\"Text input is required\")\n                    .description(\"Standard text input\")\n                    .help(\"Enter any text value\")\n                    .note(\"Max 255 characters\"),\n                textInputs: fields\n                    .text()\n                    .list()\n                    .label(\"Text Inputs\")\n                    .renderer(\"textInputs\", { addItemLabel: \"Add text\" })\n                    .description(\"Add multiple text values\")\n                    .help(\"Each value is stored separately\")\n                    .note(\"Press Enter to add quickly\"),\n                tags: fields\n                    .text()\n                    .list()\n                    .label(\"Tags\")\n                    .renderer(\"tags\")\n                    .placeholder(\"Add values\")\n                    .defaultValue([])\n                    .description(\"Comma-separated tags\")\n                    .help(\"Type and press Enter to add a tag\")\n                    .note(\"Duplicates are ignored\"),\n                textarea: fields\n                    .text()\n                    .label(\"Textarea\")\n                    .renderer(\"textarea\", { rows: 4 })\n                    .description(\"Multi-line text area\")\n                    .help(\"Supports plain text only\")\n                    .note(\"Resizable vertically\"),\n                textareas: fields\n                    .text()\n                    .list()\n                    .label(\"Descriptions\")\n                    .renderer(\"textareas\", { addItemLabel: \"Add description\" })\n                    .description(\"Multiple long text values\")\n                    .help(\"Each textarea is independent\")\n                    .note(\"Click add to append a new block\"),\n\n                // --- Number ---\n                numberInput: fields\n                    .number()\n                    .label(\"Number\")\n                    .placeholder(\"0\")\n                    .required(\"Number is required\")\n                    .description(\"Single numeric value\")\n                    .help(\"Accepts integers and decimals\")\n                    .note(\"Use dot as decimal separator\"),\n                numberInputs: fields\n                    .number()\n                    .list()\n                    .label(\"Number Inputs\")\n                    .renderer(\"numberInputs\", { addItemLabel: \"Add number\" })\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n                numberOptions: fields\n                    .number()\n                    .list()\n                    .label(\"Number Options\")\n                    .options([\n                        { label: \"Tier 1\", value: 100 },\n                        { label: \"Tier 2\", value: 200 }\n                    ])\n                    .description(\"Multiple numeric values\")\n                    .help(\"Each input accepts a number\")\n                    .note(\"Empty values are stored as empty strings\"),\n\n                // --- Boolean ---\n                boolSwitch: fields\n                    .boolean()\n                    .label(\"Boolean Switch\")\n                    .description(\"Toggle on/off\")\n                    .help(\"Click to toggle state\")\n                    .note(\"Default is unchecked\"),\n\n                // --- Predefined Values ---\n                dropdown: fields\n                    .text()\n                    .label(\"Dropdown\")\n                    .placeholder(\"Pick one\")\n                    .required(\"Dropdown selection is required\")\n                    .description(\"Single-select dropdown\")\n                    .help(\"Choose exactly one option\")\n                    .note(\"Required for form submission\")\n                    .options([\n                        { label: \"Option A\", value: \"a\" },\n                        { label: \"Option B\", value: \"b\" },\n                        { label: \"Option C\", value: \"c\" }\n                    ]),\n                radioButtons: fields\n                    .text()\n                    .label(\"Radio Buttons\")\n                    .options([\n                        { label: \"Small\", value: \"sm\" },\n                        { label: \"Medium\", value: \"md\" },\n                        { label: \"Large\", value: \"lg\" }\n                    ])\n                    .renderer(\"radioButtons\")\n                    .description(\"Pick a size variant\")\n                    .help(\"Only one option can be selected\")\n                    .note(\"Selection is mutually exclusive\"),\n                checkboxes: fields\n                    .text()\n                    .list()\n                    .label(\"Checkboxes\")\n                    .options([\n                        { label: \"Read\", value: \"read\" },\n                        { label: \"Write\", value: \"write\" },\n                        { label: \"Admin\", value: \"admin\" }\n                    ])\n                    .renderer(\"checkboxes\")\n                    .description(\"Multi-select permissions\")\n                    .help(\"Check all that apply\")\n                    .note(\"At least one is recommended\"),\n\n                // --- Date/Time ---\n                dateOnly: fields\n                    .datetime()\n                    .required()\n                    .dateOnly()\n                    .label(\"Date Only\")\n                    .description(\"Pick a calendar date\")\n                    .note(\"Value: YYYY-MM-DD\"),\n                timeOnly: fields\n                    .datetime()\n                    .required()\n                    .timeOnly()\n                    .label(\"Time Only\")\n                    .description(\"Time without a date\")\n                    .note(\"24-hour format\"),\n                dateTime: fields\n                    .datetime()\n                    .required()\n                    .withoutTimezone()\n                    .label(\"Date & Time\")\n                    .description(\"Date with time of day\")\n                    .note(\"Seconds default to :00\"),\n                dateTimeTz: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .label(\"Date Time + Timezone\")\n                    .description(\"Full date, time, and timezone\")\n                    .note(\"Timezone defaults to your local zone\"),\n                monthOnly: fields\n                    .datetime()\n                    .required()\n                    .monthOnly()\n                    .label(\"Month\")\n                    .description(\"Pick a month and year\")\n                    .note(\"Value: YYYY-MM\"),\n                weekOnly: fields\n                    .datetime()\n                    .required()\n                    .weekOnly({ startsOn: 1 })\n                    .label(\"Week\")\n                    .description(\"Pick an ISO week\")\n                    .note(\"Value: YYYY-Www\"),\n                yearOnly: fields\n                    .datetime()\n                    .required()\n                    .yearOnly({ range: [2020, 2035] })\n                    .label(\"Year\")\n                    .description(\"Pick a year\")\n                    .note(\"Value: number\"),\n                dateRange: fields\n                    .datetime()\n                    .required()\n                    .dateRange()\n                    .label(\"Date Range\")\n                    .description(\"Pick a start and end date\")\n                    .note(\"Value: { from, to }\"),\n                multipleDates: fields\n                    .datetime()\n                    .required()\n                    .multipleDates()\n                    .label(\"Multiple Dates\")\n                    .description(\"Select multiple dates\")\n                    .note(\"Value: string[]\"),\n                multipleMonths: fields\n                    .datetime()\n                    .required()\n                    .multipleMonths()\n                    .label(\"Multiple Months\")\n                    .description(\"Select multiple months\")\n                    .note(\"Value: string[]\"),\n                multipleYears: fields\n                    .datetime()\n                    .required()\n                    .multipleYears({ range: [2020, 2035] })\n                    .label(\"Multiple Years\")\n                    .description(\"Select multiple years\")\n                    .note(\"Value: number[]\"),\n                dateTimeList: fields\n                    .datetime()\n                    .required()\n                    .withTimezone()\n                    .list()\n                    .label(\"Dates with TZ (multi)\")\n                    .description(\"Multiple date entries\")\n                    .note(\"Each date is independent\"),\n\n                // --- Hidden ---\n                hiddenField: fields\n                    .text()\n                    .hidden()\n                    .defaultValue(\"secret-value\")\n                    .description(\"Not visible in the UI\")\n                    .help(\"Carried in form data silently\")\n                    .note(\"Value is preset\"),\n\n                // --- Key-Value Tags ---\n                metaTags: fields\n                    .object()\n                    .list()\n                    .label(\"Meta Tags\")\n                    .description(\"Add SEO tags\")\n                    .renderer(\"keyValueTags\", { addItemLabel: \"Add tag\" })\n                    .fields(f => ({\n                        name: f.text().placeholder(\"Name\"),\n                        content: f.text().placeholder(\"Content\")\n                    })),\n\n                // --- Conditional Visibility / Disabled ---\n                enableFeature: fields\n                    .boolean()\n                    .label(\"Enable Feature\")\n                    .description(\"Toggle this to show or hide the feature fields below\"),\n                featureName: fields\n                    .text()\n                    .label(\"Feature Name\")\n                    .placeholder(\"Name your feature...\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                featureMode: fields\n                    .text()\n                    .label(\"Feature Mode\")\n                    .options([\n                        { label: \"Simple\", value: \"simple\" },\n                        { label: \"Advanced\", value: \"advanced\" }\n                    ])\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        }\n                    ]),\n                advancedConfig: fields\n                    .text()\n                    .label(\"Advanced Config\")\n                    .placeholder(\"JSON config...\")\n                    .renderer(\"textarea\", { rows: 3 })\n                    .description(\"Only editable in advanced mode\")\n                    .rules([\n                        {\n                            type: \"condition\",\n                            target: \"enableFeature\",\n                            operator: \"isFalsy\",\n                            value: null,\n                            action: \"hide\"\n                        },\n                        {\n                            type: \"condition\",\n                            target: \"featureMode\",\n                            operator: \"neq\",\n                            value: \"advanced\",\n                            action: \"disable\"\n                        }\n                    ]),\n\n                // --- Dynamic Zone (single template) ---\n                contentBlock: fields\n                    .object()\n                    .label(\"Content Block\")\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\").required(\"Required\"),\n                                image: f.text().label(\"Image URL\")\n                            }));\n                    })\n                    .template(\"text\", t => {\n                        t.label(\"Rich Text\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                body: f.text().label(\"Body\").renderer(\"textarea\")\n                            }));\n                    }),\n\n                // --- Dynamic Zone (multi-value template list) ---\n                sections: fields\n                    .object()\n                    .list()\n                    .label(\"Page Sections\")\n                    .renderer(\"dynamicZone\", { container: false })\n                    .template(\"hero\", t => {\n                        t.label(\"Hero Banner\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                heading: f.text().label(\"Heading\"),\n                                subheading: f.text().label(\"Subheading\"),\n                                uuid: f\n                                    .text()\n                                    .label(\"UUID\")\n                                    .defaultValue(() => Date.now())\n                                    .cloneValue(value => `${value}/${Date.now()}`)\n                            }));\n                    })\n                    .template(\"cta\", t => {\n                        t.label(\"Call To Action\")\n                            .icon({\n                                type: \"icon\",\n                                name: \"fab/behance-square\"\n                            })\n                            .fields(f => ({\n                                label: f.text().label(\"Button Label\"),\n                                url: f.text().label(\"URL\")\n                            }));\n                    }),\n\n                // --- Files ---\n                fileImage: fields\n                    .file()\n                    .label(\"Image (full metadata)\")\n                    .description(\"Stores the full file object (id, name, size, src, etc.)\"),\n                fileUrl: fields\n                    .fileUrl()\n                    .label(\"Image URL\")\n                    .description(\"Stores only the file URL as a string\"),\n\n                // --- Lexical ---\n                richText: fields\n                    .lexical()\n                    .label(\"Rich Text\")\n                    .description(\"Lexical rich text editor\")\n            }),\n            layout: layout => [\n                layout\n                    .tabs(\"mainTabs\")\n                    .tab(\"text\", tab => {\n                        tab.label(\"Text\").layout(l => [\n                            l.row(\"textInput\"),\n                            l.row(\"textInputs\"),\n                            l.row(\"tags\"),\n                            l.row(\"textarea\"),\n                            l.row(\"textareas\"),\n                            l.row(\"metaTags\")\n                        ]);\n                    })\n                    .tab(\"numbers\", tab => {\n                        tab.label(\"Numbers & Boolean\").layout(l => [\n                            l.row(\"numberInput\"),\n                            l.row(\"numberInputs\"),\n                            l.row(\"numberOptions\"),\n                            l.separator(),\n                            l.row(\"boolSwitch\")\n                        ]);\n                    })\n                    .tab(\"selects\", tab => {\n                        tab.label(\"Selects\").layout(l => [\n                            l.row(\"dropdown\", \"radioButtons\"),\n                            l.row(\"checkboxes\")\n                        ]);\n                    })\n                    .tab(\"datetime\", tab => {\n                        tab.label(\"Date / Time\").layout(l => [\n                            l.row(\"dateOnly\", \"timeOnly\"),\n                            l.row(\"dateTime\"),\n                            l.row(\"dateTimeTz\"),\n                            l.separator(),\n                            l.row(\"monthOnly\", \"weekOnly\"),\n                            l.row(\"yearOnly\"),\n                            l.separator(),\n                            l.row(\"dateRange\"),\n                            l.row(\"multipleDates\"),\n                            l.row(\"multipleMonths\", \"multipleYears\"),\n                            l.separator(),\n                            l.row(\"dateTimeList\")\n                        ]);\n                    })\n                    .tab(\"rules\", tab => {\n                        tab.label(\"Rules\").layout(l => [\n                            l.row(\"enableFeature\"),\n                            l.row(\"featureName\", \"featureMode\"),\n                            l.row(\"advancedConfig\")\n                        ]);\n                    })\n                    .tab(\"dynamic\", tab => {\n                        tab.label(\"Dynamic Zones\").layout(l => [\n                            l.object(\"contentBlock\", {\n                                hero: inner => [inner.row(\"heading\"), inner.row(\"image\")],\n                                text: inner => [inner.row(\"body\")]\n                            }),\n                            l.object(\"sections\", {\n                                hero: inner => [\n                                    inner.row(\"heading\", \"subheading\"),\n                                    inner.row(\"uuid\")\n                                ],\n                                cta: inner => [inner.row(\"label\", \"url\")]\n                            })\n                        ]);\n                    })\n                    .tab(\"files\", tab => {\n                        tab.label(\"Files\").layout(l => [l.row(\"fileImage\", \"fileUrl\")]);\n                    })\n                    .tab(\"lexical\", tab => {\n                        tab.label(\"Lexical\").layout(l => [l.row(\"richText\")]);\n                    })\n            ]\n        });\n\n        makeAutoObservable(this);\n    }\n\n    get vm(): FieldRenderersDemoVM {\n        return {\n            form: this.form.vm,\n            data: toJS(this.form.getData()),\n            lastSubmitted: this.lastSubmitted,\n            isSubmitting: this.isSubmitting,\n            formErrors: this.form.errors\n        };\n    }\n\n    focusField(path: string): void {\n        this.form.focusField(path);\n    }\n\n    async submit(): Promise<void> {\n        this.isSubmitting = true;\n        try {\n            const result = await this.form.submit<Record<string, unknown>>();\n            if (result !== false) {\n                this.lastSubmitted = toJS(result);\n            }\n        } finally {\n            this.isSubmitting = false;\n        }\n    }\n\n    reset(): void {\n        this.form.reset();\n        this.lastSubmitted = null;\n    }\n}\n"],"names":["FieldRenderersDemoPresenter","formFactory","fields","f","t","Date","value","layout","tab","l","inner","makeAutoObservable","toJS","path","result"],"mappings":"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"}

package/features/formModel/demo/FormModelDemo.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const FormModelDemo: (() => React.JSX.Element) & {
+    displayName: string;
+};