@divami-artefacts/ai-design-system 1.0.53 → 1.0.55

package/dist/pages/interactiveDemo/InteractiveDemoPage.d.ts

@@ -0,0 +1 @@
+export declare function InteractiveDemoPage(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/interactiveDemo/styles.d.ts

@@ -0,0 +1,2 @@
+import { CSSProperties } from 'react';
+export declare const styles: Record<string, CSSProperties>;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CHART_TYPE } from '../constants';
 export type VisualizationFrameProps = {
     className?: string;
 };
@@ -100,89 +101,121 @@ export type ChartFrameProps = {
     className?: string;
 };
 export type BaseVisualizationConfig = {
-    type: 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'sankey';
+    type: typeof CHART_TYPE.LINE | typeof CHART_TYPE.AREA | typeof CHART_TYPE.BAR | typeof CHART_TYPE.PIE | typeof CHART_TYPE.DONUT | typeof CHART_TYPE.SANKEY;
     rows: VizRow[];
 } | {
-    type: 'flow';
+    type: typeof CHART_TYPE.FLOW;
     selectedEntity?: string | null;
 } | {
-    type: 'trend';
+    type: typeof CHART_TYPE.TREND;
     points: PointPair[];
 } | {
-    type: 'mini-bars';
+    type: typeof CHART_TYPE.MINI_BARS;
     rows: MiniBarRow[];
 } | {
-    type: 'stacked-horizontal-bar-chart';
+    type: typeof CHART_TYPE.STACKED_HORIZONTAL_BAR;
     data: ContractData;
     items?: never;
+    dataByEntity?: Record<string, ContractData>;
 } | {
-    type: 'stacked-horizontal-bar-chart';
+    type: typeof CHART_TYPE.STACKED_HORIZONTAL_BAR;
     items: ContractorRow[];
     data?: never;
+    dataByEntity?: Record<string, ContractData>;
 } | {
-    type: 'multi-metric-constellation-chart';
+    type: typeof CHART_TYPE.MULTI_METRIC_CONSTELLATION;
     items: ContractorRow[];
 } | {
-    type: 'progress-race-chart';
+    type: typeof CHART_TYPE.PROGRESS_RACE;
     items: ContractorRow[];
+    itemsByEntity?: Record<string, ContractorRow[]>;
 } | {
-    type: 'hub-and-spoke-radial-chart';
+    type: typeof CHART_TYPE.HUB_AND_SPOKE_RADIAL;
     segments: EWStatusRow[];
     title?: string;
     unitLabel?: string;
 } | {
-    type: 'dot-matrix-chart';
+    type: typeof CHART_TYPE.DOT_MATRIX;
     items: EWCategoryRow[];
     title?: string;
 } | {
-    type: 'ranked-card-leaderboard';
+    type: typeof CHART_TYPE.RANKED_CARD_LEADERBOARD;
     items: EWOpenContractorRow[];
     title?: string;
 } | {
-    type: 'proportional-band-chart';
+    type: typeof CHART_TYPE.PROPORTIONAL_BAND;
     severities: EWSeverityRow[];
     title?: string;
 } | {
-    type: 'radial-fan-tree-chart';
+    type: typeof CHART_TYPE.RADIAL_FAN_TREE;
     total: number;
     totalLabel?: string;
     items: NCEContractorRow[];
+    dataByEntity?: Record<string, {
+        total: number;
+        totalLabel?: string;
+        items: NCEContractorRow[];
+    }>;
 } | {
-    type: 'semi-circular-gauge-chart';
+    type: typeof CHART_TYPE.SEMI_CIRCULAR_GAUGE;
     confirmed: number;
     total: number;
     label?: string;
+    gaugeByEntity?: Record<string, {
+        confirmed: number;
+        total: number;
+    }>;
+    subentity?: SubentityItem[];
 } | {
-    type: 'segmented-split-bar-chart';
+    type: typeof CHART_TYPE.SEGMENTED_SPLIT_BAR;
     items: VariationRow[];
     labelA?: string;
     labelB?: string;
     unit?: string;
+    itemsByEntity?: Record<string, VariationRow[]>;
 } | {
-    type: 'balance-scale-chart';
+    type: typeof CHART_TYPE.BALANCE_SCALE;
     left: QuotationSide;
     right: QuotationSide;
     leftTitle?: string;
     rightTitle?: string;
     unit?: string;
+    dataByEntity?: Record<string, QuotationSummary>;
 } | {
-    type: 'area-line-chart';
+    type: typeof CHART_TYPE.AREA_LINE;
     points: QuotationTrendPoint[];
 } | {
-    type: 'trend-view';
+    type: typeof CHART_TYPE.TREND_VIEW;
     points: QuotationTrendPoint[];
+    pointsByEntity?: Record<string, QuotationTrendPoint[]>;
 } | {
-    type: 'weekly-flow';
+    type: typeof CHART_TYPE.WEEKLY_FLOW;
     items: ContractorRow[];
 } | {
-    type: 'horizontal-bar-chart';
+    type: typeof CHART_TYPE.HORIZONTAL_BAR;
     rows: HorizontalBarRow[];
     valuePrefix?: string;
 };
