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

package/lib/widgets/schema-editor/editor/Editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/Editable.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,aAAa,EAAmD,MAAM,OAAO,CAAC;AAM9G,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,UAAU,aAAa,CAAC,CAAC;IACrB,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;CACjD;AACD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAsB,EACtB,WAAkB,EAClB,WAAW,EACX,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,SAAiB,EACjB,QAAgB,EAChB,UAAU,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,+BAoDlB;AA4GD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,+BAM7E;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,+BAgC5F;AAED,UAAU,iBAAkB,SAAQ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChF,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;CACnD;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAUpD"}

package/lib/widgets/schema-editor/editor/Editable.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Styles, useClickOutside, useFlag } from '@vertesia/ui/core';
+import clsx from 'clsx';
+import { SquarePen, Trash2 } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+const VIEW_BOX = 'block text-sm sm:leading-6 rounded-md border-0 py-1.5 px-4';
+const VIEW_BOX_HOVER = `${VIEW_BOX} hover:shadow-xs hover:ring-1 hover:ring-inset hover:ring-ring`;
+const EDIT_BOX = `${VIEW_BOX} shadow-xs ring-1 ring-inset ring-ring`;
+export function Editable({ value, onChange, onDelete, outlineOnHover = false, editOnClick = true, placeholder, viewer, editor, skipClickOutside, isEditing = false, readonly = false, onValidate, }) {
+    const { on, off, isOn } = useFlag(isEditing);
+    const [validationError, setValidationError] = useState();
+    const _onChange = (value) => {
+        if (onValidate) {
+            const err = onValidate(value);
+            if (err) {
+                setValidationError(err);
+                return; // don't save
+            }
+            else {
+                setValidationError(undefined);
+            }
+        }
+        if (onChange(value)) {
+            off();
+        }
+    };
+    const _skipClickOutside = (e) => {
+        if (skipClickOutside) {
+            return skipClickOutside(e);
+        }
+        return false;
+    };
+    return (_jsxs("div", { className: "", children: [isOn && !readonly ? (_jsx(DataEdit, { value: value, onSave: _onChange, onCancel: off, editor: editor, skipClickOutside: _skipClickOutside })) : (_jsx(EditableDataView, { value: value, onEdit: on, viewer: viewer, placeholder: placeholder, outlineOnHover: outlineOnHover, editOnClick: editOnClick, onDelete: onDelete, readonly: readonly })), validationError && _jsx("div", { className: "text-red-500 text-sm", children: validationError })] }));
+}
+function EditableDataView({ viewer: Viewer, value, onEdit, editOnClick, outlineOnHover, placeholder, onDelete, readonly: isReadonly, }) {
+    const onClick = () => {
+        if (editOnClick)
+            onEdit();
+    };
+    const onKeyUp = (e) => {
+        if (e.key === 'Enter') {
+            onEdit();
+        }
+    };
+    const btnStyle = 'invisible group-hover:visible';
+    return (_jsxs("div", { role: editOnClick ? 'button' : undefined, tabIndex: 0, onKeyUp: onKeyUp, onClick: onClick, className: clsx('flex justify-start items-center group', outlineOnHover ? VIEW_BOX_HOVER : VIEW_BOX, {
+            'cursor-pointer': editOnClick,
+        }), children: [_jsx(Viewer, { value: value, placeholder: placeholder }), _jsxs("div", { className: "ms-auto flex space-x-2", children: [!isReadonly && onDelete && (_jsx(Button, { variant: "ghost", size: "sm", className: btnStyle, onClick: onDelete, children: _jsx(Trash2, { className: "size-4" }) })), !isReadonly ? (_jsx(Button, { variant: "ghost", size: "sm", className: btnStyle, onClick: onEdit, children: _jsx(SquarePen, { className: "size-4" }) })) : null] })] }));
+}
+function DataEdit({ editor: Editor, value, onSave, onCancel, skipClickOutside }) {
+    const [actualValue, setActualValue] = useState(value);
+    const latestValue = useRef(value);
+    const [debounceTimer, setDebounceTimer] = useState(null);
+    const handleSave = () => {
+        onSave(latestValue.current);
+    };
+    const ref = useClickOutside(handleSave, skipClickOutside);
+    const _onChange = (value, autoSave = false) => {
+        setActualValue(value);
+        latestValue.current = value;
+        if (autoSave) {
+            if (debounceTimer) {
+                clearTimeout(debounceTimer);
+            }
+            setDebounceTimer(setTimeout(() => {
+                onSave(value);
+            }, 500));
+        }
+    };
+    return (_jsx("div", { ref: ref, children: _jsx("div", { className: EDIT_BOX, children: _jsx("div", { className: "w-full", onClick: (e) => e.stopPropagation(), children: _jsx(Editor, { value: actualValue, onChange: _onChange, onSave: handleSave, onCancel: onCancel }) }) }) }));
+}
+export function TextDataViewer({ value, placeholder }) {
+    if (!value) {
+        return _jsx("span", { className: "text-gray-400", children: placeholder || 'Missing value' });
+    }
+    else {
+        return _jsx("span", { children: value == null ? '' : value.toString() });
+    }
+}
+export function TextDataEditor({ value, onChange, onCancel, onSave }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        ref.current?.focus();
+    }, []);
+    const onKeyUp = (e) => {
+        switch (e.key) {
+            case 'Enter':
+                onSave?.();
+                break;
+            case 'Escape':
+                onCancel?.();
+                break;
+        }
+    };
+    const _onChange = (e) => {
+        onChange(e.target.value);
+    };
+    return (_jsx("input", { onKeyUp: onKeyUp, ref: ref, value: value, onChange: _onChange, className: Styles.INPUT_UNSTYLED, style: { fontSize: 'inherit' } }));
+}
+export function EditableText(props) {
+    if (!props.viewer) {
+        props.viewer = TextDataViewer;
+    }
+    if (!props.editor) {
+        props.editor = TextDataEditor;
+    }
+    return _jsx(Editable, { ...props });
+}
+//# sourceMappingURL=Editable.js.map

