@apipass/design-system 5.1.0 → 5.3.0

package/dist/types/ui/components/charts/ChartColorPicker/ChartColorPicker.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+import "./chart-color-picker.css";
+export interface ChartColorPickerLabels {
+    palette: string;
+    colorOption: (position: number) => string;
+    automaticColor: string;
+}
+export interface ChartColorPickerProps {
+    colorToken?: string;
+    onChange: (colorToken: string | null) => void;
+    isResettable?: boolean;
+    labels?: Partial<ChartColorPickerLabels>;
+    triggerLabel: string;
+    triggerClassName?: string;
+    triggerStyle?: React.CSSProperties;
+    children?: ReactNode;
+}
+export declare function ChartColorPicker({ colorToken, onChange, isResettable, labels, triggerLabel, triggerClassName, triggerStyle, children, }: ChartColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/charts/ChartLegend/ChartLegend.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithoutRef } from "react";
+import { type ChartColorPickerLabels } from "../ChartColorPicker/ChartColorPicker";
+import "./chart-legend.css";
+export interface ChartLegendItem {
+    id: string;
+    name: string;
+    color: string;
+    isHidden: boolean;
+}
+export interface ChartLegendLabels extends ChartColorPickerLabels {
+    toggleSeries: (seriesName: string) => string;
+    chooseColor: (seriesName: string) => string;
+}
+export type ChartLegendProps = Omit<ComponentPropsWithoutRef<"div">, "children" | "onToggle"> & {
+    items: ChartLegendItem[];
+    onToggle: (seriesId: string) => void;
+    onColorChange?: (seriesId: string, colorToken: string | null) => void;
+    colorTokensBySeriesId?: Record<string, string>;
+    labels?: Partial<ChartLegendLabels>;
+};
+export declare function ChartLegend({ items, onToggle, onColorChange, colorTokensBySeriesId, labels, className, ...props }: ChartLegendProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/charts/ChartLegend/use-chart-legend.d.ts

@@ -0,0 +1,14 @@
+import type { ChartLegendItem } from "./ChartLegend";
+export interface ChartLegendSeries {
+    id: string;
+    name: string;
+    colorToken?: string;
+}
+export interface ChartLegendState {
+    items: ChartLegendItem[];
+    colorsBySeriesId: Record<string, string>;
+    colorTokensBySeriesId: Record<string, string>;
+    hiddenSeriesIds: Set<string>;
+    toggleSeries: (seriesId: string) => void;
+}
+export declare function useChartLegend(series: ChartLegendSeries[], paletteColors: string[], resolveSeriesColor: (token: string) => string | undefined): ChartLegendState;

package/dist/types/ui/components/charts/TimeSeriesChart/TimeSeriesChart.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentPropsWithoutRef } from "react";
+import { type ChartLegendLabels } from "../ChartLegend/ChartLegend";
 import { type TimeSeriesData, type TimeSeriesDisplayType, type TimeSeriesLegendMode, type TimeSeriesLineOptions, type TimeSeriesYAxisOptions } from "./time-series-option";
 import "./time-series-chart.css";
 export type { TimeSeriesData, TimeSeriesDisplayType, TimeSeriesLegendMode, TimeSeriesLineOptions, TimeSeriesLineStyle, TimeSeriesLineWidth, TimeSeriesPoint, TimeSeriesYAxisOptions, } from "./time-series-option";
@@ -11,5 +12,7 @@ export type TimeSeriesChartProps = Omit<ComponentPropsWithoutRef<"div">, "childr
     showSymbols?: boolean;
     showValueLabels?: boolean;
     valueFormatter?: (value: number) => string;
+    onSeriesColorChange?: (seriesId: string, colorToken: string | null) => void;
+    legendLabels?: Partial<ChartLegendLabels>;
 };
-export declare function TimeSeriesChart({ series, displayType, legend, line, yAxis, showSymbols, showValueLabels, valueFormatter, className, ...props }: TimeSeriesChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeSeriesChart({ series, displayType, legend, line, yAxis, showSymbols, showValueLabels, valueFormatter, onSeriesColorChange, legendLabels, className, ...props }: TimeSeriesChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/charts/TimeSeriesChart/time-series-option.d.ts

@@ -27,7 +27,6 @@ export interface TimeSeriesYAxisOptions {
 export interface TimeSeriesOptionInput {
     series: TimeSeriesData[];
     displayType: TimeSeriesDisplayType;
-    legend: TimeSeriesLegendMode;
     line: TimeSeriesLineOptions;
     yAxis: TimeSeriesYAxisOptions;
     theme: ChartTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "5.1.0",
+  "version": "5.3.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [