@ktnpm_devops/react-component 0.1.0 → 0.2.0
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/README.md +16 -5
- package/dist/charts/CounterTimeseriesChart/CounterTimeseriesChart.d.ts +7 -0
- package/dist/charts/CounterTimeseriesChart/CounterTimeseriesChart.d.ts.map +1 -0
- package/dist/charts/CounterTimeseriesChart/CounterTimeseriesChart.types.d.ts +31 -0
- package/dist/charts/CounterTimeseriesChart/CounterTimeseriesChart.types.d.ts.map +1 -0
- package/dist/charts/CounterTimeseriesChart/index.d.ts +3 -0
- package/dist/charts/CounterTimeseriesChart/index.d.ts.map +1 -0
- package/dist/charts/CountersAnalysisCard/CountersAnalysisCard.d.ts +4 -0
- package/dist/charts/CountersAnalysisCard/CountersAnalysisCard.d.ts.map +1 -0
- package/dist/charts/CountersAnalysisCard/CountersAnalysisCard.types.d.ts +27 -0
- package/dist/charts/CountersAnalysisCard/CountersAnalysisCard.types.d.ts.map +1 -0
- package/dist/charts/CountersAnalysisCard/index.d.ts +3 -0
- package/dist/charts/CountersAnalysisCard/index.d.ts.map +1 -0
- package/dist/charts/SankeyChartCard/SankeyChartCard.d.ts +7 -0
- package/dist/charts/SankeyChartCard/SankeyChartCard.d.ts.map +1 -0
- package/dist/charts/SankeyChartCard/SankeyChartCard.types.d.ts +32 -0
- package/dist/charts/SankeyChartCard/SankeyChartCard.types.d.ts.map +1 -0
- package/dist/charts/SankeyChartCard/index.d.ts +3 -0
- package/dist/charts/SankeyChartCard/index.d.ts.map +1 -0
- package/dist/charts/StackedBarChartCard/StackedBarChartCard.d.ts +4 -0
- package/dist/charts/StackedBarChartCard/StackedBarChartCard.d.ts.map +1 -0
- package/dist/charts/StackedBarChartCard/StackedBarChartCard.types.d.ts +33 -0
- package/dist/charts/StackedBarChartCard/StackedBarChartCard.types.d.ts.map +1 -0
- package/dist/charts/StackedBarChartCard/buildChartOptions.d.ts +141 -0
- package/dist/charts/StackedBarChartCard/buildChartOptions.d.ts.map +1 -0
- package/dist/charts/StackedBarChartCard/index.d.ts +3 -0
- package/dist/charts/StackedBarChartCard/index.d.ts.map +1 -0
- package/dist/charts/TemporalTrendChartCard/TemporalTrendChartCard.d.ts +7 -0
- package/dist/charts/TemporalTrendChartCard/TemporalTrendChartCard.d.ts.map +1 -0
- package/dist/charts/TemporalTrendChartCard/TemporalTrendChartCard.types.d.ts +37 -0
- package/dist/charts/TemporalTrendChartCard/TemporalTrendChartCard.types.d.ts.map +1 -0
- package/dist/charts/TemporalTrendChartCard/index.d.ts +3 -0
- package/dist/charts/TemporalTrendChartCard/index.d.ts.map +1 -0
- package/dist/composites/Sidebar/Sidebar.d.ts +19 -0
- package/dist/composites/Sidebar/Sidebar.d.ts.map +1 -0
- package/dist/composites/Sidebar/Sidebar.types.d.ts +31 -0
- package/dist/composites/Sidebar/Sidebar.types.d.ts.map +1 -0
- package/dist/composites/Sidebar/index.d.ts +3 -0
- package/dist/composites/Sidebar/index.d.ts.map +1 -0
- package/dist/constants.d.ts +27 -0
- package/dist/constants.d.ts.map +1 -1
- package/dist/data/LiveExplorerTable/LiveExplorerTable.d.ts +7 -0
- package/dist/data/LiveExplorerTable/LiveExplorerTable.d.ts.map +1 -0
- package/dist/data/LiveExplorerTable/LiveExplorerTable.types.d.ts +63 -0
- package/dist/data/LiveExplorerTable/LiveExplorerTable.types.d.ts.map +1 -0
- package/dist/data/LiveExplorerTable/index.d.ts +3 -0
- package/dist/data/LiveExplorerTable/index.d.ts.map +1 -0
- package/dist/index.cjs +40 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +26 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +41 -16
- package/dist/index.js.map +1 -1
- package/dist/index10.cjs +4 -16
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +4 -16
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +16 -10
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +16 -10
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +10 -100
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +11 -101
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +87 -77
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +88 -78
- package/dist/index13.js.map +1 -1
- package/dist/index14.cjs +20 -121
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +20 -121
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +89 -7
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +91 -9
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +151 -31
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +152 -32
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +124 -212
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +125 -213
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +110 -67
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +110 -67
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +17 -8
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +18 -9
- package/dist/index19.js.map +1 -1
- package/dist/index20.cjs +7 -142
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +9 -144
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +131 -6
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +132 -7
- package/dist/index21.js.map +1 -1
- package/dist/index22.cjs +38 -8
- package/dist/index22.cjs.map +1 -1
- package/dist/index22.js +39 -9
- package/dist/index22.js.map +1 -1
- package/dist/index23.cjs +226 -16
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +225 -15
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +36 -28
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +35 -27
- package/dist/index24.js.map +1 -1
- package/dist/index25.cjs +79 -18
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +78 -17
- package/dist/index25.js.map +1 -1
- package/dist/index26.cjs +154 -6
- package/dist/index26.cjs.map +1 -1
- package/dist/index26.js +153 -5
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +10 -7
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +9 -6
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +19 -10
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +18 -9
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +78 -6
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +77 -5
- package/dist/index29.js.map +1 -1
- package/dist/index30.cjs +143 -26
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +143 -26
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +106 -57
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +105 -56
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +8 -16
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +7 -15
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +218 -19
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +217 -18
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +10 -25
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +9 -24
- package/dist/index34.js.map +1 -1
- package/dist/index35.cjs +15 -33
- package/dist/index35.cjs.map +1 -1
- package/dist/index35.js +15 -33
- package/dist/index35.js.map +1 -1
- package/dist/index36.cjs +10 -13
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +11 -14
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +17 -32
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +18 -33
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +67 -15
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +66 -14
- package/dist/index38.js.map +1 -1
- package/dist/index40.cjs +9 -0
- package/dist/index40.cjs.map +1 -0
- package/dist/index40.js +9 -0
- package/dist/index40.js.map +1 -0
- package/dist/index41.cjs +18 -0
- package/dist/index41.cjs.map +1 -0
- package/dist/index41.js +18 -0
- package/dist/index41.js.map +1 -0
- package/dist/index42.cjs +21 -0
- package/dist/index42.cjs.map +1 -0
- package/dist/index42.js +21 -0
- package/dist/index42.js.map +1 -0
- package/dist/index43.cjs +12 -0
- package/dist/index43.cjs.map +1 -0
- package/dist/index43.js +12 -0
- package/dist/index43.js.map +1 -0
- package/dist/index44.cjs +30 -0
- package/dist/index44.cjs.map +1 -0
- package/dist/index44.js +30 -0
- package/dist/index44.js.map +1 -0
- package/dist/index45.cjs +9 -0
- package/dist/index45.cjs.map +1 -0
- package/dist/index45.js +9 -0
- package/dist/index45.js.map +1 -0
- package/dist/index46.cjs +9 -0
- package/dist/index46.cjs.map +1 -0
- package/dist/index46.js +9 -0
- package/dist/index46.js.map +1 -0
- package/dist/index47.cjs +60 -0
- package/dist/index47.cjs.map +1 -0
- package/dist/index47.js +60 -0
- package/dist/index47.js.map +1 -0
- package/dist/index48.cjs +36 -0
- package/dist/index48.cjs.map +1 -0
- package/dist/index48.js +36 -0
- package/dist/index48.js.map +1 -0
- package/dist/index49.cjs +60 -0
- package/dist/index49.cjs.map +1 -0
- package/dist/index49.js +60 -0
- package/dist/index49.js.map +1 -0
- package/dist/index50.cjs +45 -0
- package/dist/index50.cjs.map +1 -0
- package/dist/index50.js +45 -0
- package/dist/index50.js.map +1 -0
- package/dist/index51.cjs +45 -0
- package/dist/index51.cjs.map +1 -0
- package/dist/index51.js +45 -0
- package/dist/index51.js.map +1 -0
- package/dist/index52.cjs +42 -0
- package/dist/index52.cjs.map +1 -0
- package/dist/index52.js +42 -0
- package/dist/index52.js.map +1 -0
- package/dist/index53.cjs +36 -0
- package/dist/index53.cjs.map +1 -0
- package/dist/index53.js +36 -0
- package/dist/index53.js.map +1 -0
- package/dist/index54.cjs +21 -0
- package/dist/index54.cjs.map +1 -0
- package/dist/index54.js +21 -0
- package/dist/index54.js.map +1 -0
- package/dist/index55.cjs +57 -0
- package/dist/index55.cjs.map +1 -0
- package/dist/index55.js +57 -0
- package/dist/index55.js.map +1 -0
- package/dist/index56.cjs +136 -0
- package/dist/index56.cjs.map +1 -0
- package/dist/index56.js +136 -0
- package/dist/index56.js.map +1 -0
- package/dist/index57.cjs +48 -0
- package/dist/index57.cjs.map +1 -0
- package/dist/index57.js +48 -0
- package/dist/index57.js.map +1 -0
- package/dist/index58.cjs +24 -0
- package/dist/index58.cjs.map +1 -0
- package/dist/index58.js +24 -0
- package/dist/index58.js.map +1 -0
- package/dist/index59.cjs +27 -0
- package/dist/index59.cjs.map +1 -0
- package/dist/index59.js +27 -0
- package/dist/index59.js.map +1 -0
- package/dist/index60.cjs +42 -0
- package/dist/index60.cjs.map +1 -0
- package/dist/index60.js +42 -0
- package/dist/index60.js.map +1 -0
- package/dist/index61.cjs +18 -0
- package/dist/index61.cjs.map +1 -0
- package/dist/index61.js +18 -0
- package/dist/index61.js.map +1 -0
- package/dist/index62.cjs +24 -0
- package/dist/index62.cjs.map +1 -0
- package/dist/index62.js +24 -0
- package/dist/index62.js.map +1 -0
- package/dist/index63.cjs +21 -0
- package/dist/index63.cjs.map +1 -0
- package/dist/index63.js +21 -0
- package/dist/index63.js.map +1 -0
- package/dist/index64.cjs +24 -0
- package/dist/index64.cjs.map +1 -0
- package/dist/index64.js +24 -0
- package/dist/index64.js.map +1 -0
- package/dist/index8.cjs +14 -15
- package/dist/index8.cjs.map +1 -1
- package/dist/index8.js +15 -16
- package/dist/index8.js.map +1 -1
- package/dist/index9.cjs +15 -4
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +15 -4
- package/dist/index9.js.map +1 -1
- package/dist/layouts/AuthLayout/AuthLayout.d.ts +4 -0
- package/dist/layouts/AuthLayout/AuthLayout.d.ts.map +1 -0
- package/dist/layouts/AuthLayout/AuthLayout.types.d.ts +10 -0
- package/dist/layouts/AuthLayout/AuthLayout.types.d.ts.map +1 -0
- package/dist/layouts/AuthLayout/index.d.ts +3 -0
- package/dist/layouts/AuthLayout/index.d.ts.map +1 -0
- package/dist/layouts/ChatLayout/ChatLayout.d.ts +7 -0
- package/dist/layouts/ChatLayout/ChatLayout.d.ts.map +1 -0
- package/dist/layouts/ChatLayout/ChatLayout.types.d.ts +19 -0
- package/dist/layouts/ChatLayout/ChatLayout.types.d.ts.map +1 -0
- package/dist/layouts/ChatLayout/index.d.ts +3 -0
- package/dist/layouts/ChatLayout/index.d.ts.map +1 -0
- package/dist/layouts/DashboardLayout/DashboardLayout.d.ts +7 -0
- package/dist/layouts/DashboardLayout/DashboardLayout.d.ts.map +1 -0
- package/dist/layouts/DashboardLayout/DashboardLayout.types.d.ts +15 -0
- package/dist/layouts/DashboardLayout/DashboardLayout.types.d.ts.map +1 -0
- package/dist/layouts/DashboardLayout/index.d.ts +3 -0
- package/dist/layouts/DashboardLayout/index.d.ts.map +1 -0
- package/dist/layouts/SettingsLayout/SettingsLayout.d.ts +4 -0
- package/dist/layouts/SettingsLayout/SettingsLayout.d.ts.map +1 -0
- package/dist/layouts/SettingsLayout/SettingsLayout.types.d.ts +11 -0
- package/dist/layouts/SettingsLayout/SettingsLayout.types.d.ts.map +1 -0
- package/dist/layouts/SettingsLayout/index.d.ts +3 -0
- package/dist/layouts/SettingsLayout/index.d.ts.map +1 -0
- package/dist/primitives/NavItem/NavItem.d.ts +4 -0
- package/dist/primitives/NavItem/NavItem.d.ts.map +1 -0
- package/dist/primitives/NavItem/NavItem.types.d.ts +23 -0
- package/dist/primitives/NavItem/NavItem.types.d.ts.map +1 -0
- package/dist/primitives/NavItem/index.d.ts +3 -0
- package/dist/primitives/NavItem/index.d.ts.map +1 -0
- package/dist/style.css +1496 -321
- package/dist/tokens/semantic-tokens.css +42 -1
- package/dist/types/chart.types.d.ts +96 -0
- package/dist/types/chart.types.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/layout.types.d.ts +35 -0
- package/dist/types/layout.types.d.ts.map +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @ktnpm_devops/react-component
|
|
2
2
|
|
|
3
3
|
Kenmei's Orbit design system as a tree-shakeable React component library with CSS Modules, full dark mode support, and Storybook documentation.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
pnpm add @
|
|
8
|
+
pnpm add @ktnpm_devops/react-component
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
### Peer Dependencies
|
|
@@ -30,13 +30,13 @@ Import the design tokens in your app entry point:
|
|
|
30
30
|
|
|
31
31
|
```tsx
|
|
32
32
|
// main.tsx or App.tsx
|
|
33
|
-
import '@
|
|
33
|
+
import '@ktnpm_devops/react-component/tokens';
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
## Quick Start
|
|
37
37
|
|
|
38
38
|
```tsx
|
|
39
|
-
import { Button, Card, CardHeader, CardContent, Badge } from '@
|
|
39
|
+
import { Button, Card, CardHeader, CardContent, Badge } from '@ktnpm_devops/react-component';
|
|
40
40
|
|
|
41
41
|
function App() {
|
|
42
42
|
return (
|
|
@@ -81,6 +81,17 @@ All components automatically adapt — no additional configuration needed.
|
|
|
81
81
|
| `Modal` | Dialog overlay with portal, ESC-to-close, focus management |
|
|
82
82
|
| `Avatar` | Initials-based avatar with gradient background |
|
|
83
83
|
|
|
84
|
+
### Composites
|
|
85
|
+
|
|
86
|
+
| Component | Description |
|
|
87
|
+
|-----------|-------------|
|
|
88
|
+
| `MultiSelectDropdown` | Multi-select with search, select/deselect all, pending apply/cancel |
|
|
89
|
+
| `SingleSelectDropdown` | Single-select with search and optional clear button |
|
|
90
|
+
| `CustomRangePicker` | Date range picker with preset ranges and custom selection |
|
|
91
|
+
| `ResizableSplitPanel` | Draggable split layout with keyboard support |
|
|
92
|
+
| `ChartExpandModal` | Full-screen modal for expanded chart views, portal-based with resize |
|
|
93
|
+
| `ContextMenu` | Right-click context menu with keyboard navigation, portal-based |
|
|
94
|
+
|
|
84
95
|
### Hooks
|
|
85
96
|
|
|
86
97
|
| Hook | Description |
|
|
@@ -123,7 +134,7 @@ This project uses [OpenSpec](https://github.com/kenmeitechnologies/openspec) for
|
|
|
123
134
|
Or create the file directly in `.changeset/<change-name>.md`:
|
|
124
135
|
```md
|
|
125
136
|
---
|
|
126
|
-
"@
|
|
137
|
+
"@ktnpm_devops/react-component": patch
|
|
127
138
|
---
|
|
128
139
|
|
|
129
140
|
Description of what changed.
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CounterTimeseriesChartProps } from './CounterTimeseriesChart.types';
|
|
2
|
+
|
|
3
|
+
export declare const CounterTimeseriesChart: {
|
|
4
|
+
({ data, title, isLoading, error, timeRange, timeRangeOptions, onTimeRangeChange, annotations, showConfidenceBands, showP50, showLegend, onChartReady, className, }: CounterTimeseriesChartProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=CounterTimeseriesChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterTimeseriesChart.d.ts","sourceRoot":"","sources":["../../../src/charts/CounterTimeseriesChart/CounterTimeseriesChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AA4IlF,eAAO,MAAM,sBAAsB;yKAchC,2BAA2B;;CAuD7B,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { CounterTimeseriesPoint, TimeRangeOption, ChartAnnotation, EChartsInstance } from '../../types/chart.types';
|
|
2
|
+
|
|
3
|
+
export interface CounterTimeseriesChartProps {
|
|
4
|
+
/** Timeseries data points. */
|
|
5
|
+
data: CounterTimeseriesPoint[];
|
|
6
|
+
/** Optional card title displayed above the chart. */
|
|
7
|
+
title?: string;
|
|
8
|
+
/** Show loading skeleton. */
|
|
9
|
+
isLoading?: boolean;
|
|
10
|
+
/** Error message to display instead of the chart. */
|
|
11
|
+
error?: string | null;
|
|
12
|
+
/** Active time range preset. */
|
|
13
|
+
timeRange?: TimeRangeOption;
|
|
14
|
+
/** Available time range preset options. */
|
|
15
|
+
timeRangeOptions?: TimeRangeOption[];
|
|
16
|
+
/** Called when the user selects a time range preset. */
|
|
17
|
+
onTimeRangeChange?: (range: TimeRangeOption) => void;
|
|
18
|
+
/** Annotation overlays (range markArea or point markLine). */
|
|
19
|
+
annotations?: ChartAnnotation[];
|
|
20
|
+
/** Show the p05–p95 confidence band area. */
|
|
21
|
+
showConfidenceBands?: boolean;
|
|
22
|
+
/** Show the p50 dashed line series. */
|
|
23
|
+
showP50?: boolean;
|
|
24
|
+
/** Show the chart legend. */
|
|
25
|
+
showLegend?: boolean;
|
|
26
|
+
/** Called when the ECharts instance is ready. */
|
|
27
|
+
onChartReady?: (instance: EChartsInstance) => void;
|
|
28
|
+
/** Additional CSS class for the root element. */
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=CounterTimeseriesChart.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterTimeseriesChart.types.d.ts","sourceRoot":"","sources":["../../../src/charts/CounterTimeseriesChart/CounterTimeseriesChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,2BAA2B;IAC1C,8BAA8B;IAC9B,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/CounterTimeseriesChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { CountersAnalysisCardProps } from './CountersAnalysisCard.types';
|
|
2
|
+
|
|
3
|
+
export declare const CountersAnalysisCard: ({ title, isLoading, error, onRetry, onChartReady, actions, className, rows, selectedRow, onSelectRow, timeseriesData, timeseriesLoading, timePeriod, onTimePeriodChange, pageSize, }: CountersAnalysisCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=CountersAnalysisCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountersAnalysisCard.d.ts","sourceRoot":"","sources":["../../../src/charts/CountersAnalysisCard/CountersAnalysisCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAwB9E,eAAO,MAAM,oBAAoB,GAAI,sLAgBlC,yBAAyB,4CA4I3B,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChartCardBaseProps, DistinctCounterRow, CounterTimeseriesPoint } from '../../types/chart.types';
|
|
2
|
+
|
|
3
|
+
/** Allowed time period presets for the counter timeseries chart. */
|
|
4
|
+
export type CounterTimePeriod = '1d' | '7d' | '30d';
|
|
5
|
+
export interface CountersAnalysisCardProps extends ChartCardBaseProps {
|
|
6
|
+
/** Rows for the counter table. */
|
|
7
|
+
rows: DistinctCounterRow[];
|
|
8
|
+
/** Currently selected counter row. */
|
|
9
|
+
selectedRow?: DistinctCounterRow | null;
|
|
10
|
+
/** Called when a table row is clicked. */
|
|
11
|
+
onSelectRow?: (row: DistinctCounterRow) => void;
|
|
12
|
+
/** Timeseries data for the selected counter. */
|
|
13
|
+
timeseriesData?: CounterTimeseriesPoint[];
|
|
14
|
+
/** Loading state for the timeseries chart. */
|
|
15
|
+
timeseriesLoading?: boolean;
|
|
16
|
+
/** Active time period preset. @default '7d' */
|
|
17
|
+
timePeriod?: CounterTimePeriod;
|
|
18
|
+
/** Called when the time period selector changes. */
|
|
19
|
+
onTimePeriodChange?: (period: CounterTimePeriod) => void;
|
|
20
|
+
/**
|
|
21
|
+
* Number of rows per page.
|
|
22
|
+
* @default COUNTERS_PAGE_SIZE (100)
|
|
23
|
+
* @see {@link COUNTERS_PAGE_SIZE}
|
|
24
|
+
*/
|
|
25
|
+
pageSize?: number;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=CountersAnalysisCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountersAnalysisCard.types.d.ts","sourceRoot":"","sources":["../../../src/charts/CountersAnalysisCard/CountersAnalysisCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,oEAAoE;AACpE,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,kCAAkC;IAClC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACxC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAChD,gDAAgD;IAChD,cAAc,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC1C,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/CountersAnalysisCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SankeyChartCardProps } from './SankeyChartCard.types';
|
|
2
|
+
|
|
3
|
+
export declare const SankeyChartCard: {
|
|
4
|
+
({ title, rows, isLoading, error, onRetry, onChartReady, actions, className, colorMetric, widthMetric, onColorMetricChange, onWidthMetricChange, onNodeClick, onNodeContextMenu, maxNodes, }: SankeyChartCardProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=SankeyChartCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SankeyChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/SankeyChartCard/SankeyChartCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAsCpE,eAAO,MAAM,eAAe;kMAgBzB,oBAAoB;;CAuItB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ChartCardBaseProps, SankeyFlowRow, SankeyColorMetric, SankeyWidthMetric } from '../../types/chart.types';
|
|
2
|
+
|
|
3
|
+
/** Click target for Sankey node interactions. */
|
|
4
|
+
export interface SankeyNodeTarget {
|
|
5
|
+
name: string;
|
|
6
|
+
type: string;
|
|
7
|
+
}
|
|
8
|
+
/** Screen position for context menu placement. */
|
|
9
|
+
export interface SankeyNodePosition {
|
|
10
|
+
x: number;
|
|
11
|
+
y: number;
|
|
12
|
+
}
|
|
13
|
+
/** Props for the SankeyChartCard component. */
|
|
14
|
+
export interface SankeyChartCardProps extends ChartCardBaseProps {
|
|
15
|
+
/** Sankey flow data rows (source -> target with value). */
|
|
16
|
+
rows: SankeyFlowRow[];
|
|
17
|
+
/** Color metric used to colour nodes. Defaults to 'deviation'. */
|
|
18
|
+
colorMetric?: SankeyColorMetric;
|
|
19
|
+
/** Width metric used to size link widths. Defaults to 'slots'. */
|
|
20
|
+
widthMetric?: SankeyWidthMetric;
|
|
21
|
+
/** Callback when the color metric selector changes. */
|
|
22
|
+
onColorMetricChange?: (metric: SankeyColorMetric) => void;
|
|
23
|
+
/** Callback when the width metric selector changes. */
|
|
24
|
+
onWidthMetricChange?: (metric: SankeyWidthMetric) => void;
|
|
25
|
+
/** Callback when a Sankey node is clicked. */
|
|
26
|
+
onNodeClick?: (node: SankeyNodeTarget) => void;
|
|
27
|
+
/** Callback when a Sankey node is right-clicked. */
|
|
28
|
+
onNodeContextMenu?: (node: SankeyNodeTarget, position: SankeyNodePosition) => void;
|
|
29
|
+
/** Maximum nodes before truncation warning is shown. Defaults to MAX_SANKEY_NODES. */
|
|
30
|
+
maxNodes?: number;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=SankeyChartCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SankeyChartCard.types.d.ts","sourceRoot":"","sources":["../../../src/charts/SankeyChartCard/SankeyChartCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAEjC,iDAAiD;AACjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,kDAAkD;AAClD,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,+CAA+C;AAC/C,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,2DAA2D;IAC3D,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,kEAAkE;IAClE,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/SankeyChartCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { StackedBarChartCardProps } from './StackedBarChartCard.types';
|
|
2
|
+
|
|
3
|
+
export declare const StackedBarChartCard: ({ title, data, subtitle, chartType, isLoading, error, onRetry, onChartReady, onSelectCategory, maxCategories, maxSubcategories, showOthersBucket, invertAxis, hideLegend, enableScroll, toolbar, actions, className, }: StackedBarChartCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=StackedBarChartCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedBarChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/StackedBarChartCard/StackedBarChartCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAuB,MAAM,6BAA6B,CAAC;AAcjG,eAAO,MAAM,mBAAmB,GAAI,wNAoBjC,wBAAwB,4CA6F1B,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ChartCardBaseProps, ChartSeriesPoint, ChartCategorySelection } from '../../types/chart.types';
|
|
3
|
+
|
|
4
|
+
/** Chart visualization type for the StackedBarChartCard. */
|
|
5
|
+
export type StackedBarChartType = 'bar' | 'pie' | 'sunburst';
|
|
6
|
+
/** Props for the StackedBarChartCard component. */
|
|
7
|
+
export interface StackedBarChartCardProps extends ChartCardBaseProps {
|
|
8
|
+
/** Chart data points with category/subCategory/value. */
|
|
9
|
+
data: ChartSeriesPoint[];
|
|
10
|
+
/** Optional subtitle rendered below the title. */
|
|
11
|
+
subtitle?: ReactNode;
|
|
12
|
+
/** Visualization type. Defaults to 'bar'. */
|
|
13
|
+
chartType?: StackedBarChartType;
|
|
14
|
+
/** Callback when a category bar segment is selected. */
|
|
15
|
+
onSelectCategory?: (selection: ChartCategorySelection) => void;
|
|
16
|
+
/** Callback to trigger root-cause analysis for a selection. */
|
|
17
|
+
onAnalyzeRootCause?: (selection: ChartCategorySelection) => void;
|
|
18
|
+
/** Maximum number of categories to display. Defaults to MAX_CATEGORIES. */
|
|
19
|
+
maxCategories?: number;
|
|
20
|
+
/** Maximum subcategories per category. Defaults to MAX_SUBCATEGORIES. */
|
|
21
|
+
maxSubcategories?: number;
|
|
22
|
+
/** Whether to aggregate excess items into an "Others" bucket. Defaults to true. */
|
|
23
|
+
showOthersBucket?: boolean;
|
|
24
|
+
/** Swap axes so categories appear on the y-axis. Defaults to false. */
|
|
25
|
+
invertAxis?: boolean;
|
|
26
|
+
/** Hide the chart legend. Defaults to false. */
|
|
27
|
+
hideLegend?: boolean;
|
|
28
|
+
/** Enable scroll when categories exceed the visible area. Defaults to false. */
|
|
29
|
+
enableScroll?: boolean;
|
|
30
|
+
/** Additional toolbar content rendered in the header. */
|
|
31
|
+
toolbar?: ReactNode;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=StackedBarChartCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedBarChartCard.types.d.ts","sourceRoot":"","sources":["../../../src/charts/StackedBarChartCard/StackedBarChartCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC;AAE7D,mDAAmD;AACnD,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,yDAAyD;IACzD,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/D,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjE,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { ChartSeriesPoint } from '../../types/chart.types';
|
|
2
|
+
|
|
3
|
+
/** Aggregated series data for chart rendering. */
|
|
4
|
+
export interface AggregatedChartData {
|
|
5
|
+
categories: string[];
|
|
6
|
+
series: {
|
|
7
|
+
name: string;
|
|
8
|
+
values: number[];
|
|
9
|
+
}[];
|
|
10
|
+
}
|
|
11
|
+
/** Aggregate data points by category and subCategory, applying limits. */
|
|
12
|
+
export declare function aggregateData(data: ChartSeriesPoint[], maxCats: number, maxSubs: number, showOthers: boolean): AggregatedChartData;
|
|
13
|
+
/** Build ECharts option for stacked bar chart. */
|
|
14
|
+
export declare function buildBarOption(categories: string[], series: {
|
|
15
|
+
name: string;
|
|
16
|
+
values: number[];
|
|
17
|
+
}[], invertAxis: boolean, hideLegend: boolean, enableScroll: boolean): {
|
|
18
|
+
tooltip: {
|
|
19
|
+
trigger: "axis";
|
|
20
|
+
axisPointer: {
|
|
21
|
+
type: "shadow";
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
legend: {
|
|
25
|
+
show: boolean;
|
|
26
|
+
bottom: number;
|
|
27
|
+
type: "scroll";
|
|
28
|
+
};
|
|
29
|
+
grid: {
|
|
30
|
+
left: string;
|
|
31
|
+
right: string;
|
|
32
|
+
top: string;
|
|
33
|
+
bottom: string;
|
|
34
|
+
containLabel: boolean;
|
|
35
|
+
};
|
|
36
|
+
xAxis: {
|
|
37
|
+
type: "category";
|
|
38
|
+
data: string[];
|
|
39
|
+
} | {
|
|
40
|
+
type: "value";
|
|
41
|
+
};
|
|
42
|
+
yAxis: {
|
|
43
|
+
type: "category";
|
|
44
|
+
data: string[];
|
|
45
|
+
} | {
|
|
46
|
+
type: "value";
|
|
47
|
+
};
|
|
48
|
+
dataZoom: ({
|
|
49
|
+
yAxisIndex: number;
|
|
50
|
+
type: "slider";
|
|
51
|
+
show: boolean;
|
|
52
|
+
} | {
|
|
53
|
+
xAxisIndex: number;
|
|
54
|
+
type: "slider";
|
|
55
|
+
show: boolean;
|
|
56
|
+
})[];
|
|
57
|
+
series: {
|
|
58
|
+
name: string;
|
|
59
|
+
type: "bar";
|
|
60
|
+
stack: string;
|
|
61
|
+
emphasis: {
|
|
62
|
+
focus: "series";
|
|
63
|
+
};
|
|
64
|
+
data: number[];
|
|
65
|
+
itemStyle: {
|
|
66
|
+
color: "#FF6B5A" | "#5B8DEF" | "#4ECDC4" | "#F7B731" | "#A55EEA" | "#26DE81" | "#FC5C65" | "#45AAF2" | "#FD9644" | "#2BCBBA" | "#D1D8E0" | "#778CA3" | "#EB3B5A" | "#3867D6" | "#20BF6B" | "#8854D0" | "#0FB9B1" | "#FA8231" | "#4B6584";
|
|
67
|
+
};
|
|
68
|
+
}[];
|
|
69
|
+
};
|
|
70
|
+
/** Build ECharts option for pie chart. */
|
|
71
|
+
export declare function buildPieOption(categories: string[], series: {
|
|
72
|
+
name: string;
|
|
73
|
+
values: number[];
|
|
74
|
+
}[], hideLegend: boolean): {
|
|
75
|
+
tooltip: {
|
|
76
|
+
trigger: "item";
|
|
77
|
+
};
|
|
78
|
+
legend: {
|
|
79
|
+
show: boolean;
|
|
80
|
+
bottom: number;
|
|
81
|
+
type: "scroll";
|
|
82
|
+
};
|
|
83
|
+
series: {
|
|
84
|
+
type: "pie";
|
|
85
|
+
radius: string[];
|
|
86
|
+
center: string[];
|
|
87
|
+
data: {
|
|
88
|
+
itemStyle: {
|
|
89
|
+
color: "#FF6B5A" | "#5B8DEF" | "#4ECDC4" | "#F7B731" | "#A55EEA" | "#26DE81" | "#FC5C65" | "#45AAF2" | "#FD9644" | "#2BCBBA" | "#D1D8E0" | "#778CA3" | "#EB3B5A" | "#3867D6" | "#20BF6B" | "#8854D0" | "#0FB9B1" | "#FA8231" | "#4B6584";
|
|
90
|
+
};
|
|
91
|
+
name: string;
|
|
92
|
+
value: number;
|
|
93
|
+
}[];
|
|
94
|
+
emphasis: {
|
|
95
|
+
itemStyle: {
|
|
96
|
+
shadowBlur: number;
|
|
97
|
+
shadowOffsetX: number;
|
|
98
|
+
shadowColor: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
label: {
|
|
102
|
+
show: boolean;
|
|
103
|
+
formatter: string;
|
|
104
|
+
};
|
|
105
|
+
}[];
|
|
106
|
+
};
|
|
107
|
+
/** Build ECharts option for sunburst chart. */
|
|
108
|
+
export declare function buildSunburstOption(categories: string[], series: {
|
|
109
|
+
name: string;
|
|
110
|
+
values: number[];
|
|
111
|
+
}[]): {
|
|
112
|
+
tooltip: {
|
|
113
|
+
trigger: "item";
|
|
114
|
+
};
|
|
115
|
+
series: {
|
|
116
|
+
type: "sunburst";
|
|
117
|
+
data: {
|
|
118
|
+
name: string;
|
|
119
|
+
children: {
|
|
120
|
+
name: string;
|
|
121
|
+
value: number;
|
|
122
|
+
itemStyle: {
|
|
123
|
+
color: "#FF6B5A" | "#5B8DEF" | "#4ECDC4" | "#F7B731" | "#A55EEA" | "#26DE81" | "#FC5C65" | "#45AAF2" | "#FD9644" | "#2BCBBA" | "#D1D8E0" | "#778CA3" | "#EB3B5A" | "#3867D6" | "#20BF6B" | "#8854D0" | "#0FB9B1" | "#FA8231" | "#4B6584";
|
|
124
|
+
};
|
|
125
|
+
}[];
|
|
126
|
+
}[];
|
|
127
|
+
radius: string[];
|
|
128
|
+
label: {
|
|
129
|
+
rotate: "radial";
|
|
130
|
+
fontSize: number;
|
|
131
|
+
};
|
|
132
|
+
itemStyle: {
|
|
133
|
+
borderRadius: number;
|
|
134
|
+
borderWidth: number;
|
|
135
|
+
};
|
|
136
|
+
emphasis: {
|
|
137
|
+
focus: "ancestor";
|
|
138
|
+
};
|
|
139
|
+
}[];
|
|
140
|
+
};
|
|
141
|
+
//# sourceMappingURL=buildChartOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildChartOptions.d.ts","sourceRoot":"","sources":["../../../src/charts/StackedBarChartCard/buildChartOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,kDAAkD;AAClD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CAC9C;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAC3B,IAAI,EAAE,gBAAgB,EAAE,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,OAAO,GAClB,mBAAmB,CAqErB;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,EAAE,EAC5C,UAAU,EAAE,OAAO,EACnB,UAAU,EAAE,OAAO,EACnB,YAAY,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBtB;AAED,0CAA0C;AAC1C,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,EAAE,EAC5C,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BpB;AAED,+CAA+C;AAC/C,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B7C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/StackedBarChartCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemporalTrendChartCardProps } from './TemporalTrendChartCard.types';
|
|
2
|
+
|
|
3
|
+
export declare function TemporalTrendChartCard({ title, data, isLoading, error, onRetry, onChartReady, actions, className, groupBy, groupOptions, onGroupChange, granularity, granularityOptions, onGranularityChange, annotations, showLegend, onToggleLegend, onSeriesSelect, onBucketSelect, maxSeries, }: TemporalTrendChartCardProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare namespace TemporalTrendChartCard {
|
|
5
|
+
var displayName: string;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=TemporalTrendChartCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TemporalTrendChartCard.d.ts","sourceRoot":"","sources":["../../../src/charts/TemporalTrendChartCard/TemporalTrendChartCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AA+ElF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,IAAI,EACJ,SAAiB,EACjB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,WAAgB,EAChB,UAAiB,EACjB,cAAc,EACd,cAAc,EACd,cAAc,EACd,SAAsB,GACvB,EAAE,2BAA2B,2CAmL7B;yBAxMe,sBAAsB"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ChartCardBaseProps, ChartSeriesPoint, ChartAnnotation, ChartSelectOption } from '../../types/chart.types';
|
|
2
|
+
|
|
3
|
+
/** Props for the TemporalTrendChartCard component. */
|
|
4
|
+
export interface TemporalTrendChartCardProps extends ChartCardBaseProps {
|
|
5
|
+
/** Time-series data points grouped by category. */
|
|
6
|
+
data: ChartSeriesPoint[];
|
|
7
|
+
/** Currently selected groupBy dimension. */
|
|
8
|
+
groupBy?: string;
|
|
9
|
+
/** Available groupBy options for the selector. */
|
|
10
|
+
groupOptions?: ChartSelectOption[];
|
|
11
|
+
/** Callback when the groupBy selector changes. */
|
|
12
|
+
onGroupChange?: (value: string) => void;
|
|
13
|
+
/** Currently selected time granularity (e.g. '1h', '1d'). */
|
|
14
|
+
granularity?: string;
|
|
15
|
+
/** Available granularity options for the selector. */
|
|
16
|
+
granularityOptions?: ChartSelectOption[];
|
|
17
|
+
/** Callback when the granularity selector changes. */
|
|
18
|
+
onGranularityChange?: (value: string | null) => void;
|
|
19
|
+
/** Annotation overlays rendered on the chart. */
|
|
20
|
+
annotations?: ChartAnnotation[];
|
|
21
|
+
/** Whether the chart legend is visible. Defaults to true. */
|
|
22
|
+
showLegend?: boolean;
|
|
23
|
+
/** Callback to toggle legend visibility. */
|
|
24
|
+
onToggleLegend?: () => void;
|
|
25
|
+
/** Callback when a legend series is selected. */
|
|
26
|
+
onSeriesSelect?: (seriesName: string) => void;
|
|
27
|
+
/** Callback when a time bucket range is selected. */
|
|
28
|
+
onBucketSelect?: (range: {
|
|
29
|
+
start: string;
|
|
30
|
+
end: string;
|
|
31
|
+
}) => void;
|
|
32
|
+
/** Callback to trigger root cause analysis for a series. */
|
|
33
|
+
onAnalyzeRootCause?: (seriesName: string) => void;
|
|
34
|
+
/** Maximum series before aggregation into "Other". Defaults to MAX_SERIES. */
|
|
35
|
+
maxSeries?: number;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=TemporalTrendChartCard.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TemporalTrendChartCard.types.d.ts","sourceRoot":"","sources":["../../../src/charts/TemporalTrendChartCard/TemporalTrendChartCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAEjC,sDAAsD;AACtD,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACrE,mDAAmD;IACnD,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACzC,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,iDAAiD;IACjD,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/TemporalTrendChartCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SidebarProps, SidebarSectionProps } from './Sidebar.types';
|
|
2
|
+
|
|
3
|
+
interface SidebarContextValue {
|
|
4
|
+
isCollapsed: boolean;
|
|
5
|
+
}
|
|
6
|
+
/** Hook to read sidebar collapsed state from context. */
|
|
7
|
+
export declare const useSidebarContext: () => SidebarContextValue;
|
|
8
|
+
/** Compound Sidebar component. */
|
|
9
|
+
export declare const Sidebar: {
|
|
10
|
+
({ isCollapsed, onToggleCollapse, width, collapsedWidth, header, footer, children, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
} & {
|
|
13
|
+
Section: {
|
|
14
|
+
({ title, children, collapsible, defaultCollapsed, }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/composites/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,UAAU,mBAAmB;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB;AAID,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,2BAAmC,CAAC;AAsGlE,kCAAkC;AAClC,eAAO,MAAM,OAAO;qGAzCjB,YAAY;;;;8DAnDZ,mBAAmB;;;CA8FpB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SidebarProps {
|
|
4
|
+
/** Controlled collapsed state. */
|
|
5
|
+
isCollapsed?: boolean;
|
|
6
|
+
/** Toggle collapse callback. */
|
|
7
|
+
onToggleCollapse?: () => void;
|
|
8
|
+
/** Expanded width in px (used as inline style). */
|
|
9
|
+
width?: number;
|
|
10
|
+
/** Collapsed width in px (used as inline style). */
|
|
11
|
+
collapsedWidth?: number;
|
|
12
|
+
/** Header slot (logo, brand). */
|
|
13
|
+
header?: ReactNode;
|
|
14
|
+
/** Footer slot (user menu, settings). */
|
|
15
|
+
footer?: ReactNode;
|
|
16
|
+
/** Sidebar.Section children. */
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
/** Root class override. */
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface SidebarSectionProps {
|
|
22
|
+
/** Section title (hidden when sidebar is collapsed). */
|
|
23
|
+
title?: string;
|
|
24
|
+
/** NavItem children. */
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
/** Whether this section can be collapsed. */
|
|
27
|
+
collapsible?: boolean;
|
|
28
|
+
/** Initial collapsed state for collapsible sections. */
|
|
29
|
+
defaultCollapsed?: boolean;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=Sidebar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/composites/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composites/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/constants.d.ts
CHANGED
|
@@ -29,4 +29,31 @@ export declare const CHART_MODAL: {
|
|
|
29
29
|
readonly FALLBACK_WIDTH: 1400;
|
|
30
30
|
readonly FALLBACK_HEIGHT: 800;
|
|
31
31
|
};
|
|
32
|
+
/** Maximum Sankey nodes before truncation warning. */
|
|
33
|
+
export declare const MAX_SANKEY_NODES = 150;
|
|
34
|
+
/** Maximum stacked series before "Other" aggregation. */
|
|
35
|
+
export declare const MAX_SERIES = 20;
|
|
36
|
+
/** Maximum categories in stacked bar chart. */
|
|
37
|
+
export declare const MAX_CATEGORIES = 20;
|
|
38
|
+
/** Maximum subcategories per category. */
|
|
39
|
+
export declare const MAX_SUBCATEGORIES = 10;
|
|
40
|
+
/** Time range preset durations in milliseconds. */
|
|
41
|
+
export declare const TIME_PRESET_MS: {
|
|
42
|
+
readonly '1h': 3600000;
|
|
43
|
+
readonly '6h': 21600000;
|
|
44
|
+
readonly '24h': 86400000;
|
|
45
|
+
readonly '7d': 604800000;
|
|
46
|
+
readonly '30d': 2592000000;
|
|
47
|
+
};
|
|
48
|
+
/** Default chart color palette. */
|
|
49
|
+
export declare const CHART_COLORS: readonly ["#FF6B5A", "#5B8DEF", "#4ECDC4", "#F7B731", "#A55EEA", "#26DE81", "#FC5C65", "#45AAF2", "#FD9644", "#2BCBBA", "#D1D8E0", "#778CA3", "#EB3B5A", "#3867D6", "#20BF6B", "#F7B731", "#8854D0", "#0FB9B1", "#FA8231", "#4B6584"];
|
|
50
|
+
/** Minimum column width for resizable tables (px — used in JS calculations). */
|
|
51
|
+
export declare const MIN_COLUMN_WIDTH = 40;
|
|
52
|
+
/** Sidebar dimension constants (px — used as inline styles). */
|
|
53
|
+
export declare const SIDEBAR: {
|
|
54
|
+
readonly WIDTH: 240;
|
|
55
|
+
readonly COLLAPSED_WIDTH: 80;
|
|
56
|
+
};
|
|
57
|
+
/** Counters analysis pagination. */
|
|
58
|
+
export declare const COUNTERS_PAGE_SIZE = 100;
|
|
32
59
|
//# sourceMappingURL=constants.d.ts.map
|
package/dist/constants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,SAAS;;;;CAIZ,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,2EAA2E;AAC3E,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wCAAwC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,iFAAiF;AACjF,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,SAAS;;;;CAIZ,CAAC;AAEX,gDAAgD;AAChD,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,2EAA2E;AAC3E,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wCAAwC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,iFAAiF;AACjF,eAAO,MAAM,WAAW;;;;;;;;;CASd,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,yDAAyD;AACzD,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,+CAA+C;AAC/C,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,0CAA0C;AAC1C,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,mDAAmD;AACnD,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAC;AAEX,mCAAmC;AACnC,eAAO,MAAM,YAAY,uOAKf,CAAC;AAEX,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,gEAAgE;AAChE,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,oCAAoC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LiveExplorerTableProps } from './LiveExplorerTable.types';
|
|
2
|
+
|
|
3
|
+
export declare const LiveExplorerTable: {
|
|
4
|
+
({ rows, columns, sortState, onSortChange, isLoading, hasMore, isFetchingNext, onLoadMore, onColumnResize, onRowClick, selectedRowKey, scrollToSelectedRow, maxHeight, className, }: LiveExplorerTableProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=LiveExplorerTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveExplorerTable.d.ts","sourceRoot":"","sources":["../../../src/data/LiveExplorerTable/LiveExplorerTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,2BAA2B,CAAC;AAMnC,eAAO,MAAM,iBAAiB;yLAe3B,sBAAsB;;CAuJxB,CAAC"}
|