package/lib/widgets/schema-editor/editor/Editable.js.map

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

package/lib/widgets/schema-editor/editor/EditableSchemaProperty.d.ts

@@ -0,0 +1,8 @@
+import type { SchemaNode } from '../ManagedSchema.js';
+export interface EditableSchemaProperty {
+    name: string;
+    type: string;
+    description?: string;
+}
+export declare function getEditableSchemaProperty(schema: SchemaNode): EditableSchemaProperty;
+//# sourceMappingURL=EditableSchemaProperty.d.ts.map

package/lib/widgets/schema-editor/editor/EditableSchemaProperty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableSchemaProperty.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/EditableSchemaProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,UAAU,GAAG,sBAAsB,CAMpF"}

package/lib/widgets/schema-editor/editor/EditableSchemaProperty.js

@@ -0,0 +1,8 @@
+export function getEditableSchemaProperty(schema) {
+    return {
+        name: schema.getNameSignature(),
+        type: schema.getTypeSignature(),
+        description: schema.description,
+    };
+}
+//# sourceMappingURL=EditableSchemaProperty.js.map

package/lib/widgets/schema-editor/editor/EditableSchemaProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableSchemaProperty.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/EditableSchemaProperty.tsx"],"names":[],"mappings":"AAQA,MAAM,UAAU,yBAAyB,CAAC,MAAkB;IACxD,OAAO;QACH,IAAI,EAAE,MAAM,CAAC,gBAAgB,EAAE;QAC/B,IAAI,EAAE,MAAM,CAAC,gBAAgB,EAAE;QAC/B,WAAW,EAAE,MAAM,CAAC,WAAW;KAClC,CAAC;AACN,CAAC"}

package/lib/widgets/schema-editor/editor/PropertyEditor.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { DataEditorProps } from './Editable.js';
+import type { EditableSchemaProperty } from './EditableSchemaProperty.js';
+export declare function PropertyEditor({ value, onChange, onCancel, onSave }: DataEditorProps<EditableSchemaProperty>): React.JSX.Element | null;
+export declare function PropertyNameEditor({ value, onChange, onCancel, onSave }: DataEditorProps<string>): React.JSX.Element;
+//# sourceMappingURL=PropertyEditor.d.ts.map

