@devtable/dashboard 4.1.0 → 4.1.1

package/dist/{panel/viz/stats/types.d.ts → plugins/viz-components/stats/type.d.ts}

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

package/dist/plugins/viz-components/stats/update/index.d.ts

@@ -0,0 +1,5 @@
+import { VersionBasedMigrator } from '~/plugins/plugin-data-migrator';
+export declare class VizStatsMigrator extends VersionBasedMigrator {
+    readonly VERSION = 1;
+    configVersions(): void;
+}

package/dist/plugins/viz-components/stats/viz-stats-panel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizConfigProps } from '~/types/plugin';
+export declare function VizStatsPanel({ context }: VizConfigProps): JSX.Element;

package/dist/plugins/viz-components/stats/viz-stats.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizViewProps } from '~/types/plugin';
+export declare function VizStats({ context }: VizViewProps): JSX.Element;

package/dist/plugins/viz-components/sunburst/index.d.ts

@@ -0,0 +1,2 @@
+import { VizComponent } from '~/types/plugin';
+export declare const SunburstVizComponent: VizComponent;

package/dist/plugins/viz-components/sunburst/type.d.ts

@@ -0,0 +1,5 @@
+export interface ISunburstConf {
+    label_field: string;
+    value_field: string;
+}
+export declare const DEFAULT_CONFIG: ISunburstConf;

package/dist/plugins/viz-components/sunburst/viz-sunburst-panel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizConfigProps } from '~/types/plugin';
+export declare function VizSunburstPanel({ context }: VizConfigProps): JSX.Element;

package/dist/plugins/viz-components/sunburst/viz-sunburst.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VizViewProps } from '~/types/plugin';
+export declare function VizSunburst({ context }: VizViewProps): JSX.Element;

package/dist/plugins/viz-components/table/index.d.ts

@@ -1,2 +1,2 @@
-import { VizComponent } from '../../../types/plugin';
+import { VizComponent } from '~/types/plugin';
 export declare const TableVizComponent: VizComponent;

package/dist/plugins/viz-components/table/triggers/click-cell-content.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ITriggerConfigProps, ITriggerSchema } from '~/types/plugin';
+export declare const ClickCellContent: ITriggerSchema;
+export interface IClickCellContentConfig {
+    /**
+     * string for the field name,
+     * number for the column index
+     */
+    column: string | number;
+}
+export declare function ClickCellContentSettings(props: ITriggerConfigProps): JSX.Element;

package/dist/plugins/viz-components/table/triggers/index.d.ts

@@ -0,0 +1 @@
+export { ClickCellContent } from './click-cell-content';

package/dist/plugins/viz-components/table/value.d.ts

@@ -3,6 +3,7 @@ import { ValueType } from './type';
 interface ICellValue {
     value: any;
     type: ValueType;
+    onContentClick?: () => void;
 }
-export declare function CellValue({ value, type }: ICellValue): JSX.Element;
+export declare function CellValue(props: ICellValue): JSX.Element;
 export {};

package/dist/plugins/viz-components/table/viz-table-panel.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { VizConfigProps } from '../../../types/plugin';
+import { VizConfigProps } from '~/types/plugin';
 export declare function VizTablePanel({ context }: VizConfigProps): JSX.Element;

package/dist/plugins/viz-components/table/viz-table.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { VizViewProps } from '../../../types/plugin';
-export declare function VizTable({ context }: VizViewProps): JSX.Element;
+import { VizViewProps } from '~/types/plugin';
+export declare function VizTable({ context, instance }: VizViewProps): JSX.Element;

