@vertesia/ui 0.56.0 → 0.57.0

package/lib/esm/widgets/schema-editor/ManagedSchema.js

@@ -0,0 +1,303 @@
+import { TypeNames, parseTypeSignature } from "./type-signature.js";
+import { addProperty, getTypeSignature, removeProperty, setPropertyName, setPropertyType, setRequireProperty } from "./json-schema4-utils.js";
+let new_prop_name_cnt = 0;
+export class ManagedSchema {
+    // the schema source contains information about where the schema was loaded
+    // the uri serves to retrieve the schema and for now only store:ID URIs are supported
+    source;
+    onChange = () => { };
+    schema;
+    root;
+    constructor(schema, title) {
+        if (!schema) {
+            this.schema = {
+                title: title,
+                type: "object",
+                properties: {},
+            };
+        }
+        else if (typeof schema === 'string') {
+            this.schema = JSON.parse(schema);
+        }
+        else {
+            this.schema = schema;
+        }
+        if (!this.schema.properties) {
+            this.schema.properties = {};
+        }
+        this.root = new SchemaNode("", this.schema, this);
+        this.root.loadChildren();
+    }
+    get isEmpty() {
+        return !this.root.children || this.root.children.length === 0;
+    }
+    get children() {
+        return this.root.children;
+    }
+    reload() {
+        this.root = new SchemaNode("", this.schema, this);
+        this.root.loadChildren();
+        this.onChange?.(this);
+        return this;
+    }
+    withSource(name, uri) {
+        this.source = {
+            uri,
+            name
+        };
+        return this;
+    }
+    withChangeListener(cb) {
+        this.onChange = cb;
+        return this;
+    }
+    replaceSchema(schema) {
+        if (!schema) {
+            this.schema = {
+                title: this.schema.title,
+                type: "object",
+                properties: {},
+            };
+        }
+        else {
+            this.schema = schema;
+        }
+        this.reload();
+    }
+    clone() {
+        const clone = new ManagedSchema(this.schema);
+        clone.source = this.source;
+        if (this.onChange) {
+            clone.withChangeListener(this.onChange);
+        }
+        return clone;
+    }
+}
+export class SchemaNode {
+    schema;
+    loader;
+    parent;
+    name;
+    isRequired = false;
+    type;
+    children;
+    constructor(name, schema, loader, parent) {
+        this.schema = schema;
+        this.loader = loader;
+        this.parent = parent;
+        this.name = name;
+        this.type = getTypeSignature(schema);
+        if (this.parent) {
+            let required = this.parent._getPropertiesSchema().required;
+            this.isRequired = required && Array.isArray(required) ? required.includes(name) : false;
+        }
+    }
+    get title() {
+        return this.schema.title;
+    }
+    set title(value) {
+        this.schema.title = value;
+    }
+    get description() {
+        return this.schema.description;
+    }
+    set description(value) {
+        this.schema.description = value;
+    }
+    get isParent() {
+        return this.type.isObject;
+    }
+    // the isNew is a hack to preserve the open state in UI after a node is created and the tree reloaded
+    get isNew() {
+        return !!this.schema.isNew;
+    }
+    set isNew(value) {
+        if (value) {
+            this.schema.isNew = true;
+        }
+        else {
+            delete this.schema.isNew;
+        }
+    }
+    resetIsNew() {
+        const isNew = this.isNew;
+        this.isNew = false;
+        return isNew;
+    }
+    // end hack
+    getNameSignature() {
+        return `${this.name}${this.isRequired ? '' : '?'}`;
+    }
+    getTypeSignature() {
+        return `${this.type.name}${this.type.isArray ? '[]' : ''}${this.type.isNullable ? '?' : ''}`;
+    }
+    getSignature() {
+        return `${this.getNameSignature()}: ${this.getTypeSignature()}`;
+    }
+    reloadTree() {
+        this.loader.reload();
+    }
+    loadChildren() {
+        this.children = [];
+        if (this.schema.items && this.schema.items.properties) {
+            this._loadChildren(this.schema.items.properties);
+        }
+        else if (this.schema.properties) {
+            this._loadChildren(this.schema.properties);
+        }
+    }
+    _loadChildren(properties) {
+        for (const name of Object.keys(properties)) {
+            const childSchema = properties[name];
+            const child = new SchemaNode(name, childSchema, this.loader, this);
+            this.children.push(child);
+            if (child.isParent) {
+                child.loadChildren();
+            }
+        }
+    }
+    _getPropertiesSchema() {
+        if (this.type.isArray && this.type.isObject) {
+            return this.schema.items;
+        }
+        else {
+            return this.schema;
+        }
+    }
+    findAvailableChildName(prefix) {
+        const properties = this._getPropertiesSchema().properties || {};
+        let name;
+        do {
+            name = prefix + (++new_prop_name_cnt);
+        } while (properties[name]);
+        return name;
+    }
+    /**
+     * Add a new child node
+     */
+    addChild(name, type, isRequired = false) {
+        if (!this.type.isObject) {
+            throw new Error("Cannot add child to a non object node");
+        }
+        if (!this.children) {
+            this.children = [];
+        }
+        let schema = this._getPropertiesSchema();
+        const childSchema = addProperty(schema, name, type, isRequired);
+        const child = new SchemaNode(name, childSchema, this.loader, this);
+        this.children.push(child);
+        return child;
+    }
+    /**
+     * Remove this node
+     */
+    remove() {
+        if (this.parent && this.parent.type.isObject) {
+            const schema = this.parent._getPropertiesSchema();
+            removeProperty(schema, this.name);
+            if (this.parent.children) {
+                this.parent.children = this.parent.children.filter(c => c.name !== this.name);
+            }
+            return true;
+        }
+        return false;
+    }
+    update(data) {
+        let updated = false;
+        if (data.name != null && this.name !== data.name) {
+            if (this.parent) {
+                setPropertyName(this.parent._getPropertiesSchema(), this.name, data.name);
+            }
+            this.name = data.name;
+            updated = true;
+        }
+        if (data.isRequired != null && this.isRequired !== data.isRequired) {
+            if (this.parent) {
+                setRequireProperty(this.parent._getPropertiesSchema(), this.name, data.isRequired);
+            }
+            this.isRequired = data.isRequired;
+            updated = true;
+        }
+        let actualType = data.type?.name;
+        if (actualType === "any") {
+            actualType = undefined;
+        }
+        const typeChanged = actualType !== this.schema.type;
+        if (data.type) {
+            setPropertyType(this.schema, data.type);
+            this.type = data.type;
+            if (this.type.isObject) {
+                if (!this.children) {
+                    this.children = [];
+                }
+            }
+            else {
+                this.children = undefined;
+            }
+            updated = true;
+        }
+        // update editor field
+        if (this.schema.editor && data.editor === null) {
+            // explicitly set to null => delete current editor
+            this.schema.editor = undefined;
+            this.schema.format = undefined;
+            updated = true;
+        }
+        else if (data.editor) { // a new editor is set
+            this.schema.editor = data.editor;
+            this.schema.format = data.editor;
+            updated = true;
+        }
+        else if (typeChanged) {
+            // preserve editor only if the type didn't change
+            this.schema.editor = undefined;
+            this.schema.format = undefined;
+            updated = true;
+        }
+        if (data.description !== this.description) {
+            this.description = data.description;
+            updated = true;
+        }
+        return updated;
+    }
+    getUpdateFromNameAndTypeSignature(nameSig, typeSig) {
+        let name = nameSig.trim();
+        let isRequired = true;
+        if (name.endsWith('?')) {
+            name = name.substring(0, name.length - 1).trim();
+            isRequired = false;
+        }
+        const type = parseTypeSignature(typeSig);
+        let editor;
+        if (type.name === 'text') {
+            type.name = TypeNames.string;
+            editor = 'textarea';
+        }
+        else if (type.name === 'media') {
+            type.name = TypeNames.any;
+            editor = 'media';
+        }
+        else if (type.name === 'document') {
+            type.name = TypeNames.any;
+            editor = 'document';
+        }
+        else {
+            editor = null; // remove custom editor
+        }
+        return { name, type, isRequired, editor };
+    }
+    updateFromNameAndTypeSignature(nameSig, typeSig) {
+        return this.update(this.getUpdateFromNameAndTypeSignature(nameSig, typeSig));
+    }
+    updateFromSignature(text) {
+        text = text.trim();
+        const index = text.indexOf(':');
+        if (index < 0) {
+            throw new Error("Expecting a name and a type separated by a colon");
+        }
+        const nameSig = text.substring(0, index);
+        const typeSig = text.substring(index + 1);
+        return this.updateFromNameAndTypeSignature(nameSig, typeSig);
+    }
+}
+//# sourceMappingURL=ManagedSchema.js.map

