@vertesia/ui 0.78.0-dev-28b447d → 0.79.0

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTenantIdFromProject } from "@vertesia/common";
+import { VTabs, VTabsBar, VTabsPanel, VTooltip } from "@vertesia/ui/core";
+import { Env } from "@vertesia/ui/env";
+import { useUserSession } from "@vertesia/ui/session";
+import { Check, CopyIcon } from "lucide-react";
+import { useState } from "react";
+export function InfoItems({ title, value }) {
+    function copyToClipboard(value) {
+        navigator.clipboard.writeText(value);
+        setIsCopied(true);
+        setTimeout(() => setIsCopied(false), 2000);
+    }
+    const [isCopied, setIsCopied] = useState(false);
+    return (_jsxs("div", { className: "w-full flex justify-between items-center mb-1", children: [_jsxs("div", { className: "flex flex-col w-[calc(100%-3rem)]", children: [_jsx("div", { className: 'text-sm px-2 dark:text-slate-200', children: title }), _jsx(VTooltip, { description: value, size: "xs", placement: "left", children: _jsxs("div", { className: 'text-xs truncate text-muted w-full text-left px-2', children: [value, " "] }) })] }), isCopied ?
+                _jsx(Check, { className: "size-4 cursor-pointer text-success" })
+                :
+                    _jsx(CopyIcon, { className: "size-4 cursor-pointer text-gray-400 dark:text-slate-400", onClick: () => copyToClipboard(value) })] }));
+}
+export default function InfoList() {
+    const session = useUserSession();
+    const { account, project, client, authToken } = session;
+    const server = new URL(client.baseUrl).hostname;
+    const store = new URL(client.store.baseUrl).hostname;
+    const tenantId = project ? getTenantIdFromProject(project) : '';
+    const tabs = [
+        {
+            name: 'user',
+            label: 'User',
+            content: _jsxs("div", { className: "space-y-1 p-2", children: [_jsx(InfoItems, { title: "Organization ID", value: account?.id ?? 'Unknown' }), _jsx(InfoItems, { title: "Project ID", value: project?.id ?? 'Unknown' }), _jsx(InfoItems, { title: "User ID", value: authToken?.sub ?? 'Unknown' }), _jsx(InfoItems, { title: "Organization Roles", value: authToken?.account_roles?.join(',') ?? 'Unknown' }), _jsx(InfoItems, { title: "Project Roles", value: authToken?.project_roles?.join(',') ?? 'Unknown' })] })
+        },
+        {
+            name: 'environment',
+            label: 'Environment',
+            content: _jsxs("div", { className: "space-y-1 p-2", children: [_jsx(InfoItems, { title: "Tenant ID", value: tenantId }), _jsx(InfoItems, { title: "Environment", value: Env.type }), _jsx(InfoItems, { title: "Server", value: server }), _jsx(InfoItems, { title: "Store", value: store }), _jsx(InfoItems, { title: "App Version", value: Env.version })] })
+        }
+    ];
+    return (_jsx("div", { className: "w-full", children: _jsxs(VTabs, { defaultValue: "user", tabs: tabs, fullWidth: true, updateHash: false, children: [_jsx(VTabsBar, {}), _jsx(VTabsPanel, {})] }) }));
+}
+//# sourceMappingURL=UserInfo.js.map

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+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 { user } = session;
+    if (!session || !user)
+        return null;
+    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: _jsx(MenuList, { children: _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":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAMlC,MAAM,UAAU,eAAe,CAAC,EAAyB;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,KAAC,OAAO,KAAG,CAAA;IACtB,CAAC;SAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,8BACH,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAkB,EAC3D,KAAC,WAAW,IAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GAAI,IACvE,CAAA;IACP,CAAC;SAAM,CAAC;QACJ,OAAO,CAEH,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,gBAAgB,IAAC,aAAa,SAAG,GAChC,CACT,CAAA;IACL,CAAC;AACL,CAAC;AAMD,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,EAAyB;IACjF,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IACzB,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACH,MAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,aAC1D,KAAC,OAAO,CAAC,OAAO,IAAC,KAAK,kBAClB,cAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,iCAAiC,EAAE,aAAa,IAAI,gBAAgB,CAAC,YACjG,KAAC,MAAM,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,QAAQ;wBACd,kBAAkB;wBAClB,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,GACtB,GACQ,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,YAC5C,cAAK,SAAS,EAAC,0FAA0F,YACrG,eAAK,SAAS,EAAC,gDAAgD,aAC3D,eAAK,SAAS,EAAC,WAAW,aACtB,YAAG,SAAS,EAAC,2BAA2B,YAAE,IAAI,EAAE,IAAI,IAAI,SAAS,GAAK,EACtE,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,EAAE,KAAK,IAAI,EAAE,GAAK,IAC/D,EACN,cAAK,SAAS,EAAC,YAAY,YACvB,KAAC,QAAQ,KAAG,GACV,EACN,cAAK,SAAS,EAAC,WAAW,YACtB,KAAC,UAAU,KAAG,GACZ,EACN,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,QAAQ,cACL,KAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,yBAE/C,GACT,GACT,IACH,GACJ,GACO,IACZ,CACb,CAAA;AACL,CAAC"}

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/index.js

@@ -0,0 +1,2 @@
+export * from "./CodeMirrorEditor.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,cAAc,uBAAuB,CAAA"}

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

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { Button } from "@vertesia/ui/core";
+import clsx from "clsx";
+import { useState } from "react";
+import { FormContextProvider, useForm } from "./FormContext.js";
+import { FormLabel, FormHelper } from "./fields.js";
+import { Input } from "./inputs.js";
+export function Form({ object, components, onSubmit, children, onChange }) {
+    const _onSubmit = (evt) => {
+        evt.stopPropagation();
+        evt.preventDefault();
+        onSubmit && onSubmit(object.value);
+    };
+    object.observer = onChange;
+    return (_jsx(FormContextProvider, { value: {
+            object,
+            components: components || {}
+        }, 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] }));
+}
+// interface FieldSetProps {
+//     name: string;
+//     children?: ReactNode | ReactNode[];
+// }
+// export function FieldSet({ name, children }: FieldSetProps) {
+//     const ctx = useForm();
+//     const newCtx = {
+//         ...ctx,
+//         object: ctx.object.getProperty(name) as ManagedObjectProperty
+//     }
+//     return (
+//         <FormContextProvider value={newCtx}>
+//             {children}
+//         </FormContextProvider>
+//     )
+// }
+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 } = useForm();
+    const Component = (editor && components[editor]) || Input;
+    const inputType = object.getInputType();
+    if (inputType === 'checkbox') {
+        inline = true;
+    }
+    const handleOnChange = (event) => {
+        const { value } = event.target;
+        object.value = object.schema.isNumber ? parseFloat(value) : value;
+    };
+    return (_jsxs("div", { className: "", children: [_jsxs("div", { className: clsx('flex gap-2', inline ? 'flex-row items-center' : 'flex-col'), children: [!object.isListItem && _jsx(FormLabel, { required: object.schema.isRequired, children: object.title }), _jsx(Component, { object: object, type: inputType, onChange: handleOnChange })] }), object.schema.description && _jsx(FormHelper, { children: object.schema.description })] }));
+}
+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 addItem = () => {
+        object.add();
+        setValue([...object.value]);
+    };
+    const deleteItem = (index) => {
+        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) }, `${index}-${value[index] ?? ''}`);
+            }), _jsx("div", { children: _jsxs(Button, { variant: 'secondary', onClick: addItem, children: [_jsx(Plus, { className: "size-6" }), " Add"] }) })] }));
+}
+function ListItem({ list, object, onDelete }) {
+    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, 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,29 @@
+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;
+}
+class FormContext {
+    object;
+    components;
+    constructor(object, components = {}) {
+        this.object = object;
+        this.components = components;
+    }
+}
+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;AAMD,MAAM,WAAW;IACM;IACR;IADX,YAAmB,MAAqB,EAC7B,aAAiE,EAAE;QAD3D,WAAM,GAAN,MAAM,CAAe;QAC7B,eAAU,GAAV,UAAU,CAAyD;IAC9E,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"}