@sentio/ui-dashboard 0.3.11 → 0.3.12

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import react__default, { ReactNode, CSSProperties } from 'react';
 import { ComposeOption, SetOptionOpts, ECharts } from 'echarts/core';
 import { BarSeriesOption, LineSeriesOption, SankeySeriesOption } from 'echarts/charts';
 import { TitleComponentOption, GridComponentOption } from 'echarts/components';
+import { BeforeMount } from '@monaco-editor/react';
 
 /** Dashboard chart type. */
 type ChartTypeLike = 'LINE' | 'AREA' | 'BAR' | 'BAR_GAUGE' | 'TABLE' | 'QUERY_VALUE' | 'PIE' | 'NOTE' | 'SCATTER' | 'GROUP';
@@ -465,12 +466,12 @@ interface SeriesLike<T = Date> {
     smooth?: boolean;
 }
 
-interface Props$B {
+interface Props$C {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$B): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$C): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -505,28 +506,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$A {
+interface Props$B {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$A): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$B): react_jsx_runtime.JSX.Element;
 
-interface Props$z {
+interface Props$A {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$z): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$A): react_jsx_runtime.JSX.Element;
 
-interface Props$y {
+interface Props$z {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$y): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$z): react_jsx_runtime.JSX.Element;
 
-interface Props$x {
+interface Props$y {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -536,7 +537,7 @@ interface Props$x {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$x): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$y): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -599,7 +600,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$w {
+interface Props$x {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -607,7 +608,7 @@ interface Props$w {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$w) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$x) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -615,14 +616,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$v = {
+type Props$w = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$v) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$w) => react_jsx_runtime.JSX.Element;
 
-interface Props$u {
+interface Props$v {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -635,9 +636,9 @@ interface Props$u {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$u): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$v): react_jsx_runtime.JSX.Element;
 
-interface Props$t {
+interface Props$u {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -650,7 +651,7 @@ interface Props$t {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$t): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$u): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -803,42 +804,42 @@ interface TimeSeriesChartProps {
 }
 declare const TimeSeriesChart: react.ForwardRefExoticComponent<TimeSeriesChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$s {
+interface Props$t {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$s) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$t) => react_jsx_runtime.JSX.Element;
 
-interface Props$r {
+interface Props$s {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$r) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$s) => react_jsx_runtime.JSX.Element;
 
-interface Props$q {
+interface Props$r {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
 declare const defaultConfig$8: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$q): react_jsx_runtime.JSX.Element;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$r): react_jsx_runtime.JSX.Element;
 
-interface Props$p {
+interface Props$q {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
 declare const defaultConfig$7: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$p): react_jsx_runtime.JSX.Element;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$q): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$o {
+interface Props$p {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -847,9 +848,9 @@ interface Props$o {
     showSuffix?: boolean;
 }
 declare const defaultConfig$6: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$p) => react_jsx_runtime.JSX.Element;
 
-interface Props$n {
+interface Props$o {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -858,15 +859,15 @@ interface Props$n {
     showSuffix?: boolean;
 }
 declare const defaultConfig$5: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$n) => react_jsx_runtime.JSX.Element;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$o) => react_jsx_runtime.JSX.Element;
 
-interface Props$m {
+interface Props$n {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$m): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$n): react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$m {
     yAxis?: YAxisConfigLike;
     setYAxis: (yAxis: YAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -879,9 +880,9 @@ interface Props$l {
     supportReset?: boolean;
     panelTitle?: string;
 }
-declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$l): react_jsx_runtime.JSX.Element;
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$m): react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$l {
     xAxis?: XAxisConfigLike;
     setXAxis: (val?: XAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -894,15 +895,15 @@ interface Props$k {
     supportSort?: boolean;
     supportSetType?: boolean;
 }
-declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$k) => react_jsx_runtime.JSX.Element;
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$l) => react_jsx_runtime.JSX.Element;
 
-interface Props$j {
+interface Props$k {
     markers?: MarkerLike[];
     onChange: (v: MarkerLike[]) => void;
 }
-declare function MarkerControls({ markers, onChange }: Props$j): react_jsx_runtime.JSX.Element;
+declare function MarkerControls({ markers, onChange }: Props$k): react_jsx_runtime.JSX.Element;
 
-interface Props$i {
+interface Props$j {
     defaultOpen?: boolean;
     onChange: (config: DataConfigLike) => void;
     chartConfig?: ChartConfigLike;
@@ -910,9 +911,9 @@ interface Props$i {
     defaultSeriesLimit?: number;
 }
 declare const defaultConfig$4: DataConfigLike;
-declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$i): react_jsx_runtime.JSX.Element;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$j): react_jsx_runtime.JSX.Element;
 
-interface Props$h {
+interface Props$i {
     config?: ScatterConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ScatterConfigLike) => void;
@@ -928,9 +929,9 @@ interface Props$h {
     }) => ReactNode;
 }
 declare const defaultConfig$3: ScatterConfigLike;
-declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$h): react_jsx_runtime.JSX.Element;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$i): react_jsx_runtime.JSX.Element;
 
-interface Props$g {
+interface Props$h {
     config?: TableConfigLike;
     defaultOpen?: boolean;
     onChange: (config: TableConfigLike) => void;
@@ -938,7 +939,7 @@ interface Props$g {
 }
 declare const defaultConfig$2: TableConfigLike;
 declare function getDefaultValueConfig(type?: ColumnTypeLike): ValueConfigLike;
-declare function TableControls({ config, defaultOpen, onChange, data }: Props$g): react_jsx_runtime.JSX.Element;
+declare function TableControls({ config, defaultOpen, onChange, data }: Props$h): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1690,62 +1691,62 @@ declare const sentioThemeDark: {
     };
 };
 
+interface Props$g {
+    className?: string;
+}
+declare const SvgIcon$7: ({ className }: Props$g) => react_jsx_runtime.JSX.Element;
+
 interface Props$f {
     className?: string;
 }
-declare const SvgIcon$7: ({ className }: Props$f) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$6: ({ className }: Props$f) => react_jsx_runtime.JSX.Element;
 
 interface Props$e {
     className?: string;
 }
-declare const SvgIcon$6: ({ className }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$5: ({ className }: Props$e) => react_jsx_runtime.JSX.Element;
 
 interface Props$d {
     className?: string;
 }
-declare const SvgIcon$5: ({ className }: Props$d) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$4: ({ className }: Props$d) => react_jsx_runtime.JSX.Element;
 
 interface Props$c {
     className?: string;
 }
-declare const SvgIcon$4: ({ className }: Props$c) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$3: ({ className }: Props$c) => react_jsx_runtime.JSX.Element;
 
 interface Props$b {
     className?: string;
 }
-declare const SvgIcon$3: ({ className }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$2: ({ className }: Props$b) => react_jsx_runtime.JSX.Element;
 
 interface Props$a {
     className?: string;
 }
-declare const SvgIcon$2: ({ className }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$1: ({ className }: Props$a) => react_jsx_runtime.JSX.Element;
 
 interface Props$9 {
     className?: string;
 }
-declare const SvgIcon$1: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
 
 interface Props$8 {
-    className?: string;
-}
-declare const SvgIcon: ({ className }: Props$8) => react_jsx_runtime.JSX.Element;
-
-interface Props$7 {
     dashboard?: DashboardLike;
     open: boolean;
     onClose: () => void;
     onUpdate: (data: DashboardLike) => Promise<void>;
 }
-declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$8) => react_jsx_runtime.JSX.Element;
 
-interface Props$6 {
+interface Props$7 {
     data?: any;
     logoSrc?: string;
     onNavigateToDatasource?: () => void;
 }
-declare const ErrorChart: react__default.MemoExoticComponent<({ data, logoSrc, onNavigateToDatasource }: Props$6) => react_jsx_runtime.JSX.Element>;
+declare const ErrorChart: react__default.MemoExoticComponent<({ data, logoSrc, onNavigateToDatasource }: Props$7) => react_jsx_runtime.JSX.Element>;
 
-interface Props$5 {
+interface Props$6 {
     open: boolean;
     onClose: () => void;
     title: string;
@@ -1757,15 +1758,15 @@ interface Props$5 {
         highlightColor: string;
     }) => void;
 }
-declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props$5): react_jsx_runtime.JSX.Element;
+declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props$6): react_jsx_runtime.JSX.Element;
 
-interface Props$4 {
+interface Props$5 {
     stats?: ComputeStatsLike;
     onRefresh: () => Promise<void>;
 }
-declare const DashboardRefresh: ({ stats, onRefresh }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const DashboardRefresh: ({ stats, onRefresh }: Props$5) => react_jsx_runtime.JSX.Element;
 
-interface Props$3 {
+interface Props$4 {
     open: boolean;
     initData?: DashboardSharingLike;
     onUnshare?: () => void;
@@ -1775,9 +1776,9 @@ interface Props$3 {
     endTime?: DateTimeValue;
     tz?: string;
 }
-declare const ShareDashboardDialog: ({ open, initData, onUnshare, onClose, onConfigChange, startTime, endTime, tz }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const ShareDashboardDialog: ({ open, initData, onUnshare, onClose, onConfigChange, startTime, endTime, tz }: Props$4) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 {
+interface Props$3 {
     config?: TimeRangeOverrideLike;
     onChange: (config: TimeRangeOverrideLike) => void;
     globalStartTime?: DateTimeValue;
@@ -1786,18 +1787,18 @@ interface Props$2 {
     onSetGlobalTimeRange: (start?: DateTimeValue, end?: DateTimeValue, tz?: string) => void;
 }
 declare const defaultConfig$1: TimeRangeOverrideLike;
-declare function TimeRangeOverride({ config, onChange, globalStartTime, globalEndTime, globalTz, onSetGlobalTimeRange }: Props$2): react_jsx_runtime.JSX.Element;
+declare function TimeRangeOverride({ config, onChange, globalStartTime, globalEndTime, globalTz, onSetGlobalTimeRange }: Props$3): react_jsx_runtime.JSX.Element;
 
-interface Props$1 {
+interface Props$2 {
     config?: ChartConfigLike;
     chartType?: ChartTypeLike;
     setSeriesConfig: (seriesConfig: SeriesConfigLike) => void;
     series: string[];
     enabled?: boolean;
 }
-declare const SeriesControls: ({ config, setSeriesConfig, series, enabled }: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const SeriesControls: ({ config, setSeriesConfig, series, enabled }: Props$2) => react_jsx_runtime.JSX.Element | null;
 
-interface Props {
+interface Props$1 {
     config?: QueryValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: QueryValueConfigLike) => void;
@@ -1806,7 +1807,7 @@ interface Props {
     }) => void) => ReactNode;
 }
 declare const defaultConfig: QueryValueConfigLike;
-declare function QueryValueControls({ config, defaultOpen, onChange, renderColorSelect }: Props): react_jsx_runtime.JSX.Element;
+declare function QueryValueControls({ config, defaultOpen, onChange, renderColorSelect }: Props$1): react_jsx_runtime.JSX.Element;
 
 type HighlightColorKey = '' | 'blue' | 'cyan' | 'pink' | 'yellow' | 'green' | 'lightblue' | 'purple' | 'red' | 'orange';
 interface HighlightColorMeta {
@@ -1829,4 +1830,13 @@ declare const ImportPanelDialog: ({ show, onClose: _onClose, onSubmit }: {
     onSubmit: (p: PanelLike) => Promise<void>;
 }) => react_jsx_runtime.JSX.Element;
 
-export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeChart, type BarGaugeChartProps, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type ComputeStatsLike, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, DashboardRefresh, type DashboardSharingLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, ErrorChart, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, ImportPanelDialog, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type MarkArea, type MarkLine, MarkerControls, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, QueryValueChart, type QueryValueChartProps, type QueryValueConfigLike, QueryValueControls, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, type SeriesConfigLike, SeriesControls, ShareDashboardDialog, type SharingConfigLike, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, type TimeLike, type TimeRangeLike, TimeRangeOverride, type TimeRangeOverrideLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$7 as defaultBarGaugeConfig, defaultConfig$4 as defaultDataConfig, defaultConfig$8 as defaultPieConfig, defaultConfig as defaultQueryValueConfig, defaultConfig$3 as defaultScatterConfig, defaultConfig$2 as defaultTableConfig, defaultConfig$1 as defaultTimeRangeOverrideConfig, defaultConfig$6 as defaultValueConfig, defaultConfig$5 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
+interface Props {
+    open: boolean;
+    onClose: () => void;
+    dashboardId?: string;
+    json: string;
+    onBeforeMount?: BeforeMount;
+}
+declare function ExportDashboardDialog({ open, onClose, dashboardId, json, onBeforeMount }: Props): react_jsx_runtime.JSX.Element;
+
+export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeChart, type BarGaugeChartProps, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTooltip, ChartTypeButtonGroup, type ChartTypeLike, type ComputeStatsLike, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, DashboardRefresh, type DashboardSharingLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, ErrorChart, EventsFunctionCategories, EventsFunctionMap, ExportDashboardDialog, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, ImportPanelDialog, LabelControls, LabelSearchProvider, LabelsInput, type LayoutItemLike, type LayoutsLike, LineControls, SvgIcon$7 as LineIcon, type MarkArea, type MarkLine, MarkerControls, type NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChart, PieChartControls, type PieChartProps, SvgIcon$3 as PieIcon, type PieSeriesInput, QueryValueChart, type QueryValueChartProps, type QueryValueConfigLike, QueryValueControls, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, type SeriesConfigLike, SeriesControls, ShareDashboardDialog, type SharingConfigLike, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, type TimeLike, type TimeRangeLike, TimeRangeOverride, type TimeRangeOverrideLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$7 as defaultBarGaugeConfig, defaultConfig$4 as defaultDataConfig, defaultConfig$8 as defaultPieConfig, defaultConfig as defaultQueryValueConfig, defaultConfig$3 as defaultScatterConfig, defaultConfig$2 as defaultTableConfig, defaultConfig$1 as defaultTimeRangeOverrideConfig, defaultConfig$6 as defaultValueConfig, defaultConfig$5 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(index_exports, {
   ErrorChart: () => ErrorChart,
   EventsFunctionCategories: () => EventsFunctionCategories,
   EventsFunctionMap: () => EventsFunctionMap,
+  ExportDashboardDialog: () => ExportDashboardDialog,
   FunctionInput: () => FunctionInput,
   FunctionMap: () => FunctionMap,
   FunctionsCategories: () => FunctionsCategories,
@@ -7968,6 +7969,64 @@ var ImportPanelDialog = ({
     }
   );
 };
+
+// src/dashboard/ExportDashboardDialog.tsx
+var import_ui_core37 = require("@sentio/ui-core");
+var import_react33 = __toESM(require("@monaco-editor/react"));
+var import_lu11 = require("react-icons/lu");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+function ExportDashboardDialog({
+  open,
+  onClose,
+  dashboardId,
+  json,
+  onBeforeMount
+}) {
+  const isDarkMode = (0, import_ui_core37.useDarkMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    import_ui_core37.BaseDialog,
+    {
+      title: "Export dashboard JSON",
+      open,
+      onClose,
+      onCancel: onClose,
+      cancelText: "Close",
+      footerBorder: false,
+      extraButtons: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "absolute left-4 inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        "a",
+        {
+          download: dashboardId ? `dashboard-${dashboardId}.json` : "dashboard.json",
+          href: "data:text/json;charset=utf-8," + encodeURIComponent(json),
+          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_ui_core37.Button, { role: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lu11.LuDownload, {}), children: "Save to a file" })
+        }
+      ) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("form", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-[18px] py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          "div",
+          {
+            className: "absolute right-10 top-8 z-10",
+            onClick: (evt) => evt.preventDefault(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_ui_core37.CopyButton, { text: json, size: 16 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "focus-within:border-primary-300 h-[324px] overflow-hidden rounded-sm border", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          import_react33.default,
+          {
+            value: json,
+            theme: isDarkMode ? "sentio-dark" : "sentio",
+            language: "json",
+            beforeMount: onBeforeMount,
+            options: {
+              readOnly: true,
+              minimap: { enabled: false },
+              lineNumbers: "off"
+            }
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AggregateInput,
@@ -7989,6 +8048,7 @@ var ImportPanelDialog = ({
   ErrorChart,
   EventsFunctionCategories,
   EventsFunctionMap,
+  ExportDashboardDialog,
   FunctionInput,
   FunctionMap,
   FunctionsCategories,