+export type SubentityItem = Record<string, unknown>;
+export type RadialFanSubentity = {
+    total: number;
+    totalLabel: string;
+    items: SubentityItem[];
+};
+export type SubentityPayload = SubentityItem[] | RadialFanSubentity;
 export type VisualizationRendererProps = {
     config: BaseVisualizationConfig;
     className?: string;
     colorOffset?: number;
+    onItemClick?: (id: string, label: string, subentity?: SubentityPayload) => void;
+    selectedId?: string;
+    listenerItems?: SubentityPayload;
+};
+export type VisualizationGroupProps = {
+    items: BaseVisualizationConfig[];
+    colorOffset?: number;
+    title?: string;
+    'data-testid'?: string;
 };
 export type ContractorRow = {
     id: string;
@@ -195,6 +228,7 @@ export type ContractorRow = {
     baseLabel?: string;
     variationLabel?: string;
     totalLabel?: string;
+    subentity?: SubentityPayload;
 };
 export type ContractData = {
     items: (ContractorRow | number | null)[];
@@ -216,6 +250,7 @@ export type EWCategoryRow = {
 export type EWSeverityRow = {
     severity: string;
     count: number;
+    subentity?: SubentityItem[];
 };
 export type EWOpenContractorRow = {
     id: string;
@@ -223,6 +258,7 @@ export type EWOpenContractorRow = {
     abbreviation?: string;
     count?: number;
     label?: string;
+    subentity?: SubentityItem[];
 };
 export type NCEContractorRow = {
     id: string;
@@ -230,6 +266,7 @@ export type NCEContractorRow = {
     abbreviation?: string;
     count?: number;
     label?: string;
+    subentity?: SubentityItem[];
 };
 export type NCECompensationData = {
     total: number;
@@ -242,11 +279,13 @@ export type VariationRow = {
     abbreviation?: string;
     implemented?: number;
     unimplemented?: number;
+    subentity?: SubentityItem[];
 };
 export type QuotationSide = {
     value: number;
     count: number;
     label: string;
+    subentity?: SubentityItem[];
 };
 export type QuotationSummary = {
     left: QuotationSide;
@@ -364,6 +403,7 @@ export type HorizontalBarRow = {
     name: string;
     value: number;
     valueLabel?: string;
+    subentity?: SubentityItem[];
 };
 export type DualSegmentBarRow = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divami-artefacts/ai-design-system",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "type": "module",
   "license": "MIT",
   "module": "./dist/index.js",
@@ -33,25 +33,25 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@types/jest": "^30.0.0",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "eslint": "^9.39.4",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "globals": "^17.4.0",
-    "jest": "^30.3.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "ts-jest": "^29.4.9",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.57.0",
-    "vite": "^8.0.1",
-    "vite-plugin-dts": "^4.5.4"
+    "@eslint/js": "9.39.4",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/jest": "30.0.0",
+    "@types/node": "24.12.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.1",
+    "eslint": "9.39.4",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-refresh": "0.5.2",
+    "globals": "17.4.0",
+    "jest": "30.3.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "ts-jest": "29.4.9",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.57.0",
+    "vite": "8.0.1",
+    "vite-plugin-dts": "4.5.4"
   }
 }

package/dist/components/constants.d.ts

@@ -1,6 +0,0 @@
-import { SankeyLinkData, SankeyNodeData } from '../types';
-export declare const palette: string[];
-export declare const flowGraph: {
-    nodes: SankeyNodeData[];
-    links: SankeyLinkData[];
-};