@devtable/dashboard 1.24.0 → 1.27.0

package/dist/main/actions.d.ts

@@ -4,8 +4,8 @@ interface IDashboardActions {
     mode: DashboardMode;
     setMode: React.Dispatch<React.SetStateAction<DashboardMode>>;
     hasChanges: boolean;
-    addPanel: () => void;
     saveChanges: () => void;
+    revertChanges: () => void;
 }
-export declare function DashboardActions({ mode, setMode, hasChanges, addPanel, saveChanges, }: IDashboardActions): JSX.Element;
+export declare function DashboardActions({ mode, setMode, hasChanges, saveChanges, revertChanges, }: IDashboardActions): JSX.Element;
 export {};

package/dist/panel/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { IDashboardPanel } from '../types/dashboard';
 interface IPanel extends IDashboardPanel {
-    destroy?: () => void;
     update?: (panel: IDashboardPanel) => void;
 }
 export declare function Panel({ viz: initialViz, queryID: initialQueryID, title: initialTitle, description: initialDesc, update, layout, id, }: IPanel): JSX.Element;

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

@@ -6,5 +6,5 @@ interface ICartesianChart {
     width: number;
     height: number;
 }
-export declare function VizCartesianChart({ conf, data, width, height }: ICartesianChart): JSX.Element | null;
+export declare function VizCartesianChart({ conf, data, width, height }: ICartesianChart): JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from "react-hook-form";
+import { ICartesianChartConf } from "../../type";
+interface IVariablesField {
+    control: Control<ICartesianChartConf, any>;
+    watch: UseFormWatch<ICartesianChartConf>;
+    data: any[];
+}
+export declare function StatsField({ control, watch, data }: IVariablesField): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFieldArrayRemove } from "react-hook-form";
+import { ICartesianChartConf } from "../../type";
+interface VariableField {
+    control: Control<ICartesianChartConf, any>;
+    index: number;
+    remove: UseFieldArrayRemove;
+    data: any[];
+}
+export declare function VariableField({ control, index, remove, data }: VariableField): JSX.Element;
+export {};

package/dist/panel/viz/cartesian/type.d.ts

@@ -1,4 +1,5 @@
 import { IVizPanelProps } from "../../../types";
+import { ITemplateVariable } from "../../../utils/template/types";
 import { TNumbroFormat } from "../../settings/common/numbro-format-selector";
 export interface ICartesianChartSeriesItem {
     type: 'line' | 'bar' | 'scatter';
@@ -43,6 +44,13 @@ export interface ICartesianChartConf {
     y_axes: IYAxisConf[];
     series: ICartesianChartSeriesItem[];
     regressions: IRegressionConf[];
+    stats: {
+        templates: {
+            top: string;
+            bottom: string;
+        };
+        variables: ITemplateVariable[];
+    };
 }
 export interface IVizCartesianChartPanel extends Omit<IVizPanelProps, 'conf' | 'setConf'> {
     conf: ICartesianChartConf;

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

@@ -1,25 +1,6 @@
-import { TNumbroFormat } from "../../settings/common/numbro-format-selector";
-export declare type ColorConf = {
-    type: 'static';
-    staticColor: string;
-} | {
-    type: 'continuous';
-    valueRange: number[];
-    colorRange: string[];
-    valueField: string;
-} | {
-    type: 'piecewise';
-};
-export interface IVizStatsContent {
-    prefix: string;
-    data_field: string;
-    formatter: TNumbroFormat;
-    postfix: string;
-}
+import { ITemplateVariable } from "../../../utils/template/types";
 export interface IVizStatsConf {
     align: 'center';
-    color: ColorConf;
-    size: string;
-    weight: string;
-    content: IVizStatsContent;
+    template: string;
+    variables: ITemplateVariable[];
 }

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

@@ -1,6 +1,7 @@
 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;
     onChange: ChangeEventHandler<HTMLInputElement>;

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

@@ -0,0 +1,21 @@
+import { TNumbroFormat } from "../../panel/settings/common/numbro-format-selector";
+import { AggregationType } from "../aggregation";
+export declare type ColorConfType = {
+    type: 'static';
+    staticColor: string;
+} | {
+    type: 'continuous';
+    valueRange: number[];
+    colorRange: string[];
+} | {
+    type: 'piecewise';
+};
+export interface ITemplateVariable {
+    name: string;
+    data_field: string;
+    aggregation: AggregationType;
+    formatter: TNumbroFormat;
+    color: ColorConfType;
+    size: string;
+    weight: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "1.24.0",
+  "version": "1.27.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -34,6 +34,7 @@
     "@mantine/dates": "^4.2.12",
     "@mantine/form": "^4.2.12",
     "@mantine/hooks": "^4.2.12",
+    "@mantine/modals": "^4.2.12",
     "@mantine/notifications": "^4.2.12",
     "@mantine/prism": "^4.2.12",
     "@mantine/rte": "^4.2.12",
@@ -62,6 +63,7 @@
     "@mantine/dates": "^4.2.12",
     "@mantine/form": "^4.2.12",
     "@mantine/hooks": "^4.2.12",
+    "@mantine/modals": "^4.2.12",
     "@mantine/notifications": "^4.2.12",
     "@mantine/prism": "^4.2.12",
     "@mantine/rte": "^4.2.12",