@vertesia/ui 0.24.0-dev.202601221707

package/lib/esm/shell/login/UserSessionMenu.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Permission } from "@vertesia/common";
+import { Avatar, Button, MenuList, ModeToggle, Spinner } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { Popover } from "@vertesia/ui/widgets";
+import clsx from "clsx";
+import { useState } from "react";
+import SignInModal from "./SignInModal";
+import InfoList from "./UserInfo";
+import { useNavigate } from "@vertesia/ui/router";
+import { useUserPermissions } from "@vertesia/ui/features";
+export function UserSessionMenu({}) {
+    const { user, isLoading } = useUserSession();
+    const [showModal, setShowModal] = useState(false);
+    if (isLoading) {
+        return _jsx(Spinner, {});
+    }
+    else if (!user) {
+        return _jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setShowModal(true), children: "Sign In" }), _jsx(SignInModal, { isOpen: showModal, onClose: () => setShowModal(false) })] });
+    }
+    else {
+        return (_jsx("div", { className: "px-3", children: _jsx(UserSessionPopup, { asMenuTrigger: true }) }));
+    }
+}
+function UserSessionPopup({ className, asMenuTrigger = false }) {
+    const session = useUserSession();
+    const navigate = useNavigate();
+    const perms = useUserPermissions();
+    const { user } = session;
+    if (!session || !user)
+        return null;
+    const isProjectManager = perms.hasPermission(Permission.project_admin);
+    return (_jsxs(Popover, { strategy: 'fixed', placement: 'bottom-start', zIndex: 100, children: [_jsx(Popover.Trigger, { click: true, children: _jsx("div", { className: clsx(className, "flex items-center justify-start", asMenuTrigger && "cursor-pointer"), children: _jsx(Avatar, { size: 'sm', color: 'bg-amber-500', shape: 'circle', 
+                        /*src={picture} */
+                        name: user?.name }) }) }), _jsx(Popover.Content, { className: "w-[280px] mx-2 my-1", children: _jsx("div", { className: "bg-white dark:bg-slate-900 shadow-lg rounded-md ring-1 ring-gray-200 dark:ring-slate-700", children: _jsxs("div", { className: 'divide-y divide-gray-200 dark:divide-slate-700', children: [_jsxs("div", { className: 'py-2 pl-2', children: [_jsx("p", { className: "px-4 dark:text-white mb-1", children: user?.name ?? 'Unknown' }), _jsx("p", { className: "px-4 text-xs text-gray-500", children: user?.email ?? '' })] }), _jsx("div", { className: "w-full p-1", children: _jsx(InfoList, {}) }), _jsx("div", { className: 'py-2 pl-2', children: _jsx(ModeToggle, {}) }), _jsx("div", { className: 'py-2', children: _jsxs(MenuList, { children: [isProjectManager && (_jsx(MenuList.Item, { className: 'px-2', onClick: () => navigate('/settings', { replace: true }), children: "Settings" })), _jsx(MenuList.Item, { className: 'px-2', onClick: () => session.logout(), children: "Sign out" })] }) })] }) }) })] }));
+}
+//# sourceMappingURL=UserSessionMenu.js.map

package/lib/esm/shell/login/UserSessionMenu.js.map

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

package/lib/esm/shell/utils.js

@@ -0,0 +1,6 @@
+export function isVertesiaEmail(email) {
+    return email ? (email.endsWith('@vertesiahq.com') ||
+        email.endsWith('@becomposable.com') ||
+        email.endsWith('@composableprompts.com')) : false;
+}
+//# sourceMappingURL=utils.js.map

package/lib/esm/shell/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/shell/utils.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,KAAyB;IACrD,OAAO,KAAK,CAAC,CAAC,CAAC,CACX,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC;QACjC,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC;QACnC,KAAK,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAC3C,CAAC,CAAC,CAAC,KAAK,CAAC;AACd,CAAC"}

