@vertesia/ui 1.2.0 → 1.4.0-dev.20260615.042549Z

package/lib/widgets/Progress.d.ts

@@ -0,0 +1,6 @@
+interface ProgressProps {
+    percent: number;
+}
+export declare function Progress({ percent }: ProgressProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Progress.d.ts.map

package/lib/widgets/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/widgets/Progress.tsx"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACnB,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,+BAMlD"}

package/lib/widgets/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/widgets/Progress.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,EAAiB;IAC/C,OAAO,CACH,cAAK,SAAS,EAAC,wDAAwD,YACnE,cAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAAQ,GACrF,CACT,CAAC;AACN,CAAC"}

package/lib/widgets/SvgIcon.d.ts

@@ -0,0 +1,7 @@
+interface SvgIconProps extends React.SVGProps<SVGSVGElement> {
+    content: string;
+}
+export declare function SvgIcon({ content, ...props }: SvgIconProps): import("react").JSX.Element;
+export declare function createSvgIcon(content: string): React.ComponentType<React.HTMLAttributes<SVGElement>>;
+export {};
+//# sourceMappingURL=SvgIcon.d.ts.map

package/lib/widgets/SvgIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.d.ts","sourceRoot":"","sources":["../../src/widgets/SvgIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAa,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BA+B1D;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAKpG"}

package/lib/widgets/SvgIcon.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+export function SvgIcon({ content, ...props }) {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        // Parse the SVG string
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(content, 'image/svg+xml');
+        const svgEl = doc.querySelector('svg');
+        if (!svgEl) {
+            console.warn('SvgIcon: No <svg> element found in provided string');
+            containerRef.current.innerHTML = '';
+            return;
+        }
+        // Apply all passed props to the SVG element
+        Object.entries(props).forEach(([key, value]) => {
+            if (value == null)
+                return;
+            const attrName = key === 'className' ? 'class' : key;
+            svgEl.setAttribute(attrName, String(value));
+        });
+        // Clear and append the new SVG
+        containerRef.current.innerHTML = '';
+        containerRef.current.appendChild(svgEl);
+    });
+    return _jsx("span", { ref: containerRef });
+}
+export function createSvgIcon(content) {
+    const IconComponent = (props) => {
+        return _jsx(SvgIcon, { content: content, ...props });
+    };
+    return IconComponent;
+}
+//# sourceMappingURL=SvgIcon.js.map

package/lib/widgets/SvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../src/widgets/SvgIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAgB;IACvD,MAAM,YAAY,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,uBAAuB;QACvB,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QAC7D,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;YACnE,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;YACpC,OAAO;QACX,CAAC;QAED,4CAA4C;QAC5C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC3C,IAAI,KAAK,IAAI,IAAI;gBAAE,OAAO;YAE1B,MAAM,QAAQ,GAAG,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YACrD,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,+BAA+B;QAC/B,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QACpC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,OAAO,eAAM,GAAG,EAAE,YAAY,GAAI,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAe;IACzC,MAAM,aAAa,GAA+C,CAAC,KAAK,EAAE,EAAE;QACxE,OAAO,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,GAAI,CAAC;IACpD,CAAC,CAAC;IACF,OAAO,aAAa,CAAC;AACzB,CAAC"}

package/lib/widgets/form/Form.d.ts

