@journeyapps-labs/reactor-mod-data-browser 2.1.0 → 2.3.0

package/dist/forms/SchemaModelForm.js

@@ -1,87 +1,166 @@
-import { BooleanInput, DateInput, DateTimePickerType, FileInput, FormModel, ImageInput, SelectInput, TextInput } from '@journeyapps-labs/reactor-mod';
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { EntityInput, FormModel, inject } from '@journeyapps-labs/reactor-mod';
 import * as _ from 'lodash';
-import { AttachmentType, BooleanType, DatetimeType, DateType, LocationType, MultipleChoiceType, PhotoType, SignatureType, SingleChoiceIntegerType, SingleChoiceType, TextType } from '@journeyapps/db';
-import { LocationInput } from './inputs/LocationInput';
-export class SchemaModelForm extends FormModel {
-    constructor(options) {
-        super();
-        this.options = options;
-        _.map(options.definition.definition.attributes, (attribute) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            if (attribute.type instanceof DatetimeType) {
-                return new DateInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: ((_a = options.object) === null || _a === void 0 ? void 0 : _a.model[attribute.name]) || null,
-                    type: DateTimePickerType.DATETIME
+import { DataBrowserEntities } from '../entities';
+import { DirtyWrapperInput } from './inputs/DirtyWrapperInput';
+import { TypeEngine } from './TypeEngine';
+import { autorun } from 'mobx';
+let Binding = (() => {
+    var _a, _Binding_typeEngine_accessor_storage;
+    let _typeEngine_decorators;
+    let _typeEngine_initializers = [];
+    let _typeEngine_extraInitializers = [];
+    return _a = class Binding {
+            get typeEngine() { return __classPrivateFieldGet(this, _Binding_typeEngine_accessor_storage, "f"); }
+            set typeEngine(value) { __classPrivateFieldSet(this, _Binding_typeEngine_accessor_storage, value, "f"); }
+            constructor(options) {
+                this.options = options;
+                _Binding_typeEngine_accessor_storage.set(this, __runInitializers(this, _typeEngine_initializers, void 0));
+                this.setting_value_via_autorun = __runInitializers(this, _typeEngine_extraInitializers);
+                const { input, model, name } = options;
+                this.setting_value_via_autorun = false;
+                this.listener2 = input.registerListener({
+                    valueChanged: async () => {
+                        if (this.setting_value_via_autorun) {
+                            return;
+                        }
+                        model.set(input.name, await this.encode(input.value));
+                    }
                 });
-            }
-            if (attribute.type instanceof DateType) {
-                return new DateInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: ((_b = options.object) === null || _b === void 0 ? void 0 : _b.model[attribute.name]) || null,
-                    type: DateTimePickerType.DATE
+                this.listener1 = autorun(async () => {
+                    let value = model.patch.get(name);
+                    if (value == null) {
+                        value = await options.resolve();
+                    }
+                    this.setting_value_via_autorun = true;
+                    if (value == null) {
+                        input.setValue(null);
+                    }
+                    else {
+                        let decoded = await this.decode(value);
+                        input.setValue(decoded);
+                    }
+                    this.setting_value_via_autorun = false;
                 });
             }
-            if (attribute.type instanceof SignatureType || attribute.type instanceof PhotoType) {
-                let media = new ImageInput({
-                    name: attribute.name,
-                    label: attribute.label
-                });
-                if (options.object) {
-                    options.object.getMedia(attribute.name).then((m) => {
-                        media.setValue(m);
-                    });
-                }
-                return media;
+            async encode(value) {
+                return value;
             }
-            if (attribute.type instanceof AttachmentType) {
-                return new FileInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: ((_c = options.object) === null || _c === void 0 ? void 0 : _c.model[attribute.name]) || null
-                });
+            async decode(value) {
+                return value;
             }
-            if (attribute.type instanceof BooleanType) {
-                return new BooleanInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: (_d = options.object) === null || _d === void 0 ? void 0 : _d.model[attribute.name]
-                });
+            get input() {
+                return this.options.input;
             }
-            if (attribute.type instanceof LocationType) {
-                return new LocationInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: (_e = options.object) === null || _e === void 0 ? void 0 : _e.model[attribute.name]
-                });
+            dispose() {
+                this.listener1();
+                this.listener2();
             }
-            if (attribute.type instanceof SingleChoiceIntegerType || attribute.type instanceof SingleChoiceType) {
-                return new SelectInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: (_f = options.object) === null || _f === void 0 ? void 0 : _f.model[attribute.name],
-                    options: _.mapValues(attribute.type.options, (option) => {
-                        return `${option.value}`;
-                    })
+        },
+        _Binding_typeEngine_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _typeEngine_decorators = [inject(TypeEngine)];
+            __esDecorate(_a, null, _typeEngine_decorators, { kind: "accessor", name: "typeEngine", static: false, private: false, access: { has: obj => "typeEngine" in obj, get: obj => obj.typeEngine, set: (obj, value) => { obj.typeEngine = value; } }, metadata: _metadata }, _typeEngine_initializers, _typeEngine_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { Binding };
+export class TypedBinding extends Binding {
+    constructor(options) {
+        super(Object.assign(Object.assign({}, options), { resolve: async () => {
+                var _a;
+                return (_a = options.model) === null || _a === void 0 ? void 0 : _a.model[options.name];
+            } }));
+        this.handler = this.typeEngine.getHandler(options.variable.type);
+    }
+    async encode(value) {
+        return await this.handler.encode(value);
+    }
+    async decode(value) {
+        return await this.handler.decode(value);
+    }
+}
+let SchemaModelForm = (() => {
+    var _a, _SchemaModelForm_typeEngine_accessor_storage;
+    let _classSuper = FormModel;
+    let _typeEngine_decorators;
+    let _typeEngine_initializers = [];
+    let _typeEngine_extraInitializers = [];
+    return _a = class SchemaModelForm extends _classSuper {
+            get typeEngine() { return __classPrivateFieldGet(this, _SchemaModelForm_typeEngine_accessor_storage, "f"); }
+            set typeEngine(value) { __classPrivateFieldSet(this, _SchemaModelForm_typeEngine_accessor_storage, value, "f"); }
+            constructor(options) {
+                super();
+                this.options = options;
+                _SchemaModelForm_typeEngine_accessor_storage.set(this, __runInitializers(this, _typeEngine_initializers, void 0));
+                this.bindings = __runInitializers(this, _typeEngine_extraInitializers);
+                this.bindings = new Set();
+                _.map(options.definition.definition.belongsTo, (relationship) => {
+                    const definition = options.definition.connection.getSchemaModelDefinitionByName(relationship.foreignType.name);
+                    let entity = new EntityInput({
+                        name: relationship.name,
+                        entityType: DataBrowserEntities.SCHEMA_MODEL_OBJECT,
+                        parent: definition,
+                        label: relationship.name,
+                        value: null
+                    });
+                    return new Binding({
+                        name: relationship.name,
+                        model: this.options.object,
+                        input: entity,
+                        resolve: () => {
+                            if (!options.object.data.belongs_to[relationship.name]) {
+                                return null;
+                            }
+                            return definition.resolve(options.object.data.belongs_to[relationship.name]);
+                        }
+                    });
+                })
+                    .filter((f) => !!f)
+                    .forEach((binding) => {
+                    this.bindings.add(binding);
+                    this.addInput(new DirtyWrapperInput(binding.input, options.object));
+                });
+                _.map(options.definition.definition.attributes, (attribute) => {
+                    var _b;
+                    let field = (_b = this.typeEngine.getHandler(attribute.type)) === null || _b === void 0 ? void 0 : _b.generateField({
+                        name: attribute.name,
+                        label: attribute.label,
+                        type: attribute.type
+                    });
+                    if (!field) {
+                        return;
+                    }
+                    return new TypedBinding({
+                        variable: attribute,
+                        model: this.options.object,
+                        input: field,
+                        name: attribute.name
+                    });
+                })
+                    .filter((binding) => !!binding)
+                    .forEach((binding) => {
+                    this.bindings.add(binding);
+                    this.addInput(new DirtyWrapperInput(binding.input, options.object));
                 });
             }
-            if (attribute.type instanceof MultipleChoiceType) {
-            }
-            if (attribute.type instanceof TextType) {
-                return new TextInput({
-                    name: attribute.name,
-                    label: attribute.label,
-                    value: (_g = options.object) === null || _g === void 0 ? void 0 : _g.model[attribute.name]
+            dispose() {
+                this.bindings.forEach((b) => {
+                    b.dispose();
                 });
             }
-            return null;
-        })
-            .filter((f) => !!f)
-            .forEach((a) => {
-            this.addInput(a);
-        });
-    }
-}
+        },
+        _SchemaModelForm_typeEngine_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _typeEngine_decorators = [inject(TypeEngine)];
+            __esDecorate(_a, null, _typeEngine_decorators, { kind: "accessor", name: "typeEngine", static: false, private: false, access: { has: obj => "typeEngine" in obj, get: obj => obj.typeEngine, set: (obj, value) => { obj.typeEngine = value; } }, metadata: _metadata }, _typeEngine_initializers, _typeEngine_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SchemaModelForm };
 //# sourceMappingURL=SchemaModelForm.js.map

package/dist/forms/SchemaModelForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaModelForm.js","sourceRoot":"","sources":["../../src/forms/SchemaModelForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EACT,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EAEV,WAAW,EACX,SAAS,EACV,MAAM,+BAA+B,CAAC;AAGvC,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,aAAa,EACb,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAC5C,YAAsB,OAA+B;QACnD,KAAK,EAAE,CAAC;QADY,YAAO,GAAP,OAAO,CAAwB;QAGnD,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,EAAE;;YAC5D,IAAI,SAAS,CAAC,IAAI,YAAY,YAAY,EAAE,CAAC;gBAC3C,OAAO,IAAI,SAAS,CAAC;oBACnB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,CAAA,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAI,IAAI;oBACpD,IAAI,EAAE,kBAAkB,CAAC,QAAQ;iBAClC,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,QAAQ,EAAE,CAAC;gBACvC,OAAO,IAAI,SAAS,CAAC;oBACnB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,CAAA,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAI,IAAI;oBACpD,IAAI,EAAE,kBAAkB,CAAC,IAAI;iBAC9B,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,aAAa,IAAI,SAAS,CAAC,IAAI,YAAY,SAAS,EAAE,CAAC;gBACnF,IAAI,KAAK,GAAG,IAAI,UAAU,CAAC;oBACzB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;iBACvB,CAAC,CAAC;gBAEH,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACnB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;wBACjD,KAAK,CAAC,QAAQ,CAAC,CAAe,CAAC,CAAC;oBAClC,CAAC,CAAC,CAAC;gBACL,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,cAAc,EAAE,CAAC;gBAC7C,OAAO,IAAI,SAAS,CAAC;oBACnB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,CAAA,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAI,IAAI;iBACrD,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,WAAW,EAAE,CAAC;gBAC1C,OAAO,IAAI,YAAY,CAAC;oBACtB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;iBAC7C,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,YAAY,EAAE,CAAC;gBAC3C,OAAO,IAAI,aAAa,CAAC;oBACvB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;iBAC7C,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,uBAAuB,IAAI,SAAS,CAAC,IAAI,YAAY,gBAAgB,EAAE,CAAC;gBACpG,OAAO,IAAI,WAAW,CAAC;oBACrB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;oBAC5C,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;wBACtD,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;oBAC3B,CAAC,CAAC;iBACH,CAAC,CAAC;YACL,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,kBAAkB,EAAE,CAAC;YACnD,CAAC;YACD,IAAI,SAAS,CAAC,IAAI,YAAY,QAAQ,EAAE,CAAC;gBACvC,OAAO,IAAI,SAAS,CAAC;oBACnB,IAAI,EAAE,SAAS,CAAC,IAAI;oBACpB,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,KAAK,EAAE,MAAA,OAAO,CAAC,MAAM,0CAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;iBAC7C,CAAC,CAAC;YACL,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;aACC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;aAClB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACP,CAAC;CACF"}
+{"version":3,"file":"SchemaModelForm.js","sourceRoot":"","sources":["../../src/forms/SchemaModelForm.tsx"],"names":[],"mappings":"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"}

package/dist/forms/TypeEngine.js

@@ -0,0 +1,135 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { Attachment, AttachmentType, BooleanType, DatetimeType, DateType, Day, LocationType, PhotoType, SignatureType, TextType } from '@journeyapps/db';
+import { BooleanInput, DateInput, DateTimePickerType, FileInput, ImageInput, inject, MediaEngine, TextInput } from '@journeyapps-labs/reactor-mod';
+import { LocationInput } from './inputs/LocationInput';
+let TypeEngine = (() => {
+    var _a, _TypeEngine_mediaEngine_accessor_storage;
+    let _mediaEngine_decorators;
+    let _mediaEngine_initializers = [];
+    let _mediaEngine_extraInitializers = [];
+    return _a = class TypeEngine {
+            get mediaEngine() { return __classPrivateFieldGet(this, _TypeEngine_mediaEngine_accessor_storage, "f"); }
+            set mediaEngine(value) { __classPrivateFieldSet(this, _TypeEngine_mediaEngine_accessor_storage, value, "f"); }
+            constructor() {
+                _TypeEngine_mediaEngine_accessor_storage.set(this, __runInitializers(this, _mediaEngine_initializers, void 0));
+                this._mediaCache = __runInitializers(this, _mediaEngine_extraInitializers);
+                this.handlers = new Set();
+                this._mediaCache = new Map();
+                this.register({
+                    matches: (type) => type instanceof DatetimeType || type instanceof DateType,
+                    encode: async (value) => new Day(value),
+                    decode: async (value) => {
+                        if (value instanceof Day) {
+                            return value.toDate();
+                        }
+                        return value;
+                    },
+                    generateField: ({ label, name, type }) => {
+                        return new DateInput({
+                            name,
+                            label,
+                            type: type instanceof DatetimeType ? DateTimePickerType.DATETIME : DateTimePickerType.DATE
+                        });
+                    }
+                });
+                this.register({
+                    matches: (type) => type instanceof SignatureType || type instanceof PhotoType,
+                    encode: async (value) => {
+                        return Attachment.create({
+                            data: await value.toArrayBuffer()
+                        });
+                    },
+                    decode: async (value) => {
+                        if (this._mediaCache.has(value.id)) {
+                            return this._mediaCache.get(value.id);
+                        }
+                        let media = this.mediaEngine.getMediaTypeForPath('.jpg').generateMedia({
+                            content: await value.toArrayBuffer(),
+                            name: value.id,
+                            uid: value.id
+                        });
+                        this._mediaCache.set(value.id, media);
+                        return media;
+                    },
+                    generateField: ({ label, name }) => {
+                        return new ImageInput({
+                            name,
+                            label
+                        });
+                    }
+                });
+                this.register({
+                    matches: (type) => type instanceof AttachmentType,
+                    encode: async (value) => {
+                        return Attachment.create({
+                            data: await value.arrayBuffer(),
+                            filename: value.name
+                        });
+                    },
+                    decode: async (value) => {
+                        return new File([await value.toArrayBuffer()], value.id);
+                    },
+                    generateField: ({ label, name }) => {
+                        return new FileInput({
+                            name,
+                            label
+                        });
+                    }
+                });
+                this.register({
+                    matches: (type) => type instanceof BooleanType,
+                    encode: async (value) => value,
+                    decode: async (value) => value,
+                    generateField: ({ label, name }) => {
+                        return new BooleanInput({
+                            name,
+                            label
+                        });
+                    }
+                });
+                this.register({
+                    matches: (type) => type instanceof TextType,
+                    encode: async (value) => value,
+                    decode: async (value) => value,
+                    generateField: ({ label, name }) => {
+                        return new TextInput({
+                            name,
+                            label
+                        });
+                    }
+                });
+                this.register({
+                    matches: (type) => type instanceof LocationType,
+                    encode: async (value) => value,
+                    decode: async (value) => value,
+                    generateField: ({ label, name }) => {
+                        return new LocationInput({
+                            name,
+                            label
+                        });
+                    }
+                });
+            }
+            getHandler(type) {
+                for (let handler of this.handlers) {
+                    if (handler.matches(type)) {
+                        return handler;
+                    }
+                }
+                return null;
+            }
+            register(handler) {
+                this.handlers.add(handler);
+            }
+        },
+        _TypeEngine_mediaEngine_accessor_storage = new WeakMap(),
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _mediaEngine_decorators = [inject(MediaEngine)];
+            __esDecorate(_a, null, _mediaEngine_decorators, { kind: "accessor", name: "mediaEngine", static: false, private: false, access: { has: obj => "mediaEngine" in obj, get: obj => obj.mediaEngine, set: (obj, value) => { obj.mediaEngine = value; } }, metadata: _metadata }, _mediaEngine_initializers, _mediaEngine_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { TypeEngine };
+//# sourceMappingURL=TypeEngine.js.map

package/dist/forms/TypeEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeEngine.js","sourceRoot":"","sources":["../../src/forms/TypeEngine.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EAEX,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,YAAY,EAEZ,SAAS,EACT,aAAa,EACb,QAAQ,EAET,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,YAAY,EACZ,SAAS,EACT,kBAAkB,EAClB,SAAS,EAET,UAAU,EAEV,MAAM,EACN,WAAW,EACX,SAAS,EACV,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;IAS1C,UAAU;;;;;sBAAV,UAAU;YAIrB,IAAS,WAAW,0FAAc;YAAlC,IAAS,WAAW,+FAAc;YAIlC;gBAJS,+GAAyB;gBAE1B,gBAAW,2DAA6B;gBAG9C,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;gBAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;gBAC7B,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,YAAY,IAAI,IAAI,YAAY,QAAQ;oBAC3E,MAAM,EAAE,KAAK,EAAE,KAAW,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC;oBAC7C,MAAM,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;wBAClC,IAAI,KAAK,YAAY,GAAG,EAAE,CAAC;4BACzB,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;wBACxB,CAAC;wBACD,OAAO,KAAK,CAAC;oBACf,CAAC;oBACD,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;wBACvC,OAAO,IAAI,SAAS,CAAC;4BACnB,IAAI;4BACJ,KAAK;4BACL,IAAI,EAAE,IAAI,YAAY,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI;yBAC3F,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBAEH,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,aAAa,IAAI,IAAI,YAAY,SAAS;oBAC7E,MAAM,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;wBAClC,OAAO,UAAU,CAAC,MAAM,CAAC;4BACvB,IAAI,EAAE,MAAM,KAAK,CAAC,aAAa,EAAE;yBAClC,CAAC,CAAC;oBACL,CAAC;oBACD,MAAM,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;wBAClC,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;4BACnC,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;wBACxC,CAAC;wBACD,IAAI,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC;4BACrE,OAAO,EAAE,MAAM,KAAK,CAAC,aAAa,EAAE;4BACpC,IAAI,EAAE,KAAK,CAAC,EAAE;4BACd,GAAG,EAAE,KAAK,CAAC,EAAE;yBACd,CAAC,CAAC;wBAEH,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;wBACtC,OAAO,KAAK,CAAC;oBACf,CAAC;oBACD,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;wBACjC,OAAO,IAAI,UAAU,CAAC;4BACpB,IAAI;4BACJ,KAAK;yBACN,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBAEH,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,cAAc;oBACjD,MAAM,EAAE,KAAK,EAAE,KAAW,EAAE,EAAE;wBAC5B,OAAO,UAAU,CAAC,MAAM,CAAC;4BACvB,IAAI,EAAE,MAAM,KAAK,CAAC,WAAW,EAAE;4BAC/B,QAAQ,EAAE,KAAK,CAAC,IAAI;yBACrB,CAAC,CAAC;oBACL,CAAC;oBACD,MAAM,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;wBAClC,OAAO,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC3D,CAAC;oBACD,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;wBACjC,OAAO,IAAI,SAAS,CAAC;4BACnB,IAAI;4BACJ,KAAK;yBACN,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,WAAW;oBAC9C,MAAM,EAAE,KAAK,EAAE,KAAc,EAAE,EAAE,CAAC,KAAK;oBACvC,MAAM,EAAE,KAAK,EAAE,KAAc,EAAE,EAAE,CAAC,KAAK;oBACvC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;wBACjC,OAAO,IAAI,YAAY,CAAC;4BACtB,IAAI;4BACJ,KAAK;yBACN,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,QAAQ;oBAC3C,MAAM,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK;oBACtC,MAAM,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK;oBACtC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;wBACjC,OAAO,IAAI,SAAS,CAAC;4BACnB,IAAI;4BACJ,KAAK;yBACN,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC;oBACZ,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,YAAY;oBAC/C,MAAM,EAAE,KAAK,EAAE,KAAe,EAAE,EAAE,CAAC,KAAK;oBACxC,MAAM,EAAE,KAAK,EAAE,KAAe,EAAE,EAAE,CAAC,KAAK;oBACxC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;wBACjC,OAAO,IAAI,aAAa,CAAC;4BACvB,IAAI;4BACJ,KAAK;yBACN,CAAC,CAAC;oBACL,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;YAED,UAAU,CAAC,IAAU;gBACnB,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC1B,OAAO,OAAO,CAAC;oBACjB,CAAC;gBACH,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,QAAQ,CAAC,OAAoB;gBAC3B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;;;;;uCAtHA,MAAM,CAAC,WAAW,CAAC;YACpB,oLAAS,WAAW,6BAAX,WAAW,iGAAc;;;;;SAJvB,UAAU"}

package/dist/forms/inputs/DirtyWrapperInput.js

@@ -0,0 +1,72 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { FormInput, styled } from '@journeyapps-labs/reactor-mod';
+import * as React from 'react';
+import { computed } from 'mobx';
+import { observer } from 'mobx-react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+let DirtyWrapperInput = (() => {
+    var _a;
+    let _classSuper = FormInput;
+    let _instanceExtraInitializers = [];
+    let _get_dirty_decorators;
+    return _a = class DirtyWrapperInput extends _classSuper {
+            constructor(input, object) {
+                super(Object.assign({}, input.options));
+                this.input = (__runInitializers(this, _instanceExtraInitializers), input);
+                this.object = object;
+                input.registerListener({
+                    valueChanged: () => {
+                        this.setValue(input.value);
+                    },
+                    errorChanged: () => {
+                        this.setError(input.error);
+                    }
+                });
+            }
+            revert() {
+                if (this.object) {
+                    this.object.revert(this.input.name);
+                }
+            }
+            get dirty() {
+                var _b;
+                return (_b = this.object) === null || _b === void 0 ? void 0 : _b.patch.has(this.input.name);
+            }
+            renderControl(options) {
+                return React.createElement(Wrapper, { input: this }, this.input.renderControl(options));
+            }
+        },
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _get_dirty_decorators = [computed];
+            __esDecorate(_a, null, _get_dirty_decorators, { kind: "getter", name: "dirty", static: false, private: false, access: { has: obj => "dirty" in obj, get: obj => obj.dirty }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { DirtyWrapperInput };
+export const Wrapper = observer((props) => {
+    return (React.createElement(S.Container, { dirty: props.input.dirty },
+        props.children,
+        props.input.dirty ? (React.createElement(S.RevertButton, { icon: "arrow-rotate-back", onClick: () => {
+                props.input.revert();
+            } })) : null));
+});
+var S;
+(function (S) {
+    S.Container = styled.div `
+    border-left: solid 4px ${(p) => (p.dirty ? p.theme.status.success : 'transparent')};
+    padding-left: 2px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  `;
+    S.RevertButton = styled(FontAwesomeIcon) `
+    color: ${(p) => p.theme.status.success};
+    font-size: 12px;
+    padding: 5px;
+    cursor: pointer;
+  `;
+})(S || (S = {}));
+//# sourceMappingURL=DirtyWrapperInput.js.map

package/dist/forms/inputs/DirtyWrapperInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirtyWrapperInput.js","sourceRoot":"","sources":["../../../src/forms/inputs/DirtyWrapperInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAA0B,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;IAEpD,iBAAiB;;sBAAS,SAAS;;;sBAAnC,iBAAkB,SAAQ,WAAS;YAC9C,YACS,KAAgB,EAChB,MAA0B;gBAEjC,KAAK,mBACA,KAAK,CAAC,OAAO,EAChB,CAAC;gBALI,UAAK,IAFH,mDAAiB,EAEnB,KAAK,EAAW;gBAChB,WAAM,GAAN,MAAM,CAAoB;gBAKjC,KAAK,CAAC,gBAAgB,CAAC;oBACrB,YAAY,EAAE,GAAG,EAAE;wBACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC;oBACD,YAAY,EAAE,GAAG,EAAE;wBACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC7B,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;YAED,MAAM;gBACJ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;YAES,IAAI,KAAK;;gBACjB,OAAO,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACjD,CAAC;YAED,aAAa,CAAC,OAA+B;gBAC3C,OAAO,oBAAC,OAAO,IAAC,KAAK,EAAE,IAAI,IAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAW,CAAC;YAC7E,CAAC;;;;;qCANA,QAAQ;YAAC,oKAAI,KAAK,6DAElB;;;;;SA1BU,iBAAiB;AAqC9B,MAAM,CAAC,MAAM,OAAO,GAAoD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IACzF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;QAClC,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACnB,oBAAC,CAAC,CAAC,YAAY,IACb,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACvB,CAAC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAU,CAAC,CAeV;AAfD,WAAU,CAAC;IACI,WAAS,GAAG,MAAM,CAAC,GAAG,CAAoB;6BAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;;;;GAKnF,CAAC;IAEW,cAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;aACxC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;GAIvC,CAAC;AACJ,CAAC,EAfS,CAAC,KAAD,CAAC,QAeV"}

package/dist/index.js

@@ -4,7 +4,7 @@ export * from './core/SchemaModelDefinition';
 export * from './core/SchemaModelObject';
 export * from './core/AbstractConnection';
 export * from './core/AbstractConnectionFactory';
-export * from './core/query/SimpleQuery';
+export * from './core/query/query-simple/SimpleQuery';
 export * from './core/query/AbstractQuery';
 export * from './core/query/Page';
 export * from './core/types/ManualConnectionFactory';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,YAAY,CAAC;AAC3B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sCAAsC,CAAC;AACrD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAE7D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,cAAc,YAAY,CAAC;AAC3B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sCAAsC,CAAC;AACrD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAE7D,eAAe,iBAAiB,CAAC"}

package/dist/panels/model/ModelPanelFactory.js

@@ -34,14 +34,15 @@ let ModelPanelModel = (() => {
                 this.model = options === null || options === void 0 ? void 0 : options.model;
             }
             encodeEntities() {
+                var _b;
                 return {
                     definition: this.definition,
-                    model: this.model
+                    model: ((_b = this.model) === null || _b === void 0 ? void 0 : _b.model) ? this.model : null
                 };
             }
-            decodeEntities(data) {
+            async decodeEntities(data) {
                 this.definition = data.definition;
-                this.model = data.model;
+                this.model = data.model || (await data.definition.generateNewModelObject());
             }
         },
         _ModelPanelModel_connStore_accessor_storage = new WeakMap(),
@@ -75,13 +76,16 @@ export class ModelPanelFactory extends ReactorPanelFactory {
         });
     }
     getSimpleName(model) {
-        if (!model.definition) {
+        var _a;
+        let _model = model.model;
+        let _definition = model.definition;
+        if (!_definition) {
             return super.getSimpleName(model);
         }
-        if (model.model) {
-            return `${model.definition.definition.label}: ${model.model.model.toString()}`;
+        if (_model) {
+            return `${_definition.definition.label}: ${((_a = _model.data) === null || _a === void 0 ? void 0 : _a.display) || '(new object)'}`;
         }
-        return `${model.definition.definition.label}`;
+        return `${_definition.definition.label}`;
     }
     _generateModel() {
         return new ModelPanelModel(null);

package/dist/panels/model/ModelPanelFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModelPanelFactory.js","sourceRoot":"","sources":["../../../src/panels/model/ModelPanelFactory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAY,UAAU,EAAE,MAAM,MAAM,CAAC;IAU/B,eAAe;;sBAAS,iBAAiB;;;;;;;;;;sBAAzC,eAAgB,SAAQ,WAAiB;YAEpD,IAAS,SAAS,6FAAkB;YAApC,IAAS,SAAS,kGAAkB;YAGpC,IAAS,UAAU,8FAAwB;YAA3C,IAAS,UAAU,mGAAwB;YAG3C,IAAS,KAAK,yFAAoB;YAAlC,IAAS,KAAK,8FAAoB;YAElC,YAAY,OAAgC;gBAC1C,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBATvB,gHAA2B;gBAG3B,2KAAkC;gBAGlC,kKAAyB;;gBAIhC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAC5B,IAAI,CAAC,UAAU,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC;gBACtC,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;aAC7B;YAED,cAAc;gBACZ,OAAO;oBACL,UAAU,EAAE,IAAI,CAAC,UAAU;oBAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;iBAClB,CAAC;YACJ,CAAC;YAED,cAAc,CAAC,IAAwC;gBACrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;gBAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,CAAC;;;;;;;;qCA1BA,MAAM,CAAC,eAAe,CAAC;sCAGvB,UAAU;iCAGV,UAAU;YALX,8KAAS,SAAS,6BAAT,SAAS,6FAAkB;YAGpC,iLAAS,UAAU,6BAAV,UAAU,+FAAwB;YAG3C,kKAAS,KAAK,6BAAL,KAAK,qFAAoB;;;;;SARvB,eAAe;AA8B5B,MAAM,OAAO,iBAAkB,SAAQ,mBAAoC;IAGzE;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,OAAO;YACb,mBAAmB,EAAE,KAAK;YAC1B,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,KAAK;YACjB,IAAI,EAAE,iBAAiB,CAAC,IAAI;YAC5B,QAAQ,EAAE,aAAa;SACxB,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,KAAsB;QAClC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC;QACjF,CAAC;QACD,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAChD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,oBAAoB,CAAC,KAAkD;QACrE,OAAO,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;IACvE,CAAC;;AA/BM,sBAAI,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"ModelPanelFactory.js","sourceRoot":"","sources":["../../../src/panels/model/ModelPanelFactory.tsx"],"names":[],"mappings":"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"}

package/dist/panels/model/ModelPanelWidget.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
 import styled from '@emotion/styled';
-import { BorderLayoutWidget, LoadingPanelWidget, PANEL_CONTENT_PADDING, PanelToolbarWidget, ScrollableDivCss } from '@journeyapps-labs/reactor-mod';
+import { BorderLayoutWidget, ioc, LoadingPanelWidget, PANEL_CONTENT_PADDING, PanelButtonWidget, PanelToolbarWidget, ScrollableDivCss, theme, ThemeStore } from '@journeyapps-labs/reactor-mod';
 import { SchemaModelForm } from '../../forms/SchemaModelForm';
 var S;
 (function (S) {
@@ -11,18 +11,29 @@ var S;
     padding: ${PANEL_CONTENT_PADDING}px;
     ${ScrollableDivCss};
   `;
+    S.Buttons = styled.div `
+    display: flex;
+    align-items: center;
+    column-gap: 5px;
+    padding: 5px;
+  `;
 })(S || (S = {}));
 export const ModelPanelWidget = observer((props) => {
     var _a;
     const [form, setForm] = useState(null);
+    const _theme = ioc.get(ThemeStore).getCurrentTheme(theme);
     useEffect(() => {
         if (!props.model.definition) {
             return;
         }
-        setForm(new SchemaModelForm({
+        let _form = new SchemaModelForm({
             object: props.model.model,
             definition: props.model.definition
-        }));
+        });
+        setForm(_form);
+        return () => {
+            _form.dispose();
+        };
     }, [props.model.model, props.model.definition]);
     let top = null;
     if (props.model.model) {
@@ -39,7 +50,13 @@ export const ModelPanelWidget = observer((props) => {
             ] }));
     }
     return (React.createElement(LoadingPanelWidget, { loading: !form }, () => {
-        return (React.createElement(BorderLayoutWidget, { top: top },
+        return (React.createElement(BorderLayoutWidget, { top: top, bottom: React.createElement(S.Buttons, null,
+                React.createElement(PanelButtonWidget, { disabled: props.model.model.patch.size === 0, label: "Save", icon: "save", iconColor: _theme.status.success, action: () => {
+                        props.model.model.save();
+                    } }),
+                React.createElement(PanelButtonWidget, { disabled: props.model.model.patch.size === 0, label: "Discard edits", icon: "arrow-rotate-back", action: () => {
+                        props.model.model.clearEdits();
+                    } })) },
             React.createElement(S.Container, null, form.render())));
     }));
 });