@devtable/dashboard 2.1.0 → 2.4.0

package/dist/panel/viz/rich-text/panel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IVizRichTextPanel } from "./type";
+import { IVizRichTextPanel } from './type';
 export declare function VizRichTextPanel({ conf, setConf }: IVizRichTextPanel): JSX.Element;

package/dist/panel/viz/rich-text/type.d.ts

@@ -1,4 +1,4 @@
-import { IVizPanelProps } from "../../../types";
+import { IVizPanelProps } from '../../../types';
 export interface IRichTextConf {
     content: '';
 }

package/dist/panel/viz/stats/panel/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IVizPanelProps } from "../../../../types/viz-panel";
-import { IVizStatsConf } from "../types";
-import { ILegacyStatsConf } from "../update";
+import { IVizPanelProps } from '../../../../types/viz-panel';
+import { IVizStatsConf } from '../types';
+import { ILegacyStatsConf } from '../update';
 interface IVizStatsPanel extends Omit<IVizPanelProps, 'conf' | 'setConf'> {
     conf: IVizStatsConf | ILegacyStatsConf;
     setConf: (conf: IVizStatsConf) => void;

package/dist/panel/viz/stats/panel/variable.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Control, UseFieldArrayRemove } from "react-hook-form";
-import { IVizStatsConf } from "../types";
+import { Control, UseFieldArrayRemove } from 'react-hook-form';
+import { IVizStatsConf } from '../types';
 interface VariableField {
     control: Control<IVizStatsConf, any>;
     index: number;

package/dist/panel/viz/stats/panel/variables.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Control, UseFormWatch } from "react-hook-form";
-import { IVizStatsConf } from "../types";
+import { Control, UseFormWatch } from 'react-hook-form';
+import { IVizStatsConf } from '../types';
 interface IVariablesField {
     control: Control<IVizStatsConf, any>;
     watch: UseFormWatch<IVizStatsConf>;

package/dist/panel/viz/stats/types.d.ts

@@ -1,4 +1,4 @@
-import { ITemplateVariable } from "../../../utils/template/types";
+import { ITemplateVariable } from '../../../utils/template/types';
 export interface IVizStatsConf {
     align: 'center';
     template: string;

package/dist/panel/viz/stats/update/index.d.ts

@@ -1,5 +1,5 @@
-import { TNumbroFormat } from "../../../settings/common/numbro-format-selector";
-import { IVizStatsConf } from "../types";
+import { TNumbroFormat } from '../../../settings/common/numbro-format-selector';
+import { IVizStatsConf } from '../types';
 export interface ILegacyStatsConf {
     align: 'center';
     size: string;

package/dist/panel/viz/sunburst/panel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IVizPanelProps } from "../../../types/viz-panel";
+import { IVizPanelProps } from '../../../types/viz-panel';
 export declare function SunburstPanel({ conf: { label_field, value_field }, setConf, data }: IVizPanelProps): JSX.Element;

package/dist/panel/viz/table/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ITableConf } from "./type";
+import { ITableConf } from './type';
 interface IVizTable {
     conf: ITableConf;
     data: any;

package/dist/panel/viz/table/panel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IVizPanelProps } from "../../../types/viz-panel";
+import { IVizPanelProps } from '../../../types/viz-panel';
 export declare function VizTablePanel({ conf: { columns, ...restConf }, setConf, data }: IVizPanelProps): JSX.Element;

package/dist/panel/viz/table/value-type-selector.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Sx } from "@mantine/core";
+import { Sx } from '@mantine/core';
 interface IValueTypeSelector {
     label: string;
     value: string;

package/dist/panel/viz/table/value.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ValueType } from "./type";
+import { ValueType } from './type';
 interface ICellValue {
     value: any;
     type: ValueType;

package/dist/types/dashboard.d.ts

@@ -1,4 +1,4 @@
-import { IDashboardFilter } from "./filter";
+import { FilterModelInstance } from '../model';
 export interface IVizConfig {
     type: string;
     conf: Record<string, any>;
@@ -42,7 +42,7 @@ export interface IDashboard {
     name: string;
     definition: IDashboardDefinition;
     panels: IDashboardPanel[];
-    filters: IDashboardFilter[];
+    filters: FilterModelInstance[];
 }
 export interface IDashboardConfig {
     apiBaseURL: string;

package/dist/types/filter.d.ts

@@ -1,39 +1,7 @@
-export interface IDashboardFilterOption {
-    label: string;
-    value: string;
-}
-export interface IDashboardFilterOptionQuery {
-    type: 'postgresql';
-    key: string;
-    sql: string;
-}
-export interface IFilterConfig_Select {
-    required: boolean;
-    default_value: string;
-    static_options: IDashboardFilterOption[];
-    options_query: IDashboardFilterOptionQuery;
-}
-export interface IFilterConfig_MultiSelect {
-    default_value: string[];
-    static_options: IDashboardFilterOption[];
-    options_query: IDashboardFilterOptionQuery;
-}
-export interface IFilterConfig_TextInput {
-    required: boolean;
-    default_value: string;
-}
-export interface IFilterConfig_DateRange {
-    inputFormat: 'YYYY' | 'YYYY-MM' | 'YYYY-MM-DD';
-    clearable: boolean;
-    required: boolean;
-}
-export interface IFilterConfig_Checkbox {
-    default_value: boolean;
-}
-export interface IDashboardFilter {
-    key: string;
-    label: string;
-    order: number;
-    type: 'select' | 'multi-select' | 'text-input' | 'checkbox' | 'date-range';
-    config: IFilterConfig_Select | IFilterConfig_MultiSelect | IFilterConfig_TextInput | IFilterConfig_DateRange | IFilterConfig_Checkbox;
+export declare enum DashboardFilterType {
+    Select = "select",
+    MultiSelect = "multi-select",
+    TextInput = "text-input",
+    Checkbox = "checkbox",
+    DateRange = "date-range"
 }

package/dist/types/viz-panel.d.ts

@@ -1,4 +1,4 @@
-import { IVizConfig } from "./dashboard";
+import { IVizConfig } from './dashboard';
 export interface IVizPanelProps {
     conf: IVizConfig['conf'];
     setConf: (conf: IVizConfig['conf']) => void;

package/dist/utils/sql.d.ts

@@ -1,5 +1,5 @@
-import { ContextInfoContextType, FilterValuesContextType } from "../contexts";
-import { IDashboardDefinition } from "../types";
+import { ContextInfoContextType, FilterValuesContextType } from '../contexts';
+import { IDashboardDefinition } from '../types';
 export declare function explainSQLSnippet(snippet: string, context: ContextInfoContextType): any;
 export declare function formatSQL(sql: string, params: Record<string, any>): any;
 export declare function getSQLParams(context: ContextInfoContextType, definitions: IDashboardDefinition, filterValues: FilterValuesContextType): Record<string, any> & ContextInfoContextType & {

package/dist/utils/template/editor.d.ts

@@ -1,6 +1,6 @@
-import { TextInputProps } from "@mantine/core";
-import React, { ChangeEventHandler } from "react";
-import { ITemplateVariable } from "./types";
+import { TextInputProps } from '@mantine/core';
+import React, { ChangeEventHandler } from 'react';
+import { ITemplateVariable } from './types';
 export declare function getANewVariable(): ITemplateVariable;
 interface ITemplateInput extends Omit<TextInputProps, 'value' | 'onChange'> {
     value: string;

package/dist/utils/template/render.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ITemplateVariable } from "./types";
+import { ITemplateVariable } from './types';
 export declare function templateToJSX(template: string, variables: ITemplateVariable[], data: Record<string, number>[]): (JSX.Element | import("react").ReactNode[])[];

package/dist/utils/template/types.d.ts

@@ -1,5 +1,5 @@
-import { TNumbroFormat } from "../../panel/settings/common/numbro-format-selector";
-import { AggregationType } from "../aggregation";
+import { TNumbroFormat } from '../../panel/settings/common/numbro-format-selector';
+import { AggregationType } from '../aggregation';
 export declare type ColorConfType = {
     type: 'static';
     staticColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "2.1.0",
+  "version": "2.4.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -76,6 +76,9 @@
     "echarts-gl": "^2.0.9",
     "echarts-stat": "1.2.0",
     "lodash": "^4.17.21",
+    "mobx": "^6.6.1",
+    "mobx-react-lite": "^3.4.0",
+    "mobx-state-tree": "^5.1.5",
     "numbro": "^2.3.6",
     "react": "^16.8.0 || 17.x || 18.x",
     "react-dom": "^16.8.0 || 17.x || 18.x",
@@ -83,4 +86,4 @@
     "react-hook-form": "^7.31.2",
     "tabler-icons-react": "^1.48.0"
   }
-}
+}

package/dist/filter/filter-settings/types.d.ts

@@ -1,4 +0,0 @@
-import { IDashboardFilter } from "../../types";
-export interface IFilterSettingsForm {
-    filters: IDashboardFilter[];
-}