package/lib/esm/widgets/Progress.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Progress({ percent }) {
+    return (_jsx("div", { className: "w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700", children: _jsx("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${percent}%` } }) }));
+}
+//# sourceMappingURL=Progress.js.map

package/lib/esm/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,CAAA;AACL,CAAC"}

package/lib/esm/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
+        props && 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);
+    }, [content, props]);
+    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/esm/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,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACpD,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,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,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/esm/widgets/codemirror/CodeMirrorEditor.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import debounce from 'debounce';
+import { useEffect, useMemo, useRef } from 'react';
+import { EditorView } from '@codemirror/view';
+import { useSafeLayoutEffect } from '@vertesia/ui/core';
+import { getSharedEditorState } from './CodemirrorStateSingleton';
+export class EditorApi {
+    editor;
+    constructor(editor) {
+        this.editor = editor;
+    }
+    setValue(value) {
+        this.editor.dispatch({
+            changes: {
+                from: 0,
+                to: this.editor.state.doc.length,
+                insert: value || "",
+            },
+        });
+    }
+    getValue() {
+        return this.editor.state.doc.toString();
+    }
+}
+const customTheme = EditorView.theme({
+    "&": { fontSize: "14px", fontFamily: "monospace" },
+    ".cm-content": { fontFamily: "inherit" },
+    ".cm-scroller": { fontFamily: "inherit" },
+    ".cm-gutters": { backgroundColor: "transparent", color: "#ddd" },
+    ".cm-focused": { outline: "none" },
+    ".cm-cursor": {
+        borderLeft: "2px solid #808080",
+        borderLeftColor: "#808080",
+        animation: "blink 1.2s step-start infinite"
+    },
+    "@keyframes blink": { "50%": { opacity: 0 } }
+});
+const baseExtensions = [
+    customTheme,
+    EditorView.lineWrapping,
+];
+function updateListenerExtension(cb) {
+    return EditorView.updateListener.of((update) => {
+        if (update.docChanged) {
+            cb(update);
+        }
+    });
+}
+;
+/**
+ * The className is only used on the first rendering - the editor class will not be updated if the property changes
+**/
+export function CodeMirrorEditor({ onChange, value, className, editorRef, extensions, debounceTimeout = 0 }) {
+    const ref = useRef(null);
+    // the onChange property may change so we need to store it in a
+    // reference to be able to update it when it changes without
+    // re-registering the listener on codemirror since codemirror can only register
+    // listeners at creation
+    const onChangeRef = useRef(undefined);
+    useEffect(() => {
+        if (onChange) {
+            onChangeRef.current = debounceTimeout > 0
+                ? debounce(onChange, debounceTimeout)
+                : onChange;
+            return () => {
+                // WE MUST NOT CANCEL THE DEBOUNCE even if we unset the onChange impl
+                // otherwise some updates will never happens
+                onChangeRef.current = undefined;
+            };
+        }
+    }, [onChange, debounceTimeout]);
+    const component = useMemo(() => _jsx("div", { ref: ref, className: className }), [className]);
+    useSafeLayoutEffect(() => {
+        if (ref.current) {
+            let actualExtensions = [...baseExtensions, updateListenerExtension((update) => {
+                    onChangeRef.current?.(update);
+                })];
+            if (Array.isArray(extensions)) {
+                actualExtensions = actualExtensions.concat(extensions);
+            }
+            else if (extensions) {
+                actualExtensions.push(extensions);
+            }
+            const sharedState = getSharedEditorState(value, actualExtensions);
+            const editor = new EditorView({
+                state: sharedState,
+                parent: ref.current,
+            });
+            const api = new EditorApi(editor);
+            if (editorRef) {
+                editorRef.current = api;
+            }
+            return () => {
+                editor.destroy();
+                if (editorRef) {
+                    editorRef.current = undefined;
+                }
+            };
+        }
+    }, [component, extensions]);
+    return component;
+}
+//# sourceMappingURL=CodeMirrorEditor.js.map

package/lib/esm/widgets/codemirror/CodeMirrorEditor.js.map

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

package/lib/esm/widgets/codemirror/CodemirrorStateSingleton.js

@@ -0,0 +1,33 @@
+import { EditorState, Text } from '@codemirror/state';
+let stateInstance = null;
+/**
+ * Returns a shared instance of CodeMirror's EditorState.
+ * If the instance doesn't exist, it creates one with the given initial content.
+ *
+ * @param initialDoc - The initial content for the editor, either as a `string` or `Text`.
+ * @param extensions - Optional extensions to be applied to the editor.
+ * @returns The shared EditorState instance.
+**/
+export const getSharedEditorState = (initialDoc = "", extensions = []) => {
+    const doc = typeof initialDoc === "string" ? Text.of(initialDoc.split("\n")) : initialDoc;
+    if (!stateInstance) {
+        stateInstance = EditorState.create({
+            doc,
+            extensions,
+        });
+    }
+    else if (stateInstance.doc.toString() !== doc.toString()) {
+        stateInstance = EditorState.create({
+            doc,
+            extensions,
+        });
+    }
+    return stateInstance;
+};
+/**
+ * Resets the singleton instance (useful for testing or reinitializing).
+**/
+export const resetSharedEditorState = () => {
+    stateInstance = null;
+};
+//# sourceMappingURL=CodemirrorStateSingleton.js.map

package/lib/esm/widgets/codemirror/CodemirrorStateSingleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodemirrorStateSingleton.js","sourceRoot":"","sources":["../../../../src/widgets/codemirror/CodemirrorStateSingleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEtD,IAAI,aAAa,GAAuB,IAAI,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,aAA4B,EAAE,EAC9B,aAAoB,EAAE,EACX,EAAE;IACb,MAAM,GAAG,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAE1F,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC;YAC/B,GAAG;YACH,UAAU;SACb,CAAC,CAAC;IACP,CAAC;SAAM,IAAI,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;QACzD,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC;YAC/B,GAAG;YACH,UAAU;SACb,CAAC,CAAC;IACP,CAAC;IAED,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,aAAa,GAAG,IAAI,CAAC;AACzB,CAAC,CAAC"}

package/lib/esm/widgets/codemirror/MonacoEditor.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Editor } from '@monaco-editor/react';
+import { useTheme } from '@vertesia/ui/core';
+import debounce from 'debounce';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export class VEditorApi {
+    VgetValue;
+    VsetValue;
+    constructor(VgetValue, VsetValue) {
+        this.VgetValue = VgetValue;
+        this.VsetValue = VsetValue;
+    }
+    getValue() {
+        return this.VgetValue();
+    }
+    setValue(value) {
+        this.VsetValue(value || '');
+    }
+}
+export function MonacoEditor({ onChange, value = '', className, editorRef, language = 'javascript', debounceTimeout = 0, options = {}, beforeMount, onMount, defaultValue }) {
+    const [editorValue, setEditorValue] = useState(value);
+    const editorInstanceRef = useRef(null);
+    const { theme } = useTheme();
+    const getValueRef = useRef(() => editorValue);
+    const setValueRef = useRef((newValue) => {
+        setEditorValue(newValue);
+        if (editorInstanceRef.current) {
+            editorInstanceRef.current.setValue(newValue);
+        }
+    });
+    useEffect(() => {
+        getValueRef.current = () => editorValue;
+    }, [editorValue]);
+    useEffect(() => {
+        if (editorRef) {
+            editorRef.current = new VEditorApi(() => getValueRef.current(), (value) => setValueRef.current(value));
+        }
+        return () => {
+            if (editorRef) {
+                editorRef.current = undefined;
+            }
+        };
+    }, [editorRef]);
+    const debouncedOnChange = useMemo(() => {
+        if (!onChange)
+            return undefined;
+        if (debounceTimeout > 0) {
+            return debounce((update) => onChange(update), debounceTimeout);
+        }
+        else {
+            return onChange;
+        }
+    }, [onChange, debounceTimeout]);
+    const handleEditorChange = useCallback((newValue) => {
+        const actualValue = newValue || '';
+        setEditorValue(actualValue);
+        if (debouncedOnChange) {
+            const update = {
+                docChanged: true,
+                state: {
+                    doc: {
+                        toString: () => actualValue,
+                        length: actualValue.length
+                    }
+                }
+            };
+            // Using type assertion through unknown to avoid complex type mocking
+            debouncedOnChange(update);
+        }
+    }, [debouncedOnChange]);
+    const handleEditorDidMount = useCallback((editor, monacoInstance) => {
+        editorInstanceRef.current = editor;
+        // Update the setValue ref to use the actual editor instance
+        setValueRef.current = (newValue) => {
+            setEditorValue(newValue);
+            editor.setValue(newValue);
+        };
+        // Set up custom theme for better error line highlighting
+        monacoInstance.editor.defineTheme('errorLineTheme', {
+            base: theme === 'dark' ? 'vs-dark' : 'vs',
+            inherit: true,
+            rules: [],
+            colors: {
+                'editorError.background': '#ffebee',
+                'editorError.border': '#f44336',
+            },
+        });
+        monacoInstance.editor.setTheme('errorLineTheme');
+        // Call custom onMount if provided
+        onMount?.(editor);
+    }, [language, onMount, theme]);
+    // Update editor value when prop changes
+    useEffect(() => {
+        if (value !== editorValue) {
+            setEditorValue(value);
+            if (editorInstanceRef.current) {
+                editorInstanceRef.current.setValue(value);
+            }
+        }
+    }, [value]);
+    const defaultOptions = {
+        fontSize: 14,
+        fontFamily: 'monospace',
+        minimap: { enabled: false },
+        scrollBeyondLastLine: false,
+        wordWrap: 'on',
+        lineNumbers: 'on',
+        folding: false,
+        lineDecorationsWidth: 0,
+        lineNumbersMinChars: 3,
+        automaticLayout: true,
+        glyphMargin: true, // Enable better error reporting
+        renderValidationDecorations: 'on', // Show error squiggles
+        renderLineHighlight: 'line', // Highlight entire line for errors
+        hover: {
+            enabled: true,
+            delay: 100
+        }, // Enable hover for error messages
+        quickSuggestions: {
+            other: true,
+            comments: true,
+            strings: true
+        }, // Show problems panel information
+        ...options
+    };
+    return (_jsx("div", { className: className, children: _jsx(Editor, { height: "100%", theme: theme === 'dark' ? 'vs-dark' : 'light', language: language, value: editorValue, onChange: handleEditorChange, onMount: handleEditorDidMount, beforeMount: beforeMount, options: defaultOptions, defaultValue: defaultValue || '' }) }));
+}
+//# sourceMappingURL=MonacoEditor.js.map

