@devtable/dashboard 6.7.0 → 6.9.0

package/dist/definition-editor/minimal-monaco-editor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IMinimalMonacoEditor {
+    value: string;
+    onChange?: (v: string) => void;
+    height?: string;
+    defaultLanguage?: string;
+}
+export declare const MinimalMonacoEditor: ({ value, onChange, height, defaultLanguage, }: IMinimalMonacoEditor) => JSX.Element;
+export {};

package/dist/definition-editor/sql-snippet-editor/item-editor.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SQLSnippetModelInstance } from '~/model';
+interface ISQLSnippetItemEditor {
+    item: SQLSnippetModelInstance;
+    remove: () => void;
+    onKeyChanged: (newKey: string) => void;
+}
+export declare const SQLSnippetItemEditor: (({ item, remove, onKeyChanged }: ISQLSnippetItemEditor) => JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/filter/filter-tree-select/editor.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IFilterConfig_TreeSelect } from '../../model/filters/filter/tree-select';
+interface IFilterEditorTreeSelect {
+    config: IFilterConfig_TreeSelect;
+}
+export declare const FilterEditorTreeSelect: import("react").FunctionComponent<IFilterEditorTreeSelect>;
+export {};

package/dist/filter/filter-tree-select/expected-structure.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ExpectedStructureForTreeSelect: () => JSX.Element;

package/dist/filter/filter-tree-select/render/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FilterModelInstance } from '../../../model';
+import { IFilterConfig_TreeSelect } from '../../../model/filters/filter/tree-select';
+interface IFilterTreeSelect extends Omit<FilterModelInstance, 'key' | 'type' | 'config'> {
+    config: IFilterConfig_TreeSelect;
+    value: $TSFixMe;
+    onChange: (v: $TSFixMe) => void;
+}
+export declare const FilterTreeSelect: (({ label, config, value, onChange }: IFilterTreeSelect) => JSX.Element) & {
+    displayName: string;
+};
+export {};

package/dist/filter/filter-tree-select/render/query-data-to-tree.d.ts

@@ -0,0 +1,2 @@
+import { ITreeDataQueryOption } from '../types';
+export declare function queryDataToTree(queryData: ITreeDataQueryOption[]): import("performant-array-to-tree").TreeItem[];

package/dist/filter/filter-tree-select/render/switcher-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree-select/lib/TreeNode';
+export declare const SwitcherIcon: ({ expanded, isLeaf, value, onClick, ...rest }: TreeNodeProps) => JSX.Element;

package/dist/filter/filter-tree-select/render/tree-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree-select/lib/TreeNode';
+export declare const TreeIcon: ({ onClick, ...rest }: TreeNodeProps) => JSX.Element;

package/dist/filter/filter-tree-select/render/widget.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DefaultProps, MantineNumberSize, Selectors } from '@mantine/core';
+import useStyles, { TreeSelectWidgetStylesParams } from './widget.styles';
+declare type MyComponentStylesNames = Selectors<typeof useStyles>;
+interface IFilterTreeSelectWidget extends DefaultProps<MyComponentStylesNames, TreeSelectWidgetStylesParams> {
+    radius?: MantineNumberSize;
+    style?: Record<string, any>;
+    label: string;
+    value: string[];
+    onChange: (v: string[]) => void;
+    treeData: $TSFixMe;
+}
+export declare const FilterTreeSelectWidget: ({ classNames, styles, unstyled, radius, style, label, value, onChange, treeData, }: IFilterTreeSelectWidget) => JSX.Element;
+export {};

package/dist/filter/filter-tree-select/render/widget.styles.d.ts

