@moderneinc/react-charts 1.2.0-next.2d0a72 → 1.2.0-next.313329

package/dist/theme/timeline-defaults.d.ts

@@ -4,7 +4,7 @@ export declare const TIMELINE_DEFAULTS: {
         readonly primary: "#992FB9";
         readonly background: "#FFFFFF";
         readonly border: "#9CA3AF";
-        readonly highlightBackground: "rgba(229, 231, 235, 0.5)";
+        readonly highlightBackground: "rgba(31, 41, 55, 0.14)";
         readonly monthLabel: "#9ca3af";
         readonly tooltipText: "#6b7280";
     };
@@ -13,6 +13,17 @@ export declare const TIMELINE_DEFAULTS: {
         readonly eventWidth: 2;
     };
 };
+/**
+ * Get default slot props with arrow handle styling
+ */
+export declare const getArrowHandleSlotProps: (color?: string) => {
+    startHandle: {
+        sx: SxProps<Theme>;
+    };
+    endHandle: {
+        sx: SxProps<Theme>;
+    };
+};
 export declare const defaultSlotProps: {
     header: {
         sx: SxProps<Theme>;
@@ -38,6 +49,8 @@ export declare const defaultSlotProps: {
     selection: {
         sx: SxProps<Theme>;
     };
+    startHandle: {};
+    endHandle: {};
     tooltip: {
         sx: SxProps<Theme>;
     };
@@ -48,3 +61,22 @@ export declare const defaultSlotProps: {
         sx: SxProps<Theme>;
     };
 };
+/**
+ * Get grip handle slot props with custom color
+ */
+export declare const getGripHandleSlotProps: (color?: string) => {
+    startHandle: {
+        sx: SxProps<Theme>;
+    };
+    endHandle: {
+        sx: SxProps<Theme>;
+    };
+};
+export declare const gripHandleSlotProps: {
+    startHandle: {
+        sx: SxProps<Theme>;
+    };
+    endHandle: {
+        sx: SxProps<Theme>;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moderneinc/react-charts",
-  "version": "1.2.0-next.2d0a72",
+  "version": "1.2.0-next.313329",
   "description": "Parliament chart visualization library for React",
   "type": "module",
   "devEngines": {
@@ -26,6 +26,7 @@
   "scripts": {
     "build-storybook": "storybook build",
     "build": "tsc --noEmit && vite build",
+    "build:watch": "vite build --watch",
     "check:all": "npm run format && npm run check:lint:fix && npm run check:lint && npm run check:types && npm run test && npm run check:unused",
     "check:biome:fix": "biome check --write",
     "check:biome": "biome check",
@@ -54,9 +55,12 @@
     "recharts": ">=2.0.0"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/utilities": "^3.2.2",
     "d3-array": "^3.2.4",
     "d3-axis": "^3.0.0",
     "d3-brush": "^3.0.0",
+    "d3-force": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-transition": "^3.0.1",
     "gsap": "^3.13.0",
@@ -104,7 +108,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "recharts": "^2.15.0",
-    "semantic-release": "^24.2.0",
+    "semantic-release": "^25.0.2",
     "storybook": "^8.4.7",
     "typescript": "^5.9.2",
     "vite": "^6.0.11",

package/dist/components/chrono-perspective-chart/chrono-perspective-chart.component.d.ts

@@ -1,3 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ChronoPerspectiveChartProps } from './chrono-perspective-chart.types';
-export declare const ChronoPerspectiveChart: FunctionComponent<ChronoPerspectiveChartProps>;

package/dist/components/chrono-perspective-chart/chrono-perspective-chart.types.d.ts

@@ -1,62 +0,0 @@
-import { TimelineEvent } from '../timeline-chart/timeline-chart.types';
-export type ChronoPerspectiveMode = 'point-in-time' | 'historical';
-export type ChronoPerspectiveCategory = {
-    id: string;
-    label: string;
-    color: string;
-    parliamentMapping?: {
-        isSpecialCategory: boolean;
-        hatchPattern?: string;
-    };
-};
-export type ChronoPerspectiveData = {
-    timeSeries: Array<{
-        timestamp: number;
-        values: Record<string, number>;
-    }>;
-    categories: ChronoPerspectiveCategory[];
-    metadata: {
-        totalRepositories: number;
-        specialCounts?: {
-            notApplicable: number;
-            noLst: number;
-            unavailable: number;
-        };
-    };
-    events?: TimelineEvent[];
-};
-export type ChronoPerspectiveChartProps = {
-    data: ChronoPerspectiveData;
-    /**
-     * @deprecated Use selectedIndex instead. Will be removed in next major version.
-     * Mode prop kept for backward compatibility only.
-     */
-    mode?: ChronoPerspectiveMode;
-    /**
-     * Index of the time series data point to display in point-in-time mode.
-     * - If set: Chart shows point-in-time view for data at this index
-     * - If undefined: Chart shows historical view
-     * - If data.timeSeries.length === 1: Automatically shows point-in-time mode
-     *
-     * Note: Changing selectedIndex does NOT trigger animation. Animation only
-     * plays when toggling between point-in-time and historical modes.
-     */
-    selectedIndex?: number;
-    title?: string;
-    subtitle?: string;
-    showHeader?: boolean;
-    height?: number;
-    timeRange?: [number, number];
-    onTimeRangeChange?: (range: [number, number]) => void;
-    enableBrush?: boolean;
-    showLegend?: boolean;
-    showTooltip?: boolean;
-    showGrid?: boolean;
-    enableAnimation?: boolean;
-    animationDuration?: number;
-    formatDate?: (timestamp: number) => string;
-    formatValue?: (value: number) => string;
-    onAnimationStateChange?: (isAnimating: boolean) => void;
-    onTimelineReady?: (timeline: unknown) => void;
-    onAnimationProgress?: (progress: number, stage: string) => void;
-};

package/dist/components/chrono-perspective-chart/components/category-table.component.d.ts

@@ -1,3 +0,0 @@
-import { FunctionComponent } from 'react';
-import { CategoryTableProps } from './category-table.types';
-export declare const CategoryTable: FunctionComponent<CategoryTableProps>;

package/dist/components/chrono-perspective-chart/components/category-table.types.d.ts

@@ -1,13 +0,0 @@
-export type CategoryTableItem = {
-    id: string;
-    label: string;
-    value: number;
-    percentage: number;
-    color: string;
-    tooltip?: string;
-};
-export type CategoryTableProps = {
-    categories: CategoryTableItem[];
-    activeCategory: string | null;
-    onCategoryHover: (categoryId: string | null) => void;
-};

package/dist/components/chrono-perspective-chart/utils/data-transformer.d.ts

@@ -1,9 +0,0 @@
-import { MorphChartCategory, MorphChartDataPoint } from '../../morph-chart/morph-chart.types';
-import { ChronoPerspectiveData } from '../chrono-perspective-chart.types';
-import { CategoryTableItem } from '../components/category-table.types';
-export declare const extractLatestValues: (data: ChronoPerspectiveData) => CategoryTableItem[];
-export declare const transformToMorphChart: (data: ChronoPerspectiveData) => {
-    data: MorphChartDataPoint[];
-    categories: MorphChartCategory[];
-};
-export declare const validateChronoPerspectiveData: (data: ChronoPerspectiveData) => void;