package/lib/esm/widgets/schema-editor/ManagedSchema.js.map

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

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

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useEffect, useRef, useState } from 'react';
+import { Pencil, Trash2 } from 'lucide-react';
+import { Styles } from '@vertesia/ui/core';
+import { useClickOutside, useFlag } from '@vertesia/ui/core';
+const VIEW_BOX = "block sm:text-sm sm:leading-6 rounded-md border-0 py-1.5 px-2 text-gray-900 dark:text-slate-50";
+const VIEW_BOX_HOVER = `${VIEW_BOX} hover:shadow-xs hover:ring-1 hover:ring-inset hover:ring-gray-300 dark:hover:ring-slate-600`;
+const EDIT_BOX = `${VIEW_BOX} shadow-xs ring-1 ring-inset ring-gray-300 dark:ring-slate-600`;
+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", { children: [isOn && !readonly ?
+                _jsx(DataEdit, { value: value, onSave: _onChange, onCancel: off, editor: editor, skipClickOutside: _skipClickOutside })
+                : _jsx(DataView, { 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 DataView({ viewer: Viewer, value, onEdit, editOnClick, outlineOnHover, placeholder, onDelete, readonly }) {
+    const onClick = () => {
+        editOnClick && onEdit();
+    };
+    const onKeyUp = (e) => {
+        if (e.key === "Enter") {
+            onEdit();
+        }
+    };
+    const btnStyle = 'hidden group-hover:block text-gray-400 hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400';
+    return (_jsxs("div", { 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: 'ml-auto flex space-x-2', children: [!readonly && onDelete &&
+                        _jsx("button", { className: btnStyle, onClick: onDelete, children: _jsx(Trash2, { className: "size-4" }) }), !readonly ?
+                        _jsx("button", { className: btnStyle, onClick: onEdit, children: _jsx(Pencil, { 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/esm/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/esm/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/esm/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,CAAA;AACL,CAAC"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { AlignLeft } from 'lucide-react';
+import { Button, VModal, ModalBody, ModalFooter, VModalTitle, Styles, VSelectBox } from '@vertesia/ui/core';
+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 [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: "Edit description", 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(VSelectBox, { 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 }) {
+    return (_jsxs(VModal, { isOpen: isOpen, onClose: onClose, children: [_jsx(VModalTitle, { children: "Edit description" }), _jsx(EditDescriptionModalForm, { value: value, onSave: onClose })] }));
+}
+function EditDescriptionModalForm({ value, onSave }) {
+    const ref = useRef(null);
+    const [currentValue, setCurrentValue] = useState(value || '');
+    useEffect(() => {
+        ref.current && ref.current.focus();
+    }, [ref.current]);
+    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: "Save Changes" }) })] }));
+}
+//# sourceMappingURL=PropertyEditor.js.map

package/lib/esm/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":"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"}

package/lib/esm/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: 'ml-2 text-sm text-gray-400', children: value.type || '' })] }));
+}
+//# sourceMappingURL=PropertyViewer.js.map