@@ -0,0 +1,22 @@
+import type { JSONSchemaObject } from '@vertesia/common';
+import { type ComponentType, type ReactNode } from 'react';
+import { type InputComponentProps } from './FormContext.js';
+import type { ManagedObject, ManagedProperty, Node } from './ManagedObject.js';
+interface FormProps {
+    object: ManagedObject;
+    components?: Record<string, ComponentType<InputComponentProps>>;
+    children?: ReactNode | ReactNode[];
+    onSubmit?: (data: JSONSchemaObject) => void;
+    onChange?: (prop: Node) => void;
+    disabled?: boolean;
+}
+export declare function Form({ object, components, onSubmit, children, onChange, disabled }: FormProps): import("react").JSX.Element;
+export declare function GeneratedForm({ children, ...props }: FormProps): import("react").JSX.Element;
+interface ScalarFieldProps {
+    object: ManagedProperty;
+    inline?: boolean;
+    editor?: string;
+}
+export declare function ScalarField({ object, editor, inline }: ScalarFieldProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/lib/widgets/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/widgets/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAC;AAClG,OAAO,EAIH,KAAK,mBAAmB,EAE3B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAuB,aAAa,EAAqB,eAAe,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvH,UAAU,SAAS;IACf,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAc7F;AAOD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAO9D;AAsBD,UAAU,gBAAgB;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAc,EAAE,EAAE,gBAAgB,+BAqC/E"}

package/lib/widgets/form/Form.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FormItem } from '@vertesia/ui/core';
+import clsx from 'clsx';
+import { Plus, Trash2 } from 'lucide-react';
+import { useRef, useState } from 'react';
+import { FormContext, FormContextProvider, useForm, } from './FormContext.js';
+import { Input } from './inputs.js';
+export function Form({ object, components, onSubmit, children, onChange, disabled }) {
+    const _onSubmit = (evt) => {
+        evt.stopPropagation();
+        evt.preventDefault();
+        onSubmit?.(object.value);
+    };
+    object.observer = onChange;
+    return (_jsx(FormContextProvider, { value: new FormContext(object, components || {}, disabled ?? false), children: _jsx("form", { className: "w-full", onSubmit: _onSubmit, children: children }) }));
+}
+function GeneratedFormFields() {
+    const ctx = useForm();
+    return _jsx("div", { className: "flex flex-col gap-4 w-full", children: ctx.object.properties.map(renderProperty) });
+}
+export function GeneratedForm({ children, ...props }) {
+    return (_jsxs(Form, { ...props, children: [_jsx(GeneratedFormFields, {}), children] }));
+}
+function renderProperty(prop) {
+    if (prop.isList) {
+        return _jsx(ListField, { object: prop }, prop.name);
+    }
+    else if (prop.isObject) {
+        return _jsx(CompositeField, { object: prop }, prop.name);
+    }
+    else {
+        return _jsx(ScalarField, { object: prop }, prop.name);
+    }
+}
+function renderItemProperty(prop, editor) {
+    if (prop.isList) {
+        return _jsx(ListField, { object: prop });
+    }
+    else if (prop.isObject) {
+        return _jsx(CompositeField, { object: prop });
+    }
+    else {
+        return _jsx(ScalarField, { object: prop, editor: editor });
+    }
+}
+export function ScalarField({ object, editor, inline = false }) {
+    if (!editor) {
+        editor = object.schema.editor;
+    }
+    const { components, disabled } = useForm();
+    const Component = (editor && components[editor]) || Input;
+    const inputType = object.getInputType();
+    if (inputType === 'checkbox') {
+        inline = true;
+    }
+    const handleOnChange = (event) => {
+        if (disabled)
+            return;
+        if (object.schema.isBoolean) {
+            object.value = event.target instanceof HTMLInputElement ? event.target.checked : false;
+        }
+        else if (object.schema.isNumber) {
+            object.value = parseFloat(event.target.value);
+        }
+        else {
+            object.value = event.target.value;
+        }
+    };
+    if (object.isListItem) {
+        // List items don't need the FormItem wrapper (no label, description, etc.)
+        return _jsx(Component, { object: object, type: inputType, onChange: handleOnChange, disabled: disabled });
+    }
+    return (_jsx(FormItem, { label: object.title, required: object.schema.isRequired, description: object.schema.description, className: clsx('flex', inline ? 'flex-row items-center' : 'flex-col'), children: _jsx(Component, { object: object, type: inputType, onChange: handleOnChange, disabled: disabled }) }));
+}
+function CompositeField({ object }) {
+    return (_jsxs("div", { className: "flex flex-col gap-4 my-4 py-2 ps-4 border-s-4 border-s-solid border-s-slate-100 dark:border-s-slate-600", children: [!object.isListItem && _jsx("div", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: object.title }), object.properties.map(renderProperty)] }));
+}
+function ListField({ object }) {
+    const { disabled } = useForm();
+    // Assign each row a stable id on creation so React keys survive add/remove
+    // without relying on the array index (which breaks input focus/state on edit).
+    const nextRowId = useRef((object.value ?? []).length);
+    const [rowIds, setRowIds] = useState(() => (object.value ?? []).map((_, i) => i));
+    const addItem = () => {
+        if (disabled)
+            return;
+        object.add();
+        setRowIds((ids) => [...ids, nextRowId.current++]);
+    };
+    const deleteItem = (index) => {
+        if (disabled)
+            return;
+        object.remove(index);
+        setRowIds((ids) => ids.filter((_, i) => i !== index));
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4 my-4 py-2 ps-4 border-s-4 border-s-solid border-s-slate-100 darK:border-s-slate-600", children: [!object.isListItem && _jsx("div", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: object.title }), object.items.map((item, index) => {
+                const rowId = rowIds[index];
+                return (_jsx(ListItem, { object: item, list: object, onDelete: () => deleteItem(index), disabled: disabled }, rowId));
+            }), _jsx("div", { children: _jsxs(Button, { variant: "outline", onClick: addItem, disabled: disabled, children: [_jsx(Plus, { className: "size-6" }), " Add"] }) })] }));
+}
+function ListItem({ list, object, onDelete, disabled }) {
+    const editor = typeof list.schema.arraySchema.editor === 'string' ? list.schema.arraySchema.editor : undefined;
+    return (_jsxs("div", { className: "flex gap-2 w-full", children: [_jsx("div", { className: "flex-1", children: renderItemProperty(object, editor) }), _jsx(Button, { variant: "ghost", onClick: onDelete, disabled: disabled, alt: "Delete", children: _jsx(Trash2, { className: "size-4 text-destructive" }) })] }));
+}
+//# sourceMappingURL=Form.js.map

