@devtable/dashboard 13.27.15 → 13.28.0

package/dist/components/panel/settings/common/variable-selector/index.d.ts

@@ -0,0 +1 @@
+export * from './variable-selector';

package/dist/components/panel/settings/common/variable-selector/variable-selector-item.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ItemProps extends React.ComponentPropsWithoutRef<'div'> {
+    label: string;
+    value: string;
+    aggValue: string;
+    formattedValue: string;
+    preview: 'aggregated' | 'formatted';
+}
+export declare const VariableSelectorItem: import('./react').ForwardRefExoticComponent<ItemProps & import('./react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/panel/settings/common/variable-selector/variable-selector.d.ts

@@ -0,0 +1,15 @@
+import { Sx } from '@mantine/core';
+import React from './react';
+type Props = {
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+    description?: string;
+    required?: boolean;
+    clearable?: boolean;
+    sx?: Sx;
+    preview?: 'aggregated' | 'formatted';
+    zIndex?: number;
+};
+export declare const VariableSelector: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>>;
+export {};

package/dist/components/plugins/common-echarts-fields/visual-map/visual-map-editor/continuous/gradient-editor.d.ts

@@ -2,6 +2,7 @@
 type Props = {
     value: string[];
     onChange: (v: string[]) => void;
+    zIndex?: number;
 };
 export declare const GradientEditor: import('./react').ForwardRefExoticComponent<Props & import('./react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/plugins/common-echarts-fields/visual-map/visual-map-editor/continuous/preview-gradient-and-apply-palette.d.ts

@@ -1,6 +1,7 @@
 type Props = {
     colors: string[];
     applyPalette: (colors: string[]) => void;
+    zIndex?: number;
 };
-export declare const PreviewGradientAndApplyPalette: ({ colors, applyPalette }: Props) => import('./react/jsx-runtime').JSX.Element;
+export declare const PreviewGradientAndApplyPalette: ({ colors, applyPalette, zIndex }: Props) => import('./react/jsx-runtime').JSX.Element;
 export {};

package/dist/components/plugins/plugin-context.d.ts

@@ -3930,6 +3930,20 @@ export declare const tokens: {
                 value: string;
                 disabled: boolean;
             }[];
+            readonly realVariableOptions: {
+                label: string;
+                value: string;
+                formattedValue: string | number;
+                aggValue: string | number;
+                disabled: boolean;
+            }[];
+            variableOptions(selected: string, clearable: boolean): {
+                label: string;
+                value: string;
+                formattedValue: string | number;
+                aggValue: string | number;
+                disabled: boolean;
+            }[];
             dataFieldOptions(selected: string, clearable: boolean, queryID?: string | undefined): {
                 label: string;
                 value: string;
@@ -7306,6 +7320,20 @@ export declare const tokens: {
                 value: string;
                 disabled: boolean;
             }[];
+            readonly realVariableOptions: {
+                label: string;
+                value: string;
+                formattedValue: string | number;
+                aggValue: string | number;
+                disabled: boolean;
+            }[];
+            variableOptions(selected: string, clearable: boolean): {
+                label: string;
+                value: string;
+                formattedValue: string | number;
+                aggValue: string | number;
+                disabled: boolean;
+            }[];
             dataFieldOptions(selected: string, clearable: boolean, queryID?: string | undefined): {
                 label: string;
                 value: string;

package/dist/components/widgets/rich-text-editor/color-mapping-mark/color-mapping-control.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare const ColorMappingControl: ({ editor }: {
+    editor: Editor;
+}) => import('./react/jsx-runtime').JSX.Element;

package/dist/components/widgets/rich-text-editor/color-mapping-mark/color-mapping-form.d.ts

@@ -0,0 +1,16 @@
+export type ColorMappingFormValues = {
+    colors: string[];
+    min_val: string;
+    min_var: string;
+    max_val: string;
+    max_var: string;
+    variable: string;
+};
+type Props = {
+    defaultValues: ColorMappingFormValues;
+    onSubmit: (values: ColorMappingFormValues) => void;
+    cancel: () => void;
+    unset: () => void;
+};
+export declare const ColorMappingForm: ({ defaultValues, onSubmit, unset, cancel }: Props) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/widgets/rich-text-editor/color-mapping-mark/color-mapping-mark.d.ts

@@ -0,0 +1,20 @@
+import { Mark } from '@tiptap/core';
+import { ColorMappingFormValues } from './color-mapping-form';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        colorMapping: {
+            setColorMapping: (values: ColorMappingFormValues) => ReturnType;
+            unsetColorMapping: () => ReturnType;
+        };
+    }
+}
+export declare const ColorMappingAttrKeys: {
+    color: string;
+    min_val: string;
+    min_var: string;
+    max_val: string;
+    max_var: string;
+    variable: string;
+};
+export declare const ColorMappingName = "colorMapping";
+export declare const ColorMappingMark: Mark<any, any>;

package/dist/components/widgets/rich-text-editor/color-mapping-mark/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color-mapping-mark';
+export * from './color-mapping-control';
+export * from './utils';

package/dist/components/widgets/rich-text-editor/color-mapping-mark/utils.d.ts

@@ -0,0 +1,20 @@
+import * as d3Scale from 'd3-scale';
+import { VariableValueMap } from '../../../../model';
+import { ColorMappingAttrKeys } from './color-mapping-mark';
+export declare const ColorMappingIDPrefix = "grad_color_";
+export declare const IDPrefixReg: RegExp;
+export declare function ensurePrefixOnID(id: string | null): string | null;
+export declare const getColorMappingID: (size: number) => string;
+export declare function getColorMappingFunc(colors: string[], min: number, max: number): d3Scale.ScaleLinear<string, string, never> | (() => string);
+export declare function getColorMappingStyle(doc: Document, variables: VariableValueMap): Record<string, {
+    color: string;
+}>;
+export declare function parseColorMappingAttrs(attrs: Record<keyof typeof ColorMappingAttrKeys, string>): {
+    colors: string[];
+    min_val: string;
+    min_var: string;
+    max_val: string;
+    max_var: string;
+    variable: string;
+    empty: boolean;
+};

package/dist/contexts/panel-context.d.ts

@@ -11156,6 +11156,20 @@ export declare const useEditPanelContext: () => {
             value: string;
             disabled: boolean;
         }[];
+        readonly realVariableOptions: {
+            label: string;
+            value: string;
+            formattedValue: string | number;
+            aggValue: string | number;
+            disabled: boolean;
+        }[];
+        variableOptions(selected: string, clearable: boolean): {
+            label: string;
+            value: string;
+            formattedValue: string | number;
+            aggValue: string | number;
+            disabled: boolean;
+        }[];
         dataFieldOptions(selected: string, clearable: boolean, queryID?: string | undefined): {
             label: string;
             value: string;
@@ -14532,6 +14546,20 @@ export declare const useEditPanelContext: () => {
             value: string;
             disabled: boolean;
         }[];
+        readonly realVariableOptions: {
+            label: string;
+            value: string;
+            formattedValue: string | number;
+            aggValue: string | number;
+            disabled: boolean;
+        }[];
+        variableOptions(selected: string, clearable: boolean): {
+            label: string;
+            value: string;
+            formattedValue: string | number;
+            aggValue: string | number;
+            disabled: boolean;
+        }[];
         dataFieldOptions(selected: string, clearable: boolean, queryID?: string | undefined): {
             label: string;
             value: string;
@@ -14558,3 +14586,5 @@ export declare const useEditPanelContext: () => {
     errors: string[];
     downloadPanelScreenshot: () => {};
 };
+export declare const useIsInRenderPanelContext: () => boolean;
+export declare const useIsInEditPanelContext: () => boolean;

package/dist/dashboard-editor/model/filters/index.d.ts

@@ -54,9 +54,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{
@@ -226,9 +226,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{
@@ -377,9 +377,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{
@@ -528,9 +528,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{
@@ -680,9 +680,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{
@@ -872,9 +872,9 @@ export declare const FiltersModel: import("mobx-state-tree").IModelType<{
             default_value: (string | null)[];
             required: boolean;
             _name: "date-range";
-            clearable: boolean;
             inputFormat: string;
             default_shortcut: string;
+            clearable: boolean;
             max_days: number;
             allowSingleDateInRange: boolean;
         } | import("mobx-state-tree").ModelSnapshotType<{

package/dist/dashboard-editor/model/layouts/layouts.d.ts

@@ -220,7 +220,7 @@ export declare const LayoutsModel: import("mobx-state-tree").IModelType<{
             panelID: string;
         }[];
     }[];
-    readonly root: import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyStateTreeNode> | (object & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyComplexType>);
+    readonly root: (object & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyComplexType>) | import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyStateTreeNode>;
     readonly contentModel: any;
     readonly basisLayoutSet: {
         id: string;

package/dist/dashboard-editor/model/panels/panel.d.ts

@@ -3356,6 +3356,20 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
         value: string;
         disabled: boolean;
     }[];
+    readonly realVariableOptions: {
+        label: string;
+        value: string;
+        formattedValue: string | number;
+        aggValue: string | number;
+        disabled: boolean;
+    }[];
+    variableOptions(selected: string, clearable: boolean): {
+        label: string;
+        value: string;
+        formattedValue: string | number;
+        aggValue: string | number;
+        disabled: boolean;
+    }[];
     dataFieldOptions(selected: TDataKey, clearable: boolean, queryID?: string): {
         label: string;
         value: string;

package/dist/dashboard-editor/model/queries/queries.d.ts

@@ -496,7 +496,7 @@ export declare const QueriesModel: import("mobx-state-tree").IModelType<{
         post_process: string;
         dep_query_ids: 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]>>;
     }[];
-    readonly contentModel: import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyStateTreeNode> | (object & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyComplexType>);
+    readonly contentModel: (object & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyComplexType>) | import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IAnyStateTreeNode>;
     readonly visibleQueryIDSet: Set<string>;
     isQueryInUse(queryID: string): boolean;
 } & {