package/lib/widgets/schema-editor/editor/PropertyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyEditor.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/PropertyEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAc1E,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,sBAAsB,CAAC,4BA2C5G;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,qBAgChG"}

package/lib/widgets/schema-editor/editor/PropertyEditor.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Modal, ModalBody, ModalFooter, ModalTitle, SelectBox, Styles } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { AlignLeft } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { TypeNames } from '../type-signature.js';
+function makeTypeOptions() {
+    const types = Object.values(TypeNames);
+    const options = [...types];
+    for (const type of types) {
+        options.push(`${type}[]`);
+    }
+    types.sort();
+    return options;
+}
+const TYPE_OPTIONS = makeTypeOptions();
+export function PropertyEditor({ value, onChange, onCancel, onSave }) {
+    const { t } = useUITranslation();
+    const [isModalOpen, setModalOpen] = useState(false);
+    if (!value)
+        return null;
+    const onNameChange = (text) => {
+        onChange({ ...value, name: text });
+    };
+    const onTypeChange = (text) => {
+        onChange({ ...value, type: text });
+    };
+    const onDescriptionChange = (text) => {
+        if (text !== undefined && typeof text === 'string') {
+            onChange({ ...value, description: text }, true);
+        }
+        setModalOpen(false);
+    };
+    return (_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "flex-1", children: _jsx(PropertyNameEditor, { value: value.name, onChange: onNameChange, onCancel: onCancel, onSave: onSave }) }), _jsx("div", { className: "px-1 font-semibold", children: ":" }), _jsx("div", { className: "flex-1", children: _jsx(PropertyTypeEditor, { value: value.type, onChange: onTypeChange, onCancel: onCancel, onSave: onSave }) }), _jsxs("div", { children: [_jsx(Button, { variant: 'ghost', size: 'xs', onClick: () => setModalOpen(true), title: t('widgets.schema.editDescription'), children: _jsx(AlignLeft, { className: "size-4" }) }), _jsx(EditDescriptionModal, { value: value.description, isOpen: isModalOpen, onClose: onDescriptionChange })] })] }));
+}
+export function PropertyNameEditor({ value, onChange, onCancel, onSave }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        ref.current?.focus();
+    }, []);
+    const onKeyUp = (e) => {
+        switch (e.key) {
+            case 'Enter':
+                onSave?.();
+                break;
+            case 'Escape':
+                onCancel?.();
+                break;
+        }
+    };
+    const _onChange = (e) => {
+        onChange(e.target.value);
+    };
+    return (_jsx("input", { onKeyUp: onKeyUp, ref: ref, value: value, onChange: _onChange, className: Styles.INPUT_UNSTYLED, style: { fontSize: 'inherit', width: '', display: 'inline' } }));
+}
+function PropertyTypeEditor({ value, onChange, onCancel, onSave }) {
+    const onBlur = () => {
+        onSave?.();
+    };
+    const onKeyDown = (e, isOpen) => {
+        if (!isOpen) {
+            if (e.key === 'Enter') {
+                onSave?.();
+            }
+            else if (e.key === 'Escape') {
+                onCancel?.();
+            }
+        }
+    };
+    return (_jsx(SelectBox, { className: Styles.INPUT_UNSTYLED, options: TYPE_OPTIONS, value: value || '', onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown, popupClass: "schema-type-suggest-popup z-90" }));
+}
+function EditDescriptionModal({ value, isOpen, onClose }) {
+    const { t } = useUITranslation();
+    return (_jsxs(Modal, { isOpen: isOpen, onClose: onClose, children: [_jsx(ModalTitle, { children: t('widgets.schema.editDescription') }), _jsx(EditDescriptionModalForm, { value: value, onSave: onClose })] }));
+}
+function EditDescriptionModalForm({ value, onSave }) {
+    const { t } = useUITranslation();
+    const ref = useRef(null);
+    const [currentValue, setCurrentValue] = useState(value || '');
+    useEffect(() => {
+        ref.current?.focus();
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(ModalBody, { className: "h-max", children: _jsx("textarea", { ref: ref, className: "dark:bg-gray-800 w-full h-full dark:text-white", value: currentValue, onChange: (e) => setCurrentValue(e.target.value) }) }), _jsx(ModalFooter, { children: _jsx(Button, { onClick: () => onSave(currentValue), children: t('store.saveChanges') }) })] }));
+}
+//# sourceMappingURL=PropertyEditor.js.map