package/dist/plugins/viz-manager/components.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IPanelInfoEditor } from '../../types/plugin';
+import { IPanelInfoEditor } from '~/types/plugin';
 import { IPanelInfo, IVizManager } from './types';
 export declare type IViewPanelInfo = IPanelInfo & {
     layout: {
@@ -7,13 +7,13 @@ export declare type IViewPanelInfo = IPanelInfo & {
         h: number;
     };
 };
-export declare type IViewComponentProps<TDebug = {}> = {
+export declare type IViewComponentProps<TDebug = Record<string, unknown>> = {
     panel: IViewPanelInfo;
     data: any;
     vizManager: IVizManager;
 } & TDebug;
 export declare const VizViewComponent: <T>(props: IViewComponentProps<T>) => JSX.Element;
-export declare type IConfigComponentProps<TDebug = {}> = {
+export declare type IConfigComponentProps<TDebug = Record<string, unknown>> = {
     panel: IPanelInfo;
     panelInfoEditor: IPanelInfoEditor;
     vizManager: IVizManager;

package/dist/plugins/viz-manager/impl.d.ts

@@ -1,10 +1,10 @@
-import { IPluginManager, VizComponent } from '../../types/plugin';
-import { IPanelInfo, IVizManager, VizInstanceInfo } from './types';
+import { IPluginManager, VizComponent, VizInstance } from '~/types/plugin';
+import { IPanelInfo, IVizManager } from './types';
 export declare class VizManager implements IVizManager {
     private pluginManager;
     private instances;
     constructor(pluginManager: IPluginManager);
     get availableVizList(): VizComponent[];
     resolveComponent(name: string): VizComponent;
-    getOrCreateInstance(panel: IPanelInfo): VizInstanceInfo;
+    getOrCreateInstance(panel: IPanelInfo): VizInstance;
 }

package/dist/plugins/viz-manager/types.d.ts

@@ -1,12 +1,8 @@
-import { IDashboardPanel } from '../../types';
-import { IMessageChannels, PluginStorage, VizComponent, VizInstance } from '../../types/plugin';
+import { IDashboardPanel } from '~/types';
+import { VizComponent, VizInstance } from '~/types/plugin';
 export declare type IPanelInfo = Omit<IDashboardPanel, 'layout'>;
 export interface IVizManager {
     readonly availableVizList: VizComponent[];
     resolveComponent(type: string): VizComponent;
-    getOrCreateInstance(panel: IPanelInfo): VizInstanceInfo;
-}
-export interface VizInstanceInfo extends VizInstance {
-    messageChannels: IMessageChannels;
-    instanceData: PluginStorage;
+    getOrCreateInstance(panel: IPanelInfo): VizInstance;
 }

package/dist/types/dashboard.d.ts

@@ -1,9 +1,10 @@
+import { AnyObject } from '~/types/utils';
 import { FilterModelInstance } from '../model';
 import { QueryModelInstance } from '../model/queries';
 import { SQLSnippetModelInstance } from '../model/sql-snippets';
 export interface IVizConfig {
     type: string;
-    conf: Record<string, any>;
+    conf: AnyObject;
 }
 export interface IDashboardPanel {
     id: string;
@@ -22,7 +23,6 @@ export interface IDashboardPanel {
 }
 export declare enum DashboardMode {
     Use = "use",
-    Layout = "layout",
     Edit = "edit"
 }
 export interface IDashboardDefinition {

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './dashboard';
 export * from './filter';
 export * from './viz-panel';
+export type { AnyObject, Ready } from './utils';

package/dist/types/plugin/index.d.ts

@@ -1,5 +1,7 @@
-import EventEmitter2 from 'eventemitter2';
+import { EventEmitter2 } from 'eventemitter2';
 import React from 'react';
+import { IVizManager } from '~/plugins';
+import { AnyObject } from '~/types';
 /**
  * Basic information of a viz component instance
  */
@@ -7,6 +9,8 @@ export interface VizInstance {
     id: string;
     name: string;
     type: string;
+    messageChannels: IMessageChannels;
+    instanceData: PluginStorage;
 }
 /**
  * Props to render the view of viz component
@@ -15,27 +19,30 @@ export interface VizViewProps {
     instance: VizInstance;
     context: VizViewContext;
 }
+export interface IWatchOptions {
+    fireImmediately?: boolean;
+}
 export interface PluginStorage {
     getItem<T>(key: string | null): Promise<T>;
     setItem<T>(key: string | null, item: T): Promise<T>;
     deleteItem(key: string): Promise<void>;
-    watchItem<T>(key: string | null, callback: (value: T, previous?: T) => void): () => void;
+    watchItem<T>(key: string | null, callback: (value: T, previous?: T) => void, options?: IWatchOptions): () => void;
 }
-export interface ColorPaletteItem {
+export interface IColorPaletteItem {
     name: string;
     type: string;
     category: string;
 }
-export interface SingleColor extends ColorPaletteItem {
+export interface ISingleColor extends IColorPaletteItem {
     type: 'single';
     value: string;
 }
-export interface ColorInterpolation extends ColorPaletteItem {
+export interface ColorInterpolation extends IColorPaletteItem {
     type: 'interpolation';
     interpolation: (value: number) => string;
 }
 export interface ColorPalette {
-    getColor(colorInfo: ColorPaletteItem): (value: unknown) => string;
+    getColor(colorInfo: IColorPaletteItem): (value: unknown) => string;
 }
 export interface IMessageChannels {
     globalChannel: EventEmitter2;
@@ -48,8 +55,9 @@ export interface VizContext {
     locale: string;
     msgChannels: IMessageChannels;
     data: unknown;
+    vizManager: IVizManager;
 }
-declare type Setter<T> = (val: string) => void;
+declare type Setter<T> = (val: T) => void;
 export interface IPanelInfoEditor {
     setTitle: Setter<string>;
     setDescription: Setter<string>;
@@ -77,6 +85,8 @@ export interface VizComponent {
     viewRender: React.ComponentType<VizViewProps>;
     configRender: React.ComponentType<VizConfigProps>;
     migrator: IVizComponentMigrator;
+    createConfig: () => AnyObject;
+    triggers?: ITriggerSchema[];
 }
 export interface IVizComponentMigrator {
     needMigration(ctx: VizComponentMigrationContext): Promise<boolean>;
@@ -84,7 +94,7 @@ export interface IVizComponentMigrator {
 }
 export interface IPluginManifest {
     viz: VizComponent[];
-    color: ColorPaletteItem[];
+    color: IColorPaletteItem[];
 }
 export interface IDashboardPlugin {
     id: string;
@@ -98,4 +108,80 @@ export interface IPluginManager {
         viz: (name: string) => VizComponent;
     };
 }
+export interface IPayloadVariableSchema {
+    name: string;
+    description: string;
+    valueType: 'string' | 'number' | 'object';
+}
+export interface IInteractionConfigProps {
+    instance: VizInstance;
+}
+export interface ITriggerConfigProps extends IInteractionConfigProps {
+    trigger: ITrigger;
+    sampleData: Record<string, unknown>[];
+}
+export interface IOperationConfigProps extends IInteractionConfigProps {
+    operation: IDashboardOperation;
+    variables: IPayloadVariableSchema[];
+}
+export interface ITriggerSchema {
+    id: string;
+    displayName: string;
+    payload: IPayloadVariableSchema[];
+    configRender: React.ComponentType<ITriggerConfigProps>;
+    nameRender: React.ComponentType<Omit<ITriggerConfigProps, 'sampleData'>>;
+}
+export interface ITrigger {
+    id: string;
+    schemaRef: string;
+    triggerData: PluginStorage;
+}
+/**
+ * A readonly snapshot of a trigger
+ */
+export interface ITriggerSnapshot<TConfig> {
+    id: string;
+    schemaRef: string;
+    config: TConfig;
+}
+export interface IVizTriggerManager {
+    getTriggerSchemaList(): ITriggerSchema[];
+    getTriggerList(): Promise<ITrigger[]>;
+    removeTrigger(triggerId: string): Promise<void>;
+    createOrGetTrigger(id: string, schema: ITriggerSchema): Promise<ITrigger>;
+    retrieveTrigger(id: string): Promise<ITrigger | undefined>;
+    watchTriggerSnapshotList(callback: (triggerList: ITriggerSnapshot<AnyObject>[]) => void): () => void;
+}
+export interface IDashboardOperationSchema {
+    id: string;
+    displayName: string;
+    configRender: React.ComponentType<IOperationConfigProps>;
+    run: (payload: Record<string, unknown>, operation: IDashboardOperation) => Promise<void>;
+}
+export interface IDashboardOperation {
+    id: string;
+    schemaRef: string;
+    operationData: PluginStorage;
+}
+export interface IVizOperationManager {
+    getOperationSchemaList(): IDashboardOperationSchema[];
+    getOperationList(): Promise<IDashboardOperation[]>;
+    removeOperation(operationId: string): Promise<void>;
+    createOrGetOperation(id: string, schema: IDashboardOperationSchema): Promise<IDashboardOperation>;
+    runOperation(operationId: string, payload: Record<string, unknown>): Promise<void>;
+    retrieveTrigger(operationId: string): Promise<IDashboardOperation | undefined>;
+}
+export interface IVizInteraction {
+    id: string;
+    triggerRef: string;
+    operationRef: string;
+}
+export interface IVizInteractionManager {
+    triggerManager: IVizTriggerManager;
+    operationManager: IVizOperationManager;
+    getInteractionList(): Promise<IVizInteraction[]>;
+    addInteraction(trigger: ITrigger, operation: IDashboardOperation): Promise<void>;
+    removeInteraction(interactionId: string): Promise<void>;
+    runInteraction(triggerId: string, payload: Record<string, unknown>): Promise<void>;
+}
 export {};

package/dist/types/utils.d.ts

@@ -0,0 +1,4 @@
+export declare type AnyObject = Record<string, any>;
+export declare type Ready<T, TK extends keyof T> = T & {
+    [P in TK]-?: NonNullable<T[P]>;
+};

package/dist/utils/aggregation.d.ts

@@ -1,2 +1,10 @@
-export declare type AggregationType = 'none' | 'sum' | 'mean' | 'median' | 'max' | 'min';
+export declare type AggregationType = {
+    type: 'none' | 'sum' | 'mean' | 'median' | 'max' | 'min';
+    config: Record<any, never>;
+} | {
+    type: 'quantile';
+    config: {
+        p: number;
+    };
+};
 export declare function aggregateValue(data: Record<string, number>[], data_field: string, aggregation: AggregationType): number;

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

@@ -0,0 +1,3 @@
+export * from './template-input';
+export * from './utils';
+export * from './variable-field';

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

@@ -0,0 +1,8 @@
+import { TextInputProps } from '@mantine/core';
+import { ChangeEventHandler } from 'react';
+interface ITemplateInput extends Omit<TextInputProps, 'value' | 'onChange'> {
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const TemplateInput: import("react").ForwardRefExoticComponent<ITemplateInput & import("react").RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,2 @@
+import { ITemplateVariable } from '../types';
+export declare function getANewVariable(): ITemplateVariable;

package/dist/utils/template/editor/variable-field.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ITemplateVariable } from '../types';
+interface ITemplateVariableField {
+    value: ITemplateVariable;
+    onChange: (v: ITemplateVariable) => void;
+    data: any[];
+    withStyle?: boolean;
+}
+export declare const TemplateVariableField: React.ForwardRefExoticComponent<ITemplateVariableField & React.RefAttributes<unknown>>;
+export {};

package/dist/utils/template/editor/variable-style.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ITemplateVariable } from '../types';
+interface ITemplateVariableStyleField {
+    value: ITemplateVariable;
+    onChange: (v: ITemplateVariable) => void;
+}
+export declare const TemplateVariableStyleField: React.ForwardRefExoticComponent<ITemplateVariableStyleField & React.RefAttributes<unknown>>;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './editor';
+export * from './render';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,2 @@
+export * from './render-jsx';
+export * from './render-string';

package/dist/utils/template/{render.d.ts → render/render-jsx.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/render/render-string.d.ts

@@ -0,0 +1,2 @@
+import { ITemplateVariable } from '../types';
+export declare function templateToString(template: string, variables: ITemplateVariable[], data: Record<string, number>[]): string;

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

@@ -0,0 +1,4 @@
+import { ITemplateVariable } from './types';
+export declare function getNonStatsDataText(data: any): any;
+export declare function getAggregatedValue({ data_field, aggregation }: ITemplateVariable, data: Record<string, number>[]): number;
+export declare function formatAggregatedValue({ formatter }: ITemplateVariable, value: number | string): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/dist/filter/filter-query-field/select-data-source.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { IFilterOptionQuery } from '../../model/filters/filter/common';
-interface ISelectDataSource {
-    value: IFilterOptionQuery;
-    onChange: (v: IFilterOptionQuery) => void;
-}
-export declare const SelectDataSource: React.FunctionComponent<ISelectDataSource>;
-export {};

package/dist/panel/viz/bar-3d/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface IVizBar3D {
-    conf: any;
-    data: any[];
-    width: number;
-    height: number;
-}
-export declare function VizBar3D({ conf, data, width, height }: IVizBar3D): JSX.Element;
-export {};

package/dist/panel/viz/bar-3d/panel.d.ts

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { ICartesianChartConf } from './type';
-interface ICartesianChart {
-    conf: ICartesianChartConf;
-    data: any[];
-    width: number;
-    height: number;
-}
-export declare function VizCartesianChart({ conf, data, width, height }: ICartesianChart): JSX.Element;
-export {};

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

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

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface IVizPie {
-    conf: any;
-    data: any[];
-    width: number;
-    height: number;
-}
-export declare function VizPie({ conf, data, width, height }: IVizPie): JSX.Element;
-export {};

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

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

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IRichTextConf } from './type';
-interface IRichText {
-    conf: IRichTextConf;
-    data: any[];
-    width: number;
-    height: number;
-}
-export declare function VizRichText({ conf, width, height }: IRichText): JSX.Element | null;
-export {};

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

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

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

@@ -1,8 +0,0 @@
-import { IVizPanelProps } from '../../../types';
-export interface IRichTextConf {
-    content: '';
-}
-export interface IVizRichTextPanel extends Omit<IVizPanelProps, 'conf' | 'setConf'> {
-    conf: IRichTextConf;
-    setConf: (values: IRichTextConf) => void;
-}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IVizStatsConf } from './types';
-interface IVizStats {
-    conf: IVizStatsConf;
-    data: any;
-    width: number;
-    height: number;
-}
-export declare function VizStats({ conf: { template, variables, align }, data }: IVizStats): JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-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;
-}
-export declare function VizStatsPanel({ conf, setConf, data }: IVizStatsPanel): JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import { TNumbroFormat } from '../../../settings/common/numbro-format-selector';
-import { IVizStatsConf } from '../types';
-export interface ILegacyStatsConf {
-    align: 'center';
-    size: string;
-    weight: string;
-    color: any;
-    content: {
-        prefix: string;
-        data_field: string;
-        formatter: TNumbroFormat;
-        postfix: string;
-    };
-}
-export declare function updateSchema(legacyConf: IVizStatsConf | ILegacyStatsConf): IVizStatsConf;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-interface ISunbrust {
-    conf: any;
-    data: any[];
-    width: number;
-    height: number;
-}
-export declare function Sunbrust({ conf, data, width, height }: ISunbrust): JSX.Element;
-export {};

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

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

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

@@ -1,16 +0,0 @@
-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>;
-}
-export declare const TemplateInput: React.ForwardRefExoticComponent<ITemplateInput & React.RefAttributes<unknown>>;
-interface ITemplateVariableField {
-    value: ITemplateVariable;
-    onChange: (v: ITemplateVariable) => void;
-    data: any[];
-}
-export declare const TemplateVariableField: React.ForwardRefExoticComponent<ITemplateVariableField & React.RefAttributes<unknown>>;
-export {};