@devtable/dashboard 6.8.0 → 6.9.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/package.json

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