package/lib/widgets/form/Form.js.map

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

package/lib/widgets/form/FormContext.d.ts

@@ -0,0 +1,21 @@
+import { type ChangeEvent, type ComponentType } from 'react';
+import type { ManagedObject, ManagedObjectBase, Node } from './ManagedObject.js';
+declare const FieldSetContextProvider: import("react").Provider<ManagedObjectBase<import("./schema.js").Schema> | undefined>;
+export declare function useFieldSet(): ManagedObjectBase<import("./schema.js").Schema>;
+export type InputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
+export interface InputComponentProps {
+    object: Node;
+    type: string;
+    onChange?: (event: InputChangeEvent) => void;
+    disabled?: boolean;
+}
+export declare class FormContext {
+    object: ManagedObject;
+    components: Record<string, ComponentType<InputComponentProps>>;
+    disabled: boolean;
+    constructor(object: ManagedObject, components?: Record<string, ComponentType<InputComponentProps>>, disabled?: boolean);
+}
+export declare function useForm(): FormContext;
+declare const FormContextProvider: import("react").Provider<FormContext | undefined>;
+export { FieldSetContextProvider, FormContextProvider };
+//# sourceMappingURL=FormContext.d.ts.map

package/lib/widgets/form/FormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/widgets/form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAGjF,QAAA,MAAM,uBAAuB,uFAA2B,CAAC;AAEzD,wBAAgB,WAAW,oDAM1B;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,CAAC;AAEvG,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,qBAAa,WAAW;IAET,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC9D,QAAQ,EAAE,OAAO;gBAFjB,MAAM,EAAE,aAAa,EACrB,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAM,EACnE,QAAQ,GAAE,OAAe;CAEvC;AAID,wBAAgB,OAAO,gBAMtB;AAED,QAAA,MAAM,mBAAmB,mDAAwB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/widgets/form/FormContext.js

@@ -0,0 +1,31 @@
+import { createContext, useContext } from 'react';
+const FieldSetContext = createContext(undefined);
+const FieldSetContextProvider = FieldSetContext.Provider;
+export function useFieldSet() {
+    const ctx = useContext(FieldSetContext);
+    if (!ctx) {
+        throw new Error('useFieldSet must be used within a Form or FieldSet element');
+    }
+    return ctx;
+}
+export class FormContext {
+    object;
+    components;
+    disabled;
+    constructor(object, components = {}, disabled = false) {
+        this.object = object;
+        this.components = components;
+        this.disabled = disabled;
+    }
+}
+const _FormContext = createContext(undefined);
+export function useForm() {
+    const ctx = useContext(_FormContext);
+    if (!ctx) {
+        throw new Error('useForm must be used within a Form element');
+    }
+    return ctx;
+}
+const FormContextProvider = _FormContext.Provider;
+export { FieldSetContextProvider, FormContextProvider };
+//# sourceMappingURL=FormContext.js.map

