@devtable/dashboard 13.19.0 → 13.21.0

package/dist/components/panel/panel-render/full-screen-render/use-panel-full-screen.d.ts

@@ -3449,7 +3449,7 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../../../../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];
@@ -6785,7 +6785,7 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../../../../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];

package/dist/components/plugins/editor-components/field-array-tabs/field-array-tabs.d.ts

@@ -1,9 +1,6 @@
 import { ReactNode } from './react';
 import { Control, FieldValues, Path, UseFormWatch } from 'react-hook-form';
-type FieldArrayTabsChildren<FieldItem> = ({ field, index }: {
-    field: FieldItem;
-    index: number;
-}) => ReactNode;
+import { FieldArrayTabsChildren } from './types';
 export type FieldArrayButtonStateFunc<FieldItem> = ({ field, index, fields, }: {
     field: FieldItem;
     index: number;

package/dist/components/plugins/editor-components/field-array-tabs/tab-list.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from './react';
+import { ArrayPath, FieldValues, UseFieldArrayReturn } from 'react-hook-form';
+import { ControlledField } from './types';
+type Props<T extends FieldValues, FieldItem> = {
+    fieldArray: UseFieldArrayReturn<T, ArrayPath<T>, 'id'>;
+    addButtonText: string;
+    add: () => void;
+    renderTabName: (field: FieldItem, index: number) => ReactNode;
+    controlledFields: ControlledField<T>[];
+};
+export declare const TabList: <T extends FieldValues, FieldItem>({ fieldArray, add, addButtonText, renderTabName, controlledFields, }: Props<T, FieldItem>) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/plugins/editor-components/field-array-tabs/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from './react';
+import { ArrayPath, FieldArrayWithId, FieldValues, Path, PathValue } from 'react-hook-form';
+export type ControlledField<T extends FieldValues> = FieldArrayWithId<T, ArrayPath<T>, 'id'> & PathValue<T, Path<T>>;
+export type FieldArrayTabsChildren<FieldItem> = ({ field, index }: {
+    field: FieldItem;
+    index: number;
+}) => ReactNode;

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

@@ -3465,7 +3465,7 @@ export declare const tokens: {
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
             readonly data: TPanelData;
             readonly variableStrings: Record<string, import('./react').ReactNode>;
-            readonly variableValueMap: Record<string, string | number>;
+            readonly variableValueMap: import("../..").VariableValueMap;
             readonly dataLoading: boolean;
             readonly queryStateMessages: string;
             readonly queryErrors: any[];
@@ -6839,7 +6839,7 @@ export declare const tokens: {
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
             readonly data: TPanelData;
             readonly variableStrings: Record<string, import('./react').ReactNode>;
-            readonly variableValueMap: Record<string, string | number>;
+            readonly variableValueMap: import("../..").VariableValueMap;
             readonly dataLoading: boolean;
             readonly queryStateMessages: string;
             readonly queryErrors: any[];

package/dist/components/widgets/function-editor/function-editor.d.ts

@@ -0,0 +1,8 @@
+import { OnMount } from '@monaco-editor/react';
+interface IFunctionEditor {
+    value: TFunctionString;
+    onChange: (v: TFunctionString) => void;
+    onMount?: OnMount;
+}
+export declare const FunctionEditor: ({ value, onChange, onMount }: IFunctionEditor) => import('./react/jsx-runtime').JSX.Element;
+export {};

package/dist/components/widgets/function-editor/index.d.ts

@@ -1,6 +1,2 @@
-interface IFunctionEditor {
-    value: TFunctionString;
-    onChange: (v: TFunctionString) => void;
-}
-export declare const FunctionEditor: ({ value, onChange }: IFunctionEditor) => import('./react/jsx-runtime').JSX.Element;
-export {};
+export * from './function-editor';
+export * from './types';

package/dist/components/widgets/function-editor/types.d.ts

@@ -0,0 +1,7 @@
+export type MonacoEditorRestrictionRange = [number, number, number, number];
+export type MonacoEditorRestriction = {
+    range: MonacoEditorRestrictionRange;
+    label?: string;
+    allowMultiline?: boolean;
+    validate?: (currentlyTypedValue: any, newRange: any, info: any) => boolean;
+};

package/dist/components/widgets/inline-function-input/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { MonacoEditorRestriction } from '../function-editor';
 interface IInlineFunctionInput {
     value: TFunctionString;
     onChange: (v: TFunctionString) => void;
     defaultValue: TFunctionString;
     label: string;
+    restrictions?: MonacoEditorRestriction[];
 }
 export declare const InlineFunctionInput: import('./react').ForwardRefExoticComponent<IInlineFunctionInput & import('./react').RefAttributes<unknown>>;
 export {};

package/dist/components/widgets/modal-function-editor/index.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from './react';
 import { AnyObject } from '../../../types';
-interface Props {
+import { MonacoEditorRestriction } from '../function-editor';
+type Props = {
     title: string;
     value: TFunctionString;
     onChange: (v: TFunctionString) => void;
@@ -9,6 +10,11 @@ interface Props {
     description?: ReactNode;
     triggerLabel?: string;
     triggerButtonProps?: AnyObject;
-}
+    renderTriggerButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => ReactNode;
+    zIndex?: number;
+    restrictions?: MonacoEditorRestriction[];
+};
 export declare const ModalFunctionEditor: import('./react').ForwardRefExoticComponent<Props & import('./react').RefAttributes<unknown>>;
 export {};

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

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

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

@@ -0,0 +1,12 @@
+import { Mark } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        dynamicColor: {
+            setDynamicColor: (fontSize: string) => ReturnType;
+            unsetDynamicColor: () => ReturnType;
+        };
+    }
+}
+export declare const DynamicColorAttrKey = "data-value";
+export declare const DynamicColorName = "dynamicColor";
+export declare const DynamicColorMark: Mark<any, any>;

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

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

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

@@ -0,0 +1,9 @@
+import { TDashboardState, VariableValueMap } from '../../../../model';
+export declare const DefaultDynamicColorFuncLines: string[];
+export declare const DefaultDynamicColorFunc: string;
+export declare const trimDynamicColorFunc: (raw: string) => string;
+export declare const completeDynamicColorFunc: (trimmed: string) => string;
+export declare const hashID: (size: number) => string;
+export declare function getDynamicColorStyles(doc: Document, dashboardState: TDashboardState, variables: VariableValueMap): Record<string, {
+    color: string;
+}>;

package/dist/components/widgets/rich-text-editor/readonly-rich-text-editor.d.ts

@@ -1,9 +1,12 @@
 import { RichTextEditorProps } from '@mantine/tiptap';
 import { Sx } from '@mantine/core';
+import { TDashboardState, VariableValueMap } from '../../../model';
 interface IReadonlyRichText {
     value: string;
     styles?: RichTextEditorProps['styles'];
     sx?: Sx;
+    dashboardState?: TDashboardState;
+    varaiables?: VariableValueMap;
 }
-export declare const ReadonlyRichText: ({ value, styles, sx }: IReadonlyRichText) => import('./react/jsx-runtime').JSX.Element;
+export declare const ReadonlyRichText: ({ value, styles, sx, dashboardState, varaiables, }: IReadonlyRichText) => import('./react/jsx-runtime').JSX.Element;
 export {};

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

@@ -3454,7 +3454,7 @@ export declare const useRenderPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];
@@ -6790,7 +6790,7 @@ export declare const useRenderPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];
@@ -10687,7 +10687,7 @@ export declare const useEditPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];
@@ -14061,7 +14061,7 @@ export declare const useEditPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
-        readonly variableValueMap: Record<string, string | number>;
+        readonly variableValueMap: import('../model').VariableValueMap;
         readonly dataLoading: boolean;
         readonly queryStateMessages: string;
         readonly queryErrors: any[];

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

@@ -2891,7 +2891,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
     readonly data: TPanelData;
     readonly variableStrings: Record<string, import('./react').ReactNode>;
-    readonly variableValueMap: Record<string, string | number>;
+    readonly variableValueMap: import('../../../model').VariableValueMap;
     readonly dataLoading: boolean;
     readonly queryStateMessages: string;
     readonly queryErrors: any[];