@sentio/ui-dashboard 0.3.1 → 0.3.5

package/dist/index.d.ts

@@ -22,6 +22,8 @@ type NoteAlignmentLike = 'LEFT' | 'CENTER' | 'RIGHT';
 type NoteVerticalAlignmentLike = 'TOP' | 'MIDDLE' | 'BOTTOM';
 /** Series/value aggregation calculation. */
 type CalculationLike = 'LAST' | 'FIRST' | 'MEAN' | 'TOTAL' | 'ALL' | 'MIN' | 'MAX';
+/** Tabular-data column type (proto common.TabularData.ColumnType). */
+type ColumnTypeLike = 'STRING' | 'NUMBER' | 'BOOLEAN' | 'LIST' | 'TIME' | 'MAP' | 'JSON' | 'TOKEN' | 'DYNAMIC';
 /** Bar-gauge layout direction. */
 type DirectionLike = 'HORIZONTAL' | 'VERTICAL';
 /** Mark type for chart markers. */
@@ -268,6 +270,34 @@ interface TableConfigLike {
     };
     rowLimit?: number;
 }
+/**
+ * Minimal shape of the query result TableControls inspects to enumerate
+ * columns — either a SQL result (column types) or metrics results (series
+ * with labels). Mirrors the fields read from the proto MetricsQueryResponse /
+ * SyncExecuteSQLResponse, so a consumer can pass either response directly.
+ */
+interface TableDataLike {
+    /** SQL path: column name → column type. */
+    result?: {
+        columnTypes?: {
+            [name: string]: ColumnTypeLike;
+        };
+    };
+    /** Metrics path: one entry per query, each with its matrix samples. */
+    results?: Array<{
+        alias?: string;
+        matrix?: {
+            samples?: Array<{
+                metric?: {
+                    labels?: {
+                        [k: string]: string;
+                    };
+                    displayName?: string;
+                };
+            }>;
+        };
+    }>;
+}
 /** Compare-to-previous-period offset. */
 interface CompareTimeLike {
     ago?: DurationLike;
@@ -405,12 +435,12 @@ interface SeriesLike<T = Date> {
     smooth?: boolean;
 }
 
-interface Props$s {
+interface Props$v {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function AggregateInput({ metric, value, onChange }: Props$s): react_jsx_runtime.JSX.Element;
+declare function AggregateInput({ metric, value, onChange }: Props$v): react_jsx_runtime.JSX.Element;
 
 declare enum ArgumentType {
     String = 0,
@@ -445,28 +475,28 @@ declare const EventsFunctionMap: {
     [name: string]: FunctionDef;
 };
 
-interface Props$r {
+interface Props$u {
     argument: ArgumentDef;
     value?: ArgumentLike;
     onChange?: (value: ArgumentLike) => void;
     className?: string;
 }
-declare function ArgumentInput({ className, argument, value, onChange }: Props$r): react_jsx_runtime.JSX.Element;
+declare function ArgumentInput({ className, argument, value, onChange }: Props$u): react_jsx_runtime.JSX.Element;
 
-interface Props$q {
+interface Props$t {
     value: QueryLike;
     onChange: (value: QueryLike) => void;
 }
-declare function FunctionInput({ value, onChange }: Props$q): react_jsx_runtime.JSX.Element;
+declare function FunctionInput({ value, onChange }: Props$t): react_jsx_runtime.JSX.Element;
 
-interface Props$p {
+interface Props$s {
     onClick: (func: FunctionDef) => void;
     functionCategories?: typeof FunctionsCategories;
     defaultFunc?: string;
 }
-declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$p): react_jsx_runtime.JSX.Element;
+declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$s): react_jsx_runtime.JSX.Element;
 
-interface Props$o {
+interface Props$r {
     metric?: MetricInfoLike;
     value: QueryLike;
     onChange: (value: QueryLike) => void;
@@ -476,7 +506,7 @@ interface Props$o {
     small?: boolean;
     useRegex?: boolean;
 }
-declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$o): react_jsx_runtime.JSX.Element;
+declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$r): react_jsx_runtime.JSX.Element;
 
 declare const SystemLabels: {
     field: string;
@@ -539,7 +569,7 @@ type SeriesFinder = {
 };
 declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
 
-interface Props$n {
+interface Props$q {
     legend: string[];
     legendSelected: Record<string, boolean>;
     returnedSeries?: number;
@@ -547,7 +577,7 @@ interface Props$n {
     onRendered: (v: boolean) => void;
     chartHandle?: EChartsHandle;
 }
-declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$n) => react_jsx_runtime.JSX.Element;
+declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$q) => react_jsx_runtime.JSX.Element;
 
 declare const RefreshContext: react.Context<{
     refresh?: () => void;
@@ -555,14 +585,14 @@ declare const RefreshContext: react.Context<{
 }>;
 declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
 
-type Props$m = {
+type Props$p = {
     value: ChartTypeLike;
     onChange: (value: ChartTypeLike) => void;
     small?: boolean;
 };
-declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$m) => react_jsx_runtime.JSX.Element;
+declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$p) => react_jsx_runtime.JSX.Element;
 
-interface Props$l {
+interface Props$o {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number, seriesId?: string) => string;
@@ -575,9 +605,9 @@ interface Props$l {
     viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
     isFixed?: boolean;
 }
-declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$l): react_jsx_runtime.JSX.Element;
+declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$o): react_jsx_runtime.JSX.Element;
 
-interface Props$k {
+interface Props$n {
     data: any;
     compareTimeDuration?: DurationLike;
     numberFormatter: (value: number) => string;
@@ -590,7 +620,7 @@ interface Props$k {
     isFixed?: boolean;
     sizeTitle?: string;
 }
-declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$k): react_jsx_runtime.JSX.Element;
+declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$n): react_jsx_runtime.JSX.Element;
 
 /** Minimal shape consumed from a computed series — only name + first data point. */
 interface PieSeriesInput {
@@ -743,42 +773,42 @@ interface TimeSeriesChartProps {
 }
 declare const TimeSeriesChart: react.ForwardRefExoticComponent<TimeSeriesChartProps & react.RefAttributes<EChartsHandle>>;
 
-interface Props$j {
+interface Props$m {
     config?: LineConfigLike;
     defaultOpen?: boolean;
     onChange: (config: LineConfigLike) => void;
 }
-declare const LineControls: ({ config, defaultOpen, onChange }: Props$j) => react_jsx_runtime.JSX.Element;
+declare const LineControls: ({ config, defaultOpen, onChange }: Props$m) => react_jsx_runtime.JSX.Element;
 
-interface Props$i {
+interface Props$l {
     config?: LabelConfigLike;
     setConfig: (value: LabelConfigLike) => void;
     defaultOpen?: boolean;
 }
-declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$i) => react_jsx_runtime.JSX.Element;
+declare const LabelControls: ({ config, setConfig, defaultOpen }: Props$l) => react_jsx_runtime.JSX.Element;
 
-interface Props$h {
+interface Props$k {
     config?: PieConfigLike;
     defaultOpen?: boolean;
     onChange: (config: PieConfigLike) => void;
 }
-declare const defaultConfig$5: PieConfigLike;
-declare function PieChartControls({ config, defaultOpen, onChange }: Props$h): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$6: PieConfigLike;
+declare function PieChartControls({ config, defaultOpen, onChange }: Props$k): react_jsx_runtime.JSX.Element;
 
-interface Props$g {
+interface Props$j {
     config?: BarGaugeConfigLike;
     defaultOpen?: boolean;
     onChange: (config: BarGaugeConfigLike) => void;
 }
-declare const defaultConfig$4: BarGaugeConfigLike;
-declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$g): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$5: BarGaugeConfigLike;
+declare function BarGaugeControls({ config, defaultOpen, onChange }: Props$j): react_jsx_runtime.JSX.Element;
 
 interface ValueFormatter {
     label: string;
     value: ValueFormatterLike;
 }
 declare const ValueFormatters: ValueFormatter[];
-interface Props$f {
+interface Props$i {
     config: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -786,10 +816,10 @@ interface Props$f {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig$3: ValueConfigLike;
-declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$f) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$4: ValueConfigLike;
+declare const ValueOptions: ({ config, onChange, formatters, showPrefix, showSuffix }: Props$i) => react_jsx_runtime.JSX.Element;
 
-interface Props$e {
+interface Props$h {
     config?: ValueConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ValueConfigLike) => void;
@@ -797,16 +827,16 @@ interface Props$e {
     showPrefix?: boolean;
     showSuffix?: boolean;
 }
-declare const defaultConfig$2: ValueConfigLike;
-declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$e) => react_jsx_runtime.JSX.Element;
+declare const defaultConfig$3: ValueConfigLike;
+declare const ValueControls: ({ config, defaultOpen, onChange, formatters, showPrefix, showSuffix }: Props$h) => react_jsx_runtime.JSX.Element;
 
-interface Props$d {
+interface Props$g {
     rules: MappingRuleLike[];
     onChange: (rules: MappingRuleLike[]) => void;
 }
-declare function ValueStringMapping({ rules, onChange }: Props$d): react_jsx_runtime.JSX.Element;
+declare function ValueStringMapping({ rules, onChange }: Props$g): react_jsx_runtime.JSX.Element;
 
-interface Props$c {
+interface Props$f {
     yAxis?: YAxisConfigLike;
     setYAxis: (yAxis: YAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -819,9 +849,9 @@ interface Props$c {
     supportReset?: boolean;
     panelTitle?: string;
 }
-declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$c): react_jsx_runtime.JSX.Element;
+declare function YaxisControls({ yAxis, setYAxis, defaultOpen, columnSelect, supportSetName, supportSetMinMax, supportStackSeries, supportAlwaysShowZero, supportReset, panelTitle }: Props$f): react_jsx_runtime.JSX.Element;
 
-interface Props$b {
+interface Props$e {
     xAxis?: XAxisConfigLike;
     setXAxis: (val?: XAxisConfigLike) => void;
     defaultOpen?: boolean;
@@ -834,25 +864,25 @@ interface Props$b {
     supportSort?: boolean;
     supportSetType?: boolean;
 }
-declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$b) => react_jsx_runtime.JSX.Element;
+declare const XAxisControls: ({ xAxis, setXAxis, defaultOpen, columnSelect, columnIsNonTime, panelTitle, supportName, supportSort, supportSetType }: Props$e) => react_jsx_runtime.JSX.Element;
 
-interface Props$a {
+interface Props$d {
     markers?: MarkerLike[];
     onChange: (v: MarkerLike[]) => void;
 }
-declare function MarkerControls({ markers, onChange }: Props$a): react_jsx_runtime.JSX.Element;
+declare function MarkerControls({ markers, onChange }: Props$d): react_jsx_runtime.JSX.Element;
 
-interface Props$9 {
+interface Props$c {
     defaultOpen?: boolean;
     onChange: (config: DataConfigLike) => void;
     chartConfig?: ChartConfigLike;
     /** Per-chart-type fallback when no explicit limit is set (app resolves from ChartTypeLimits). */
     defaultSeriesLimit?: number;
 }
-declare const defaultConfig$1: DataConfigLike;
-declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$9): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$2: DataConfigLike;
+declare function DataControls({ defaultOpen, onChange, chartConfig, defaultSeriesLimit }: Props$c): react_jsx_runtime.JSX.Element;
 
-interface Props$8 {
+interface Props$b {
     config?: ScatterConfigLike;
     defaultOpen?: boolean;
     onChange: (config: ScatterConfigLike) => void;
@@ -867,8 +897,18 @@ interface Props$8 {
         onChange: (color?: string) => void;
     }) => ReactNode;
 }
-declare const defaultConfig: ScatterConfigLike;
-declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$8): react_jsx_runtime.JSX.Element;
+declare const defaultConfig$1: ScatterConfigLike;
+declare function ScatterControls({ config, defaultOpen, onChange, columnSelect, colorPicker }: Props$b): react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    config?: TableConfigLike;
+    defaultOpen?: boolean;
+    onChange: (config: TableConfigLike) => void;
+    data?: TableDataLike;
+}
+declare const defaultConfig: TableConfigLike;
+declare function getDefaultValueConfig(type?: ColumnTypeLike): ValueConfigLike;
+declare function TableControls({ config, defaultOpen, onChange, data }: Props$a): react_jsx_runtime.JSX.Element;
 
 declare const sentioColors: {
     light: {
@@ -1620,44 +1660,81 @@ declare const sentioThemeDark: {
     };
 };
 
+interface Props$9 {
+    className?: string;
+}
+declare const SvgIcon$7: ({ className }: Props$9) => react_jsx_runtime.JSX.Element;
+
+interface Props$8 {
+    className?: string;
+}
+declare const SvgIcon$6: ({ className }: Props$8) => react_jsx_runtime.JSX.Element;
+
 interface Props$7 {
     className?: string;
 }
-declare const SvgIcon$7: ({ className }: Props$7) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$5: ({ className }: Props$7) => react_jsx_runtime.JSX.Element;
 
 interface Props$6 {
     className?: string;
 }
-declare const SvgIcon$6: ({ className }: Props$6) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$4: ({ className }: Props$6) => react_jsx_runtime.JSX.Element;
 
 interface Props$5 {
     className?: string;
 }
-declare const SvgIcon$5: ({ className }: Props$5) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$3: ({ className }: Props$5) => react_jsx_runtime.JSX.Element;
 
 interface Props$4 {
     className?: string;
 }
-declare const SvgIcon$4: ({ className }: Props$4) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$2: ({ className }: Props$4) => react_jsx_runtime.JSX.Element;
 
 interface Props$3 {
     className?: string;
 }
-declare const SvgIcon$3: ({ className }: Props$3) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon$1: ({ className }: Props$3) => react_jsx_runtime.JSX.Element;
 
 interface Props$2 {
     className?: string;
 }
-declare const SvgIcon$2: ({ className }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const SvgIcon: ({ className }: Props$2) => react_jsx_runtime.JSX.Element;
 
 interface Props$1 {
-    className?: string;
+    dashboard?: DashboardLike;
+    open: boolean;
+    onClose: () => void;
+    onUpdate: (data: DashboardLike) => Promise<void>;
 }
-declare const SvgIcon$1: ({ className }: Props$1) => react_jsx_runtime.JSX.Element;
+declare const EditDashboardDialog: ({ dashboard, open, onClose, onUpdate }: Props$1) => react_jsx_runtime.JSX.Element;
 
 interface Props {
-    className?: string;
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    style: GroupStyleLike;
+    highlightColor: string;
+    onSave: (next: {
+        title: string;
+        style: GroupStyleLike;
+        highlightColor: string;
+    }) => void;
+}
+declare function EditGroupDialog({ open, onClose, title, style, highlightColor, onSave }: Props): react_jsx_runtime.JSX.Element;
+
+type HighlightColorKey = '' | 'blue' | 'cyan' | 'pink' | 'yellow' | 'green' | 'lightblue' | 'purple' | 'red' | 'orange';
+interface HighlightColorMeta {
+    key: Exclude<HighlightColorKey, ''>;
+    name: string;
+}
+declare const HIGHLIGHT_COLORS: HighlightColorMeta[];
+declare const DEFAULT_HIGHLIGHT_KEY: Exclude<HighlightColorKey, ''>;
+declare function getHighlightHex(key: string | undefined, isDark: boolean): string | undefined;
+interface ResolvedHighlight {
+    solid: string;
+    foreground: string;
 }
-declare const SvgIcon: ({ className }: Props) => react_jsx_runtime.JSX.Element;
+declare function resolveHighlight(colorKey: string | undefined, isDark: boolean): ResolvedHighlight;
+declare function resolveHeaderStyle(style: GroupStyleLike | undefined, colorKey: string | undefined, isDark: boolean): React.CSSProperties;
 
-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 DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, 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, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$4 as defaultBarGaugeConfig, defaultConfig$1 as defaultDataConfig, defaultConfig$5 as defaultPieConfig, defaultConfig as defaultScatterConfig, defaultConfig$3 as defaultValueConfig, defaultConfig$2 as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
+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, DEFAULT_HIGHLIGHT_KEY, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, DataControls, type DataSourceTypeLike, type EChartsHandle, type EChartsOption, EditDashboardDialog, EditGroupDialog, EventsFunctionCategories, EventsFunctionMap, type FunctionDef, FunctionInput, FunctionMap, FunctionsCategories, FunctionsPanel, type GroupLike, type GroupStyleLike, HIGHLIGHT_COLORS, type HighlightColorKey, type HighlightColorMeta, 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, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResolvedHighlight, type ResponsiveLayoutsLike, ScatterChartTooltip, ScatterControls, SvgIcon$1 as ScatterIcon, SystemLabels, TableControls, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, TimeSeriesChart, type TimeSeriesChartProps, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type ViewActionContext, XAxisControls, type YAxisConfigLike, YaxisControls, defaultConfig$5 as defaultBarGaugeConfig, defaultConfig$2 as defaultDataConfig, defaultConfig$6 as defaultPieConfig, defaultConfig$1 as defaultScatterConfig, defaultConfig as defaultTableConfig, defaultConfig$4 as defaultValueConfig, defaultConfig$3 as defaultValueControlsConfig, getDefaultValueConfig, getHighlightHex, isAggrOrRollupFunction, resolveHeaderStyle, resolveHighlight, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };