@divami-artefacts/ai-design-system 1.0.53 → 1.0.54
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/ai-design-system.css +1 -1
- package/dist/canvas/canvasUtils.d.ts +1 -1
- package/dist/canvas/useCanvasInteraction.d.ts +5 -2
- package/dist/canvas/useContainerWidth.d.ts +1 -0
- package/dist/components/areaLineChart/AreaLineChart.d.ts +1 -1
- package/dist/components/areaLineChart/types.d.ts +1 -1
- package/dist/components/balanceScaleChart/BalanceScaleChart.d.ts +1 -1
- package/dist/components/balanceScaleChart/types.d.ts +5 -2
- package/dist/components/common/ChartEmptyState.d.ts +2 -2
- package/dist/components/common/ToggleButton.d.ts +2 -2
- package/dist/components/dotMatrixChart/DotMatrixChart.d.ts +1 -1
- package/dist/components/dotMatrixChart/types.d.ts +1 -1
- package/dist/components/horizontalBarChart/HorizontalBarChart.d.ts +1 -1
- package/dist/components/horizontalBarChart/types.d.ts +4 -1
- package/dist/components/hubAndSpokeRadialChart/HubAndSpokeRadialChart.d.ts +1 -1
- package/dist/components/hubAndSpokeRadialChart/types.d.ts +1 -1
- package/dist/components/multiMetricConstellationChart/MultiMetricConstellationChart.d.ts +1 -1
- package/dist/components/multiMetricConstellationChart/types.d.ts +1 -1
- package/dist/components/multiSegmentHorizontalBarChart/MultiSegmentHorizontalBarChart.d.ts +1 -1
- package/dist/components/multiSegmentHorizontalBarChart/types.d.ts +1 -1
- package/dist/components/progressRaceChart/ProgressRaceChart.d.ts +1 -1
- package/dist/components/progressRaceChart/types.d.ts +5 -2
- package/dist/components/proportionalBandChart/ProportionalBandChart.d.ts +1 -1
- package/dist/components/proportionalBandChart/types.d.ts +3 -2
- package/dist/components/radialFanTreeChart/RadialFanTreeChart.d.ts +1 -1
- package/dist/components/radialFanTreeChart/types.d.ts +10 -2
- package/dist/components/rankedCardLeaderboard/RankedCardLeaderboard.d.ts +1 -1
- package/dist/components/rankedCardLeaderboard/types.d.ts +3 -2
- package/dist/components/segmentedSplitBarChart/SegmentedSplitBarChart.d.ts +1 -1
- package/dist/components/segmentedSplitBarChart/types.d.ts +5 -2
- package/dist/components/semiCircularGaugeChart/SemiCircularGaugeChart.d.ts +1 -1
- package/dist/components/semiCircularGaugeChart/types.d.ts +11 -1
- package/dist/components/stackedHorizontalBarChart/StackedHorizontalBarChart.d.ts +1 -1
- package/dist/components/stackedHorizontalBarChart/types.d.ts +5 -2
- package/dist/components/trend/Trend.d.ts +1 -1
- package/dist/components/trend/types.d.ts +3 -1
- package/dist/components/visualizationGroup/VisualizationGroup.d.ts +2 -0
- package/dist/components/visualizationRenderer/VisualizationRenderer.d.ts +1 -1
- package/dist/components/weeklyFlow/WeeklyFlow.d.ts +1 -1
- package/dist/components/weeklyFlow/types.d.ts +3 -2
- package/dist/constants.d.ts +37 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1221 -814
- package/dist/pages/interactiveDemo/InteractiveDemoPage.d.ts +1 -0
- package/dist/pages/interactiveDemo/styles.d.ts +2 -0
- package/dist/types/index.d.ts +60 -20
- package/package.json +21 -21
- package/dist/components/constants.d.ts +0 -6
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.trend-scroll{scrollbar-width:thin;scrollbar-color:#22262f #0c0e12}.trend-scroll::-webkit-scrollbar{height:6px}.trend-scroll::-webkit-scrollbar-track{background:#0c0e12;border-radius:3px}.trend-scroll::-webkit-scrollbar-thumb{background-color:#22262f;border-radius:3px}.trend-scroll::-webkit-scrollbar-thumb:hover{background-color:#334155}
|
|
1
|
+
.trend-scroll{scrollbar-width:thin;scrollbar-color:#22262f #0c0e12}.trend-scroll::-webkit-scrollbar{height:6px}.trend-scroll::-webkit-scrollbar-track{background:#0c0e12;border-radius:3px}.trend-scroll::-webkit-scrollbar-thumb{background-color:#22262f;border-radius:3px}.trend-scroll::-webkit-scrollbar-thumb:hover{background-color:#334155}.viz-group{width:100%}.viz-group__title{font-family:var(--sans);letter-spacing:.06em;color:#f7f9fa;white-space:nowrap;margin:0 0 12px 4px;font-size:16px;font-weight:500}.viz-group__bar{align-items:center;gap:12px;min-height:28px;margin-bottom:12px;padding:0 4px;display:flex}.viz-group__hint{color:#ffffff59;letter-spacing:.03em;font-size:12px}.viz-group__reset-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:4px;padding:2px 8px;font-size:11px;transition:border-color .15s,color .15s}.viz-group__reset-btn:hover{color:#ffffffe6;border-color:#fff6}.viz-group__charts{flex-direction:row;justify-content:center;align-items:flex-start;gap:0;width:100%;display:flex}.viz-group__chart{flex:1 1 0;min-width:0;padding:16px}.viz-group__chart--listener{align-self:stretch;position:relative}.viz-group__chart--balance-scale-chart:not(.viz-group__chart--listener){padding-bottom:48px;padding-right:0;position:relative}.viz-group__route-svg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.viz-group__listener-label{height:24px;line-height:24px;font-family:var(--sans);letter-spacing:.05em;color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:12px;font-weight:500;overflow:hidden}.viz-group__chart--listener:before{content:"";pointer-events:none;z-index:2;border:1.5px solid #b3b5b62e;border-radius:6px;position:absolute;inset:0}.viz-group__connector{z-index:1;opacity:0;pointer-events:none;flex:0 0 56px;align-self:stretch;transition:opacity .3s;position:relative}.viz-group__connector--active{opacity:1}.viz-group__connector-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.viz-group__connector-tick{stroke:#b3b5b6cc;stroke-width:2px;stroke-linecap:round}.viz-group__connector-path{stroke:#b3b5b699;stroke-width:1.5px;stroke-dasharray:4 4;fill:none}.viz-group__connector-dot{fill:#b3b5b6f2;filter:drop-shadow(0 0 4px #b3b5b680)}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -49,7 +49,7 @@ export declare const SOLID: {
|
|
|
49
49
|
readonly warning: "#E4AA0D";
|
|
50
50
|
readonly error: "#E46A0D";
|
|
51
51
|
};
|
|
52
|
-
export declare const PALETTE: ("#4C93D9" | "#
|
|
52
|
+
export declare const PALETTE: ("#4C93D9" | "#5DA537" | "#EEBF3B" | "#EC772A" | "#818FF8")[];
|
|
53
53
|
/** Per-chart offset palette — offset 0 keeps the default teal, 1+ cycles through alternates */
|
|
54
54
|
export declare const CHART_PALETTE: readonly ["#69DFE9", "#818FF8", "#EEBF3B", "#4C93D9", "#5DA537"];
|
|
55
55
|
/**
|
|
@@ -13,6 +13,9 @@ export interface TooltipState {
|
|
|
13
13
|
interface HitZone {
|
|
14
14
|
id: string;
|
|
15
15
|
data: TooltipContent | string;
|
|
16
|
+
centerY: number;
|
|
17
|
+
centerX: number;
|
|
18
|
+
sourceY?: number;
|
|
16
19
|
test: (x: number, y: number) => boolean;
|
|
17
20
|
}
|
|
18
21
|
interface MouseState {
|
|
@@ -40,6 +43,6 @@ interface UseCanvasInteractionReturn {
|
|
|
40
43
|
* Ported from enterprise-brain/src/hooks/useCanvasInteraction.js
|
|
41
44
|
*/
|
|
42
45
|
export declare function useCanvasInteraction(canvasRef: React.RefObject<HTMLCanvasElement | null>, { width, height, onClick, enabled }: UseCanvasInteractionOptions): UseCanvasInteractionReturn;
|
|
43
|
-
export declare function registerHitCircle(zones: HitZone[], id: string, cx: number, cy: number, radius: number, data: TooltipContent | string): void;
|
|
44
|
-
export declare function registerHitRect(zones: HitZone[], id: string, x: number, y: number, w: number, h: number, data: TooltipContent | string): void;
|
|
46
|
+
export declare function registerHitCircle(zones: HitZone[], id: string, cx: number, cy: number, radius: number, data: TooltipContent | string, centerXOverride?: number): void;
|
|
47
|
+
export declare function registerHitRect(zones: HitZone[], id: string, x: number, y: number, w: number, h: number, data: TooltipContent | string, centerYOverride?: number, centerXOverride?: number, sourceYOverride?: number): void;
|
|
45
48
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useContainerWidth(defaultWidth: number): [React.RefObject<HTMLDivElement>, number];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { AreaLineChartProps } from './types';
|
|
2
|
-
export declare function AreaLineChart({ points: rawTrend,
|
|
2
|
+
export declare function AreaLineChart({ points: rawTrend, testID }: AreaLineChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BalanceScaleChartProps } from './types';
|
|
2
|
-
export declare function BalanceScaleChart({ left, right, leftTitle, rightTitle, unit,
|
|
2
|
+
export declare function BalanceScaleChart({ left, right, leftTitle, rightTitle, unit, selectedId, dataByEntity, onItemClick, testID }: BalanceScaleChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { QuotationSide } from '../../types';
|
|
1
|
+
import { QuotationSide, QuotationSummary, SubentityPayload } from '../../types';
|
|
2
2
|
export interface BalanceScaleChartProps {
|
|
3
3
|
left: QuotationSide;
|
|
4
4
|
right: QuotationSide;
|
|
5
5
|
leftTitle?: string;
|
|
6
6
|
rightTitle?: string;
|
|
7
7
|
unit?: string;
|
|
8
|
-
|
|
8
|
+
selectedId?: string;
|
|
9
|
+
dataByEntity?: Record<string, QuotationSummary>;
|
|
10
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
11
|
+
testID?: string;
|
|
9
12
|
}
|
|
@@ -2,7 +2,7 @@ interface ChartEmptyStateProps {
|
|
|
2
2
|
width: number;
|
|
3
3
|
height: number;
|
|
4
4
|
message?: string;
|
|
5
|
-
|
|
5
|
+
testID?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare function ChartEmptyState({ width, height, message,
|
|
7
|
+
export declare function ChartEmptyState({ width, height, message, testID, }: ChartEmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -3,6 +3,6 @@ export interface ToggleButtonProps {
|
|
|
3
3
|
onToggle: () => void;
|
|
4
4
|
labelExpanded?: string;
|
|
5
5
|
labelCollapsed?: string;
|
|
6
|
-
|
|
6
|
+
testID?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare function ToggleButton({ expanded, onToggle, labelExpanded, labelCollapsed,
|
|
8
|
+
export declare function ToggleButton({ expanded, onToggle, labelExpanded, labelCollapsed, testID, }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { DotMatrixChartProps } from './types';
|
|
2
|
-
export declare function DotMatrixChart({ items: rawCategories,
|
|
2
|
+
export declare function DotMatrixChart({ items: rawCategories, testID }: DotMatrixChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { HorizontalBarChartProps } from './types';
|
|
2
|
-
export declare function HorizontalBarChart({ rows, valuePrefix,
|
|
2
|
+
export declare function HorizontalBarChart({ rows, valuePrefix, onItemClick, testID }: HorizontalBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
import { SubentityPayload } from '../../types';
|
|
1
2
|
export type HorizontalBarRow = {
|
|
2
3
|
id: string;
|
|
3
4
|
name: string;
|
|
4
5
|
value: number;
|
|
5
6
|
valueLabel?: string;
|
|
7
|
+
subentity?: SubentityPayload;
|
|
6
8
|
};
|
|
7
9
|
export type HorizontalBarChartProps = {
|
|
8
10
|
rows: HorizontalBarRow[];
|
|
9
11
|
valuePrefix?: string;
|
|
10
|
-
|
|
12
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
13
|
+
testID?: string;
|
|
11
14
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { HubAndSpokeRadialChartProps } from './types';
|
|
2
|
-
export declare function HubAndSpokeRadialChart({ segments: rawSegments, title, unitLabel,
|
|
2
|
+
export declare function HubAndSpokeRadialChart({ segments: rawSegments, title, unitLabel, testID }: HubAndSpokeRadialChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { MultiMetricConstellationChartProps } from './types';
|
|
2
|
-
export declare function MultiMetricConstellationChart({ items: rawItems,
|
|
2
|
+
export declare function MultiMetricConstellationChart({ items: rawItems, testID }: MultiMetricConstellationChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { MultiSegmentHorizontalBarChartProps } from './types';
|
|
2
|
-
export declare function MultiSegmentHorizontalBarChart({ rows: rawRows, valuePrefix,
|
|
2
|
+
export declare function MultiSegmentHorizontalBarChart({ rows: rawRows, valuePrefix, testID, }: MultiSegmentHorizontalBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ProgressRaceChartProps } from './types';
|
|
2
|
-
export declare function ProgressRaceChart({ items: rawItems, colorOffset,
|
|
2
|
+
export declare function ProgressRaceChart({ items: rawItems, itemsByEntity, onItemClick, selectedId, colorOffset, testID }: ProgressRaceChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { ContractorRow } from '../../types';
|
|
1
|
+
import { ContractorRow, SubentityPayload } from '../../types';
|
|
2
2
|
export interface ProgressRaceChartProps {
|
|
3
3
|
items: ContractorRow[];
|
|
4
|
+
itemsByEntity?: Record<string, ContractorRow[]>;
|
|
5
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
6
|
+
selectedId?: string;
|
|
4
7
|
colorOffset?: number;
|
|
5
|
-
|
|
8
|
+
testID?: string;
|
|
6
9
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ProportionalBandChartProps } from './types';
|
|
2
|
-
export declare function ProportionalBandChart({ severities: rawSeverities, colorOffset,
|
|
2
|
+
export declare function ProportionalBandChart({ severities: rawSeverities, colorOffset, onItemClick, testID }: ProportionalBandChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { EWSeverityRow } from '../../types';
|
|
1
|
+
import { EWSeverityRow, SubentityPayload } from '../../types';
|
|
2
2
|
export interface ProportionalBandChartProps {
|
|
3
3
|
severities: EWSeverityRow[];
|
|
4
4
|
colorOffset?: number;
|
|
5
|
-
|
|
5
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
6
|
+
testID?: string;
|
|
6
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { RadialFanTreeChartProps } from './types';
|
|
2
|
-
export declare function RadialFanTreeChart({ total, totalLabel, items: rawByContractor,
|
|
2
|
+
export declare function RadialFanTreeChart({ total, totalLabel, items: rawByContractor, dataByEntity, onItemClick, selectedId, colorOffset, testID }: RadialFanTreeChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
import { NCEContractorRow } from '../../types';
|
|
1
|
+
import { NCEContractorRow, SubentityPayload } from '../../types';
|
|
2
|
+
export interface RadialFanEntityData {
|
|
3
|
+
total: number;
|
|
4
|
+
totalLabel?: string;
|
|
5
|
+
items: NCEContractorRow[];
|
|
6
|
+
}
|
|
2
7
|
export interface RadialFanTreeChartProps {
|
|
3
8
|
total: number;
|
|
4
9
|
totalLabel?: string;
|
|
5
10
|
items: NCEContractorRow[];
|
|
11
|
+
dataByEntity?: Record<string, RadialFanEntityData>;
|
|
12
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
13
|
+
selectedId?: string;
|
|
6
14
|
width?: number;
|
|
7
15
|
colorOffset?: number;
|
|
8
|
-
|
|
16
|
+
testID?: string;
|
|
9
17
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { RankedCardLeaderboardProps } from './types';
|
|
2
|
-
export declare function RankedCardLeaderboard({ items: rawItems,
|
|
2
|
+
export declare function RankedCardLeaderboard({ items: rawItems, onItemClick, testID, }: RankedCardLeaderboardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { EWOpenContractorRow } from '../../types';
|
|
1
|
+
import { EWOpenContractorRow, SubentityPayload } from '../../types';
|
|
2
2
|
export interface RankedCardLeaderboardProps {
|
|
3
3
|
items: EWOpenContractorRow[];
|
|
4
|
-
|
|
4
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
5
|
+
testID?: string;
|
|
5
6
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SegmentedSplitBarChartProps } from './types';
|
|
2
|
-
export declare function SegmentedSplitBarChart({ items: rawItems, labelA, labelB, unit,
|
|
2
|
+
export declare function SegmentedSplitBarChart({ items: rawItems, itemsByEntity, onItemClick, selectedId, labelA, labelB, unit, testID }: SegmentedSplitBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { VariationRow } from '../../types';
|
|
1
|
+
import { VariationRow, SubentityPayload } from '../../types';
|
|
2
2
|
export interface SegmentedSplitBarChartProps {
|
|
3
3
|
items: VariationRow[];
|
|
4
|
+
itemsByEntity?: Record<string, VariationRow[]>;
|
|
5
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
6
|
+
selectedId?: string;
|
|
4
7
|
labelA?: string;
|
|
5
8
|
labelB?: string;
|
|
6
9
|
unit?: string;
|
|
7
|
-
|
|
10
|
+
testID?: string;
|
|
8
11
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SemiCircularGaugeChartProps } from './types';
|
|
2
|
-
export declare function SemiCircularGaugeChart({ confirmed, total, label, colorOffset,
|
|
2
|
+
export declare function SemiCircularGaugeChart({ confirmed, total, label, colorOffset, selectedId, selectedLabel, gaugeByEntity, onItemClick, subentity, testID }: SemiCircularGaugeChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,17 @@
|
|
|
1
|
+
import { SubentityPayload } from '../../types';
|
|
2
|
+
export interface GaugeEntityData {
|
|
3
|
+
confirmed: number;
|
|
4
|
+
total: number;
|
|
5
|
+
}
|
|
1
6
|
export interface SemiCircularGaugeChartProps {
|
|
2
7
|
confirmed: number;
|
|
3
8
|
total: number;
|
|
4
9
|
label?: string;
|
|
5
10
|
colorOffset?: number;
|
|
6
|
-
|
|
11
|
+
selectedId?: string;
|
|
12
|
+
selectedLabel?: string;
|
|
13
|
+
gaugeByEntity?: Record<string, GaugeEntityData>;
|
|
14
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
15
|
+
subentity?: SubentityPayload;
|
|
16
|
+
testID?: string;
|
|
7
17
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { StackedHorizontalBarChartProps } from './types';
|
|
2
|
-
export declare function StackedHorizontalBarChart({ data,
|
|
2
|
+
export declare function StackedHorizontalBarChart({ data, dataByEntity, onItemClick, selectedId, testID }: StackedHorizontalBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import { ContractData } from '../../types';
|
|
1
|
+
import { ContractData, SubentityPayload } from '../../types';
|
|
2
2
|
export interface StackedHorizontalBarChartProps {
|
|
3
3
|
data: ContractData;
|
|
4
|
-
|
|
4
|
+
dataByEntity?: Record<string, ContractData>;
|
|
5
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
6
|
+
selectedId?: string;
|
|
7
|
+
testID?: string;
|
|
5
8
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TrendProps } from './types';
|
|
2
|
-
export declare function Trend({ points: rawPoints, colorOffset,
|
|
2
|
+
export declare function Trend({ points: rawPoints, selectedId, seriesByEntity, colorOffset, testID }: TrendProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { QuotationTrendPoint } from '../../types';
|
|
2
2
|
export interface TrendProps {
|
|
3
3
|
points: QuotationTrendPoint[];
|
|
4
|
+
selectedId?: string;
|
|
5
|
+
seriesByEntity?: Record<string, QuotationTrendPoint[]>;
|
|
4
6
|
colorOffset?: number;
|
|
5
|
-
|
|
7
|
+
testID?: string;
|
|
6
8
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { VisualizationRendererProps } from '../../types';
|
|
2
|
-
export declare function VisualizationRenderer({ config, className, colorOffset }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function VisualizationRenderer({ config, className, colorOffset, onItemClick, selectedId, listenerItems }: VisualizationRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { WeeklyFlowProps } from './types';
|
|
2
|
-
export declare function WeeklyFlow({ items: items,
|
|
2
|
+
export declare function WeeklyFlow({ items: items, onItemClick, testID, }: WeeklyFlowProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ContractorRow } from '../../types';
|
|
1
|
+
import { ContractorRow, SubentityPayload } from '../../types';
|
|
2
2
|
export interface WeeklyFlowProps {
|
|
3
3
|
items: ContractorRow[];
|
|
4
|
-
|
|
4
|
+
onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
|
|
5
|
+
testID?: string;
|
|
5
6
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { SankeyLinkData, SankeyNodeData } from './types';
|
|
2
|
+
export declare const PAGE: {
|
|
3
|
+
readonly PROJECT_DASHBOARD: "project-dashboard";
|
|
4
|
+
readonly CHART_GALLERY: "chart-gallery";
|
|
5
|
+
readonly INTERACTIVE_DEMO: "interactive-demo";
|
|
6
|
+
};
|
|
7
|
+
export declare const CHART_TYPE: {
|
|
8
|
+
readonly LINE: "line";
|
|
9
|
+
readonly AREA: "area";
|
|
10
|
+
readonly BAR: "bar";
|
|
11
|
+
readonly PIE: "pie";
|
|
12
|
+
readonly DONUT: "donut";
|
|
13
|
+
readonly SANKEY: "sankey";
|
|
14
|
+
readonly FLOW: "flow";
|
|
15
|
+
readonly TREND: "trend";
|
|
16
|
+
readonly MINI_BARS: "mini-bars";
|
|
17
|
+
readonly STACKED_HORIZONTAL_BAR: "stacked-horizontal-bar-chart";
|
|
18
|
+
readonly MULTI_METRIC_CONSTELLATION: "multi-metric-constellation-chart";
|
|
19
|
+
readonly PROGRESS_RACE: "progress-race-chart";
|
|
20
|
+
readonly HUB_AND_SPOKE_RADIAL: "hub-and-spoke-radial-chart";
|
|
21
|
+
readonly DOT_MATRIX: "dot-matrix-chart";
|
|
22
|
+
readonly RANKED_CARD_LEADERBOARD: "ranked-card-leaderboard";
|
|
23
|
+
readonly PROPORTIONAL_BAND: "proportional-band-chart";
|
|
24
|
+
readonly RADIAL_FAN_TREE: "radial-fan-tree-chart";
|
|
25
|
+
readonly SEMI_CIRCULAR_GAUGE: "semi-circular-gauge-chart";
|
|
26
|
+
readonly SEGMENTED_SPLIT_BAR: "segmented-split-bar-chart";
|
|
27
|
+
readonly BALANCE_SCALE: "balance-scale-chart";
|
|
28
|
+
readonly AREA_LINE: "area-line-chart";
|
|
29
|
+
readonly TREND_VIEW: "trend-view";
|
|
30
|
+
readonly WEEKLY_FLOW: "weekly-flow";
|
|
31
|
+
readonly HORIZONTAL_BAR: "horizontal-bar-chart";
|
|
32
|
+
};
|
|
33
|
+
export declare const palette: string[];
|
|
34
|
+
export declare const flowGraph: {
|
|
35
|
+
nodes: SankeyNodeData[];
|
|
36
|
+
links: SankeyLinkData[];
|
|
37
|
+
};
|