@journeyapps-labs/reactor-mod-data-browser 2.2.0 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @journeyapps-labs/reactor-mod-data-browser
 
+## 2.4.0
+
+### Minor Changes
+
+- 98c2c03: Add editor module allowing for various JSON utilities such as viewing JSON and downloading as JSON
+- bcd307e: Support for new multi types and the ability to clear values in the forms
+
+### Patch Changes
+
+- a8f7424: Fix location input
+
+## 2.3.0
+
+### Minor Changes
+
+- bb7000e: Rewrite the data engine
+
 ## 2.2.0
 
 ### Minor Changes

package/dist/@types/actions/schema-model/ViewSchemaModelAsJsonAction.d.ts

@@ -0,0 +1,9 @@
+import { EntityAction, EntityActionEvent, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
+import { SchemaModelObject } from '../../core/SchemaModelObject';
+export declare class ViewSchemaModelAsJsonAction extends EntityAction<SchemaModelObject> {
+    static ID: string;
+    accessor workspaceStore: WorkspaceStore;
+    constructor();
+    fireEvent(event: EntityActionEvent<SchemaModelObject>): Promise<any>;
+    static get(): ViewSchemaModelAsJsonAction;
+}

package/dist/@types/core/AbstractConnection.d.ts

@@ -5,6 +5,7 @@ import { SchemaModelDefinition } from './SchemaModelDefinition';
 import { BaseObserver } from '@journeyapps-labs/common-utils';
 import { Collection, LifecycleCollection } from '@journeyapps-labs/lib-reactor-data-layer';
 import { EntityDescription } from '@journeyapps-labs/reactor-mod';
+import { SchemaModelObject } from './SchemaModelObject';
 export interface AbstractConnectionSerialized {
     factory: string;
     id: string;
@@ -19,6 +20,7 @@ export declare abstract class AbstractConnection extends BaseObserver<AbstractCo
     schema_models_collection: Collection<ObjectType>;
     schema_models: LifecycleCollection<ObjectType, SchemaModelDefinition>;
     constructor(factory: AbstractConnectionFactory);
+    batchSave(models: SchemaModelObject[]): Promise<void>;
     getSchemaModelDefinitionByName(name: string): SchemaModelDefinition;
     waitForSchemaModelDefinitionByName(name: string): Promise<SchemaModelDefinition>;
     abstract getConnection(): Promise<Database>;

package/dist/@types/core/SchemaModelDefinition.d.ts

@@ -1,6 +1,6 @@
 import { AbstractConnection } from './AbstractConnection';
 import { ObjectType } from '@journeyapps/parser-schema';
-import { Collection } from '@journeyapps/db';
+import { Collection, Query } from '@journeyapps/db';
 import { SchemaModelObject } from './SchemaModelObject';
 import { LifecycleModel } from '@journeyapps-labs/lib-reactor-data-layer';
 import { BaseObserver } from '@journeyapps-labs/common-utils';
@@ -23,12 +23,15 @@ export declare class SchemaModelDefinition extends BaseObserver<SchemaModelDefin
     queue: QueueObject<string>;
     enqueued: Set<string>;
     constructor(options: SchemaModelDefinitionOptions);
+    search(text: string): Promise<SchemaModelObject[]>;
+    load(id: string): Promise<SchemaModelObject>;
     resolve(id: string): Promise<SchemaModelObject | null>;
     get key(): string;
     dispose(): void;
     patch(data: ObjectType): void;
     get connection(): AbstractConnection;
     get definition(): ObjectType;
+    executeQuery(query: Query): Promise<SchemaModelObject[]>;
     getCollection(): Promise<Collection<import("@journeyapps/db").DatabaseObject>>;
     generateNewModelObject(): Promise<SchemaModelObject>;
 }

package/dist/@types/core/SchemaModelObject.d.ts

@@ -1,17 +1,24 @@
-import { DatabaseObject } from '@journeyapps/db';
+import { ApiObjectData, DatabaseAdapter, DatabaseObject } from '@journeyapps/db';
 import { SchemaModelDefinition } from './SchemaModelDefinition';
-import { AbstractMedia, MediaEngine } from '@journeyapps-labs/reactor-mod';
 export interface SchemaModelObjectOptions {
     definition: SchemaModelDefinition;
-    model?: DatabaseObject;
+    adapter: DatabaseAdapter;
+    model?: ApiObjectData;
 }
 export declare class SchemaModelObject {
     options: SchemaModelObjectOptions;
-    accessor mediaEngine: MediaEngine;
-    private _mediaCache;
+    accessor data: ApiObjectData;
+    accessor model: DatabaseObject;
+    accessor updated_at: Date;
+    accessor patch: Map<string, any>;
     constructor(options: SchemaModelObjectOptions);
+    applyPatches(): Promise<void>;
+    save(): Promise<void>;
+    clearEdits(): void;
+    revert(field: string): void;
+    set(field: string, value: any): void;
+    setData(data: ApiObjectData): void;
+    reload(): Promise<void>;
     get definition(): SchemaModelDefinition;
-    get model(): DatabaseObject;
-    displayValue(): Promise<string>;
-    getMedia(field: string): Promise<AbstractMedia<import("@journeyapps-labs/reactor-mod").AbstractMediaOptions>>;
+    get id(): string;
 }

package/dist/@types/core/query/AbstractQuery.d.ts

@@ -1,22 +1,17 @@
 import { Page } from './Page';
 import { AbstractConnection } from '../AbstractConnection';
-import { ConnectionStore } from '../../stores/ConnectionStore';
 import { TableColumn } from '@journeyapps-labs/reactor-mod';
-export interface AbstractQueryEncoded {
+import { SchemaModelObject } from '../SchemaModelObject';
+export declare abstract class AbstractQuery {
     type: string;
-    connection_id: string;
-    definition: string;
-}
-export declare abstract class AbstractQuery<T extends AbstractQueryEncoded = AbstractQueryEncoded> {
-    protected type: string;
-    protected connection: AbstractConnection;
+    connection: AbstractConnection;
     id: string;
     constructor(type: string, connection: AbstractConnection);
+    batchSave(): Promise<void>;
+    abstract getDirtyObjects(): SchemaModelObject[];
     abstract getSimpleName(): string;
     abstract load(): Promise<any>;
     abstract getColumns(): TableColumn[];
     abstract get totalPages(): number;
     abstract getPage(number: number): Page;
-    serialize(): T;
-    deserialize(connectionStore: ConnectionStore, data: T): Promise<void>;
 }

package/dist/@types/core/query/AbstractSerializableQuery.d.ts

@@ -0,0 +1,11 @@
+import { ConnectionStore } from '../../stores/ConnectionStore';
+import { AbstractQuery } from './AbstractQuery';
+export interface AbstractQueryEncoded {
+    type: string;
+    connection_id: string;
+    definition: string;
+}
+export declare abstract class AbstractSerializableQuery<T extends AbstractQueryEncoded = AbstractQueryEncoded> extends AbstractQuery {
+    serialize(): T;
+    deserialize(connectionStore: ConnectionStore, data: T): Promise<void>;
+}

package/dist/@types/core/query/Page.d.ts

@@ -1,19 +1,13 @@
 import { SchemaModelObject } from '../SchemaModelObject';
 import { TableRow } from '@journeyapps-labs/reactor-mod';
-import { Collection, DatabaseObject } from '@journeyapps/db';
 import { SchemaModelDefinition } from '../SchemaModelDefinition';
-import { AbstractFilter } from './filters';
 export interface PageRow extends TableRow {
     model: SchemaModelObject;
     definition: SchemaModelDefinition;
 }
 export interface PageOptions {
-    collection: () => Promise<Collection<DatabaseObject>>;
-    offset: number;
-    limit: number;
     definition: SchemaModelDefinition;
     index: number;
-    filters: AbstractFilter[];
 }
 export declare class Page {
     protected options: PageOptions;
@@ -21,6 +15,7 @@ export declare class Page {
     accessor loading: boolean;
     constructor(options: PageOptions);
     get index(): number;
-    load(): Promise<void>;
+    reset(): void;
+    getDirtyObjects(): SchemaModelObject[];
     asRows(): PageRow[];
 }

package/dist/@types/core/query/query-changed/ChangedModelQuery.d.ts

@@ -0,0 +1,15 @@
+import { TableColumn } from '@journeyapps-labs/reactor-mod';
+import { SchemaModelObject } from '../../SchemaModelObject';
+import { AbstractQuery } from '../AbstractQuery';
+import { Page } from '../Page';
+import { SimpleQuery } from '../query-simple/SimpleQuery';
+export declare class ChangedModelQuery extends AbstractQuery {
+    protected query: SimpleQuery;
+    constructor(query: SimpleQuery);
+    getDirtyObjects(): SchemaModelObject[];
+    getSimpleName(): string;
+    load(): Promise<any>;
+    getColumns(): TableColumn[];
+    get totalPages(): number;
+    getPage(number: number): Page;
+}

package/dist/@types/core/query/query-simple/SimplePage.d.ts

@@ -0,0 +1,12 @@
+import { Page, PageOptions } from '../Page';
+import { AbstractFilter } from '../filters';
+export interface SimplePageOptions extends PageOptions {
+    offset: number;
+    limit: number;
+    filters: AbstractFilter[];
+}
+export declare class SimplePage extends Page {
+    protected options2: SimplePageOptions;
+    constructor(options2: SimplePageOptions);
+    load(): Promise<void>;
+}

package/dist/@types/core/query/{SimpleQuery.d.ts → query-simple/SimpleQuery.d.ts}

@@ -1,11 +1,11 @@
-import { AbstractQuery, AbstractQueryEncoded } from './AbstractQuery';
 import { TableColumn } from '@journeyapps-labs/reactor-mod';
-import { ConnectionStore } from '../../stores/ConnectionStore';
-import * as db from '@journeyapps/db';
+import { ConnectionStore } from '../../../stores/ConnectionStore';
 import { Promise, Variable } from '@journeyapps/db';
-import { Page } from './Page';
-import { SchemaModelDefinition } from '../SchemaModelDefinition';
-import { SimpleFilter } from './filters';
+import { Page } from '../Page';
+import { SchemaModelDefinition } from '../../SchemaModelDefinition';
+import { SimpleFilter } from '../filters';
+import { SchemaModelObject } from '../../SchemaModelObject';
+import { AbstractQueryEncoded, AbstractSerializableQuery } from '../AbstractSerializableQuery';
 export interface SimpleQueryOptions {
     definition?: SchemaModelDefinition;
     limit?: number;
@@ -14,14 +14,13 @@ export interface SimpleQueryEncoded extends AbstractQueryEncoded {
     limit: number;
     definition: string;
 }
-export declare class SimpleQuery extends AbstractQuery<SimpleQueryEncoded> {
+export declare class SimpleQuery extends AbstractSerializableQuery<SimpleQueryEncoded> {
     options: SimpleQueryOptions;
     accessor connStore: ConnectionStore;
     accessor _totalPages: number;
     accessor _pages: Page[];
     simple_filters: Map<Variable, SimpleFilter>;
     constructor(options?: SimpleQueryOptions);
-    getCollection(): globalThis.Promise<db.database.Collection<db.database.DatabaseObject>>;
     load(): globalThis.Promise<void>;
     getPage(number: number): Page;
     get totalPages(): number;
@@ -29,4 +28,5 @@ export declare class SimpleQuery extends AbstractQuery<SimpleQueryEncoded> {
     deserialize(connectionStore: ConnectionStore, data: SimpleQueryEncoded): Promise<void>;
     getColumns(): TableColumn[];
     getSimpleName(): string;
+    getDirtyObjects(): SchemaModelObject[];
 }

package/dist/@types/core/query/widgets/BelongsToDisplayWidget.d.ts

@@ -7,8 +7,6 @@ export interface BelongsToDisplayWidgetProps {
     id: string;
     connection: AbstractConnection;
     open: (object: SchemaModelObject) => any;
+    className?: any;
 }
 export declare const BelongsToDisplayWidget: React.FC<BelongsToDisplayWidgetProps>;
-export declare const BelongsToStringWidget: React.FC<{
-    model: SchemaModelObject;
-}>;

package/dist/@types/core/query/widgets/CellDisplayWidget.d.ts

@@ -1,9 +1,8 @@
-import { Variable } from '@journeyapps/db';
 import * as React from 'react';
 import { PageRow } from '../Page';
 export interface CellDisplayWidgetProps {
     row: PageRow;
     cell: any;
-    variable: Variable;
+    name: string;
 }
 export declare const CellDisplayWidget: React.FC<CellDisplayWidgetProps>;

package/dist/@types/core/query/widgets/ColumnDisplayWidget.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 export interface ColumnDisplayWidgetProps {
     label: string;
+    className?: any;
 }
 export declare const ColumnDisplayWidget: React.FC<ColumnDisplayWidgetProps>;

package/dist/@types/core/query/widgets/SmartBelongsToDisplayWidget.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { PageRow } from '../Page';
+import { AbstractConnection } from '../../AbstractConnection';
+import { Variable } from '@journeyapps/db';
+export interface SmartBelongsToDisplayWidgetProps {
+    row: PageRow;
+    connection: AbstractConnection;
+    variable_id: Variable;
+}
+export declare const SmartBelongsToDisplayWidget: React.FC<SmartBelongsToDisplayWidgetProps>;

package/dist/@types/core/query/widgets/SmartCellDisplayWidget.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { PageRow } from '../Page';
+export interface SmartCellDisplayWidgetProps {
+    row: PageRow;
+    name: string;
+}
+export declare const SmartCellDisplayWidget: React.FC<SmartCellDisplayWidgetProps>;

package/dist/@types/core/query/widgets/SmartColumnWidget.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { Variable } from '@journeyapps/db';
+import { ObjectType, Variable } from '@journeyapps/db';
 import { SimpleFilter } from '../filters';
 export interface SmartColumnWidgetProps {
     variable: Variable;
+    type?: ObjectType;
     filter?: SimpleFilter;
     filterChanged: (filter: SimpleFilter | null) => any;
 }

package/dist/@types/entities/QueryEntityDefinition.d.ts

@@ -1,9 +1,9 @@
 import { EntityDefinition } from '@journeyapps-labs/reactor-mod';
 import { ConnectionStore } from '../stores/ConnectionStore';
-import { AbstractQuery } from '../core/query/AbstractQuery';
-export declare class QueryEntityDefinition extends EntityDefinition<AbstractQuery> {
+import { AbstractSerializableQuery } from '../core/query/AbstractSerializableQuery';
+export declare class QueryEntityDefinition extends EntityDefinition<AbstractSerializableQuery> {
     accessor connectionStore: ConnectionStore;
     constructor();
     matchEntity(t: any): boolean;
-    getEntityUID(t: AbstractQuery): string;
+    getEntityUID(t: AbstractSerializableQuery): string;
 }

package/dist/@types/forms/SchemaModelForm.d.ts

@@ -1,11 +1,42 @@
-import { FormModel } from '@journeyapps-labs/reactor-mod';
+import { FormInput, FormModel } from '@journeyapps-labs/reactor-mod';
 import { SchemaModelDefinition } from '../core/SchemaModelDefinition';
 import { SchemaModelObject } from '../core/SchemaModelObject';
+import { TypeEngine, TypeHandler } from './TypeEngine';
+import { Variable } from '@journeyapps/db';
 export interface SchemaModelFormOptions {
     definition: SchemaModelDefinition;
     object?: SchemaModelObject;
 }
+export interface BindingOption {
+    input: FormInput;
+    name: string;
+    model: SchemaModelObject;
+    resolve: () => Promise<any>;
+}
+export declare class Binding {
+    protected options: BindingOption;
+    accessor typeEngine: TypeEngine;
+    setting_value_via_autorun: boolean;
+    private listener1;
+    private listener2;
+    constructor(options: BindingOption);
+    encode(value: any): Promise<any>;
+    decode(value: any): Promise<any>;
+    get input(): FormInput<import("@journeyapps-labs/reactor-mod").FormInputGenerics>;
+    dispose(): void;
+}
+export declare class TypedBinding extends Binding {
+    handler: TypeHandler;
+    constructor(options: Omit<BindingOption & {
+        variable: Variable;
+    }, 'resolve'>);
+    encode(value: any): Promise<any>;
+    decode(value: any): Promise<any>;
+}
 export declare class SchemaModelForm extends FormModel {
     protected options: SchemaModelFormOptions;
+    accessor typeEngine: TypeEngine;
+    bindings: Set<Binding>;
     constructor(options: SchemaModelFormOptions);
+    dispose(): void;
 }

package/dist/@types/forms/TypeEngine.d.ts

@@ -0,0 +1,31 @@
+import { Type } from '@journeyapps/db';
+import { FormInput, MediaEngine, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
+import { JSX } from 'react';
+import { SchemaModelObject } from '../core/SchemaModelObject';
+export interface TypeHandler<T extends Type = Type, ENCODED = any, DECODED = any> {
+    matches: (type: Type) => boolean;
+    generateField: (event: {
+        label: string;
+        name: string;
+        type: T;
+    }) => FormInput;
+    generateDisplay: (event: {
+        label: string;
+        name: string;
+        type: T;
+        value: ENCODED;
+        model: SchemaModelObject;
+    }) => JSX.Element | string;
+    decode: (value: ENCODED) => Promise<DECODED>;
+    encode: (value: DECODED) => Promise<ENCODED>;
+}
+export declare class TypeEngine {
+    handlers: Set<TypeHandler>;
+    accessor mediaEngine: MediaEngine;
+    accessor workspaceStore: WorkspaceStore;
+    private _mediaCache;
+    constructor();
+    displayArray(value: any[]): JSX.Element;
+    getHandler(type: Type): TypeHandler<Type, any, any>;
+    register<T extends Type = Type, ENCODED = any, DECODED = any>(handler: TypeHandler<T, ENCODED, DECODED>): void;
+}

package/dist/@types/forms/inputs/DirtyWrapperInput.d.ts

@@ -0,0 +1,16 @@
+import { FormInput, FormInputRenderOptions } from '@journeyapps-labs/reactor-mod';
+import * as React from 'react';
+import { SchemaModelObject } from '../../core/SchemaModelObject';
+export declare class DirtyWrapperInput extends FormInput {
+    input: FormInput;
+    object?: SchemaModelObject;
+    constructor(input: FormInput, object?: SchemaModelObject);
+    revert(): void;
+    clear(): void;
+    get dirty(): boolean;
+    renderControl(options: FormInputRenderOptions): React.JSX.Element;
+}
+export interface WrapperProps {
+    input: DirtyWrapperInput;
+}
+export declare const Wrapper: React.FC<React.PropsWithChildren<WrapperProps>>;

package/dist/@types/index.d.ts

@@ -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';
@@ -16,10 +16,12 @@ export * from './entities/SchemaModelDefinitionEntityDefinition';
 export * from './entities/SchemaModelObjectEntityDefinition';
 export * from './panels/query/QueryPanelFactory';
 export * from './panels/model/ModelPanelFactory';
+export * from './panels/_shared/SharedModelPanelFactory';
 export * from './stores/ConnectionStore';
 export * from './actions/connections/AddConnectionAction';
 export * from './actions/connections/RemoveConnectionAction';
 export * from './actions/schema-definitions/CreateModelAction';
 export * from './actions/schema-definitions/QuerySchemaModelAction';
 export * from './actions/schema-model/EditSchemaModelAction';
+export * from './actions/schema-model/EditSchemaModelAction';
 export default DataBrowserModule;

package/dist/@types/panels/_shared/SharedModelPanelFactory.d.ts

@@ -0,0 +1,22 @@
+import { ReactorPanelFactory, ReactorPanelModel } from '@journeyapps-labs/reactor-mod';
+import { ConnectionStore } from '../../stores/ConnectionStore';
+import { SchemaModelDefinition } from '../../core/SchemaModelDefinition';
+import { SchemaModelObject } from '../../core/SchemaModelObject';
+export interface SharedModelPanelModelOptions {
+    definition: SchemaModelDefinition;
+    model: SchemaModelObject;
+}
+export declare class SharedModelPanelModel extends ReactorPanelModel {
+    accessor connStore: ConnectionStore;
+    accessor definition: SchemaModelDefinition;
+    accessor model: SchemaModelObject;
+    constructor(type: string, options?: SharedModelPanelModelOptions);
+    encodeEntities(): {
+        definition: SchemaModelDefinition;
+        model: SchemaModelObject;
+    };
+    decodeEntities(data: ReturnType<this['encodeEntities']>): Promise<void>;
+}
+export declare abstract class SharedModelPanelFactory<T extends SharedModelPanelModel> extends ReactorPanelFactory<T> {
+    getSimpleName(model: T): string;
+}

package/dist/@types/panels/model/ModelPanelFactory.d.ts

@@ -1,28 +1,12 @@
 import * as React from 'react';
-import { ReactorPanelFactory, ReactorPanelModel } from '@journeyapps-labs/reactor-mod';
-import { ConnectionStore } from '../../stores/ConnectionStore';
 import { WorkspaceModelFactoryEvent } from '@projectstorm/react-workspaces-core';
-import { SchemaModelDefinition } from '../../core/SchemaModelDefinition';
-import { SchemaModelObject } from '../../core/SchemaModelObject';
-export interface ModelPanelModelOptions {
-    definition: SchemaModelDefinition;
-    model?: SchemaModelObject;
+import { SharedModelPanelFactory, SharedModelPanelModel, SharedModelPanelModelOptions } from '../_shared/SharedModelPanelFactory';
+export declare class ModelPanelModel extends SharedModelPanelModel {
+    constructor(options?: SharedModelPanelModelOptions);
 }
-export declare class ModelPanelModel extends ReactorPanelModel {
-    accessor connStore: ConnectionStore;
-    accessor definition: SchemaModelDefinition;
-    accessor model: SchemaModelObject;
-    constructor(options?: ModelPanelModelOptions);
-    encodeEntities(): {
-        definition: SchemaModelDefinition;
-        model: SchemaModelObject;
-    };
-    decodeEntities(data: ReturnType<this['encodeEntities']>): void;
-}
-export declare class ModelPanelFactory extends ReactorPanelFactory<ModelPanelModel> {
+export declare class ModelPanelFactory extends SharedModelPanelFactory<ModelPanelModel> {
     static TYPE: string;
     constructor();
-    getSimpleName(model: ModelPanelModel): string;
     _generateModel(): ModelPanelModel;
     generatePanelContent(event: WorkspaceModelFactoryEvent<ModelPanelModel>): React.JSX.Element;
 }

package/dist/@types/panels/model-json/ModelJsonPanelFactory.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { WorkspaceEngineInterface, WorkspaceModelFactoryEvent } from '@projectstorm/react-workspaces-core';
+import { SharedModelPanelFactory, SharedModelPanelModel, SharedModelPanelModelOptions } from '../_shared/SharedModelPanelFactory';
+export interface ModelJsonPanelModelOptions extends SharedModelPanelModelOptions {
+    field?: string;
+}
+export declare class ModelJsonPanelModel extends SharedModelPanelModel {
+    accessor field: string;
+    constructor(options?: ModelJsonPanelModelOptions);
+    toArray(): {
+        field: string;
+        _encoded: {};
+        id: string;
+        expandVertical: boolean;
+        expandHorizontal: boolean;
+        type: string;
+        width: number;
+        height: number;
+    };
+    fromArray(payload: ReturnType<this['toArray']>, engine: WorkspaceEngineInterface): void;
+}
+export declare class ModelJsonPanelFactory extends SharedModelPanelFactory<ModelJsonPanelModel> {
+    static TYPE: string;
+    constructor();
+    _generateModel(): ModelJsonPanelModel;
+    generatePanelContent(event: WorkspaceModelFactoryEvent<ModelJsonPanelModel>): React.JSX.Element;
+}

package/dist/@types/panels/model-json/ModelJsonPanelWidget.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ModelJsonPanelModel } from './ModelJsonPanelFactory';
+export interface QueryPanelWidgetProps {
+    model: ModelJsonPanelModel;
+}
+export declare const ModelJsonPanelWidget: React.FC<QueryPanelWidgetProps>;

package/dist/@types/panels/query/QueryPanelFactory.d.ts

@@ -8,6 +8,7 @@ export declare class QueryPanelModel extends ReactorPanelModel {
     accessor query: AbstractQuery;
     accessor current_page: number;
     constructor(query: AbstractQuery);
+    isSerializable(): boolean;
     toArray(): {
         current_page: number;
         _encoded: {};
@@ -20,7 +21,7 @@ export declare class QueryPanelModel extends ReactorPanelModel {
     };
     fromArray(data: ReturnType<this['toArray']>, engine: any): void;
     encodeEntities(): {
-        query: AbstractQuery<import("../../core/query/AbstractQuery").AbstractQueryEncoded>;
+        query: AbstractQuery;
     };
     decodeEntities(data: ReturnType<this['encodeEntities']>): void;
 }

package/dist/DataBrowserModule.js

@@ -13,6 +13,9 @@ import { ModelPanelFactory } from './panels/model/ModelPanelFactory';
 import { CreateModelAction } from './actions/schema-definitions/CreateModelAction';
 import { SchemaModelObjectEntityDefinition } from './entities/SchemaModelObjectEntityDefinition';
 import { EditSchemaModelAction } from './actions/schema-model/EditSchemaModelAction';
+import { TypeEngine } from './forms/TypeEngine';
+import { ViewSchemaModelAsJsonAction } from './actions/schema-model/ViewSchemaModelAsJsonAction';
+import { ModelJsonPanelFactory } from './panels/model-json/ModelJsonPanelFactory';
 export class DataBrowserModule extends AbstractReactorModule {
     constructor() {
         super({
@@ -23,12 +26,14 @@ export class DataBrowserModule extends AbstractReactorModule {
         const system = ioc.get(System);
         const workspaceStore = ioc.get(WorkspaceStore);
         let connectionStore = new ConnectionStore();
+        ioc.bind(TypeEngine).toConstantValue(new TypeEngine());
         connectionStore.registerConnectionFactory(new ManualConnectionFactory());
         system.registerAction(new AddConnectionAction());
         system.registerAction(new RemoveConnectionAction());
         system.registerAction(new QuerySchemaModelAction());
         system.registerAction(new CreateModelAction());
         system.registerAction(new EditSchemaModelAction());
+        system.registerAction(new ViewSchemaModelAsJsonAction());
         system.addStore(ConnectionStore, connectionStore);
         system.registerDefinition(new ConnectionEntityDefinition());
         system.registerDefinition(new ConnectionFactoryEntityDefinition());
@@ -37,6 +42,7 @@ export class DataBrowserModule extends AbstractReactorModule {
         system.registerDefinition(new QueryEntityDefinition());
         workspaceStore.registerFactory(new QueryPanelFactory());
         workspaceStore.registerFactory(new ModelPanelFactory());
+        workspaceStore.registerFactory(new ModelJsonPanelFactory());
     }
     async init(ioc) {
         ioc.get(ConnectionStore).init();

package/dist/DataBrowserModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataBrowserModule.js","sourceRoot":"","sources":["../src/DataBrowserModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE9F,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,iCAAiC,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,qCAAqC,EAAE,MAAM,kDAAkD,CAAC;AACzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAErF,MAAM,OAAO,iBAAkB,SAAQ,qBAAqB;IAC1D;QACE,KAAK,CAAC;YACJ,IAAI,EAAE,cAAc;SACrB,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAc;QACrB,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC/B,MAAM,cAAc,GAAG,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAE/C,IAAI,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAE5C,eAAe,CAAC,yBAAyB,CAAC,IAAI,uBAAuB,EAAE,CAAC,CAAC;QAEzE,MAAM,CAAC,cAAc,CAAC,IAAI,mBAAmB,EAAE,CAAC,CAAC;QACjD,MAAM,CAAC,cAAc,CAAC,IAAI,sBAAsB,EAAE,CAAC,CAAC;QACpD,MAAM,CAAC,cAAc,CAAC,IAAI,sBAAsB,EAAE,CAAC,CAAC;QACpD,MAAM,CAAC,cAAc,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC;QAC/C,MAAM,CAAC,cAAc,CAAC,IAAI,qBAAqB,EAAE,CAAC,CAAC;QAEnD,MAAM,CAAC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;QAElD,MAAM,CAAC,kBAAkB,CAAC,IAAI,0BAA0B,EAAE,CAAC,CAAC;QAC5D,MAAM,CAAC,kBAAkB,CAAC,IAAI,iCAAiC,EAAE,CAAC,CAAC;QACnE,MAAM,CAAC,kBAAkB,CAAC,IAAI,qCAAqC,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,kBAAkB,CAAC,IAAI,iCAAiC,EAAE,CAAC,CAAC;QACnE,MAAM,CAAC,kBAAkB,CAAC,IAAI,qBAAqB,EAAE,CAAC,CAAC;QAEvD,cAAc,CAAC,eAAe,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC;QACxD,cAAc,CAAC,eAAe,CAAC,IAAI,iBAAiB,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAc;QACvB,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;CACF"}
+{"version":3,"file":"DataBrowserModule.js","sourceRoot":"","sources":["../src/DataBrowserModule.ts"],"names":[],"mappings":"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"}

package/dist/actions/schema-definitions/CreateModelAction.js

@@ -23,7 +23,8 @@ let CreateModelAction = (() => {
             }
             async fireEvent(event) {
                 this.workspaceStore.addModel(new ModelPanelModel({
-                    definition: event.targetEntity
+                    definition: event.targetEntity,
+                    model: await event.targetEntity.generateNewModelObject()
                 }));
             }
             static get() {

package/dist/actions/schema-definitions/CreateModelAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateModelAction.js","sourceRoot":"","sources":["../../../src/actions/schema-definitions/CreateModelAction.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;IAE1D,iBAAiB;;sBAAS,YAAY;;;;sBAAtC,iBAAkB,SAAQ,WAAmC;YAIxE,IAAS,cAAc,oGAAiB;YAAxC,IAAS,cAAc,yGAAiB;YAExC;gBACE,KAAK,CAAC;oBACJ,EAAE,EAAE,EAAiB,CAAC,EAAE;oBACxB,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,mBAAmB,CAAC,uBAAuB;iBACpD,CAAC,CAAC;gBARI,4HAA+B;;aASvC;YAED,KAAK,CAAC,SAAS,CAAC,KAA+C;gBAC7D,IAAI,CAAC,cAAc,CAAC,QAAQ,CAC1B,IAAI,eAAe,CAAC;oBAClB,UAAU,EAAE,KAAK,CAAC,YAAY;iBAC/B,CAAC,CACH,CAAC;YACJ,CAAC;YAED,MAAM,CAAC,GAAG;gBACR,OAAO,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,aAAa,CAAoB,EAAiB,CAAC,EAAE,CAAC,CAAC;YAChF,CAAC;;;;;;0CAtBA,MAAM,CAAC,cAAc,CAAC;YACvB,6LAAS,cAAc,6BAAd,cAAc,uGAAiB;;;QAHjC,KAAE,GAAG,qBAAsB;;;SADvB,iBAAiB"}
+{"version":3,"file":"CreateModelAction.js","sourceRoot":"","sources":["../../../src/actions/schema-definitions/CreateModelAction.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACrH,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;IAE1D,iBAAiB;;sBAAS,YAAY;;;;sBAAtC,iBAAkB,SAAQ,WAAmC;YAIxE,IAAS,cAAc,oGAAiB;YAAxC,IAAS,cAAc,yGAAiB;YAExC;gBACE,KAAK,CAAC;oBACJ,EAAE,EAAE,EAAiB,CAAC,EAAE;oBACxB,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,mBAAmB,CAAC,uBAAuB;iBACpD,CAAC,CAAC;gBARI,4HAA+B;;aASvC;YAED,KAAK,CAAC,SAAS,CAAC,KAA+C;gBAC7D,IAAI,CAAC,cAAc,CAAC,QAAQ,CAC1B,IAAI,eAAe,CAAC;oBAClB,UAAU,EAAE,KAAK,CAAC,YAAY;oBAC9B,KAAK,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC,sBAAsB,EAAE;iBACzD,CAAC,CACH,CAAC;YACJ,CAAC;YAED,MAAM,CAAC,GAAG;gBACR,OAAO,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,aAAa,CAAoB,EAAiB,CAAC,EAAE,CAAC,CAAC;YAChF,CAAC;;;;;;0CAvBA,MAAM,CAAC,cAAc,CAAC;YACvB,6LAAS,cAAc,6BAAd,cAAc,uGAAiB;;;QAHjC,KAAE,GAAG,qBAAsB;;;SADvB,iBAAiB"}

package/dist/actions/schema-definitions/QuerySchemaModelAction.js

@@ -2,7 +2,7 @@ import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInit
 import { EntityAction, inject, ioc, System, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
 import { DataBrowserEntities } from '../../entities';
 import { QueryPanelModel } from '../../panels/query/QueryPanelFactory';
-import { SimpleQuery } from '../../core/query/SimpleQuery';
+import { SimpleQuery } from '../../core/query/query-simple/SimpleQuery';
 let QuerySchemaModelAction = (() => {
     var _a, _QuerySchemaModelAction_workspaceStore_accessor_storage;
     let _classSuper = EntityAction;