@vertesia/ui 0.56.0 → 0.57.0

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useState } from "react";
+import { Styles } from "@vertesia/ui/core";
+const Input = React.forwardRef(({ object, type = 'text', onChange, ...props }, ref) => {
+    const [actualValue, setValue] = useState(object.value != null ? String(object.value) : '');
+    const [booleanValue, setBooleanValue] = useState(object.schema.isBoolean && object.value === true);
+    if (props.className) {
+        props.className = clsx(Styles.INPUT, props.className);
+    }
+    else {
+        props.className = Styles.INPUT;
+    }
+    const _onChange = (ev) => {
+        setValue(ev.target.value);
+        if (object.schema.isBoolean) {
+            object.value = ev.target.checked;
+            setBooleanValue(object.value);
+        }
+        else {
+            object.value = ev.target.value;
+        }
+        onChange && onChange(ev);
+    };
+    if (type === 'textarea') {
+        return (_jsx("textarea", { ref: ref, ...props, value: actualValue, onChange: _onChange }));
+    }
+    else if (type === 'checkbox') {
+        return (_jsx("input", { ref: ref, ...props, type: "checkbox", checked: booleanValue, onChange: _onChange, className: "form-check-input" }));
+    }
+    else {
+        return (_jsx("input", { ref: ref, ...props, type: type, value: actualValue, onChange: _onChange }));
+    }
+});
+export { Input };
+//# sourceMappingURL=inputs.js.map

