@journeyapps-labs/reactor-mod-data-browser 3.0.1 → 3.1.0

package/dist/entities/ConnectionEntityDefinition.js

@@ -1,18 +1,24 @@
 import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
-import { DescendantEntityProviderComponent, EntityDefinition, EntityDescriberComponent, EntityPanelComponent, inject, InlineTreePresenterComponent, SimpleEntitySearchEngineComponent } from '@journeyapps-labs/reactor-mod';
+import { DescendantEntityProviderComponent, EntityCardsPresenterComponent, EntityDefinition, EntityDescriberComponent, EntityPanelComponent, inject, InlineTreePresenterComponent, SimpleEntitySearchEngineComponent } from '@journeyapps-labs/reactor-mod';
 import { DataBrowserEntities } from '../entities';
 import { ConnectionStore } from '../stores/ConnectionStore';
 import { AbstractConnection } from '../core/AbstractConnection';
 import { AddConnectionAction } from '../actions/connections/AddConnectionAction';
+import { SavedQueryStore } from '../stores/SavedQueryStore';
 let ConnectionEntityDefinition = (() => {
-    var _a, _ConnectionEntityDefinition_connectionStore_accessor_storage;
+    var _a, _ConnectionEntityDefinition_connectionStore_accessor_storage, _ConnectionEntityDefinition_savedQueryStore_accessor_storage;
     let _classSuper = EntityDefinition;
     let _connectionStore_decorators;
     let _connectionStore_initializers = [];
     let _connectionStore_extraInitializers = [];
+    let _savedQueryStore_decorators;
+    let _savedQueryStore_initializers = [];
+    let _savedQueryStore_extraInitializers = [];
     return _a = class ConnectionEntityDefinition extends _classSuper {
             get connectionStore() { return __classPrivateFieldGet(this, _ConnectionEntityDefinition_connectionStore_accessor_storage, "f"); }
             set connectionStore(value) { __classPrivateFieldSet(this, _ConnectionEntityDefinition_connectionStore_accessor_storage, value, "f"); }
+            get savedQueryStore() { return __classPrivateFieldGet(this, _ConnectionEntityDefinition_savedQueryStore_accessor_storage, "f"); }
+            set savedQueryStore(value) { __classPrivateFieldSet(this, _ConnectionEntityDefinition_savedQueryStore_accessor_storage, value, "f"); }
             constructor() {
                 super({
                     type: DataBrowserEntities.CONNECTION,
@@ -22,11 +28,12 @@ let ConnectionEntityDefinition = (() => {
                     iconColor: 'cyan'
                 });
                 _ConnectionEntityDefinition_connectionStore_accessor_storage.set(this, __runInitializers(this, _connectionStore_initializers, void 0));
-                __runInitializers(this, _connectionStore_extraInitializers);
+                _ConnectionEntityDefinition_savedQueryStore_accessor_storage.set(this, (__runInitializers(this, _connectionStore_extraInitializers), __runInitializers(this, _savedQueryStore_initializers, void 0)));
+                __runInitializers(this, _savedQueryStore_extraInitializers);
                 this.registerComponent(new EntityDescriberComponent({
                     label: 'Simple',
                     describe: (entity) => {
-                        return entity.name;
+                        return Object.assign(Object.assign({}, entity.name), { iconColor: entity.color });
                     }
                 }));
                 this.registerComponent(new SimpleEntitySearchEngineComponent({
@@ -35,20 +42,35 @@ let ConnectionEntityDefinition = (() => {
                         return this.connectionStore.connections;
                     }
                 }));
-                this.registerComponent(new InlineTreePresenterComponent());
+                this.registerComponent(new InlineTreePresenterComponent({
+                    loadChildrenAsNodesAreOpened: true,
+                    cacheTreeEntities: false
+                }));
+                this.registerComponent(new EntityCardsPresenterComponent());
                 this.registerComponent(new DescendantEntityProviderComponent({
                     descendantType: DataBrowserEntities.SCHEMA_MODEL_DEFINITION,
                     generateOptions: (parent) => {
                         return {
                             category: {
                                 label: 'Models',
-                                icon: 'cube',
-                                openDefault: true
+                                icon: 'cube'
                             },
                             descendants: parent.schema_models.items
                         };
                     }
                 }));
+                this.registerComponent(new DescendantEntityProviderComponent({
+                    descendantType: DataBrowserEntities.SAVED_QUERY,
+                    generateOptions: (parent) => {
+                        return {
+                            category: {
+                                label: 'Saved queries',
+                                icon: 'bookmark'
+                            },
+                            descendants: this.savedQueryStore.getSavedEntitiesForConnection(parent.id)
+                        };
+                    }
+                }));
                 this.registerComponent(new EntityPanelComponent({
                     label: 'Connections',
                     getEntities: () => {
@@ -67,11 +89,14 @@ let ConnectionEntityDefinition = (() => {
             }
         },
         _ConnectionEntityDefinition_connectionStore_accessor_storage = new WeakMap(),
+        _ConnectionEntityDefinition_savedQueryStore_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;
             _connectionStore_decorators = [inject(ConnectionStore)];
+            _savedQueryStore_decorators = [inject(SavedQueryStore)];
             __esDecorate(_a, null, _connectionStore_decorators, { kind: "accessor", name: "connectionStore", static: false, private: false, access: { has: obj => "connectionStore" in obj, get: obj => obj.connectionStore, set: (obj, value) => { obj.connectionStore = value; } }, metadata: _metadata }, _connectionStore_initializers, _connectionStore_extraInitializers);
+            __esDecorate(_a, null, _savedQueryStore_decorators, { kind: "accessor", name: "savedQueryStore", static: false, private: false, access: { has: obj => "savedQueryStore" in obj, get: obj => obj.savedQueryStore, set: (obj, value) => { obj.savedQueryStore = value; } }, metadata: _metadata }, _savedQueryStore_initializers, _savedQueryStore_extraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;

package/dist/entities/ConnectionEntityDefinition.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionEntityDefinition.js","sourceRoot":"","sources":["../../src/entities/ConnectionEntityDefinition.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iCAAiC,EACjC,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,MAAM,EACN,4BAA4B,EAC5B,iCAAiC,EAClC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;IAEpE,0BAA0B;;sBAAS,gBAAgB;;;;sBAAnD,0BAA2B,SAAQ,WAAoC;YAElF,IAAS,eAAe,8GAAkB;YAA1C,IAAS,eAAe,mHAAkB;YAE1C;gBACE,KAAK,CAAC;oBACJ,IAAI,EAAE,mBAAmB,CAAC,UAAU;oBACpC,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,UAAU;oBAChB,SAAS,EAAE,MAAM;iBAClB,CAAC,CAAC;gBATI,uIAAiC;;gBAWxC,IAAI,CAAC,iBAAiB,CACpB,IAAI,wBAAwB,CAAqB;oBAC/C,KAAK,EAAE,QAAQ;oBACf,QAAQ,EAAE,CAAC,MAA0B,EAAE,EAAE;wBACvC,OAAO,MAAM,CAAC,IAAI,CAAC;oBACrB,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CACpB,IAAI,iCAAiC,CAAqB;oBACxD,KAAK,EAAE,QAAQ;oBACf,WAAW,EAAE,KAAK,IAAI,EAAE;wBACtB,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;oBAC1C,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,4BAA4B,EAAsB,CAAC,CAAC;gBAE/E,IAAI,CAAC,iBAAiB,CACpB,IAAI,iCAAiC,CAAqB;oBACxD,cAAc,EAAE,mBAAmB,CAAC,uBAAuB;oBAC3D,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE;wBAC1B,OAAO;4BACL,QAAQ,EAAE;gCACR,KAAK,EAAE,QAAQ;gCACf,IAAI,EAAE,MAAM;gCACZ,WAAW,EAAE,IAAI;6BAClB;4BACD,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK;yBACxC,CAAC;oBACJ,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CACpB,IAAI,oBAAoB,CAAqB;oBAC3C,KAAK,EAAE,aAAa;oBACpB,WAAW,EAAE,GAAG,EAAE;wBAChB,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;oBAC1C,CAAC;oBACD,iBAAiB,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;iBAC5C,CAAC,CACH,CAAC;aACH;YAED,WAAW,CAAC,CAAM;gBAChB,IAAI,CAAC,YAAY,kBAAkB,EAAE,CAAC;oBACpC,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;YAED,YAAY,CAAC,CAAqB;gBAChC,OAAO,CAAC,CAAC,EAAE,CAAC;YACd,CAAC;;;;;;2CAnEA,MAAM,CAAC,eAAe,CAAC;YACxB,gMAAS,eAAe,6BAAf,eAAe,yGAAkB;;;;;SAF/B,0BAA0B"}
+{"version":3,"file":"ConnectionEntityDefinition.js","sourceRoot":"","sources":["../../src/entities/ConnectionEntityDefinition.tsx"],"names":[],"mappings":"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"}

package/dist/entities/SavedQueryEntityDefinition.js

@@ -0,0 +1,68 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { EntityActionHandlerComponent, EntityCardsPresenterComponent, EntityDefinition, EntityDescriberComponent, inject, InlineEntityEncoderComponent, InlineTreePresenterComponent } from '@journeyapps-labs/reactor-mod';
+import { DataBrowserEntities } from '../entities';
+import { SavedQueryEntity, SavedQueryStore } from '../stores/SavedQueryStore';
+import { OpenSavedQueryAction } from '../actions/saved-queries/OpenSavedQueryAction';
+let SavedQueryEntityDefinition = (() => {
+    var _a, _SavedQueryEntityDefinition_savedQueryStore_accessor_storage;
+    let _classSuper = EntityDefinition;
+    let _savedQueryStore_decorators;
+    let _savedQueryStore_initializers = [];
+    let _savedQueryStore_extraInitializers = [];
+    return _a = class SavedQueryEntityDefinition extends _classSuper {
+            get savedQueryStore() { return __classPrivateFieldGet(this, _SavedQueryEntityDefinition_savedQueryStore_accessor_storage, "f"); }
+            set savedQueryStore(value) { __classPrivateFieldSet(this, _SavedQueryEntityDefinition_savedQueryStore_accessor_storage, value, "f"); }
+            constructor() {
+                super({
+                    type: DataBrowserEntities.SAVED_QUERY,
+                    category: 'DataBrowser',
+                    label: 'Saved query',
+                    icon: 'bookmark',
+                    iconColor: 'gold'
+                });
+                _SavedQueryEntityDefinition_savedQueryStore_accessor_storage.set(this, __runInitializers(this, _savedQueryStore_initializers, void 0));
+                __runInitializers(this, _savedQueryStore_extraInitializers);
+                this.registerComponent(new EntityDescriberComponent({
+                    label: 'Simple',
+                    describe: (entity) => {
+                        return {
+                            simpleName: entity.saved.name,
+                            complexName: entity.saved.query.definition,
+                            tags: ['saved']
+                        };
+                    }
+                }));
+                this.registerComponent(new InlineTreePresenterComponent());
+                this.registerComponent(new EntityCardsPresenterComponent());
+                this.registerComponent(new InlineEntityEncoderComponent({
+                    version: 1,
+                    encode: (entity) => {
+                        return {
+                            id: entity.id
+                        };
+                    },
+                    decode: async (entity) => {
+                        return this.savedQueryStore.getSavedEntityByID(entity.id);
+                    }
+                }));
+                this.registerComponent(new EntityActionHandlerComponent(OpenSavedQueryAction.ID));
+            }
+            matchEntity(t) {
+                return t instanceof SavedQueryEntity;
+            }
+            getEntityUID(t) {
+                return t.id;
+            }
+        },
+        _SavedQueryEntityDefinition_savedQueryStore_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;
+            _savedQueryStore_decorators = [inject(SavedQueryStore)];
+            __esDecorate(_a, null, _savedQueryStore_decorators, { kind: "accessor", name: "savedQueryStore", static: false, private: false, access: { has: obj => "savedQueryStore" in obj, get: obj => obj.savedQueryStore, set: (obj, value) => { obj.savedQueryStore = value; } }, metadata: _metadata }, _savedQueryStore_initializers, _savedQueryStore_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { SavedQueryEntityDefinition };
+//# sourceMappingURL=SavedQueryEntityDefinition.js.map

package/dist/entities/SavedQueryEntityDefinition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedQueryEntityDefinition.js","sourceRoot":"","sources":["../../src/entities/SavedQueryEntityDefinition.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,gBAAgB,EAChB,wBAAwB,EACxB,MAAM,EACN,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;IAOxE,0BAA0B;;sBAAS,gBAAgB;;;;sBAAnD,0BAA2B,SAAQ,WAAkC;YAEhF,IAAS,eAAe,8GAAkB;YAA1C,IAAS,eAAe,mHAAkB;YAE1C;gBACE,KAAK,CAAC;oBACJ,IAAI,EAAE,mBAAmB,CAAC,WAAW;oBACrC,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,aAAa;oBACpB,IAAI,EAAE,UAAU;oBAChB,SAAS,EAAE,MAAM;iBAClB,CAAC,CAAC;gBATI,uIAAiC;;gBAWxC,IAAI,CAAC,iBAAiB,CACpB,IAAI,wBAAwB,CAAmB;oBAC7C,KAAK,EAAE,QAAQ;oBACf,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;wBACnB,OAAO;4BACL,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;4BAC7B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;4BAC1C,IAAI,EAAE,CAAC,OAAO,CAAC;yBAChB,CAAC;oBACJ,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,4BAA4B,EAAoB,CAAC,CAAC;gBAC7E,IAAI,CAAC,iBAAiB,CAAC,IAAI,6BAA6B,EAAoB,CAAC,CAAC;gBAE9E,IAAI,CAAC,iBAAiB,CACpB,IAAI,4BAA4B,CAA4C;oBAC1E,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;wBACjB,OAAO;4BACL,EAAE,EAAE,MAAM,CAAC,EAAE;yBACd,CAAC;oBACJ,CAAC;oBACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;wBACvB,OAAO,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAC5D,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,4BAA4B,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,CAAC;aACnF;YAED,WAAW,CAAC,CAAM;gBAChB,OAAO,CAAC,YAAY,gBAAgB,CAAC;YACvC,CAAC;YAED,YAAY,CAAC,CAAmB;gBAC9B,OAAO,CAAC,CAAC,EAAE,CAAC;YACd,CAAC;;;;;;2CAnDA,MAAM,CAAC,eAAe,CAAC;YACxB,gMAAS,eAAe,6BAAf,eAAe,yGAAkB;;;;;SAF/B,0BAA0B"}

package/dist/entities/SchemaModelDefinitionEntityDefinition.js

@@ -58,7 +58,9 @@ let SchemaModelDefinitionEntityDefinition = (() => {
                         return connection.waitForSchemaModelDefinitionByName(entity.type);
                     }
                 }));
-                this.registerComponent(new InlineTreePresenterComponent());
+                this.registerComponent(new InlineTreePresenterComponent({
+                    loadChildrenAsNodesAreOpened: true
+                }));
                 this.registerComponent(new SimpleParentEntitySearchEngine({
                     label: 'Simple',
                     type: DataBrowserEntities.CONNECTION,

package/dist/entities/SchemaModelDefinitionEntityDefinition.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaModelDefinitionEntityDefinition.js","sourceRoot":"","sources":["../../src/entities/SchemaModelDefinitionEntityDefinition.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,iCAAiC,EACjC,4BAA4B,EAC5B,gBAAgB,EAChB,wBAAwB,EACxB,MAAM,EACN,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sDAAsD,CAAC;IASjF,qCAAqC;;sBAAS,gBAAgB;;;;sBAA9D,qCAAsC,SAAQ,WAAuC;YAEhG,IAAS,eAAe,yHAAkB;YAA1C,IAAS,eAAe,8HAAkB;YAE1C;gBACE,KAAK,CAAC;oBACJ,IAAI,EAAE,mBAAmB,CAAC,uBAAuB;oBACjD,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,yBAAyB;oBAChC,IAAI,EAAE,MAAM;oBACZ,SAAS,EAAE,cAAc;iBAC1B,CAAC,CAAC;gBATI,kJAAiC;;gBAWxC,IAAI,CAAC,iBAAiB,CACpB,IAAI,wBAAwB,CAAwB;oBAClD,KAAK,EAAE,QAAQ;oBACf,QAAQ,EAAE,CAAC,MAA6B,EAAE,EAAE;wBAC1C,OAAO;4BACL,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK;4BACnC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI;yBACpC,CAAC;oBACJ,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CACpB,IAAI,iCAAiC,CAAoC;oBACvE,cAAc,EAAE,mBAAmB,CAAC,kBAAkB;oBACtD,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE;wBAC1B,OAAO;4BACL,QAAQ,EAAE;gCACR,KAAK,EAAE,SAAS;gCAChB,IAAI,EAAE,QAAQ;gCACd,WAAW,EAAE,KAAK;6BACnB;4BACD,WAAW,EAAE,MAAM,CAAC,OAAO;yBAC5B,CAAC;oBACJ,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CACpB,IAAI,4BAA4B,CAAsE;oBACpG,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;wBACZ,OAAO;4BACL,aAAa,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE;4BAC9B,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI;yBACxB,CAAC;oBACJ,CAAC;oBACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;wBACvB,IAAI,UAAU,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,yBAAyB,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;wBAC5F,OAAO,UAAU,CAAC,kCAAkC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;oBACpE,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,4BAA4B,EAAE,CAAC,CAAC;gBAE3D,IAAI,CAAC,iBAAiB,CACpB,IAAI,8BAA8B,CAA4C;oBAC5E,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,mBAAmB,CAAC,UAAU;oBACpC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;wBAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC;oBACrD,CAAC;iBACF,CAAC,CACH,CAAC;gBAEF,IAAI,CAAC,iBAAiB,CAAC,IAAI,4BAA4B,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC;aACrF;YAED,WAAW,CAAC,CAAM;gBAChB,IAAI,CAAC,YAAY,qBAAqB,EAAE,CAAC;oBACvC,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;YAED,YAAY,CAAC,CAAwB;gBACnC,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;YAC3B,CAAC;;;;;;2CA/EA,MAAM,CAAC,eAAe,CAAC;YACxB,gMAAS,eAAe,6BAAf,eAAe,yGAAkB;;;;;SAF/B,qCAAqC"}
+{"version":3,"file":"SchemaModelDefinitionEntityDefinition.js","sourceRoot":"","sources":["../../src/entities/SchemaModelDefinitionEntityDefinition.ts"],"names":[],"mappings":"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"}

package/dist/entities.js

@@ -6,5 +6,6 @@ export var DataBrowserEntities;
     DataBrowserEntities["SCHEMA_MODEL_INDEX"] = "databrowser/schema_model_index";
     DataBrowserEntities["SCHEMA_MODEL_OBJECT"] = "databrowser/schema_model_object";
     DataBrowserEntities["QUERY"] = "databrowser/query";
+    DataBrowserEntities["SAVED_QUERY"] = "databrowser/saved_query";
 })(DataBrowserEntities || (DataBrowserEntities = {}));
 //# sourceMappingURL=entities.js.map

package/dist/entities.js.map

@@ -1 +1 @@
-{"version":3,"file":"entities.js","sourceRoot":"","sources":["../src/entities.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,4DAAqC,CAAA;IACrC,4EAAqD,CAAA;IACrD,sFAA+D,CAAA;IAC/D,4EAAqD,CAAA;IACrD,8EAAuD,CAAA;IACvD,kDAA2B,CAAA;AAC7B,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B"}
+{"version":3,"file":"entities.js","sourceRoot":"","sources":["../src/entities.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC7B,4DAAqC,CAAA;IACrC,4EAAqD,CAAA;IACrD,sFAA+D,CAAA;IAC/D,4EAAqD,CAAA;IACrD,8EAAuD,CAAA;IACvD,kDAA2B,CAAA;IAC3B,8DAAuC,CAAA;AACzC,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B"}

package/dist/forms/APIConnectionForm.js

@@ -1,5 +1,6 @@
-import { FormModel, TextInput, TextInputType } from '@journeyapps-labs/reactor-mod';
+import { FormModel, SelectInput, TextInput, TextInputType } from '@journeyapps-labs/reactor-mod';
 import { ManualConnection } from '../core/types/ManualConnection';
+import { DEFAULT_CONNECTION_COLOR, getConnectionColorSetOptions } from '../core/connection-colors';
 export class APIConnectionForm extends FormModel {
     constructor(value) {
         super();
@@ -19,13 +20,21 @@ export class APIConnectionForm extends FormModel {
             inputType: TextInputType.PASSWORD,
             value: value === null || value === void 0 ? void 0 : value.api_token
         }));
+        this.addInput(new SelectInput({
+            name: 'color',
+            label: 'Color',
+            value: (value === null || value === void 0 ? void 0 : value.color) || DEFAULT_CONNECTION_COLOR,
+            options: getConnectionColorSetOptions()
+        }));
     }
     generateConnection(factory) {
-        return new ManualConnection(factory, {
+        const connection = new ManualConnection(factory, {
             baseUrl: this.value().base_url,
             token: this.value().api_token,
             name: this.value().name
         });
+        connection.color = this.value().color;
+        return connection;
     }
 }
 //# sourceMappingURL=APIConnectionForm.js.map

package/dist/forms/APIConnectionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"APIConnectionForm.js","sourceRoot":"","sources":["../../src/forms/APIConnectionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AASlE,MAAM,OAAO,iBAAkB,SAAQ,SAAiC;IACtE,YAAY,KAA8B;QACxC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,SAAS;SAChC,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;SACvB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE,aAAa,CAAC,QAAQ;YACjC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;SACxB,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB,CAAC,OAAgC;QACjD,OAAO,IAAI,gBAAgB,CAAC,OAAO,EAAE;YACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS;YAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI;SACxB,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"APIConnectionForm.js","sourceRoot":"","sources":["../../src/forms/APIConnectionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AASnG,MAAM,OAAO,iBAAkB,SAAQ,SAAiC;IACtE,YAAY,KAA8B;QACxC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,iBAAiB;YACxB,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,SAAS;SAChC,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;SACvB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,IAAI,SAAS,CAAC;YACZ,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE,aAAa,CAAC,QAAQ;YACjC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS;SACxB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,IAAI,WAAW,CAAC;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,wBAAwB;YAC/C,OAAO,EAAE,4BAA4B,EAAE;SACxC,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB,CAAC,OAAgC;QACjD,MAAM,UAAU,GAAG,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC/C,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ;YAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS;YAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI;SACxB,CAAC,CAAC;QACH,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC;QACtC,OAAO,UAAU,CAAC;IACpB,CAAC;CACF"}

package/dist/forms/TypeEngine.js

@@ -1,11 +1,17 @@
 import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
-import { Attachment, AttachmentType, BooleanType, DatetimeType, DateType, Day, LocationType, MultipleChoiceIntegerType, MultipleChoiceType, NumberType, PhotoType, SignatureType, SingleChoiceIntegerType, SingleChoiceType, TextType } from '@journeyapps/db';
-import { BooleanInput, CheckboxWidget, DateInput, DateTimePickerType, FileInput, ImageInput, ImageMedia, inject, MediaEngine, MetadataWidget, NumberInput, SelectInput, SmartDateDisplayWidget, styled, TableButtonWidget, TextAreaInput, TextInput, TextInputType, MultiSelectInput, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
-import { LocationInput } from './inputs/LocationInput';
-import * as React from 'react';
-import * as _ from 'lodash';
-import { ModelJsonPanelModel } from '../panels/model-json/ModelJsonPanelFactory';
-const MAX_NUMBER_OF_ARR_ITEMS_TO_DISPLAY = 3;
+import { inject, MediaEngine, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
+import { displayArray } from './types/shared/ui';
+import { dateHandler } from './types/date-handler';
+import { imageHandler } from './types/image-handler';
+import { attachmentHandler } from './types/attachment-handler';
+import { booleanHandler } from './types/boolean-handler';
+import { numberHandler } from './types/number-handler';
+import { textHandler } from './types/text-handler';
+import { locationHandler } from './types/location-handler';
+import { singleChoiceIntegerHandler } from './types/single-choice-integer-handler';
+import { singleChoiceHandler } from './types/single-choice-handler';
+import { multipleChoiceHandler } from './types/multiple-choice-handler';
+import { multipleChoiceIntegerHandler } from './types/multiple-choice-integer-handler';
 let TypeEngine = (() => {
     var _a, _TypeEngine_mediaEngine_accessor_storage, _TypeEngine_workspaceStore_accessor_storage;
     let _mediaEngine_decorators;
@@ -25,268 +31,23 @@ let TypeEngine = (() => {
                 this._mediaCache = __runInitializers(this, _workspaceStore_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
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        if (value instanceof Day) {
-                            return React.createElement(SmartDateDisplayWidget, { date: value.toDate() });
-                        }
-                        return React.createElement(SmartDateDisplayWidget, { date: value });
-                    }
-                });
-                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
-                        });
-                    },
-                    generateDisplay: ({ value, type }) => {
-                        if (value.uploaded()) {
-                            return (React.createElement(S.Preview, { onClick: () => {
-                                    this.getHandler(type)
-                                        .decode(value)
-                                        .then((media) => {
-                                        if (media instanceof ImageMedia) {
-                                            media.open();
-                                        }
-                                        else {
-                                            window.open(value.url(), '_blank');
-                                        }
-                                    });
-                                }, src: value.urls['thumbnail'] }));
-                        }
-                        return React.createElement(S.Empty, null, "Not uploaded");
-                    }
-                });
-                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
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        return (React.createElement(TableButtonWidget, { icon: "download", action: () => {
-                                window.open(value.url(), '_blank');
-                            } }));
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof BooleanType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name }) => {
-                        return new BooleanInput({
-                            name,
-                            label
-                        });
-                    },
-                    generateDisplay: ({ value, type, name, model }) => {
-                        return (React.createElement(CheckboxWidget, { checked: value, onChange: (checked) => {
-                                model.set(name, checked);
-                            } }));
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof NumberType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name }) => {
-                        return new NumberInput({
-                            name,
-                            label
-                        });
-                    },
-                    generateDisplay: ({ value, type, name, model }) => {
-                        return `${value}`;
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof TextType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name, type }) => {
-                        if (type.subType == 'paragraph') {
-                            return new TextAreaInput({
-                                name,
-                                label
-                            });
-                        }
-                        if (type.subType == 'password') {
-                            return new TextInput({
-                                name,
-                                label,
-                                inputType: TextInputType.PASSWORD
-                            });
-                        }
-                        return new TextInput({
-                            name,
-                            label
-                        });
-                    },
-                    generateDisplay: ({ value, type, name, model }) => {
-                        if (value.trim() === '') {
-                            return React.createElement(S.Empty, null, "empty");
-                        }
-                        if (type.subType == 'password') {
-                            return '****';
-                        }
-                        if (type.subType == 'paragraph') {
-                            // could be JSON
-                            if ((value.startsWith('[') && value.endsWith(']')) || (value.startsWith('{') && value.endsWith('}'))) {
-                                try {
-                                    let parsed = JSON.parse(value);
-                                    return (React.createElement(TableButtonWidget, { icon: "code", label: "JSON", action: () => {
-                                            this.workspaceStore.addModel(new ModelJsonPanelModel({
-                                                definition: model.definition,
-                                                model: model,
-                                                field: name
-                                            }));
-                                        } }));
-                                }
-                                catch (ex) { }
-                            }
-                        }
-                        if (type.subType == 'url') {
-                            return (React.createElement(S.Container, null,
-                                value,
-                                React.createElement(TableButtonWidget, { icon: "arrow-right", action: () => {
-                                        window.open(value, '_blank');
-                                    } })));
-                        }
-                        return React.createElement(S.Max, null, value);
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof LocationType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name }) => {
-                        return new LocationInput({
-                            name,
-                            label
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        return (React.createElement(React.Fragment, null,
-                            React.createElement(MetadataWidget, { label: 'Lat', value: `${value.latitude}` }),
-                            React.createElement(MetadataWidget, { label: 'Long', value: `${value.longitude}` })));
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof SingleChoiceIntegerType,
-                    encode: async (value) => parseInt(value),
-                    decode: async (value) => `${value}`,
-                    generateField: ({ label, name, type }) => {
-                        return new SelectInput({
-                            name,
-                            label,
-                            options: _.mapValues(type.options, (o) => `${o.value}`)
-                        });
-                    },
-                    generateDisplay: ({ value, type, name, model, label }) => {
-                        return `${value}`;
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof SingleChoiceType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name, type }) => {
-                        return new SelectInput({
-                            name,
-                            label,
-                            options: _.mapValues(type.options, (o) => `${o.value}`)
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        return value;
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof MultipleChoiceType,
-                    encode: async (value) => value,
-                    decode: async (value) => value,
-                    generateField: ({ label, name, type }) => {
-                        return new MultiSelectInput({
-                            name,
-                            label,
-                            options: _.mapValues(type.options, (o) => `${o.value}`)
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        return this.displayArray(value);
-                    }
-                });
-                this.register({
-                    matches: (type) => type instanceof MultipleChoiceIntegerType,
-                    encode: async (value) => value.map((v) => parseInt(v)),
-                    decode: async (value) => value.map((v) => `${v}`),
-                    generateField: ({ label, name, type }) => {
-                        return new MultiSelectInput({
-                            name,
-                            label,
-                            options: _.mapValues(type.options, (o) => `${o.value}`)
-                        });
-                    },
-                    generateDisplay: ({ value }) => {
-                        return this.displayArray(value);
-                    }
-                });
-            }
-            displayArray(value) {
-                if (value.length === 0) {
-                    return React.createElement(S.Empty, null, "empty array");
-                }
-                let items = _.slice(value, 0, MAX_NUMBER_OF_ARR_ITEMS_TO_DISPLAY);
-                return (React.createElement(S.Pills, null,
-                    items.map((c) => {
-                        return React.createElement(S.pill, { key: c }, c);
-                    }),
-                    items.length !== value.length ? '...' : null));
+                const context = {
+                    mediaEngine: this.mediaEngine,
+                    workspaceStore: this.workspaceStore,
+                    mediaCache: this._mediaCache,
+                    displayArray
+                };
+                this.register(dateHandler);
+                this.register(imageHandler(context));
+                this.register(attachmentHandler);
+                this.register(booleanHandler);
+                this.register(numberHandler);
+                this.register(textHandler(context));
+                this.register(locationHandler);
+                this.register(singleChoiceIntegerHandler);
+                this.register(singleChoiceHandler);
+                this.register(multipleChoiceHandler(context));
+                this.register(multipleChoiceIntegerHandler(context));
             }
             getHandler(type) {
                 for (let handler of this.handlers) {
@@ -313,41 +74,4 @@ let TypeEngine = (() => {
         _a;
 })();
 export { TypeEngine };
-var S;
-(function (S) {
-    S.Preview = styled.img `
-    max-height: 40px;
-    max-width: 40px;
-    cursor: pointer;
-  `;
-    S.Empty = styled.div `
-    opacity: 0.2;
-  `;
-    S.Max = styled.div `
-    max-width: 500px;
-    white-space: pre;
-    display: inline;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  `;
-    S.Container = styled.div `
-    display: flex;
-    flex-direction: row;
-    column-gap: 5px;
-    align-items: center;
-    justify-content: space-between;
-    flex-grow: 1;
-  `;
-    S.pill = styled.div `
-    padding: 2px 4px;
-    background: ${(p) => p.theme.table.pills};
-    border-radius: 3px;
-    font-size: 12px;
-  `;
-    S.Pills = styled.div `
-    display: flex;
-    column-gap: 2px;
-    row-gap: 2px;
-  `;
-})(S || (S = {}));
 //# sourceMappingURL=TypeEngine.js.map