@devtable/dashboard 6.8.0 → 6.10.0

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/plugins/viz-components/cartesian/index.d.ts

@@ -1,7 +1,7 @@
 import { VizComponent } from '~/types/plugin';
 import { VersionBasedMigrator } from '~/plugins/plugin-data-migrator';
 export declare class VizCartesianMigrator extends VersionBasedMigrator {
-    readonly VERSION = 2;
+    readonly VERSION = 3;
     configVersions(): void;
 }
 export declare const CartesianVizComponent: VizComponent;

package/dist/plugins/viz-components/cartesian/panel/reference-lines/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control, UseFormWatch } from 'react-hook-form';
-import { ICartesianChartConf } from '../../type';
 import { ITemplateVariable } from '~/utils/template';
+import { ICartesianChartConf } from '../../type';
 interface IReferenceLinesField {
     control: Control<ICartesianChartConf, $TSFixMe>;
     watch: UseFormWatch<ICartesianChartConf>;

package/dist/plugins/viz-components/cartesian/panel/reference-lines/reference-line.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
-import { Control, UseFieldArrayRemove } from 'react-hook-form';
+import { Control, UseFieldArrayRemove, UseFormWatch } from 'react-hook-form';
 import { ICartesianChartConf } from '../../type';
 interface IReferenceLineField {
     control: Control<ICartesianChartConf, $TSFixMe>;
     index: number;
+    watch: UseFormWatch<ICartesianChartConf>;
     remove: UseFieldArrayRemove;
     variableOptions: {
         label: string;
         value: string;
     }[];
 }
-export declare function ReferenceLineField({ control, index, remove, variableOptions }: IReferenceLineField): JSX.Element;
+export declare function ReferenceLineField({ control, index, remove, watch, variableOptions }: IReferenceLineField): JSX.Element;
 export {};

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-formatter/function-editor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IXAxisLabelFormatterFunctionEditor {
+    disabled: boolean;
+    value: string;
+    onChange: (v: string) => void;
+}
+export declare const XAxisLabelFormatterFunctionEditor: ({ disabled, value, onChange, }: IXAxisLabelFormatterFunctionEditor) => JSX.Element;
+export {};

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-formatter/get-echarts-x-axis-tick-label.d.ts

@@ -0,0 +1,2 @@
+import { IXAxisLabelFormatter } from './types';
+export declare function getEchartsXAxisLabel({ enabled, func_content }: IXAxisLabelFormatter): (value: number | string, index: number) => any;

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-formatter/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AnyObject } from '~/types';
+import { IXAxisLabelFormatter } from './types';
+interface IXAxisLabelFormatterField {
+    value: IXAxisLabelFormatter;
+    onChange: (v: IXAxisLabelFormatter) => void;
+    data: AnyObject[];
+}
+export declare const XAxisLabelFormatterField: ({ value, onChange, data }: IXAxisLabelFormatterField) => JSX.Element;
+export {};

package/dist/plugins/viz-components/cartesian/panel/x-axis/x-axis-label-formatter/types.d.ts

@@ -0,0 +1,8 @@
+export interface IXAxisLabelFormatter {
+    enabled: boolean;
+    func_content: string;
+}
+export declare const DEFAULT_X_AXIS_LABEL_FORMATTER: {
+    enabled: boolean;
+    func_content: string;
+};

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

@@ -1,5 +1,6 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
 import { TScatterSize } from './panel/scatter-size-select/types';
+import { IXAxisLabelFormatter } from './panel/x-axis/x-axis-label-formatter/types';
 export interface ICartesianChartSeriesItem {
     type: 'line' | 'bar' | 'scatter';
     name: string;
@@ -54,6 +55,7 @@ export interface ICartesianReferenceLine {
     name: string;
     template: string;
     variable_key: string;
+    orientation: 'horizontal' | 'vertical';
 }
 export interface ICartesianReferenceArea {
     name: string;
@@ -72,6 +74,7 @@ export interface ICartesianChartConf {
     x_axis: {
         axisLabel: {
             rotate: number;
+            formatter: IXAxisLabelFormatter;
         };
     };
     series: ICartesianChartSeriesItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "6.8.0",
+  "version": "6.10.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": {