package/lib/esm/widgets/form/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../../../src/widgets/form/inputs.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAoC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAK3C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAqD,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtI,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC;IAEnG,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACJ,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;IACnC,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,EAAuD,EAAE,EAAE;QAC1E,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,GAAI,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC;YACvD,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QACnC,CAAC;QACD,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAA;IACD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACtB,OAAO,CACH,mBAAU,GAAG,EAAE,GAA8C,KAAM,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CACxH,CAAA;IACL,CAAC;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,CACH,gBAAO,GAAG,EAAE,GAA2C,KAAM,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAClK,CAAA;IACL,CAAC;SAAM,CAAC;QACJ,OAAO,CACH,gBAAO,GAAG,EAAE,GAA2C,KAAM,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CAC9H,CAAA;IACL,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,191 @@
+import Ajv from "ajv";
+function createSchemaFromType(type) {
+    if (type === 'object') {
+        return { type: 'object', properties: {} };
+    }
+    else if (type === 'array') {
+        return { type: 'array', items: { type: 'any' } };
+    }
+    else {
+        return { type };
+    }
+}
+export class Schema {
+    schema;
+    properties = {};
+    validator;
+    constructor(schema) {
+        this.schema = schema || { type: 'object', properties: {} };
+        this.validator = new Ajv({ strict: false }).compile(this.schema);
+        this.load();
+    }
+    load() {
+        if (this.schema.properties) {
+            const properties = this.schema.properties;
+            Object.keys(properties).forEach(name => {
+                this.loadProperty(name, properties[name]);
+            });
+        }
+    }
+    hasProperties() {
+        return Object.keys(this.properties).length > 0;
+    }
+    get title() {
+        return this.schema.title || this.schema.name;
+    }
+    get description() {
+        return this.schema.description;
+    }
+    loadProperty(name, propertySchema) {
+        let property;
+        if (propertySchema.type === 'array') {
+            property = new ArrayPropertySchema(this, name, propertySchema);
+        }
+        else {
+            property = new PropertySchema(this, name, propertySchema);
+        }
+        this.properties[name] = property;
+        return property;
+    }
+    get type() {
+        return this.schema.type;
+    }
+    validate(value) {
+        if (!this.validator(value)) {
+            return this.validator.errors || [];
+        }
+        else {
+            return true;
+        }
+    }
+    addProperty(name, typeOrSchema, isRequired = false) {
+        if (this.schema.type !== 'object') {
+            this.schema.type = 'object';
+        }
+        if (!this.schema.properties) {
+            this.schema.properties = {};
+        }
+        const propertySchema = typeof typeOrSchema === 'string' ? createSchemaFromType(typeOrSchema) : typeOrSchema;
+        const property = this.loadProperty(name, propertySchema);
+        this.schema.properties[property.name] = property.schema;
+        if (isRequired) {
+            property.isRequired = true;
+        }
+        return property;
+    }
+    removeProperty(name) {
+        if (this.schema.properties) {
+            delete this.schema.properties[name];
+            if (Array.isArray(this.schema.required)) {
+                this.schema.required = this.schema.required.filter(x => x !== name);
+            }
+        }
+        delete this.properties[name];
+    }
+    getProperty(name) {
+        return this.properties[name];
+    }
+    get editor() {
+        return this.schema.editor;
+    }
+}
+export class PropertySchema extends Schema {
+    parent;
+    name;
+    constructor(parent, name, schema) {
+        super(schema);
+        this.parent = parent;
+        this.name = name;
+        if (schema.type === 'array') {
+            throw new Error("Array property must be instantiated using ArrayPropertySchema");
+        }
+        if (schema.type === 'object' && !schema.properties) {
+            schema.properties = {};
+        }
+    }
+    get isMulti() {
+        return false;
+    }
+    get isReadOnly() {
+        return !!this.schema.readOnly;
+    }
+    set isReadOnly(value) {
+        this.schema.readOnly = value;
+    }
+    get defaultValue() {
+        return this.schema.default;
+    }
+    set defaultValue(value) {
+        this.schema.default = value;
+    }
+    get enum() {
+        return this.schema.enum;
+    }
+    set enum(values) {
+        this.schema.enum = values;
+    }
+    get isRequired() {
+        const required = this.parent.schema.required;
+        return required ? required.includes(this.name) : false;
+    }
+    set isRequired(value) {
+        let required = Array.isArray(this.parent.schema.required) ? this.parent.schema.required : [];
+        if (value) {
+            required = required.concat(this.name);
+        }
+        else {
+            required = required.filter(x => x !== this.name);
+        }
+        this.parent.schema.required = required;
+    }
+    get type() {
+        return this.schema.type;
+    }
+    set type(value) {
+        if (this.schema.type !== value) {
+            this.schema.type = value;
+            if (value !== 'object') { // remove sub properties
+                this.properties = {};
+                this.schema.properties = undefined;
+            }
+        }
+    }
+    remove() {
+        this.parent.removeProperty(this.name);
+    }
+    get isBoolean() {
+        return this.type === 'boolean';
+    }
+    get isString() {
+        return this.type === 'string';
+    }
+    get isNumber() {
+        return this.type === 'number' || this.type === 'integer';
+    }
+    get isObject() {
+        return this.type === 'object';
+    }
+}
+function getArrayElementType(schema) {
+    if (schema.type !== 'array') {
+        throw new Error('Expecting an array schema');
+    }
+    if (!schema.items) {
+        schema.items = { type: 'any' };
+    }
+    else if (Array.isArray(schema.items)) {
+        throw new Error('Tuple arrays are not supported');
+    }
+    return schema.items;
+}
+export class ArrayPropertySchema extends PropertySchema {
+    arraySchema;
+    constructor(parent, name, schema) {
+        super(parent, name, getArrayElementType(schema));
+        this.arraySchema = schema;
+    }
+    get isMulti() {
+        return true;
+    }
+}
+//# sourceMappingURL=schema.js.map

package/lib/esm/widgets/form/schema.js.map

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

package/lib/esm/widgets/index.js