package/lib/widgets/schema-editor/editor/PropertyEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyEditor.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/PropertyEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,SAAS,eAAe;IACpB,MAAM,KAAK,GAAa,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC;IACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACb,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;AAEvC,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA2C;IACzG,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,IAAa,EAAE,EAAE;QAC1C,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACjD,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;QACpD,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,mBAAmB,aAC9B,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,GACnG,EACN,cAAK,SAAS,EAAC,oBAAoB,kBAAQ,EAC3C,cAAK,SAAS,EAAC,QAAQ,YACnB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,GACnG,EACN,0BACI,KAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,YAE1C,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC3B,EACT,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,mBAAmB,GAAI,IACnG,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA2B;IAC7F,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE;QACvC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,OAAO;gBACR,MAAM,EAAE,EAAE,CAAC;gBACX,MAAM;YACV,KAAK,QAAQ;gBACT,QAAQ,EAAE,EAAE,CAAC;gBACb,MAAM;QACd,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAgC,EAAE,EAAE;QACnD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,gBACI,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAC9D,CACL,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAA2B;IACtF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,MAAM,EAAE,EAAE,CAAC;IACf,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,CAAC,CAA+B,EAAE,MAAe,EAAE,EAAE;QACnE,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACpB,MAAM,EAAE,EAAE,CAAC;YACf,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5B,QAAQ,EAAE,EAAE,CAAC;YACjB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAC,gCAAgC,GAC7C,CACL,CAAC;AACN,CAAC;AAOD,SAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAA6B;IAC/E,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,OAAO,CACH,MAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,aACnC,KAAC,UAAU,cAAE,CAAC,CAAC,gCAAgC,CAAC,GAAc,EAC9D,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAI,IACvD,CACX,CAAC;AACN,CAAC;AAMD,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAiC;IAC9E,MAAM,EAAE,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9D,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACH,8BACI,KAAC,SAAS,IAAC,SAAS,EAAC,OAAO,YACxB,mBACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,GACM,EACZ,KAAC,WAAW,cACR,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,YAAG,CAAC,CAAC,mBAAmB,CAAC,GAAU,GACpE,IACf,CACN,CAAC;AACN,CAAC"}

package/lib/widgets/schema-editor/editor/PropertyViewer.d.ts

@@ -0,0 +1,4 @@
+import type { DataViewerProps } from './Editable.js';
+import type { EditableSchemaProperty } from './EditableSchemaProperty.js';
+export declare function PropertyViewer({ value }: DataViewerProps<EditableSchemaProperty>): import("react").JSX.Element | null;
+//# sourceMappingURL=PropertyViewer.d.ts.map

package/lib/widgets/schema-editor/editor/PropertyViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyViewer.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/PropertyViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,CAAC,sBAAsB,CAAC,sCAQhF"}

package/lib/widgets/schema-editor/editor/PropertyViewer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PropertyViewer({ value }) {
+    if (!value)
+        return null;
+    return (_jsxs("div", { className: "w-full flex items-baseline", children: [_jsx("div", { children: value.name || '' }), _jsx("div", { className: "ms-2 text-sm text-muted", children: value.type || '' })] }));
+}
+//# sourceMappingURL=PropertyViewer.js.map

package/lib/widgets/schema-editor/editor/PropertyViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyViewer.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/PropertyViewer.tsx"],"names":[],"mappings":";AAGA,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAA2C;IAC7E,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACH,eAAK,SAAS,EAAC,4BAA4B,aACvC,wBAAM,KAAK,CAAC,IAAI,IAAI,EAAE,GAAO,EAC7B,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,IAAI,IAAI,EAAE,GAAO,IAC/D,CACT,CAAC;AACN,CAAC"}

package/lib/widgets/schema-editor/editor/SchemaContext.d.ts

@@ -0,0 +1,4 @@
+import type { JSONSchema } from '@vertesia/common';
+import { ManagedSchema } from '../ManagedSchema.js';
+export declare function useSchema(jsonSchema: string | JSONSchema | null | undefined): ManagedSchema;
+//# sourceMappingURL=SchemaContext.d.ts.map

