@acronis-platform/ui-react 0.58.0 → 0.60.0

package/dist/src/components/ui/sankey-chart/sankey-chart.d.ts

@@ -0,0 +1,69 @@
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+/** A node in the flow — `name` is its color/config key (CSS-safe, unique). */
+export interface SankeyChartNode {
+    name: string;
+}
+/** A directed flow between two nodes, referenced by their index in `nodes`. */
+export interface SankeyChartLink {
+    /** Index of the source node in `data.nodes`. */
+    source: number;
+    /** Index of the target node in `data.nodes`. */
+    target: number;
+    /** Flow magnitude — drives the link's width. */
+    value: number;
+    /**
+     * Ribbon color (any CSS color, e.g. a `var(--ui-*)` token), rendered at **full
+     * opacity** so it matches its node bar. Omit to use the target node's color at
+     * 35% (the default tinted ribbon).
+     */
+    color?: string;
+}
+export interface SankeyChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** The graph: `nodes` (color keys) + `links` (source/target indices + value). */
+    data: {
+        nodes: ReadonlyArray<SankeyChartNode>;
+        links: ReadonlyArray<SankeyChartLink>;
+    };
+    /**
+     * Per-node map of `label` / `color`, keyed by the node's `name` (imported from
+     * the shared `Chart` primitives). Turned into `--color-<name>` custom
+     * properties. Colors are caller-supplied — reference an existing semantic
+     * `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Vertical gap between nodes in the same column. */
+    nodePadding?: number;
+    /** Thickness of each node bar. */
+    nodeWidth?: number;
+    /** Curviness of the links (0 = straight, 1 = fully curved). */
+    linkCurvature?: number;
+    /**
+     * Sort nodes vertically to minimize link crossings (recharts' relaxation).
+     * Defaults to `false` — nodes render in the order given by `data.nodes` within
+     * each column, which keeps curated flows tidy; set `true` to auto-order.
+     */
+    sort?: boolean;
+    /** Render each node's label (from `config[name].label`) beside its bar. */
+    showLabels?: boolean;
+    /** Render a legend (color dot + label + value + % per node) below the chart. */
+    showLegend?: boolean;
+    /** Show a hover tooltip on nodes and links (dot + `source → target` + value). */
+    showTooltip?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —
+     * to customize formatting without composing recharts yourself. Ignored when
+     * `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+export declare function makeSankeyTooltip(config: ChartConfig, links: ReadonlyArray<SankeyChartLink>, nodes: ReadonlyArray<SankeyChartNode>): ({ active, payload, }: {
+    active?: boolean;
+    payload?: ReadonlyArray<{
+        name?: string | number;
+        value?: number | string | ReadonlyArray<number | string>;
+    }>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const SankeyChart: React.ForwardRefExoticComponent<Omit<SankeyChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SankeyChart };

package/dist/src/components/ui/scatter-chart/scatter-chart.d.ts

@@ -1,4 +1,4 @@
-import { ChartTooltip, ChartConfig } from '../chart';
+import { ChartConfig, CartesianChartProps } from '../chart';
 import * as React from 'react';
 export type ScatterMarkerShape = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
 export interface ScatterSeries {
@@ -7,7 +7,7 @@ export interface ScatterSeries {
     /** This series' points — each row holds at least `xKey` and `yKey` (and `zKey` when used). */
     data: ReadonlyArray<Record<string, number>>;
 }
-export interface ScatterChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+export interface ScatterChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, CartesianChartProps {
     /** One `<Scatter>` per entry — each with its own point array. Use a single entry for an ungrouped scatter. */
     series: ScatterSeries[];
     /**
@@ -21,30 +21,15 @@ export interface ScatterChartProps extends Omit<React.ComponentProps<'div'>, 'ch
     xKey: string;
     /** Numeric field for the vertical axis. */
     yKey: string;
-    /** Title rendered beneath the horizontal (X) axis. */
-    xAxisLabel?: string;
-    /** Title rendered beside the vertical (Y) axis (rotated). */
-    yAxisLabel?: string;
     /** Unit suffix appended to X-axis tick values (recharts `unit`). */
     xUnit?: string;
-    /** Unit suffix appended to Y-axis tick values (recharts `unit`). */
-    yUnit?: string;
     /** Optional numeric field mapped to point size (a bubble chart), via recharts `ZAxis`. */
     zKey?: string;
     /** Point-size range `[min, max]` the `zKey` maps into. Ignored when `zKey` is unset (points use recharts' default size). */
     zRange?: [number, number];
     /** Marker shape for every point. */
     shape?: ScatterMarkerShape;
-    showGrid?: boolean;
-    showTooltip?: boolean;
     showLegend?: boolean;
-    /**
-     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
-     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /
-     * `indicator` — to customize formatting, per-series rows, or extra fields
-     * without composing recharts yourself. Ignored when `showTooltip` is false.
-     */
-    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
 }
 declare const ScatterChart: React.ForwardRefExoticComponent<Omit<ScatterChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScatterChart };

package/dist/src/index.d.ts

@@ -1,5 +1,6 @@
 export { cn } from './lib/utils';
 export * from './hooks';
+export * from './lib/breakpoints';
 export { PortalContainerProvider, usePortalContainer, type PortalContainerProviderProps, } from './lib/portal-container';
 export * from './components/ui/accordion';
 export * from './components/ui/alert';
@@ -15,6 +16,7 @@ export * from './components/ui/button-menu';
 export * from './components/ui/calendar';
 export * from './components/ui/card';
 export * from './components/ui/card-filter';
+export * from './components/ui/category-bar';
 export * from './components/ui/chart';
 export * from './components/ui/chart-state';
 export * from './components/ui/checkbox';
@@ -27,7 +29,9 @@ export * from './components/ui/data-table';
 export * from './components/ui/date-range-picker';
 export * from './components/ui/description-list';
 export { Dialog, DialogClose, type DialogProps, type DialogVariant, } from './components/ui/dialog';
+export * from './components/ui/dialog-footer-carousel';
 export * from './components/ui/dialog-footer-default';
+export * from './components/ui/dialog-welcome';
 export * from './components/ui/dropdown-menu';
 export * from './components/ui/empty';
 export * from './components/ui/field';
@@ -60,6 +64,7 @@ export * from './components/ui/pie-chart';
 export * from './components/ui/popover';
 export * from './components/ui/progress';
 export * from './components/ui/progress-circle';
+export * from './components/ui/sankey-chart';
 export * from './components/ui/scatter-chart';
 export * from './components/ui/scroll-area';
 export * from './components/ui/search-global';