@@ -0,0 +1,6 @@
+export * from "./xml-viewer/index.js";
+export * from "./json-view/index.js";
+export * from "./schema-editor/index.js";
+export * from "./form/index.js";
+export * from "./codemirror/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/lib/esm/widgets/json-view/JSONCode.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ObjectWalker } from "@vertesia/json";
+import { useEffect, useState } from "react";
+const st_code = "bg-gray-100 dark:bg-slate-800 whitespace-pre-wrap p-4 rounded-lg font-mono";
+const st_punct = "text-pink-500 dark:text-pink-400";
+const st_symbol = "text-purple-500 dark:text-purple-400";
+const st_number = "text-green-500 dark:text-green-400";
+const st_string = "text-orange-500 dark:text-orange-400";
+const st_key = "text-blue-500 dark:text-blue-400";
+const defaultClassMap = {
+    code: st_code,
+    comma: st_punct,
+    assign: st_punct,
+    startObject: st_punct,
+    endObject: st_punct,
+    startArray: st_punct,
+    endArray: st_punct,
+    boolean: st_symbol,
+    null: st_symbol,
+    key: st_key,
+    index: st_key,
+    string: st_string,
+    number: st_number,
+};
+class Block {
+    renderer;
+    parent;
+    key;
+    indent;
+    result = [];
+    constructor(renderer, parent, key, indent) {
+        this.renderer = renderer;
+        this.parent = parent;
+        this.key = key;
+        this.indent = indent;
+    }
+    get classMap() {
+        return this.renderer.classMap;
+    }
+    writeKey(key) {
+        const type = typeof key;
+        if (type === 'string') {
+            if (this.result.length > 0) {
+                this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`);
+            }
+            this.indent && this.result.push(this.indent);
+            this.result.push(`<span class="${this.classMap.key}">"${key}"</span><span class='${this.classMap.assign}'>: </span>`);
+        }
+        else if (type === 'number') {
+            if (this.result.length > 0) {
+                this.result.push(`<span class='${this.classMap.comma}'>,\n</span>`);
+            }
+            this.indent && this.result.push(this.indent);
+        }
+    }
+    pushValue(key, value) {
+        this.writeKey(key);
+        if (value === null) {
+            this.result.push(`<span class='${this.classMap.null}'>null</span>`);
+        }
+        else if (value instanceof Block) {
+            this.result.push(value.renderStart() + value.renderValue() + value.renderEnd());
+        }
+        else {
+            let valueClass;
+            const type = typeof value;
+            if (type === 'string') {
+                value = `"${value}"`;
+                value = value.replace(/&/g, "&amp;")
+                    .replace(/</g, "&lt;")
+                    .replace(/>/g, "&gt;");
+                valueClass = this.classMap.string;
+            }
+            else if (type === 'number') {
+                valueClass = this.classMap.number;
+            }
+            else if (type === 'boolean') {
+                valueClass = this.classMap.boolean;
+            }
+            this.result.push(`<span class='${valueClass}'>${value}</span>`);
+        }
+    }
+    renderValue() {
+        return this.result.join('');
+    }
+}
+class ObjectBlock extends Block {
+    constructor(renderer, parent, key, indent) {
+        super(renderer, parent, key, indent);
+    }
+    renderStart() {
+        return `<span class='${this.classMap.startObject}'>{\n</span>`;
+    }
+    renderEnd() {
+        const NL = this.result.length > 0 ? '\n' : '';
+        return `<span class='${this.classMap.endObject}'>${NL}${this.parent?.indent || ''}}</span>`;
+    }
+}
+class ArrayBlock extends Block {
+    constructor(renderer, parent, key, indent) {
+        super(renderer, parent, key, indent);
+    }
+    renderStart() {
+        return `<span class='${this.classMap.startArray}'>[\n</span>`;
+    }
+    renderEnd() {
+        const NL = this.result.length > 0 ? '\n' : '';
+        return `<span class='${this.classMap.endArray}'>${NL}${this.parent?.indent || ''}]</span>`;
+    }
+}
+class JsonRenderer {
+    classMap;
+    tab;
+    stack = [];
+    block = new ObjectBlock(this, undefined, '', '');
+    constructor(classMap = defaultClassMap, tab = '  ') {
+        this.classMap = classMap;
+        this.tab = tab;
+    }
+    onStartObject(key) {
+        const nested = new ObjectBlock(this, this.block, key, this.block.indent + this.tab);
+        this.stack.push(this.block);
+        this.block = nested;
+    }
+    onEndObject() {
+        const currentBlock = this.block;
+        this.block = this.stack.pop();
+        this.block.pushValue(currentBlock.key, currentBlock);
+    }
+    onStartIteration(key) {
+        const nested = new ArrayBlock(this, this.block, key, this.block.indent + this.tab);
+        this.stack.push(this.block);
+        this.block = nested;
+    }
+    onEndIteration() {
+        const currentBlock = this.block;
+        this.block = this.stack.pop();
+        this.block.pushValue(currentBlock.key, currentBlock);
+    }
+    onValue(key, value) {
+        this.block.pushValue(key, value);
+    }
+}
+function renderJson(json, classMap, className) {
+    const renderer = new JsonRenderer(classMap);
+    new ObjectWalker().walk(json, renderer);
+    const out = renderer.block.renderValue();
+    return _jsx("div", { className: className, dangerouslySetInnerHTML: { __html: `<div class='${renderer.classMap.code}' style='overflow-x: scroll'>${out}</div>` } });
+}
+export function JSONCode({ data, className, classMap }) {
+    const [element, setElement] = useState();
+    useEffect(() => {
+        setElement(renderJson(data, classMap, className));
+    }, [data]);
+    return element;
+}
+//# sourceMappingURL=JSONCode.js.map

package/lib/esm/widgets/json-view/JSONCode.js.map

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

package/lib/esm/widgets/json-view/JSONDisplay.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { JSONCode } from './JSONCode.js';
+import { JSONView } from './JSONView.js';
+export function JSONDisplay({ value, viewCode = false }) {
+    if (!value) {
+        return (_jsx("pre", { className: "whitespace-pre-wrap", children: "No Data to display" }));
+    }
+    return (_jsx("div", { className: 'relative w-full', children: viewCode ? _jsx(JSONCode, { data: value }) : _jsx(JSONView, { value: value }) }));
+}
+//# sourceMappingURL=JSONDisplay.js.map

package/lib/esm/widgets/json-view/JSONDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSONDisplay.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/JSONDisplay.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOzC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAoB;IAErE,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,CACH,cAAK,SAAS,EAAC,qBAAqB,mCAAyB,CAChE,CAAC;IACN,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAC,iBAAiB,YAC3B,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,GAChE,CACT,CAAA;AACL,CAAC"}

package/lib/esm/widgets/json-view/JSONView.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DotBadge } from "@vertesia/ui/core";
+import clsx from "clsx";
+import { computeTitleFromName } from "../form/ManagedObject.js";
+export function JSONView({ value }) {
+    return _jsx("div", { className: "flex flex-col gap-4", children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) });
+}
+function PropertyTitle({ name }) {
+    return (_jsx("div", { className: 'text-md font-semibold', children: computeTitleFromName(name) }));
+}
+function BlockElement({ children, className }) {
+    return (_jsx("div", { className: clsx('flex flex-col gap-4 py-2 pl-4 border-l-4 border-l-solid border-l-slate-100 dark:border-l-slate-600', className), children: children }));
+}
+function PropertyElement({ name, value }) {
+    const info = getValueInfo(value);
+    switch (info.type) {
+        case ValueType.Inline:
+            return (_jsxs("div", { className: 'w-full flex gap-2', children: [_jsx(PropertyTitle, { name: name + ':' }), _jsx("p", { children: info.value })] }));
+        case ValueType.Paragraph:
+            return (_jsxs("div", { children: [_jsx(PropertyTitle, { name: name }), _jsx("p", { children: info.value })] }));
+        case ValueType.Prose:
+            return (_jsxs("div", { className: "prose dark:prose-invert", children: [_jsx(PropertyTitle, { name: name }), _jsx("div", { className: 'vprose dark:prose-invert', children: info.value })] }));
+        case ValueType.Array:
+            return (_jsx(ArrayProperty, { name: name, value: value }));
+        case ValueType.Object:
+            return (_jsxs("div", { children: [_jsx(PropertyTitle, { name: name }), _jsx(BlockElement, { className: 'mt-2', children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) })] }));
+    }
+}
+function ArrayProperty({ name, value }) {
+    const inlineLength = value.join(' ').length;
+    const itemMediumLength = inlineLength / value.length;
+    const isInline = (typeof value[0] === 'string') && (inlineLength < 80 || inlineLength < 400 && itemMediumLength < 32);
+    const useBullet = value.length > 9;
+    return isInline ? (_jsxs("div", { className: 'flex gap-2 flex-wrap', children: [name && _jsx(PropertyTitle, { name: name + ':' }), value.map((item, index) => _jsx(DotBadge, { children: String(item) }, index))] })) : (_jsxs("div", { children: [name && _jsx(PropertyTitle, { name: name }), _jsx("div", { className: 'flex flex-col gap-2', children: value.map((value, index) => _jsx(ItemProperty, { index: index, value: value, useBullet: useBullet }, index)) })] }));
+}
+function ItemProperty({ index, value, useBullet }) {
+    const bullet = useBullet ? _jsx("span", { className: 'text-xl', children: "\u2022" }) : _jsxs("span", { children: [index + 1, "."] });
+    const info = getValueInfo(value);
+    let content;
+    switch (info.type) {
+        case ValueType.Object:
+            content = _jsx(BlockElement, { children: Object.entries(value).map(([key, value]) => _jsx(PropertyElement, { name: key, value: value }, key)) });
+            break;
+        case ValueType.Array:
+            content = _jsx(ArrayProperty, { value: value });
+            break;
+        case ValueType.Prose:
+            content = _jsx("div", { className: "prose dark:prose-invert", children: info.value });
+            break;
+        default:
+            content = _jsx("div", { children: info.value });
+            break;
+    }
+    return (_jsxs("div", { className: 'flex gap-4 hover:bg-slate-50 dark:hover:bg-slate-800 py-2 pr-2 pl-4', children: [_jsx("div", { className: 'font-semibold text-gray-600 dark:text-gray-400', children: bullet }), _jsx("div", { children: content })] }));
+}
+var ValueType;
+(function (ValueType) {
+    ValueType[ValueType["Inline"] = 0] = "Inline";
+    ValueType[ValueType["Paragraph"] = 1] = "Paragraph";
+    ValueType[ValueType["Prose"] = 2] = "Prose";
+    ValueType[ValueType["Array"] = 3] = "Array";
+    ValueType[ValueType["Object"] = 4] = "Object";
+})(ValueType || (ValueType = {}));
+function getValueInfo(value) {
+    if (value == null) {
+        return {
+            value: '-',
+            type: ValueType.Inline
+        };
+    }
+    if (Array.isArray(value)) {
+        return {
+            value,
+            type: ValueType.Array
+        };
+    }
+    const type = typeof value;
+    if (type === 'string') {
+        const len = value.length;
+        let type;
+        if (len < 80) {
+            type = ValueType.Inline;
+        }
+        else if (len > 400) {
+            type = ValueType.Prose;
+        }
+        else {
+            type = ValueType.Paragraph;
+            value = value.replace(/(?:\n\n)+/g, '\n\n');
+        }
+        return { type, value };
+    }
+    else if (type === 'number' || type === 'boolean') {
+        return {
+            value: String(value),
+            type: ValueType.Inline
+        };
+    }
+    else {
+        return {
+            value,
+            type: ValueType.Object
+        };
+    }
+}
+//# sourceMappingURL=JSONView.js.map

package/lib/esm/widgets/json-view/JSONView.js.map

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

package/lib/esm/widgets/json-view/index.js

@@ -0,0 +1,4 @@
+export * from "./JSONCode.js";
+export * from "./JSONDisplay.js";
+export * from "./JSONView.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/widgets/json-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/lib/esm/widgets/json-view/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/widgets/json-view/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/json-view/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { json } from "@codemirror/lang-json";
+import { CodeMirrorEditor } from "../codemirror";
+import { Button, VModal, VModalBody, VModalFooter, VModalTitle } from "@vertesia/ui/core";
+import { useToast } from "@vertesia/ui/core";
+import { basicSetup } from "codemirror";
+import { useMemo, useRef } from "react";
+import { JSONCode } from '../json-view';
+function contentToJSON(content) {
+    if (!content)
+        return undefined;
+    content = content.trim();
+    if (!content)
+        return undefined;
+    return JSON.parse(content);
+}
+function jsonToContent(json) {
+    if (!json)
+        return '';
+    return JSON.stringify(json, null, 2);
+}
+const extensions = [basicSetup, json()];
+export function JSONSchemaEditorModal({ schema, isOpen, onClose, readonly = false }) {
+    const editorRef = useRef(undefined);
+    const toast = useToast();
+    const value = useMemo(() => {
+        return jsonToContent(schema.schema);
+    }, [schema]);
+    const onSaveChanges = () => {
+        if (editorRef.current) {
+            const value = editorRef.current.getValue();
+            try {
+                const newSchema = contentToJSON(value);
+                schema.replaceSchema(newSchema);
+                onClose();
+            }
+            catch (err) {
+                toast({
+                    status: 'error',
+                    title: 'Invalid JSON Schema',
+                    description: err.message,
+                    duration: 5000
+                });
+            }
+        }
+    };
+    return (_jsxs(VModal, { onClose: onClose, isOpen: !!isOpen, className: 'min-w-[60vw]', children: [_jsx(VModalTitle, { children: "JSON Schema Editor" }), _jsx(VModalBody, { children: !readonly ? _jsx(CodeMirrorEditor, { value: value, extensions: extensions, editorRef: editorRef })
+                    : _jsx(JSONCode, { data: schema.schema || {} }) }), _jsx(VModalFooter, { children: !readonly ? _jsx(Button, { onClick: onSaveChanges, children: "Save changes" }) : null })] }));
+}
+//# sourceMappingURL=JSONSchemaEditorModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JSONSchemaEditorModal.js","sourceRoot":"","sources":["../../../../src/widgets/schema-editor/JSONSchemaEditorModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAa,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,SAAS,aAAa,CAAC,OAAkC;IACrD,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IACzB,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAC/B,CAAC;AAED,SAAS,aAAa,CAAC,IAA4B;IAC/C,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAA;AAQvC,MAAM,UAAU,qBAAqB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAA8B;IAC3G,MAAM,SAAS,GAAG,MAAM,CAAwB,SAAS,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YAC3C,IAAI,CAAC;gBACD,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;gBAChC,OAAO,EAAE,CAAC;YACd,CAAC;YAAC,OAAO,GAAQ,EAAE,CAAC;gBAChB,KAAK,CAAC;oBACF,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,qBAAqB;oBAC5B,WAAW,EAAE,GAAG,CAAC,OAAO;oBACxB,QAAQ,EAAE,IAAI;iBACjB,CAAC,CAAA;YACN,CAAC;QACL,CAAC;IACL,CAAC,CAAA;IAED,OAAO,CACH,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,SAAS,EAAC,cAAc,aAChE,KAAC,WAAW,qCAAiC,EAC7C,KAAC,UAAU,cACN,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI;oBACzF,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE,GAAI,GACpC,EACb,KAAC,YAAY,cACR,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,OAAO,EAAE,aAAa,6BAAuB,CAAC,CAAC,CAAC,IAAI,GAC9D,IACV,CACZ,CAAA;AACL,CAAC"}