@luomus/laji-form-builder 1.0.28

package/lib/client/components/Editor/FieldEditor.js

@@ -0,0 +1,125 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const utils_2 = require("../../utils");
+const Builder_1 = require("../Builder");
+const components_1 = require("../components");
+const Context_1 = require("../Context");
+const Editor_1 = require("./Editor");
+const memoizee_1 = __importDefault(require("memoizee"));
+const Fields_1 = __importDefault(require("./Fields"));
+const UiSchemaEditor_1 = __importDefault(require("./UiSchemaEditor"));
+const BasicEditor_1 = __importDefault(require("./BasicEditor"));
+const tabs = { basic: "editor.tab.fields.basic", uiSchema: "editor.tab.fields.uiSchema" };
+class FieldEditor extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            tab: "basic"
+        };
+        this.fieldsRef = React.createRef();
+        this.nmspc = utils_2.nmspc("field-editor");
+        this.onTabChange = (tab) => {
+            this.setState({ tab });
+        };
+        this.getSelected = () => this.getFieldPath(this.props.selectedField || "");
+        this.getFields = memoizee_1.default((master) => ([{
+                name: utils_1.getPropertyContextName(master.context),
+                fields: master.fields
+            }]));
+        this.getFieldPath = (path) => {
+            const globalSlashRegexp = /\//g;
+            const firstSlashSeparatedPathPart = /\/[^/]*/;
+            const slashMatch = path.match(globalSlashRegexp);
+            const isRootField = slashMatch && slashMatch.length === 1;
+            return isRootField ? "/" : path.replace(firstSlashSeparatedPathPart, "");
+        };
+        this.onFieldDeleted = (field) => {
+            this.props.onChange([{ type: "field", op: "delete", selected: this.getFieldPath(field) }]);
+        };
+        this.onFieldAdded = (field, property) => {
+            this.props.onChange([{ type: "field", op: "add", selected: this.getFieldPath(field), value: property }]);
+        };
+        this.onEditorChange = (events) => {
+            events = (events instanceof Array ? events : [events]).map(event => {
+                return Object.assign(Object.assign({}, event), { selected: this.getSelected() });
+            });
+            this.props.onChange(events);
+        };
+    }
+    render() {
+        const { expandedMaster, schemaFormat } = this.props;
+        const active = this.state.tab;
+        const fieldEditorContentStyle = {
+            width: "100%",
+            height: "100%"
+        };
+        const fieldsStyle = {
+            display: "flex",
+            flexDirection: "column",
+            height: utils_2.fullHeightWithOffset(25 + (this.props.topOffset || 0)),
+            overflowY: "auto"
+        };
+        const editorProps = Object.assign(Object.assign({ selected: this.props.selectedField, contentValid: Builder_1.isValid(schemaFormat), active }, this.getFieldEditorChildProps(expandedMaster, schemaFormat)), { className: Editor_1.editorContentNmspc("ui"), topOffset: this.props.topOffset });
+        return React.createElement(React.Fragment, null,
+            React.createElement(components_1.ErrorBoundary, null,
+                React.createElement(components_1.DraggableWidth, { style: fieldsStyle, className: utils_2.gnmspc("editor-nav-bar"), ref: this.fieldsRef },
+                    React.createElement(Fields_1.default, { className: utils_2.gnmspc("field-chooser"), fields: this.getFields(expandedMaster), onSelected: this.props.onSelectedField, onDeleted: this.onFieldDeleted, onAdded: this.onFieldAdded, selected: this.props.selectedField, pointer: "", expanded: true, fieldsContainerElem: this.fieldsRef.current, context: expandedMaster.context })),
+                this.props.selectedField
+                    && editorProps.field
+                    && React.createElement("div", { style: { display: "flex", flexDirection: "column", width: "100%" } },
+                        React.createElement(Editor_1.TabChooser, { tabs: tabs, active: this.state.tab, onChange: this.onTabChange, className: this.nmspc("toolbar") }),
+                        React.createElement("div", { style: fieldEditorContentStyle, className: this.nmspc("content") }, active === "uiSchema" && React.createElement(UiSchemaEditor_1.default, Object.assign({}, editorProps))
+                            || active === "basic" && React.createElement(BasicEditor_1.default, Object.assign({}, editorProps))
+                            || null))));
+    }
+    getFieldEditorChildProps(expandedMaster, schemaFormat) {
+        var _a;
+        const { editorLang } = this.context;
+        const selected = this.getSelected();
+        const findField = (_field, path) => {
+            const [next, ...rest] = path.split("/").filter(s => s);
+            if (next === undefined) {
+                return _field;
+            }
+            const child = _field.fields
+                .find(_child => _child.name === next);
+            return findField(child, rest.join("/"));
+        };
+        return {
+            schema: utils_1.parseJSONPointer(schemaFormat.schema, utils_2.fieldPointerToSchemaPointer(schemaFormat.schema, selected)),
+            uiSchema: utils_1.parseJSONPointer(expandedMaster.uiSchema, utils_2.fieldPointerToUiSchemaPointer(schemaFormat.schema, selected), !!"safely"),
+            field: findField(this.getFields(expandedMaster)[0], selected),
+            translations: ((_a = expandedMaster.translations) === null || _a === void 0 ? void 0 : _a[editorLang]) || {},
+            path: selected,
+            onChange: this.onEditorChange,
+            context: expandedMaster.context,
+        };
+    }
+}
+exports.default = FieldEditor;
+FieldEditor.contextType = Context_1.Context;
+//# sourceMappingURL=FieldEditor.js.map