package/lib/esm/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,eACI,SAAS,EAAC,4BAA4B,aACtC,wBACK,KAAK,CAAC,IAAI,IAAI,EAAE,GACf,EACN,cAAK,SAAS,EAAC,4BAA4B,YAAE,KAAK,CAAC,IAAI,IAAI,EAAE,GAAO,IAClE,CACT,CAAA;AACL,CAAC"}

package/lib/esm/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/esm/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":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,UAAe;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,aAAa,CAAC,UAAU,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE,EAAE;QACnI,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC,CAAC;IACJ,OAAO,MAAM,CAAC;AAClB,CAAC"}

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

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChevronDown, ChevronRight, Plus } from 'lucide-react';
+import { useToast } from '@vertesia/ui/core';
+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 && 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", { onClick: () => setOpen(!isOpen), children: _jsx(Icon, { className: "size-4" }) }), _jsx("div", { className: 'flex-1', children: _jsx(PropertyTitleBar, { property: property, readonly: readonly }) })] }), isOpen &&
+                _jsxs("ul", { className: "ml-4 border-l 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 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: 'Invalid property declaration',
+                description: err.message,
+                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", { className: "ml-1 py-2 flex items-center text-gray-400 hover:text-indigo-600", onClick: add, children: [_jsx(Plus, { className: 'size-5' }), _jsx("div", { className: 'ml-2', children: "Add property" })] }));
+}
+//# sourceMappingURL=SchemaEditor.js.map