@sentio/ui-dashboard 0.2.4 → 0.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +65 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +96 -19
- package/dist/index.d.ts +96 -19
- package/dist/index.js +1083 -149
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1048 -119
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DurationLike, ButtonProps } from '@sentio/ui-core';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
import react__default, { ReactNode, CSSProperties } from 'react';
|
|
5
5
|
import { ComposeOption, SetOptionOpts, ECharts } from 'echarts/core';
|
|
6
6
|
import { BarSeriesOption, LineSeriesOption, SankeySeriesOption } from 'echarts/charts';
|
|
7
7
|
import { TitleComponentOption, GridComponentOption } from 'echarts/components';
|
|
@@ -383,12 +383,12 @@ interface MetricInfoLike {
|
|
|
383
383
|
};
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
interface Props$
|
|
386
|
+
interface Props$n {
|
|
387
387
|
metric?: MetricInfoLike;
|
|
388
388
|
value: QueryLike;
|
|
389
389
|
onChange: (value: QueryLike) => void;
|
|
390
390
|
}
|
|
391
|
-
declare function AggregateInput({ metric, value, onChange }: Props$
|
|
391
|
+
declare function AggregateInput({ metric, value, onChange }: Props$n): react_jsx_runtime.JSX.Element;
|
|
392
392
|
|
|
393
393
|
declare enum ArgumentType {
|
|
394
394
|
String = 0,
|
|
@@ -423,28 +423,28 @@ declare const EventsFunctionMap: {
|
|
|
423
423
|
[name: string]: FunctionDef;
|
|
424
424
|
};
|
|
425
425
|
|
|
426
|
-
interface Props$
|
|
426
|
+
interface Props$m {
|
|
427
427
|
argument: ArgumentDef;
|
|
428
428
|
value?: ArgumentLike;
|
|
429
429
|
onChange?: (value: ArgumentLike) => void;
|
|
430
430
|
className?: string;
|
|
431
431
|
}
|
|
432
|
-
declare function ArgumentInput({ className, argument, value, onChange }: Props$
|
|
432
|
+
declare function ArgumentInput({ className, argument, value, onChange }: Props$m): react_jsx_runtime.JSX.Element;
|
|
433
433
|
|
|
434
|
-
interface Props$
|
|
434
|
+
interface Props$l {
|
|
435
435
|
value: QueryLike;
|
|
436
436
|
onChange: (value: QueryLike) => void;
|
|
437
437
|
}
|
|
438
|
-
declare function FunctionInput({ value, onChange }: Props$
|
|
438
|
+
declare function FunctionInput({ value, onChange }: Props$l): react_jsx_runtime.JSX.Element;
|
|
439
439
|
|
|
440
|
-
interface Props$
|
|
440
|
+
interface Props$k {
|
|
441
441
|
onClick: (func: FunctionDef) => void;
|
|
442
442
|
functionCategories?: typeof FunctionsCategories;
|
|
443
443
|
defaultFunc?: string;
|
|
444
444
|
}
|
|
445
|
-
declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$
|
|
445
|
+
declare function FunctionsPanel({ onClick, functionCategories, defaultFunc }: Props$k): react_jsx_runtime.JSX.Element;
|
|
446
446
|
|
|
447
|
-
interface Props$
|
|
447
|
+
interface Props$j {
|
|
448
448
|
metric?: MetricInfoLike;
|
|
449
449
|
value: QueryLike;
|
|
450
450
|
onChange: (value: QueryLike) => void;
|
|
@@ -454,7 +454,7 @@ interface Props$h {
|
|
|
454
454
|
small?: boolean;
|
|
455
455
|
useRegex?: boolean;
|
|
456
456
|
}
|
|
457
|
-
declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$
|
|
457
|
+
declare function LabelsInput({ value, metric, variables, onChange, small, useRegex }: Props$j): react_jsx_runtime.JSX.Element;
|
|
458
458
|
|
|
459
459
|
declare const SystemLabels: {
|
|
460
460
|
field: string;
|
|
@@ -515,9 +515,9 @@ type SeriesFinder = {
|
|
|
515
515
|
seriesIndex?: number;
|
|
516
516
|
seriesName?: string;
|
|
517
517
|
};
|
|
518
|
-
declare const ReactEChartsBase:
|
|
518
|
+
declare const ReactEChartsBase: react__default.ForwardRefExoticComponent<ReactEChartsProps & react__default.RefAttributes<EChartsHandle>>;
|
|
519
519
|
|
|
520
|
-
interface Props$
|
|
520
|
+
interface Props$i {
|
|
521
521
|
legend: string[];
|
|
522
522
|
legendSelected: Record<string, boolean>;
|
|
523
523
|
returnedSeries?: number;
|
|
@@ -525,20 +525,97 @@ interface Props$g {
|
|
|
525
525
|
onRendered: (v: boolean) => void;
|
|
526
526
|
chartHandle?: EChartsHandle;
|
|
527
527
|
}
|
|
528
|
-
declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$
|
|
528
|
+
declare const ChartLegend: ({ legend, legendSelected, returnedSeries, totalSeries, onRendered, chartHandle }: Props$i) => react_jsx_runtime.JSX.Element;
|
|
529
529
|
|
|
530
|
-
declare const RefreshContext:
|
|
530
|
+
declare const RefreshContext: react.Context<{
|
|
531
531
|
refresh?: () => void;
|
|
532
532
|
isRefreshing?: boolean;
|
|
533
533
|
}>;
|
|
534
534
|
declare const RefreshButton: (props: Partial<ButtonProps>) => react_jsx_runtime.JSX.Element | null;
|
|
535
535
|
|
|
536
|
-
type Props$
|
|
536
|
+
type Props$h = {
|
|
537
537
|
value: ChartTypeLike;
|
|
538
538
|
onChange: (value: ChartTypeLike) => void;
|
|
539
539
|
small?: boolean;
|
|
540
540
|
};
|
|
541
|
-
declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$
|
|
541
|
+
declare const ChartTypeButtonGroup: ({ value, onChange, small }: Props$h) => react_jsx_runtime.JSX.Element;
|
|
542
|
+
|
|
543
|
+
interface Props$g {
|
|
544
|
+
data: any;
|
|
545
|
+
compareTimeDuration?: DurationLike;
|
|
546
|
+
numberFormatter: (value: number, seriesId?: string) => string;
|
|
547
|
+
highlightSeriesId?: string;
|
|
548
|
+
title?: ReactNode;
|
|
549
|
+
showTotal?: boolean;
|
|
550
|
+
onViewLogs?: (seriesId: string, seriesIndex: number) => void;
|
|
551
|
+
viewLogDisabled?: (seriesId: string, seriesIndex: number) => boolean;
|
|
552
|
+
onViewUsers?: (seriesId: string, seriesIndex: number) => void;
|
|
553
|
+
viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
|
|
554
|
+
isFixed?: boolean;
|
|
555
|
+
}
|
|
556
|
+
declare function ChartTooltip({ data, numberFormatter, compareTimeDuration, highlightSeriesId, title, showTotal, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed }: Props$g): react_jsx_runtime.JSX.Element;
|
|
557
|
+
|
|
558
|
+
interface Props$f {
|
|
559
|
+
data: any;
|
|
560
|
+
compareTimeDuration?: DurationLike;
|
|
561
|
+
numberFormatter: (value: number) => string;
|
|
562
|
+
highlightSeriesId?: string;
|
|
563
|
+
title?: ReactNode;
|
|
564
|
+
onViewLogs?: (seriesId: string, seriesIndex: number) => void;
|
|
565
|
+
viewLogDisabled?: (seriesId: string, seriesIndex: number) => boolean;
|
|
566
|
+
onViewUsers?: (seriesId: string, seriesIndex: number) => void;
|
|
567
|
+
viewUsersDisabled?: (seriesId: string, seriesIndex: number) => boolean;
|
|
568
|
+
isFixed?: boolean;
|
|
569
|
+
sizeTitle?: string;
|
|
570
|
+
}
|
|
571
|
+
declare function ScatterChartTooltip({ data, numberFormatter, highlightSeriesId, title, onViewLogs, viewLogDisabled, onViewUsers, viewUsersDisabled, isFixed, sizeTitle }: Props$f): react_jsx_runtime.JSX.Element;
|
|
572
|
+
|
|
573
|
+
/** Minimal shape consumed from a computed series — only name + first data point. */
|
|
574
|
+
interface PieSeriesInput {
|
|
575
|
+
name: string;
|
|
576
|
+
data: any[];
|
|
577
|
+
}
|
|
578
|
+
interface PieChartProps {
|
|
579
|
+
/** Already-computed series (app runs the worker compute and passes the result). */
|
|
580
|
+
series: PieSeriesInput[];
|
|
581
|
+
/** Formats a slice value for tooltip/legend display. */
|
|
582
|
+
valueFormatter: (value: number) => string;
|
|
583
|
+
config?: ChartConfigLike;
|
|
584
|
+
title?: string;
|
|
585
|
+
minHeight?: number;
|
|
586
|
+
loading?: boolean;
|
|
587
|
+
style?: CSSProperties;
|
|
588
|
+
onInitChart?: (chart: ECharts) => void;
|
|
589
|
+
}
|
|
590
|
+
declare const PieChart: react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<EChartsHandle>>;
|
|
591
|
+
|
|
592
|
+
interface BarGaugeChartProps {
|
|
593
|
+
/** Already-computed series (app runs the worker compute and passes the result). */
|
|
594
|
+
series: PieSeriesInput[];
|
|
595
|
+
legend?: string[];
|
|
596
|
+
/** Formats a bar value for the label / value-axis. */
|
|
597
|
+
valueFormatter: (value: number) => string;
|
|
598
|
+
config?: ChartConfigLike;
|
|
599
|
+
title?: string;
|
|
600
|
+
minHeight?: number;
|
|
601
|
+
loading?: boolean;
|
|
602
|
+
style?: CSSProperties;
|
|
603
|
+
onInitChart?: (chart: ECharts) => void;
|
|
604
|
+
}
|
|
605
|
+
declare const BarGaugeChart: react.ForwardRefExoticComponent<BarGaugeChartProps & react.RefAttributes<EChartsHandle>>;
|
|
606
|
+
|
|
607
|
+
interface QueryValueChartProps {
|
|
608
|
+
/** Worker-resolved render inputs (app runs the QueryValue worker compute). */
|
|
609
|
+
series: any[];
|
|
610
|
+
valueText?: string;
|
|
611
|
+
textColor?: string;
|
|
612
|
+
backgroundColor?: string;
|
|
613
|
+
minHeight?: number;
|
|
614
|
+
loading?: boolean;
|
|
615
|
+
style?: CSSProperties;
|
|
616
|
+
onInitChart?: (chart: ECharts) => void;
|
|
617
|
+
}
|
|
618
|
+
declare const QueryValueChart: react.ForwardRefExoticComponent<QueryValueChartProps & react.RefAttributes<EChartsHandle>>;
|
|
542
619
|
|
|
543
620
|
interface Props$e {
|
|
544
621
|
config?: LineConfigLike;
|
|
@@ -1393,4 +1470,4 @@ interface Props {
|
|
|
1393
1470
|
}
|
|
1394
1471
|
declare const SvgIcon: ({ className }: Props) => react_jsx_runtime.JSX.Element;
|
|
1395
1472
|
|
|
1396
|
-
export { AggregateInput, SvgIcon$6 as AreaIcon, type ArgumentDef, ArgumentInput, ArgumentType, BarGaugeControls, SvgIcon$4 as BarGuageIcon, SvgIcon$5 as BarIcon, type ChartConfigLike, ChartLegend, type ChartLike, ChartTypeButtonGroup, type ChartTypeLike, type DashboardExtraLike, type DashboardLike, type DashboardVisibilityLike, 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 NoteAlignmentLike, type NoteFontSizeLike, type NoteLike, type NoteVerticalAlignmentLike, type OverlayGraphLike, type PanelLike, PieChartControls, SvgIcon$3 as PieIcon, SvgIcon$2 as QueryValueIcon, ReactEChartsBase, type ReactEChartsProps, RefreshButton, RefreshContext, type ResponsiveLayoutsLike, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type YAxisConfigLike, defaultConfig$2 as defaultBarGaugeConfig, defaultConfig$3 as defaultPieConfig, defaultConfig$1 as defaultValueConfig, defaultConfig as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
|
|
1473
|
+
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, 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 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, SvgIcon$1 as ScatterIcon, SystemLabels, SvgIcon as TableIcon, type TemplateVariableLike, type TemplateViewLike, ValueControls, type ValueFormatter, ValueFormatters, ValueOptions, ValueStringMapping, type YAxisConfigLike, defaultConfig$2 as defaultBarGaugeConfig, defaultConfig$3 as defaultPieConfig, defaultConfig$1 as defaultValueConfig, defaultConfig as defaultValueControlsConfig, isAggrOrRollupFunction, sentioColors, sentioTheme, sentioThemeDark, sortMetricByName, useLabelSearch, useLabelSearchContext };
|