package/lib/esm/widgets/codemirror/MonacoEditor.js.map

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

package/lib/esm/widgets/codemirror/index.js

@@ -0,0 +1,3 @@
+export { CodeMirrorEditor } from "./CodeMirrorEditor.js";
+export { MonacoEditor, VEditorApi } from "./MonacoEditor.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/widgets/codemirror/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/codemirror/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA"}

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

@@ -0,0 +1,100 @@
+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 { 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 && 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.checked;
+        }
+        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 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-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 [value, setValue] = useState(object.value || []);
+    const { disabled } = useForm();
+    const addItem = () => {
+        if (disabled)
+            return;
+        object.add();
+        setValue([...object.value]);
+    };
+    const deleteItem = (index) => {
+        if (disabled)
+            return;
+        object.remove(index);
+        setValue([...object.value]);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4 my-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 darK:border-l-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) => {
+                return _jsx(ListItem, { object: item, list: object, onDelete: () => deleteItem(index), disabled: disabled }, `${index}-${value[index] ?? ''}`);
+            }), _jsx("div", { children: _jsxs(Button, { variant: 'secondary', onClick: addItem, disabled: disabled, children: [_jsx(Plus, { className: "size-6" }), " Add"] }) })] }));
+}
+function ListItem({ list, object, onDelete, disabled }) {
+    return (_jsxs("div", { className: 'flex gap-2 w-full', children: [_jsx("div", { className: "flex-1", children: renderItemProperty(object, list.schema.arraySchema.editor) }), _jsx(Button, { variant: 'secondary', onClick: onDelete, disabled: disabled, children: _jsx(Trash2, { className: 'size-4' }) })] }));
+}
+//# sourceMappingURL=Form.js.map

package/lib/esm/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/esm/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/esm/widgets/form/FormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../../src/widgets/form/FormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGjE,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;AAQD,MAAM,OAAO,WAAW;IACD;IACR;IACA;IAFX,YAAmB,MAAqB,EAC7B,aAAiE,EAAE,EACnE,WAAoB,KAAK;QAFjB,WAAM,GAAN,MAAM,CAAe;QAC7B,eAAU,GAAV,UAAU,CAAyD;QACnE,aAAQ,GAAR,QAAQ,CAAiB;IACpC,CAAC;CAEJ;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"}