@@ -0,0 +1,10 @@
+import { MantineNumberSize } from '@mantine/core';
+export interface TreeSelectWidgetStylesParams {
+    radius?: MantineNumberSize;
+}
+declare const _default: (params: TreeSelectWidgetStylesParams, options?: import("@mantine/core").UseStylesOptions<"label" | "root" | "dropdown"> | undefined) => {
+    classes: Record<"label" | "root" | "dropdown", string>;
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/dist/filter/filter-tree-select/types.d.ts

@@ -0,0 +1,5 @@
+export interface ITreeDataQueryOption {
+    label: string;
+    value: string;
+    parent_value: string;
+}

package/dist/model/filters/filter/common.d.ts

@@ -3,6 +3,7 @@ import { DataSourceType } from '~/model/queries/types';
 export declare enum DashboardFilterType {
     Select = "select",
     MultiSelect = "multi-select",
+    TreeSelect = "tree-select",
     TextInput = "text-input",
     Checkbox = "checkbox",
     DateRange = "date-range"

package/dist/model/filters/filter/tree-select.d.ts

@@ -0,0 +1,90 @@
+import { Instance } from 'mobx-state-tree';
+export declare const FilterConfigModel_TreeSelect: import("mobx-state-tree").IModelType<{
+    _name: import("mobx-state-tree").ISimpleType<"tree-select">;
+    default_value: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+} & {
+    static_options: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        label: import("mobx-state-tree").ISimpleType<string>;
+        value: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setLabel(label: string): void;
+        setValue(value: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+    options_query_id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    select_first_by_default: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+}, {
+    readonly options: any;
+} & {
+    addStaticOption(option: {
+        label: string;
+        value: string;
+    }): void;
+    removeStaticOption(index: number): void;
+    setSelectFirstByDefault(v: boolean): void;
+    setOptionsQueryID(id: string): void;
+} & {
+    setDefaultValue(default_value: string[]): void;
+    setMinWidth(v: string): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type IFilterConfig_TreeSelect = Instance<typeof FilterConfigModel_TreeSelect>;
+export declare const createFilterConfig_TreeSelect: () => {
+    _name: "tree-select";
+    default_value: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
+    min_width: string;
+    static_options: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IModelType<{
+        label: import("mobx-state-tree").ISimpleType<string>;
+        value: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setLabel(label: string): void;
+        setValue(value: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        label: import("mobx-state-tree").ISimpleType<string>;
+        value: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setLabel(label: string): void;
+        setValue(value: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>>;
+    options_query_id: string;
+    select_first_by_default: boolean;
+} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+    readonly options: any;
+} & {
+    addStaticOption(option: {
+        label: string;
+        value: string;
+    }): void;
+    removeStaticOption(index: number): void;
+    setSelectFirstByDefault(v: boolean): void;
+    setOptionsQueryID(id: string): void;
+} & {
+    setDefaultValue(default_value: string[]): void;
+    setMinWidth(v: string): void;
+} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+    _name: import("mobx-state-tree").ISimpleType<"tree-select">;
+    default_value: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
+    min_width: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+} & {
+    static_options: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        label: import("mobx-state-tree").ISimpleType<string>;
+        value: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setLabel(label: string): void;
+        setValue(value: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
+    options_query_id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    select_first_by_default: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+}, {
+    readonly options: any;
+} & {
+    addStaticOption(option: {
+        label: string;
+        value: string;
+    }): void;
+    removeStaticOption(index: number): void;
+    setSelectFirstByDefault(v: boolean): void;
+    setOptionsQueryID(id: string): void;
+} & {
+    setDefaultValue(default_value: string[]): void;
+    setMinWidth(v: string): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;

package/dist/model/sql-snippets/index.d.ts

@@ -8,6 +8,7 @@ export declare const SQLSnippetsModel: import("mobx-state-tree").IModelType<{
             key: string;
             value: string;
         };
+        isADuplicatedKey(newKey: string): boolean;
     } & {
         setKey(key: string): void;
         setValue(value: string): void;
@@ -18,6 +19,32 @@ export declare const SQLSnippetsModel: import("mobx-state-tree").IModelType<{
         value: string;
     }[];
     readonly record: Record<string, string>;
+    readonly firstKey: string | undefined;
+    findByKey(key: string): ({
+        key: string;
+        value: string;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        readonly json: {
+            key: string;
+            value: string;
+        };
+        isADuplicatedKey(newKey: string): boolean;
+    } & {
+        setKey(key: string): void;
+        setValue(value: string): void;
+    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        value: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        readonly json: {
+            key: string;
+            value: string;
+        };
+        isADuplicatedKey(newKey: string): boolean;
+    } & {
+        setKey(key: string): void;
+        setValue(value: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
 } & {
     replace(current: Array<SQLSnippetModelInstance>): void;
     append(item: SQLSnippetModelInstance): void;

package/dist/model/sql-snippets/sql-snippet.d.ts

@@ -7,6 +7,7 @@ export declare const SQLSnippetModel: import("mobx-state-tree").IModelType<{
         key: string;
         value: string;
     };
+    isADuplicatedKey(newKey: string): boolean;
 } & {
     setKey(key: string): void;
     setValue(value: string): void;

package/dist/model/sql-snippets/types.d.ts

@@ -0,0 +1,3 @@
+import { Instance } from 'mobx-state-tree';
+import { SQLSnippetsModel } from '.';
+export declare type SQLSnippetsModelInstance = Instance<typeof SQLSnippetsModel>;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "6.7.0",
+  "version": "6.9.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
@@ -33,8 +33,10 @@
   "dependencies": {
     "@types/chroma-js": "^2.1.4",
     "file-saver": "2.0.5",
+    "performant-array-to-tree": "1.11.0",
     "popmotion": "^11.0.3",
     "@monaco-editor/react": "4.4.6",
+    "rc-tree-select": "5.5.5",
     "stickybits": "3.7.11"
   },
   "devDependencies": {