package/lib/widgets/form/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../src/widgets/form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxF,MAAM,eAAe,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAC;AAChF,MAAM,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC;AAEzD,MAAM,UAAU,WAAW;IACvB,MAAM,GAAG,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAClF,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAUD,MAAM,OAAO,WAAW;IAET;IACA;IACA;IAHX,YACW,MAAqB,EACrB,aAAiE,EAAE,EACnE,WAAoB,KAAK;QAFzB,WAAM,GAAN,MAAM,CAAe;QACrB,eAAU,GAAV,UAAU,CAAyD;QACnE,aAAQ,GAAR,QAAQ,CAAiB;IACjC,CAAC;CACP;AAED,MAAM,YAAY,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAC;AAEvE,MAAM,UAAU,OAAO;IACnB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,QAAQ,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/widgets/form/ManagedObject.d.ts

@@ -0,0 +1,81 @@
+import type { JSONSchema, JSONSchemaArray, JSONSchemaObject, JSONSchemaType } from '@vertesia/common';
+import { type ArrayPropertySchema, type PropertySchema, Schema } from './schema.js';
+export declare function computeTitleFromName(name: string): string;
+export declare abstract class Node<SchemaT extends Schema = Schema, ValueT = JSONSchemaType> {
+    parent: Node | null;
+    schema: SchemaT;
+    name: string;
+    observer?: (node: Node) => void | false;
+    abstract value: ValueT;
+    constructor(parent: Node | null, schema: SchemaT, name: string);
+    get isRoot(): boolean;
+    get root(): Node;
+    get path(): string[];
+    get isScalar(): boolean;
+    get isListItem(): boolean;
+    get isObject(): boolean;
+    get isList(): boolean;
+    get title(): string;
+    protected onChange(node: Node): void;
+}
+export declare abstract class ManagedObjectBase<SchemaT extends Schema = Schema> extends Node<SchemaT, JSONSchemaObject> {
+    abstract value: JSONSchemaObject;
+    get isObject(): boolean;
+    getProperty(name: string): ManagedListProperty | ManagedObjectProperty | ManagedProperty;
+    getOrInitObjectProperty(name: string): JSONSchemaObject;
+    getOrInitArrayProperty(name: string): JSONSchemaArray;
+    setPropertyValue(name: string, value: JSONSchemaType): boolean;
+    getPropertyValue(name: string): JSONSchemaType;
+    get properties(): Node[];
+    [Symbol.iterator](): ArrayIterator<Node<Schema, JSONSchemaType>>;
+}
+export declare class ManagedObject extends ManagedObjectBase<Schema> {
+    value: JSONSchemaObject;
+    constructor(schema: Schema | JSONSchema, value?: JSONSchemaObject);
+}
+export declare class ManagedObjectProperty extends ManagedObjectBase<PropertySchema> {
+    value: JSONSchemaObject;
+    constructor(parent: Node, schema: PropertySchema, name: string, value: JSONSchemaObject);
+}
+export declare class ManagedProperty extends Node<PropertySchema> {
+    constructor(parent: ManagedObjectBase, schema: PropertySchema);
+    get isScalar(): boolean;
+    set value(value: JSONSchemaType);
+    get value(): JSONSchemaType;
+    getInputType(): string;
+}
+export declare class ManagedListProperty extends Node<ArrayPropertySchema, JSONSchemaArray> {
+    value: JSONSchemaArray;
+    items: MangedListItem[];
+    constructor(parent: ManagedObjectBase, schema: ArrayPropertySchema, value: JSONSchemaArray);
+    get isList(): boolean;
+    newItem(index: number): ManagedScalarEntry | ManageObjectEntry;
+    add(): ManagedScalarEntry | ManageObjectEntry;
+    remove(index: number): void;
+    [Symbol.iterator](): ArrayIterator<MangedListItem>;
+    item(index: number): ManagedObjectProperty | ManagedScalarEntry | undefined;
+    /**
+     * remove undefined items from the end of the list if any
+     */
+    trim(): void;
+}
+export declare class ManageObjectEntry extends ManagedObjectBase {
+    index: number;
+    key: string;
+    constructor(parent: ManagedListProperty, index: number);
+    get isListItem(): boolean;
+    set value(value: JSONSchemaObject);
+    get value(): JSONSchemaObject;
+}
+export declare class ManagedScalarEntry extends Node<ArrayPropertySchema> {
+    index: number;
+    key: string;
+    constructor(parent: ManagedListProperty, index: number);
+    get isScalar(): boolean;
+    get isListItem(): boolean;
+    set value(value: JSONSchemaType);
+    get value(): JSONSchemaType;
+    getInputType(): string;
+}
+export type MangedListItem = ManagedScalarEntry | ManageObjectEntry;
+//# sourceMappingURL=ManagedObject.d.ts.map

