@acronis-platform/ui-react 5.5.8 → 6.0.0

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

@@ -1,6 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { CardHeaderProps } from '../card';
-import { ChartStateProps, ChartStateVariant } from '../chart-state';
+import { ChartStateProps } from '../chart-state';
 import * as React from 'react';
 export interface ChartWidgetProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
@@ -10,12 +10,6 @@ export interface ChartWidgetProps extends Omit<React.HTMLAttributes<HTMLDivEleme
      * one thing the widget can't infer for itself.
      */
     render?: useRender.RenderProp;
-    /**
-     * Which chart the widget holds. Only used while `state="empty"`, to pick the
-     * silhouette the design draws for that chart type — the widget itself needs
-     * no size, so this carries nothing else.
-     */
-    variant?: ChartStateVariant;
     /**
      * The card header, forwarded verbatim to `CardHeader`. Everything that
      * component takes works here — `title`, `actions` (the ⋯ menu), `extras` (a
@@ -36,28 +30,29 @@ export interface ChartWidgetProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     orientation?: 'vertical' | 'horizontal';
     /**
      * The readout beside or above the plot — typically a `Metric`. Layout is
-     * controlled by `orientation`.
+     * controlled by `orientation`; it is replaced along with the plot while a
+     * state is active.
      */
     metric?: React.ReactNode;
     /**
-     * Show a placeholder instead of the plot, for a widget whose data isn't there
-     * yet. `error` also gives the card its error border.
+     * Explicitly show a state in place of the metric and plot. The consumer
+     * selects the state; this component does not infer it from chart data. The
+     * `number` state displays a KPI-style numeric readout. The card chrome stays
+     * the same for each state.
      */
     state?: ChartStateProps['state'];
     /**
-     * Text below the placeholder illustration or glyph — defaults to
-     * `"Data is loading…"` / `"No data found"` / `"Something went wrong"`.
+     * Text shown in the selected state, or the numeric readout for `number`.
+     * Defaults to `"Data is loading…"` / `"No data found"` / `"0"` / etc.
      */
     stateDescription?: ChartStateProps['description'];
-    /** Trailing action on the `error` placeholder — e.g. a "Try again" button. */
-    stateAction?: ChartStateProps['action'];
     /**
      * Class for the card body. Rarely needed — the body already fills the card.
      * Use it where nothing above gives a height and the content can't either, e.g.
      * a placeholder-only widget outside a sized grid cell.
      */
     bodyClassName?: string;
-    /** The chart. Replaced by the placeholder while `state` is set. */
+    /** The chart. Replaced with `ChartState` together with `metric` while `state` is set. */
     children?: React.ReactNode;
 }
 declare const ChartWidget: React.ForwardRefExoticComponent<ChartWidgetProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/ui/data-table/data-table.d.ts

@@ -5,8 +5,8 @@ declare module '@tanstack/react-table' {
         /** Pin the column to a table edge (sticky while the grid scrolls horizontally). */
         pin?: 'left' | 'right';
         /**
-         * Let the column's header + cells wrap onto multiple lines (drops the fixed
-         * row height); mirrors the `Table` primitives' `wrap` prop on TableHead/TableCell.
+         * Let the column's data cells wrap onto multiple lines (drops the fixed row
+         * height). Headers remain single-line and truncate with a tooltip.
          */
         wrap?: boolean;
         /** Label shown for this column in the visibility dropdown. */

package/dist/src/components/ui/dialog/dialog.d.ts

@@ -3,6 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const dialogContentVariants: (props?: ({
     size?: "large" | "sm" | null | undefined;
+    verticalAlign?: "center" | "top" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const DialogRoot: typeof DialogPrimitive.Root;
 declare const DialogTrigger: DialogPrimitive.Trigger;
@@ -16,6 +17,12 @@ export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeo
      * `Large` story).
      */
     size?: VariantProps<typeof dialogContentVariants>['size'];
+    /**
+     * Vertical placement of the popup. `center` (default) centers it in the
+     * viewport; `top` pins it 48px from the top edge, leaving the rest of the
+     * viewport below it.
+     */
+    verticalAlign?: 'center' | 'top';
     /**
      * Render the content inside a portal (default `true`). Base UI requires the
      * Popup to sit in a Portal for correct stacking; set `false` for inline usage
@@ -122,6 +129,8 @@ export interface DialogProps extends Omit<DialogRootProps, 'children'> {
      * `'large'` when `variant` is `'wide'`.
      */
     size?: DialogContentProps['size'];
+    /** Vertical placement: `'center'` (default) or `'top'` (forwarded to `DialogContent`). */
+    verticalAlign?: DialogContentProps['verticalAlign'];
     /** Render inside a portal (forwarded to `DialogContent`). Defaults to `true`. */
     portal?: boolean;
     /** Portal container (forwarded to `DialogContent`). */

package/dist/src/components/ui/dialog/dialog.docs.d.ts

@@ -1,8 +1,10 @@
 import type * as React from 'react';
-/** Props for `DialogContent` — the portaled, centered dialog popup. */
+/** Props for `DialogContent` — the portaled dialog popup (centered by default, or top-aligned). */
 export interface DialogContentProps {
     /** Popup max-width. `sm` (512px, default) is the Figma-defined size; `large` (832px) is a legacy backward-compatibility size. */
     size?: 'sm' | 'large';
+    /** Vertical placement. `center` (default) centers the popup; `top` pins it 48px from the top edge of the viewport. */
+    verticalAlign?: 'center' | 'top';
     /**
      * Render the content inside a portal (default `true`). Disable only when you
      * supply your own `DialogPortal` ancestor (e.g. inline usage).
@@ -82,6 +84,8 @@ export interface DialogProps {
     closeLabel?: string;
     /** Popup max-width. Defaults to `'sm'`, or to `'large'` when `variant` is `'wide'`. */
     size?: 'sm' | 'large';
+    /** Vertical placement. `center` (default) centers the popup; `top` pins it 48px from the top edge of the viewport. */
+    verticalAlign?: 'center' | 'top';
     /** Render inside a portal (default `true`). */
     portal?: boolean;
     /** Portal container. Pass a shadow-root mount for isolated-style previews. */

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartLegendAriaLabelProps, ChartPalette, ChartTooltipContentProps, ChartAnimationProps, ChartDataLabelProps, PolarLabelPosition, TickFormatter } from '../chart';
 import * as React from 'react';
 declare const pieChartVariants: (props?: ({
-    shape?: "donut" | "pie" | null | undefined;
+    shape?: "pie" | "donut" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /** Row-per-slice datum: the `nameKey` label plus the `dataKey` value. */
 type PieChartDatum = Record<string, string | number>;