package/lib/client/components/Editor/FieldEditor.js.map

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

package/lib/client/components/Editor/Fields.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { Property, Field as FieldOptions } from "../../../model";
+import { Stylable, Classable } from "../components";
+declare type OnSelectedCB = (field: string) => void;
+declare const Fields: React.NamedExoticComponent<{
+    fields: FieldProps[];
+    onSelected: OnSelectedCB;
+    onDeleted: OnSelectedCB;
+    onAdded: (field: string, property: Property) => void;
+    selected?: string | undefined;
+    pointer: string;
+    expanded?: boolean | undefined;
+    fieldsContainerElem: HTMLDivElement | null;
+    context?: string | undefined;
+} & Stylable & Classable>;
+export default Fields;
+interface FieldProps extends FieldOptions {
+    pointer: string;
+    selected?: string;
+    onSelected: OnSelectedCB;
+    onDeleted: OnSelectedCB;
+    onAdded: (field: string, property: Property) => void;
+    fields?: FieldProps[];
+    expanded?: boolean;
+    fieldsContainerElem: HTMLDivElement | null;
+    context?: string;
+}

package/lib/client/components/Editor/Fields.js

@@ -0,0 +1,185 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const utils_2 = require("../../utils");
+const components_1 = require("../components");
+const Context_1 = require("../Context");
+const LajiForm_1 = __importDefault(require("../LajiForm"));
+const Fields = React.memo(function Fields({ fields = [], onSelected, onDeleted, onAdded, selected, pointer, style = {}, className, expanded, fieldsContainerElem, context }) {
+    return (React.createElement("div", { style: Object.assign(Object.assign({}, style), { display: "flex", flexDirection: "column" }), className: className }, fields.map((f) => (React.createElement(Field, Object.assign({ key: f.name }, f, { onSelected: onSelected, onDeleted: onDeleted, onAdded: onAdded, selected: selected, pointer: `${pointer}/${f.name}`, expanded: expanded, fieldsContainerElem: fieldsContainerElem, context: context }))))));
+});
+exports.default = Fields;
+class Field extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            expanded: this.props.expanded || Field.isSelected(this.props.selected, this.props.pointer) || false,
+            addOpen: false
+        };
+        this.fieldRef = React.createRef();
+        this.nmspc = utils_2.nmspc("field");
+        this.toggleExpand = (e) => {
+            e.stopPropagation();
+            this.setState({ expanded: !this.state.expanded });
+        };
+        this.onThisSelected = () => {
+            this.props.onSelected(this.props.pointer);
+        };
+        this.onChildSelected = (pointer) => {
+            this.props.onSelected(pointer);
+        };
+        this.onThisDeleted = () => {
+            this.props.onDeleted(this.props.pointer);
+        };
+        this.onChildDeleted = (pointer) => {
+            this.props.onDeleted(pointer);
+        };
+        this.onOpenAdd = () => {
+            this.setState({ addOpen: true });
+        };
+        this.onCloseAdd = () => {
+            this.setState({ addOpen: false });
+        };
+        this.renderAdder = () => {
+            if (!this.state.properties) {
+                return null;
+            }
+            const existing = utils_1.dictionarify(this.props.fields || [], (field) => field.name);
+            const [enums, enumNames] = this.state.properties
+                .filter(p => !existing[utils_1.unprefixProp(p.property)])
+                .reduce(([_enums, _enumNames], prop) => {
+                _enums.push(prop.property);
+                _enumNames.push(`${prop.property} (${prop.label[this.context.lang]})`);
+                return [_enums, _enumNames];
+            }, [[], []]);
+            if (enums.length === 0) {
+                return null;
+            }
+            const schema = utils_1.JSONSchemaBuilder.enu({ enum: enums, enumNames }, { title: this.context.translations["addProperty"] });
+            return (React.createElement(LajiForm_1.default, { schema: schema, onChange: this.onAddProperty, autoFocus: true }));
+        };
+        this.onAddProperty = (property) => {
+            if (!property) {
+                return;
+            }
+            const propertyModel = this.state.properties
+                .find(childProp => childProp.property === property);
+            if (propertyModel) {
+                this.props.onAdded(this.props.pointer, propertyModel);
+                this.onCloseAdd();
+            }
+        };
+    }
+    static getDerivedStateFromProps(nextProps, prevState) {
+        if (nextProps.selected !== prevState.prevSelected
+            && !Field.isChildSelected(prevState.prevSelected, nextProps.pointer)
+            && Field.isChildSelected(nextProps.selected, nextProps.pointer)) {
+            return { expanded: true };
+        }
+        return {};
+    }
+    componentDidUpdate(prevProps) {
+        this.scrollToIfNeeded(prevProps);
+    }
+    componentDidMount() {
+        this.scrollToIfNeeded();
+        this.propertyContextAbortController = new AbortController();
+        this.getProperties(this.props.pointer, this.propertyContextAbortController.signal).then(properties => this.setState({ properties: properties.length ? properties : false }));
+    }
+    scrollToIfNeeded(prevProps) {
+        if ((!prevProps || !Field.isSelected(prevProps.selected, prevProps.pointer))
+            && Field.isSelected(this.props.selected, this.props.pointer)
+            && this.fieldRef.current && this.props.fieldsContainerElem) {
+            utils_2.scrollIntoViewIfNeeded(this.fieldRef.current, 0, 0, this.props.fieldsContainerElem);
+        }
+    }
+    static isSelected(selected, pointer) {
+        return selected === pointer;
+    }
+    static isChildSelected(selected = "", pointer) {
+        return selected.startsWith(pointer);
+    }
+    getProperties(path, signal) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const getPropertyFromSubPathAndProp = (path, property) => __awaiter(this, void 0, void 0, function* () {
+                const splitted = path.substr(1).split("/");
+                const [cur, ...rest] = splitted;
+                if (splitted.length === 1) {
+                    return property;
+                }
+                const properties = property.isEmbeddable
+                    ? yield this.context.metadataService.getPropertiesForEmbeddedProperty(property.range[0], undefined, signal)
+                    : [];
+                const nextProperty = properties === null || properties === void 0 ? void 0 : properties.find(p => utils_1.unprefixProp(p.property) === rest[0]);
+                if (!nextProperty) {
+                    throw new Error("Couldn't find property " + cur);
+                }
+                return getPropertyFromSubPathAndProp("/" + rest.join("/"), nextProperty);
+            });
+            const property = yield getPropertyFromSubPathAndProp(`${path.length === 1 ? "" : path}`, utils_1.getRootProperty(utils_1.getRootField({ context: this.props.context })));
+            if (property.isEmbeddable) {
+                return yield this.context.metadataService.getPropertiesForEmbeddedProperty(property.range[0]);
+            }
+            else {
+                return [];
+            }
+        });
+    }
+    render() {
+        var _a;
+        const { name, fields = [], selected, pointer } = this.props;
+        const expandClassName = this.nmspc(fields.length
+            ? this.state.expanded
+                ? "expanded"
+                : "contracted"
+            : "nonexpandable");
+        const isSelected = Field.isSelected(this.props.selected, this.props.pointer);
+        const containerClassName = utils_2.classNames(this.nmspc("item"), this.nmspc(pointer.substr(1).replace(/\//g, "-")), isSelected && this.nmspc("item-selected"));
+        return (React.createElement("div", { className: utils_2.classNames(this.nmspc(), isSelected && this.nmspc("selected")), ref: this.fieldRef },
+            React.createElement(components_1.Clickable, { className: containerClassName, onClick: this.onThisSelected },
+                React.createElement(components_1.Clickable, { className: expandClassName, onClick: fields.length ? this.toggleExpand : undefined, key: "expand" }),
+                React.createElement(components_1.Clickable, { className: this.nmspc("label") }, name),
+                this.state.properties === false
+                    ? null
+                    : ((_a = this.state.properties) === null || _a === void 0 ? void 0 : _a.length)
+                        ? React.createElement(components_1.Clickable, { className: this.nmspc("add"), onClick: this.onOpenAdd })
+                        : React.createElement(components_1.Spinner, { color: "white", size: 15 }),
+                React.createElement(components_1.Clickable, { className: this.nmspc("delete"), onClick: this.onThisDeleted })),
+            this.state.expanded && (React.createElement(Fields, { fields: fields, onSelected: this.onChildSelected, onDeleted: this.onChildDeleted, onAdded: this.props.onAdded, selected: selected, pointer: pointer, fieldsContainerElem: this.props.fieldsContainerElem, context: this.props.context })),
+            this.state.addOpen && (React.createElement(components_1.GenericModal, { onHide: this.onCloseAdd }, this.renderAdder()))));
+    }
+}
+Field.contextType = Context_1.Context;
+//# sourceMappingURL=Fields.js.map

package/lib/client/components/Editor/Fields.js.map

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

package/lib/client/components/Editor/OptionsEditor.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Stylable } from "../components";
+import { OptionChangeEvent, TranslationsChangeEvent } from "../../services/change-handler-service";
+import { Property, Master, Lang, JSONObject } from "../../../model";
+import MetadataService from "../../../services/metadata-service";
+export declare const mapRangeToUiSchema: (property: Property, metadataService: MetadataService, lang: Lang) => Promise<JSONObject>;
+export declare const mapPropertyToUiSchema: (property: Property, metadataService: MetadataService, lang: Lang) => Promise<JSONObject>;
+declare type FormOptionEvent = OptionChangeEvent | TranslationsChangeEvent;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Stylable & {
+    master: Master;
+    translations: {
+        [key: string]: string;
+    };
+    onChange: (events: FormOptionEvent | FormOptionEvent[]) => void;
+    onLoaded?: (() => void) | undefined;
+    filter?: string[] | undefined;
+    clearFilters: () => void;
+    topOffset?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>>;
+export default _default;

package/lib/client/components/Editor/OptionsEditor.js

@@ -0,0 +1,207 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapPropertyToUiSchema = exports.mapRangeToUiSchema = void 0;
+const React = __importStar(require("react"));
+const LajiForm_1 = __importDefault(require("../LajiForm"));
+const Context_1 = require("../Context");
+const components_1 = require("../components");
+const model_1 = require("../../../model");
+const utils_1 = require("../../../utils");
+const utils_2 = require("../../utils");
+const utils_3 = require("@luomus/laji-form/lib/utils");
+const UiSchemaEditor_1 = require("./UiSchemaEditor");
+const Editor_1 = require("./Editor");
+const mapRangeToUiSchema = (property, metadataService, lang) => __awaiter(void 0, void 0, void 0, function* () {
+    const range = property.range[0];
+    if (range === "MY.document" || range === model_1.PropertyRange.keyValue) {
+        return { "ui:field": "TextareaEditorField" };
+    }
+    if (property.isEmbeddable) {
+        const properties = yield metadataService.getPropertiesForEmbeddedProperty(range);
+        const propertiesUiSchemas = yield Promise.all(properties.map(p => exports.mapPropertyToUiSchema(p, metadataService, lang)));
+        return propertiesUiSchemas.reduce((ps, p, i) => (Object.assign(Object.assign({}, ps), { [utils_1.unprefixProp(properties[i].property)]: p })), {});
+    }
+    return {};
+});
+exports.mapRangeToUiSchema = mapRangeToUiSchema;
+const mapComment = (comment, uiSchema) => (Object.assign(Object.assign({}, uiSchema), { "ui:help": comment }));
+const mapPropertyToUiSchema = (property, metadataService, lang) => __awaiter(void 0, void 0, void 0, function* () { return mapComment(utils_1.multiLang(property.comment, lang), yield exports.mapRangeToUiSchema(property, metadataService, lang)); });
+exports.mapPropertyToUiSchema = mapPropertyToUiSchema;
+const formProperty = {
+    range: ["MHL.form"],
+    property: "MHL.form",
+    isEmbeddable: true,
+    label: {},
+    maxOccurs: "1",
+    minOccurs: "1",
+    multiLanguage: false,
+    shortName: "form",
+    required: false,
+    domain: []
+};
+const prepareSchema = (schema) => {
+    delete schema.properties.fields;
+    delete schema.properties.uiSchema;
+    delete schema.properties.translations;
+    return schema;
+};
+const prepareUiSchema = (schema, uiSchema, formData, filter, displayOnlyUsed = false) => {
+    uiSchema["ui:order"] = [
+        "name",
+        "title",
+        "description",
+        "shortDescription",
+        "baseFormID",
+        "fieldsFormID",
+        "collectionID",
+        "category",
+        "logo",
+        "options",
+        "*"
+    ];
+    const doFilter = (schema, uiSchema, formData, filter) => {
+        if (!filter && !displayOnlyUsed) {
+            return;
+        }
+        const properties = model_1.isJSONSchemaObject(schema) ? schema.properties : undefined;
+        properties && Object.keys(properties).forEach((prop) => {
+            if ((filter && !filter[prop]) || (displayOnlyUsed && utils_3.isDefaultData(formData === null || formData === void 0 ? void 0 : formData[prop], properties[prop]))) {
+                uiSchema[prop] = { "ui:field": "HiddenField" };
+            }
+            if (!uiSchema[prop]) {
+                uiSchema[prop] = {};
+            }
+            doFilter(properties[prop], uiSchema[prop], formData === null || formData === void 0 ? void 0 : formData[prop], filter === null || filter === void 0 ? void 0 : filter[prop]);
+        });
+    };
+    const filterTree = filter === null || filter === void 0 ? void 0 : filter.reduce((tree, f) => {
+        const splits = f.split("/").filter(s => s);
+        let treePointer = tree;
+        splits.forEach((s, i) => {
+            if (i === splits.length - 1) {
+                treePointer[s] = true;
+            }
+            else {
+                if (!treePointer[s]) {
+                    treePointer[s] = {};
+                }
+                treePointer = treePointer[s];
+            }
+        });
+        return tree;
+    }, {});
+    doFilter(schema, uiSchema, formData, filterTree);
+    return uiSchema;
+};
+const prepareMaster = (master) => {
+    const { fields, uiSchema, translations, id, "@context": storeContext, "@type": storeType } = master, _master = __rest(master, ["fields", "uiSchema", "translations", "id", "@context", "@type"]);
+    return _master;
+};
+exports.default = React.memo(React.forwardRef(function OptionsEditor({ master, onChange, translations, onLoaded, filter, clearFilters, topOffset = 0 }, ref) {
+    const context = React.useContext(Context_1.Context);
+    const { metadataService, translations: appTranslations, editorLang } = context;
+    const [schema, setModelSchema] = React.useState();
+    const [uiSchema, setModelUiSchema] = React.useState();
+    const [displayOnlyUsed, setDisplayOnlyUsed] = React.useState(false);
+    const toggleSetDisplayOnlyUsed = React.useCallback(() => setDisplayOnlyUsed(!displayOnlyUsed), [displayOnlyUsed, setDisplayOnlyUsed]);
+    const _master = React.useMemo(() => prepareMaster(master), [master]);
+    const formData = React.useMemo(() => utils_1.translate(_master, translations), [_master, translations]);
+    React.useEffect(() => {
+        (() => __awaiter(this, void 0, void 0, function* () {
+            const schema = yield metadataService.getJSONSchemaFromProperty(formProperty);
+            setModelSchema(prepareSchema(schema));
+            setModelUiSchema(prepareUiSchema(schema, yield exports.mapPropertyToUiSchema(formProperty, metadataService, editorLang), formData, filter, displayOnlyUsed));
+        }))();
+    }, [metadataService, filter, editorLang, displayOnlyUsed, formData]);
+    const onLajiFormChange = React.useCallback((viewFormData) => {
+        const changedPaths = utils_2.detectChangePaths(viewFormData, formData);
+        let newFormData = _master;
+        const events = [];
+        changedPaths.forEach(changedPath => {
+            const currentValue = utils_1.parseJSONPointer(newFormData, changedPath);
+            const newValue = utils_1.parseJSONPointer(viewFormData, changedPath);
+            if (typeof currentValue === "string" || typeof newValue === "string") {
+                newFormData = utils_2.handleTranslationChange(newFormData, events, "", changedPath, context, currentValue, newValue);
+                events.push({ type: "options", value: utils_1.parseJSONPointer(newFormData, changedPath), path: changedPath });
+            }
+            else {
+                newFormData = utils_3.updateSafelyWithJSONPointer(newFormData, newValue, changedPath);
+                events.push({ type: "options", value: newValue, path: changedPath });
+            }
+        });
+        onChange(events);
+    }, [formData, onChange, _master, context]);
+    let props = React.useMemo(() => ({
+        schema,
+        uiSchema,
+        formData,
+        onChange: onLajiFormChange,
+        fields: { TextareaEditorField: UiSchemaEditor_1.TextareaEditorField },
+    }), [schema, uiSchema, formData, onLajiFormChange]);
+    React.useEffect(() => {
+        if (schema && onLoaded) {
+            onLoaded();
+        }
+    }, [schema, onLoaded]);
+    const content = React.useCallback(() => {
+        const _content = !schema
+            ? React.createElement(components_1.Spinner, null)
+            : (React.createElement("div", { style: { height: "100%", overflow: "auto" }, className: Editor_1.editorContentNmspc("ui") },
+                React.createElement(LajiForm_1.default, Object.assign({}, props))));
+        return React.createElement(React.Fragment, null,
+            React.createElement(Editor_1.EditorToolbar, null,
+                React.createElement(components_1.Button, { onClick: toggleSetDisplayOnlyUsed, active: displayOnlyUsed, small: true }, appTranslations["editor.options.displayOnlyUsed"]),
+                (filter === null || filter === void 0 ? void 0 : filter.length) && React.createElement(components_1.Button, { small: true, variant: "danger", onClick: clearFilters }, appTranslations["editor.options.clear"])),
+            _content);
+    }, [schema, props, toggleSetDisplayOnlyUsed, displayOnlyUsed, appTranslations, filter === null || filter === void 0 ? void 0 : filter.length, clearFilters]);
+    const getJSON = React.useCallback(() => formData, [formData]);
+    const [activeTab, setActiveTab] = React.useState("JSON");
+    React.useEffect(() => {
+        (filter === null || filter === void 0 ? void 0 : filter.length) && setActiveTab("UI");
+    }, [filter]);
+    return (React.createElement("div", { className: utils_2.gnmspc("options-editor"), ref: ref, style: { width: "100%" } },
+        React.createElement(Editor_1.GenericEditorContent, { json: getJSON(), onJSONChange: onLajiFormChange, validator: model_1.isJSONObject, renderUI: content, activeTab: activeTab, onTabChange: setActiveTab, overflowUIContent: false, topOffset: (activeTab === "JSON" ? 46 : 73) + topOffset })));
+}));
+//# sourceMappingURL=OptionsEditor.js.map

package/lib/client/components/Editor/OptionsEditor.js.map

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

package/lib/client/components/Editor/UiSchemaEditor.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import memoize from "memoizee";
+import { Context } from "../Context";
+import { FieldProps } from "@luomus/laji-form/lib/components/LajiForm";
+import { JSONObject, JSONSchema } from "../../../model";
+import { GenericFieldEditorProps } from "./FieldEditor";
+export default class UiSchemaEditor extends React.PureComponent<GenericFieldEditorProps> {
+    static contextType: React.Context<import("../Context").ContextProps>;
+    context: React.ContextType<typeof Context>;
+    constructor(props: GenericFieldEditorProps);
+    getEditorSchema: ((uiSchema: JSONObject | undefined, schema: JSONSchema<import("../../../model").JSONSchemaEnumOneOf>, prefix?: string | undefined) => any) & memoize.Memoized<(uiSchema: JSONObject | undefined, schema: JSONSchema<import("../../../model").JSONSchemaEnumOneOf>, prefix?: string | undefined) => any>;
+    getEditorUiSchema: ((uiSchema: JSONObject | undefined, schemaForUiSchema: JSONSchema) => any) & memoize.Memoized<(uiSchema: JSONObject | undefined, schemaForUiSchema: JSONSchema) => any>;
+    normalizeUiSchema<T extends JSONObject | undefined>(uiSchema: T, prefix?: string): T;
+    render(): JSX.Element;
+    renderUI(): JSX.Element | null;
+    getJSONEditorFormData(): JSONObject | undefined;
+    onUiSchemaChange(eventUiSchema: JSONObject | undefined, oldUiSchema: JSONObject | undefined): void;
+    onEditorLajiFormChange: (eventUiSchema: JSONObject) => void;
+    onJSONEditorChange(uiSchema: JSONObject | undefined): void;
+}
+export declare const TextareaEditorField: (props: FieldProps) => JSX.Element;
+export declare const EditorLajiForm: (props: any) => JSX.Element;