package/lib/widgets/schema-editor/editor/SchemaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaContext.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/SchemaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,SAAS,iBAO3E"}

package/lib/widgets/schema-editor/editor/SchemaContext.js

@@ -0,0 +1,9 @@
+import { useState } from 'react';
+import { ManagedSchema } from '../ManagedSchema.js';
+export function useSchema(jsonSchema) {
+    const [schema, setSchema] = useState(new ManagedSchema(jsonSchema || { type: 'object', properties: {} }).withChangeListener((schema) => {
+        setSchema(schema.clone());
+    }));
+    return schema;
+}
+//# sourceMappingURL=SchemaContext.js.map

package/lib/widgets/schema-editor/editor/SchemaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaContext.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/SchemaContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,UAAkD;IACxE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAChC,IAAI,aAAa,CAAC,UAAU,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE,EAAE;QAC9F,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CACL,CAAC;IACF,OAAO,MAAM,CAAC;AAClB,CAAC"}

package/lib/widgets/schema-editor/editor/SchemaEditor.d.ts

@@ -0,0 +1,9 @@
+import type { ManagedSchema } from '../ManagedSchema.js';
+interface SchemaTreeProps {
+    schema: ManagedSchema;
+    readonly?: boolean;
+}
+export declare function SchemaEditor({ schema, readonly }: SchemaTreeProps): import("react").JSX.Element;
+export declare function validatePropertyName(propertyName: string): string | undefined;
+export {};
+//# sourceMappingURL=SchemaEditor.d.ts.map

package/lib/widgets/schema-editor/editor/SchemaEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEditor.d.ts","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/editor/SchemaEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,qBAAqB,CAAC;AAarE,UAAU,eAAe;IACrB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,EAAE,eAAe,+BASzE;AAwDD,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ7E"}

package/lib/widgets/schema-editor/editor/SchemaEditor.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, errorMessage, useToast } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { ChevronDown, ChevronRight, Plus } from 'lucide-react';
+import { useState } from 'react';
+import { TypeNames } from '../type-signature.js';
+import { Editable } from './Editable.js';
+import { getEditableSchemaProperty } from './EditableSchemaProperty.js';
+import { PropertyEditor } from './PropertyEditor.js';
+import { PropertyViewer } from './PropertyViewer.js';
+// do not exit edit mode when user is clicking inside the type suggestion popup
+function skipClickOutside(e) {
+    const target = e.target;
+    return !!target.closest?.('.schema-type-suggest-popup');
+}
+export function SchemaEditor({ schema, readonly = false }) {
+    return (_jsxs("ul", { className: "", children: [schema.children.map((prop) => {
+                return renderProperty(prop, readonly);
+            }), !readonly ? _jsx(AddPropertyButton, { parent: schema.root }) : null] }));
+}
+function renderProperty(node, readonly) {
+    return node.isParent ? (_jsx(ParentItem, { property: node, readonly: readonly }, node.name)) : (_jsx(SimpleItem, { node: node, readonly: readonly }, node.name));
+}
+function SimpleItem({ node, readonly }) {
+    return (_jsx("li", { children: _jsx(PropertyTitleBar, { property: node, readonly: readonly }) }));
+}
+function ParentItem({ property, readonly }) {
+    const [isOpen, setOpen] = useState(true);
+    const Icon = isOpen ? ChevronDown : ChevronRight;
+    return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center w-full", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setOpen(!isOpen), "aria-label": isOpen ? `Collapse ${property.name}` : `Expand ${property.name}`, "aria-expanded": isOpen, children: _jsx(Icon, { className: "size-4 cn-rtl-flip" }) }), _jsx("div", { className: "flex-1", children: _jsx(PropertyTitleBar, { property: property, readonly: readonly }) })] }), isOpen && (_jsxs("ul", { className: "ms-4 border-s border-gray-400 border-dashed", children: [(property.children || []).map((prop) => renderProperty(prop, readonly)), !readonly ? _jsx(AddPropertyButton, { parent: property }) : null] }))] }));
+}
+export function validatePropertyName(propertyName) {
+    if (!propertyName) {
+        return 'Name is required';
+    }
+    if (/^[a-zA-Z0-9_]+[?]?$/.test(propertyName)) {
+        return undefined; // valid
+    }
+    return 'Only letters, numbers, underscores or question mark are allowed (a-zA-Z0-9_?)';
+}
+function PropertyTitleBar({ property, readonly }) {
+    const { t } = useUITranslation();
+    const toast = useToast();
+    const onChange = (value) => {
+        try {
+            if (value.description && typeof value.description !== 'string') {
+                value.description = undefined;
+            }
+            const update = property.getUpdateFromNameAndTypeSignature(value.name, value.type);
+            if (property.update({ ...update, description: value.description })) {
+                property.reloadTree();
+            }
+        }
+        catch (err) {
+            toast({
+                status: 'error',
+                title: t('widgets.schema.invalidPropertyDeclaration'),
+                description: errorMessage(err),
+                duration: 9000,
+            });
+            return false;
+        }
+        return true;
+    };
+    const isNew = property.resetIsNew();
+    const editableProp = getEditableSchemaProperty(property);
+    return (_jsx(Editable, { value: editableProp, onChange: onChange, onDelete: () => {
+            property.remove();
+            property.reloadTree();
+        }, editor: PropertyEditor, viewer: PropertyViewer, outlineOnHover: true, isEditing: isNew, skipClickOutside: skipClickOutside, readonly: readonly, onValidate: (property) => validatePropertyName(property.name) }));
+}
+function AddPropertyButton({ parent }) {
+    const add = () => {
+        const name = parent.findAvailableChildName('new_property_');
+        const child = parent.addChild(name, { isObject: false, isArray: false, isNullable: false, name: TypeNames.string }, true);
+        child.isNew = true;
+        parent.reloadTree();
+    };
+    return (_jsxs(Button, { variant: "ghost", onClick: add, children: [_jsx(Plus, { className: "size-4" }), "Add property"] }));
+}
+//# sourceMappingURL=SchemaEditor.js.map