package/lib/widgets/form/ManagedObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManagedObject.d.ts","sourceRoot":"","sources":["../../../src/widgets/form/ManagedObject.ts"],"names":[],"mappings":"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"}

package/lib/widgets/form/ManagedObject.js

@@ -0,0 +1,284 @@
+import { Schema } from './schema.js';
+export function computeTitleFromName(name) {
+    name = name.replace(/_/g, ' ').replace(/([a-z0-9])&([A-Z])/g, '$1 $2');
+    return name[0].toUpperCase() + name.slice(1);
+}
+function getInputType(_name, schema) {
+    if (schema.editor) {
+        return schema.editor;
+    }
+    // Check format as fallback (e.g., "document", "media", "date", etc.)
+    if (schema.schema.format) {
+        return schema.schema.format;
+    }
+    switch (schema.type) {
+        case 'number':
+        case 'integer':
+            return 'number';
+        case 'boolean':
+            return 'checkbox';
+        case 'string':
+            return 'text';
+        default:
+            return 'text';
+    }
+}
+export class Node {
+    parent;
+    schema;
+    name;
+    // change observer
+    // biome-ignore lint/suspicious/noConfusingVoidType: void in union is intentional — observers may return nothing or false to stop bubbling
+    observer; // return false to stop bubbling
+    constructor(parent, schema, name) {
+        this.parent = parent;
+        this.schema = schema;
+        this.name = name;
+    }
+    get isRoot() {
+        return !this.parent;
+    }
+    get root() {
+        return this.parent ? this.parent.root : this;
+    }
+    get path() {
+        return this.parent ? this.parent.path.concat(this.name) : [];
+    }
+    get isScalar() {
+        return false;
+    }
+    get isListItem() {
+        return false;
+    }
+    get isObject() {
+        return false;
+    }
+    get isList() {
+        return false;
+    }
+    get title() {
+        return this.schema.title || computeTitleFromName(this.name);
+    }
+    onChange(node) {
+        if (this.observer) {
+            if (this.observer(this) === false) {
+                return;
+            }
+        }
+        this.parent?.onChange(node);
+    }
+}
+export class ManagedObjectBase extends Node {
+    get isObject() {
+        return true;
+    }
+    getProperty(name) {
+        const schema = this.schema.properties[name];
+        if (schema.isMulti) {
+            return new ManagedListProperty(this, schema, this.getOrInitArrayProperty(name));
+        }
+        else if (schema.isObject) {
+            return new ManagedObjectProperty(this, schema, schema.name, this.getOrInitObjectProperty(name));
+        }
+        else {
+            return new ManagedProperty(this, schema);
+        }
+    }
+    getOrInitObjectProperty(name) {
+        let value = this.value[name];
+        if (!value) {
+            this.value[name] = value = {};
+        }
+        return value;
+    }
+    getOrInitArrayProperty(name) {
+        let value = this.value[name];
+        if (!value) {
+            this.value[name] = value = [];
+        }
+        return value;
+    }
+    setPropertyValue(name, value) {
+        if (this.value[name] !== value) {
+            this.value[name] = value;
+            return true;
+        }
+        return false;
+    }
+    getPropertyValue(name) {
+        return this.value[name];
+    }
+    get properties() {
+        const out = [];
+        for (const schema of Object.values(this.schema.properties)) {
+            if (schema.isMulti) {
+                out.push(new ManagedListProperty(this, schema, this.getOrInitArrayProperty(schema.name)));
+            }
+            else if (schema.isObject) {
+                out.push(new ManagedObjectProperty(this, schema, schema.name, this.getOrInitObjectProperty(schema.name)));
+            }
+            else {
+                out.push(new ManagedProperty(this, schema));
+            }
+        }
+        return out;
+    }
+    [Symbol.iterator]() {
+        return this.properties[Symbol.iterator]();
+    }
+}
+export class ManagedObject extends ManagedObjectBase {
+    value;
+    constructor(schema, value = {}) {
+        super(null, schema instanceof Schema ? schema : new Schema(schema), '#root');
+        this.value = value;
+    }
+}
+export class ManagedObjectProperty extends ManagedObjectBase {
+    value;
+    constructor(parent, schema, name, value) {
+        super(parent, schema, name);
+        this.value = value;
+    }
+}
+export class ManagedProperty extends Node {
+    constructor(parent, schema) {
+        super(parent, schema, schema.name);
+        if (parent.value[this.name] === undefined && schema.defaultValue !== undefined) {
+            parent.value[this.name] = schema.defaultValue;
+        }
+    }
+    get isScalar() {
+        return true;
+    }
+    set value(value) {
+        const changed = this.parent.setPropertyValue(this.name, value);
+        if (changed) {
+            this.onChange(this);
+        }
+    }
+    get value() {
+        return this.parent.getPropertyValue(this.name);
+    }
+    getInputType() {
+        return getInputType(this.name, this.schema);
+    }
+}
+export class ManagedListProperty extends Node {
+    value;
+    items = [];
+    constructor(parent, schema, value) {
+        super(parent, schema, schema.name);
+        this.value = value;
+        for (const _v of this.value) {
+            this.add();
+        }
+    }
+    get isList() {
+        return true;
+    }
+    newItem(index) {
+        if (this.schema.isObject) {
+            return new ManageObjectEntry(this, index);
+        }
+        else {
+            return new ManagedScalarEntry(this, index);
+        }
+    }
+    add() {
+        const item = this.newItem(this.items.length);
+        this.items.push(item);
+        return item;
+    }
+    //TODO change is fired even if the removed item is transient
+    // how to mark an item as transient (an added item not yet set by the user)
+    remove(index) {
+        const value = this.value;
+        if (index >= 0 && index < this.items.length) {
+            this.items.splice(index, 1);
+            // update indexes
+            for (let i = 0, l = this.items.length; i < l; i++) {
+                const item = this.items[i];
+                item.index = i;
+                item.name = String(i);
+            }
+        }
+        if (Array.isArray(value) && index >= 0 && index < value.length) {
+            value.splice(index, 1);
+            // TODO trigger onChange only if this item isn't transient
+            this.onChange(this);
+        }
+    }
+    [Symbol.iterator]() {
+        return this.items[Symbol.iterator]();
+    }
+    item(index) {
+        if (index < 0 || index >= this.value.length) {
+            return undefined;
+        }
+        const item = this.value[index];
+        if (this.schema.isObject) {
+            return new ManagedObjectProperty(this, this.schema, String(index), item);
+        }
+        else {
+            return new ManagedScalarEntry(this, index);
+        }
+    }
+    /**
+     * remove undefined items from the end of the list if any
+     */
+    trim() {
+        while (this.items[this.items.length - 1] === undefined) {
+            this.items.pop();
+        }
+    }
+}
+export class ManageObjectEntry extends ManagedObjectBase {
+    index;
+    key;
+    constructor(parent, index) {
+        super(parent, parent.schema, String(index));
+        this.index = index;
+        if (parent.value[index] === undefined) {
+            parent.value[index] = {};
+        }
+        this.key = `${this.name}@${Date.now()}`;
+    }
+    get isListItem() {
+        return true;
+    }
+    set value(value) {
+        this.parent.value[this.index] = value;
+    }
+    get value() {
+        return this.parent.value[this.index];
+    }
+}
+export class ManagedScalarEntry extends Node {
+    index;
+    key;
+    constructor(parent, index) {
+        super(parent, parent.schema, String(index));
+        this.index = index;
+        if (parent.value[index] === undefined && parent.schema.defaultValue !== undefined) {
+            parent.value[index] = parent.schema.defaultValue;
+        }
+        this.key = `${this.name}@${Date.now()}`;
+    }
+    get isScalar() {
+        return true;
+    }
+    get isListItem() {
+        return true;
+    }
+    set value(value) {
+        this.parent.value[this.index] = value;
+    }
+    get value() {
+        return this.parent.value[this.index];
+    }
+    getInputType() {
+        return getInputType(this.name, this.schema);
+    }
+}
+//# sourceMappingURL=ManagedObject.js.map