@devtable/dashboard 6.6.0 → 6.8.0

package/dist/model/views/view/panels/index.d.ts

@@ -187,6 +187,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
     }, {
         readonly query: ({
             id: string;
+            name: string;
             type: import("../../../queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -195,8 +196,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -204,14 +206,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -220,6 +215,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").ISimpleType<string>;
+            name: import("mobx-state-tree").ISimpleType<string>;
             type: import("mobx-state-tree").ISimpleType<import("../../../queries/types").DataSourceType>;
             key: import("mobx-state-tree").ISimpleType<string>;
             sql: import("mobx-state-tree").ISimpleType<string>;
@@ -229,8 +225,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: import("mobx-state-tree").IType<any, any, any>;
         }, {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -238,14 +235,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -1243,6 +1233,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         readonly query: ({
             id: string;
+            name: string;
             type: import("../../../queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -1251,8 +1242,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -1260,14 +1252,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -1276,6 +1261,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").ISimpleType<string>;
+            name: import("mobx-state-tree").ISimpleType<string>;
             type: import("mobx-state-tree").ISimpleType<import("../../../queries/types").DataSourceType>;
             key: import("mobx-state-tree").ISimpleType<string>;
             sql: import("mobx-state-tree").ISimpleType<string>;
@@ -1285,8 +1271,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: import("mobx-state-tree").IType<any, any, any>;
         }, {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -1294,14 +1281,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -2017,6 +1997,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
     }, {
         readonly query: ({
             id: string;
+            name: string;
             type: import("../../../queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -2025,8 +2006,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -2034,14 +2016,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;
@@ -2050,6 +2025,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             afterCreate(): void;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").ISimpleType<string>;
+            name: import("mobx-state-tree").ISimpleType<string>;
             type: import("mobx-state-tree").ISimpleType<import("../../../queries/types").DataSourceType>;
             key: import("mobx-state-tree").ISimpleType<string>;
             sql: import("mobx-state-tree").ISimpleType<string>;
@@ -2059,8 +2035,9 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
             error: import("mobx-state-tree").IType<any, any, any>;
         }, {
             readonly valid: string;
-            readonly configurations: {
+            readonly json: {
                 id: string;
+                name: string;
                 type: import("../../../queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -2068,14 +2045,7 @@ export declare const PanelsModel: import("mobx-state-tree").IModelType<{
         } & {
             readonly formattedSQL: any;
         } & {
-            readonly json: {
-                id: string;
-                type: import("../../../queries/types").DataSourceType;
-                key: string;
-                sql: string;
-            };
-        } & {
-            setID(id: string): void;
+            setName(name: string): void;
             setKey(key: string): void;
             setType(type: import("../../../queries/types").DataSourceType): void;
             setSQL(sql: string): void;

package/dist/model/views/view/panels/panel.d.ts

@@ -187,6 +187,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
 }, {
     readonly query: ({
         id: string;
+        name: string;
         type: import("../../../queries/types").DataSourceType;
         key: string;
         sql: string;
@@ -195,8 +196,9 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
         error: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         readonly valid: string;
-        readonly configurations: {
+        readonly json: {
             id: string;
+            name: string;
             type: import("../../../queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -204,14 +206,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
     } & {
         readonly formattedSQL: any;
     } & {
-        readonly json: {
-            id: string;
-            type: import("../../../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-        };
-    } & {
-        setID(id: string): void;
+        setName(name: string): void;
         setKey(key: string): void;
         setType(type: import("../../../queries/types").DataSourceType): void;
         setSQL(sql: string): void;
@@ -220,6 +215,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
         afterCreate(): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
+        name: import("mobx-state-tree").ISimpleType<string>;
         type: import("mobx-state-tree").ISimpleType<import("../../../queries/types").DataSourceType>;
         key: import("mobx-state-tree").ISimpleType<string>;
         sql: import("mobx-state-tree").ISimpleType<string>;
@@ -229,8 +225,9 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
         error: import("mobx-state-tree").IType<any, any, any>;
     }, {
         readonly valid: string;
-        readonly configurations: {
+        readonly json: {
             id: string;
+            name: string;
             type: import("../../../queries/types").DataSourceType;
             key: string;
             sql: string;
@@ -238,14 +235,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
     } & {
         readonly formattedSQL: any;
     } & {
-        readonly json: {
-            id: string;
-            type: import("../../../queries/types").DataSourceType;
-            key: string;
-            sql: string;
-        };
-    } & {
-        setID(id: string): void;
+        setName(name: string): void;
         setKey(key: string): void;
         setType(type: import("../../../queries/types").DataSourceType): void;
         setSQL(sql: string): void;

package/dist/plugins/plugin-context.d.ts

@@ -389,6 +389,7 @@ export declare const tokens: {
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             readonly query: ({
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -397,8 +398,9 @@ export declare const tokens: {
                 error: any;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
                 readonly valid: string;
-                readonly configurations: {
+                readonly json: {
                     id: string;
+                    name: string;
                     type: import("../model/queries/types").DataSourceType;
                     key: string;
                     sql: string;
@@ -406,14 +408,7 @@ export declare const tokens: {
             } & {
                 readonly formattedSQL: any;
             } & {
-                readonly json: {
-                    id: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    key: string;
-                    sql: string;
-                };
-            } & {
-                setID(id: string): void;
+                setName(name: string): void;
                 setKey(key: string): void;
                 setType(type: import("../model/queries/types").DataSourceType): void;
                 setSQL(sql: string): void;
@@ -422,6 +417,7 @@ export declare const tokens: {
                 afterCreate(): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
                 type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
                 key: import("mobx-state-tree").ISimpleType<string>;
                 sql: import("mobx-state-tree").ISimpleType<string>;
@@ -431,8 +427,9 @@ export declare const tokens: {
                 error: import("mobx-state-tree").IType<any, any, any>;
             }, {
                 readonly valid: string;
-                readonly configurations: {
+                readonly json: {
                     id: string;
+                    name: string;
                     type: import("../model/queries/types").DataSourceType;
                     key: string;
                     sql: string;
@@ -440,14 +437,7 @@ export declare const tokens: {
             } & {
                 readonly formattedSQL: any;
             } & {
-                readonly json: {
-                    id: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    key: string;
-                    sql: string;
-                };
-            } & {
-                setID(id: string): void;
+                setName(name: string): void;
                 setKey(key: string): void;
                 setType(type: import("../model/queries/types").DataSourceType): void;
                 setSQL(sql: string): void;
@@ -1163,6 +1153,7 @@ export declare const tokens: {
         }, {
             readonly query: ({
                 id: string;
+                name: string;
                 type: import("../model/queries/types").DataSourceType;
                 key: string;
                 sql: string;
@@ -1171,8 +1162,9 @@ export declare const tokens: {
                 error: any;
             } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
                 readonly valid: string;
-                readonly configurations: {
+                readonly json: {
                     id: string;
+                    name: string;
                     type: import("../model/queries/types").DataSourceType;
                     key: string;
                     sql: string;
@@ -1180,14 +1172,7 @@ export declare const tokens: {
             } & {
                 readonly formattedSQL: any;
             } & {
-                readonly json: {
-                    id: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    key: string;
-                    sql: string;
-                };
-            } & {
-                setID(id: string): void;
+                setName(name: string): void;
                 setKey(key: string): void;
                 setType(type: import("../model/queries/types").DataSourceType): void;
                 setSQL(sql: string): void;
@@ -1196,6 +1181,7 @@ export declare const tokens: {
                 afterCreate(): void;
             } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
                 id: import("mobx-state-tree").ISimpleType<string>;
+                name: import("mobx-state-tree").ISimpleType<string>;
                 type: import("mobx-state-tree").ISimpleType<import("../model/queries/types").DataSourceType>;
                 key: import("mobx-state-tree").ISimpleType<string>;
                 sql: import("mobx-state-tree").ISimpleType<string>;
@@ -1205,8 +1191,9 @@ export declare const tokens: {
                 error: import("mobx-state-tree").IType<any, any, any>;
             }, {
                 readonly valid: string;
-                readonly configurations: {
+                readonly json: {
                     id: string;
+                    name: string;
                     type: import("../model/queries/types").DataSourceType;
                     key: string;
                     sql: string;
@@ -1214,14 +1201,7 @@ export declare const tokens: {
             } & {
                 readonly formattedSQL: any;
             } & {
-                readonly json: {
-                    id: string;
-                    type: import("../model/queries/types").DataSourceType;
-                    key: string;
-                    sql: string;
-                };
-            } & {
-                setID(id: string): void;
+                setName(name: string): void;
                 setKey(key: string): void;
                 setType(type: import("../model/queries/types").DataSourceType): void;
                 setSQL(sql: string): void;

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/dynamic-size-function-editor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TScatterSize_Dynamic } from './types';
+interface IDynamicSizeFunctionEditor {
+    value: TScatterSize_Dynamic['func_content'];
+    onChange: (v: TScatterSize_Dynamic['func_content']) => void;
+}
+export declare const DynamicSizeFunctionEditor: ({ value, onChange }: IDynamicSizeFunctionEditor) => JSX.Element;
+export {};

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/dynamic.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AnyObject } from '~/types';
+import { TScatterSize } from './types';
+export interface IDynamicScatterSizeField {
+    value: TScatterSize;
+    onChange: (v: TScatterSize) => void;
+    data: AnyObject[];
+}
+export declare const DynamicScatterSizeField: ({ value, onChange, data }: IDynamicScatterSizeField) => JSX.Element | null;

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/get-echarts-symbol-size.d.ts

@@ -0,0 +1,3 @@
+import { AnyObject } from '~/types';
+import { TScatterSize } from './types';
+export declare function getEchartsSymbolSize({ type, ...rest }: TScatterSize, data: AnyObject[], x_axis_data_key: string): number | ((_value: number, params: $TSFixMe) => any);

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AnyObject } from '~/types';
+import { TScatterSize } from './types';
+interface IScatterSizeSelect {
+    label?: string;
+    value: TScatterSize;
+    onChange: (v: TScatterSize) => void;
+    data: AnyObject[];
+}
+export declare const ScatterSizeSelect: import("react").ForwardRefExoticComponent<IScatterSizeSelect & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/static.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TScatterSize } from './types';
+interface IStaticScatterSizeField {
+    value: TScatterSize;
+    onChange: (v: TScatterSize) => void;
+}
+export declare const StaticScatterSizeField: ({ value, onChange }: IStaticScatterSizeField) => JSX.Element | null;
+export {};

package/dist/plugins/viz-components/cartesian/panel/scatter-size-select/types.d.ts

@@ -0,0 +1,13 @@
+export declare type TScatterSize_Static = {
+    type: 'static';
+    size: number;
+};
+export declare type TScatterSize_Dynamic = {
+    type: 'dynamic';
+    func_content: string;
+};
+export declare type TScatterSize = TScatterSize_Static | TScatterSize_Dynamic;
+export declare const DEFAULT_SCATTER_SIZE: {
+    static: TScatterSize_Static;
+    dynamic: TScatterSize_Dynamic;
+};

package/dist/plugins/viz-components/cartesian/panel/series/fields.scatter.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form';
+import { AnyObject } from '~/types';
 import { ICartesianChartConf } from '../../type';
 interface IScatterFields {
     control: Control<ICartesianChartConf, $TSFixMe>;
     index: number;
+    data: AnyObject[];
 }
-export declare function ScatterFields({ control, index }: IScatterFields): JSX.Element;
+export declare function ScatterFields({ control, index, data }: IScatterFields): JSX.Element;
 export {};

package/dist/plugins/viz-components/cartesian/type.d.ts

@@ -1,10 +1,11 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { TScatterSize } from './panel/scatter-size-select/types';
 export interface ICartesianChartSeriesItem {
     type: 'line' | 'bar' | 'scatter';
     name: string;
     display_name_on_line: boolean;
     showSymbol: false;
-    symbolSize: number;
+    symbolSize: TScatterSize;
     y_axis_data_key: string;
     yAxisIndex: number;
     label_position?: string;

package/dist/style.css

@@ -1 +1 @@
-.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;position:relative}.panel-settings-tabs{width:100%;height:100%}.panel-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.panel-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.panel-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.viz-root{width:100%;overflow:scroll;flex-grow:1;background-color:#fff}.panel-dropdown-target{text-align:center;transition:background-color .3s ease}.panel-dropdown-target:hover{cursor:pointer;background-color:#6464640d}.react-grid-item{padding:0}.remove-panel{position:absolute;right:2px;top:0;cursor:pointer}.code-textarea textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-root{overflow:scroll;padding:0 10px 10px;height:100%}.dashboard-sticky-area{z-index:100;background:white;margin:0;padding:0 10px}*::-webkit-scrollbar{width:0!important;height:0!important}*{overflow:-moz-scrollbars-none;-ms-overflow-style:none}
+.filter-settings-tabs{width:100%;height:100%}.filter-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.filter-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.filter-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.panel-root{height:100%;width:100%;max-width:100%;background:transparent;border-radius:4px;position:relative}.panel-settings-tabs{width:100%;height:100%}.panel-settings-tabs .mantine-Tabs-panel{height:calc(100% - 25px)}.panel-settings-tabs .mantine-Tabs-tabsListWrapper{flex:0}.panel-settings-tabs .mantine-Tabs-body{flex:1;overflow:scroll}.viz-root{width:100%;overflow:scroll;flex-grow:1;background-color:#fff}.panel-dropdown-target{text-align:center;transition:background-color .3s ease}.panel-dropdown-target:hover{cursor:pointer;background-color:#6464640d}.react-grid-item{padding:0}.remove-panel{position:absolute;right:2px;top:0;cursor:pointer}.code-textarea textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dashboard-root{overflow:scroll;padding:0 10px 10px;height:100%}.dashboard-sticky-area{z-index:100;background:white;margin:0;padding:0 10px}*::-webkit-scrollbar{width:0!important;height:0!important}*{overflow:-moz-scrollbars-none;-ms-overflow-style:none}.minimal-monaco-editor{border-radius:4px;overflow:hidden;background-color:#1e1e1e;padding-top:14px}

package/dist/types/dashboard.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject } from '~/types/utils';
 import { ITemplateVariable } from '~/utils/template';
 import { FilterModelInstance } from '../model';
-import { QueryModelInstance } from '../model/queries';
+import { QueryModelSnapshotIn } from '../model/queries';
 import { SQLSnippetModelInstance } from '../model/sql-snippets';
 export interface IVizConfig {
     type: string;
@@ -35,7 +35,7 @@ export declare enum DashboardMode {
 }
 export interface IDashboardDefinition {
     sqlSnippets: SQLSnippetModelInstance[];
-    queries: QueryModelInstance[];
+    queries: QueryModelSnapshotIn[];
     mock_context: Record<string, $TSFixMe>;
 }
 export declare enum EViewComponentType {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "6.6.0",
+  "version": "6.8.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
@@ -34,6 +34,7 @@
     "@types/chroma-js": "^2.1.4",
     "file-saver": "2.0.5",
     "popmotion": "^11.0.3",
+    "@monaco-editor/react": "4.4.6",
     "stickybits": "3.7.11"
   },
   "devDependencies": {