package/lib/widgets/schema-editor/editor/SchemaEditor.js.map

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

package/lib/widgets/schema-editor/index.d.ts

@@ -0,0 +1,7 @@
+export * from './editor/EditableSchemaProperty.js';
+export * from './editor/PropertyEditor.js';
+export * from './editor/PropertyViewer.js';
+export * from './editor/SchemaContext.js';
+export * from './editor/SchemaEditor.js';
+export * from './ManagedSchema.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/widgets/schema-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/schema-editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/lib/widgets/schema-editor/index.js

@@ -0,0 +1,7 @@
+export * from './editor/EditableSchemaProperty.js';
+export * from './editor/PropertyEditor.js';
+export * from './editor/PropertyViewer.js';
+export * from './editor/SchemaContext.js';
+export * from './editor/SchemaEditor.js';
+export * from './ManagedSchema.js';
+//# sourceMappingURL=index.js.map

package/lib/widgets/schema-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/schema-editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/lib/widgets/schema-editor/json-schema4-utils.d.ts

@@ -0,0 +1,16 @@
+import type { JSONSchema } from '@vertesia/common';
+import type { TypeSignature } from './type-signature.js';
+export declare function setPropertyName(schema: JSONSchema, name: string, newName: string): void;
+export declare function setRequireProperty(schema: JSONSchema, name: string, isRequired: boolean): void;
+export declare function setPropertyType(schema: JSONSchema, type: TypeSignature): void;
+export declare function removeProperty(schema: JSONSchema, name: string): void;
+/**
+ * Create a new property in the schema
+ * @param schema
+ * @param name
+ * @param type
+ * @param isRequired
+ */
+export declare function addProperty(schema: JSONSchema, name: string, type: TypeSignature, isRequired?: boolean): JSONSchema;
+export declare function getTypeSignature(schema: JSONSchema): TypeSignature;
+//# sourceMappingURL=json-schema4-utils.d.ts.map

package/lib/widgets/schema-editor/json-schema4-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema4-utils.d.ts","sourceRoot":"","sources":["../../../src/widgets/schema-editor/json-schema4-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAsB,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpE,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAiBhF;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,QAevF;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,QAiCtE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,QAO9D;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,UAAQ,cAkBpG;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,aAAa,CA4ClE"}