@kjaniec-dev/ui 0.9.3 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2140 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +388 -1
- package/dist/index.d.ts +388 -1
- package/dist/index.js +2124 -13
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1385,4 +1385,391 @@ interface UseInPostScriptResult {
|
|
|
1385
1385
|
|
|
1386
1386
|
declare function useInPostScript(options?: UseInPostScriptOptions): UseInPostScriptResult;
|
|
1387
1387
|
|
|
1388
|
-
|
|
1388
|
+
/**
|
|
1389
|
+
* Palette color token identifiers mapping to design system chart CSS variables.
|
|
1390
|
+
*/
|
|
1391
|
+
type ChartColor = "chart1" | "chart2" | "chart3" | "chart4" | "chart5" | "chart6" | (string & {});
|
|
1392
|
+
/**
|
|
1393
|
+
* Series definition describing data binding, legend labeling, and color assignment.
|
|
1394
|
+
*/
|
|
1395
|
+
interface ChartSeries {
|
|
1396
|
+
key: string;
|
|
1397
|
+
label: string;
|
|
1398
|
+
color?: ChartColor;
|
|
1399
|
+
}
|
|
1400
|
+
/**
|
|
1401
|
+
* Inner chart margin configuration in pixels.
|
|
1402
|
+
*/
|
|
1403
|
+
interface ChartMargin {
|
|
1404
|
+
top?: number;
|
|
1405
|
+
right?: number;
|
|
1406
|
+
bottom?: number;
|
|
1407
|
+
left?: number;
|
|
1408
|
+
}
|
|
1409
|
+
/**
|
|
1410
|
+
* Map of chart token keys to CSS custom properties with fallback hex values.
|
|
1411
|
+
*/
|
|
1412
|
+
declare const CHART_COLOR_VARS: Record<string, string>;
|
|
1413
|
+
/**
|
|
1414
|
+
* Default color sequence cycling through chart1 to chart6.
|
|
1415
|
+
*/
|
|
1416
|
+
declare const DEFAULT_CHART_COLORS: ChartColor[];
|
|
1417
|
+
/**
|
|
1418
|
+
* Resolves a token or custom color string to a valid CSS color string with fallback.
|
|
1419
|
+
*/
|
|
1420
|
+
declare function getChartColor(color?: string, fallbackIndex?: number): string;
|
|
1421
|
+
interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1422
|
+
width?: number;
|
|
1423
|
+
height?: number | string;
|
|
1424
|
+
viewBox?: string;
|
|
1425
|
+
"aria-label"?: string;
|
|
1426
|
+
ariaLabel?: string;
|
|
1427
|
+
overlay?: React.ReactNode;
|
|
1428
|
+
svgClassName?: string;
|
|
1429
|
+
svgRef?: React.Ref<SVGSVGElement>;
|
|
1430
|
+
plotWrapperClassName?: string;
|
|
1431
|
+
plotWrapperStyle?: React.CSSProperties;
|
|
1432
|
+
children?: React.ReactNode;
|
|
1433
|
+
}
|
|
1434
|
+
/**
|
|
1435
|
+
* Hook to measure responsive container width via ResizeObserver with fallback.
|
|
1436
|
+
*/
|
|
1437
|
+
declare function useChartWidth(containerRef: React.RefObject<HTMLElement | null>, defaultWidth?: number): number;
|
|
1438
|
+
/**
|
|
1439
|
+
* Responsive chart container managing SVG viewBox coordinate space and absolute HTML overlay slot.
|
|
1440
|
+
*/
|
|
1441
|
+
declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
1442
|
+
interface ChartGridProps extends React.SVGAttributes<SVGGElement> {
|
|
1443
|
+
width?: number;
|
|
1444
|
+
height?: number;
|
|
1445
|
+
yTicks?: number[];
|
|
1446
|
+
xTicks?: number[];
|
|
1447
|
+
scaleY?: (value: number) => number;
|
|
1448
|
+
scaleX?: (value: number) => number;
|
|
1449
|
+
yDomain?: [number, number];
|
|
1450
|
+
yRange?: [number, number];
|
|
1451
|
+
xDomain?: [number, number];
|
|
1452
|
+
xRange?: [number, number];
|
|
1453
|
+
stroke?: string;
|
|
1454
|
+
strokeDasharray?: string;
|
|
1455
|
+
strokeWidth?: number;
|
|
1456
|
+
strokeOpacity?: number;
|
|
1457
|
+
horizontal?: boolean;
|
|
1458
|
+
vertical?: boolean;
|
|
1459
|
+
className?: string;
|
|
1460
|
+
}
|
|
1461
|
+
/**
|
|
1462
|
+
* Background horizontal and vertical reference lines with custom tick intervals and dashing.
|
|
1463
|
+
*/
|
|
1464
|
+
declare const ChartGrid: React.FC<ChartGridProps>;
|
|
1465
|
+
interface ChartXAxisTick {
|
|
1466
|
+
value: string | number;
|
|
1467
|
+
x: number;
|
|
1468
|
+
[key: string]: unknown;
|
|
1469
|
+
}
|
|
1470
|
+
interface ChartXAxisProps extends React.SVGAttributes<SVGGElement> {
|
|
1471
|
+
ticks: ChartXAxisTick[];
|
|
1472
|
+
y: number;
|
|
1473
|
+
formatter?: (value: unknown) => string;
|
|
1474
|
+
valueFormatter?: (value: unknown) => string;
|
|
1475
|
+
textAnchor?: "start" | "middle" | "end";
|
|
1476
|
+
dy?: string | number;
|
|
1477
|
+
className?: string;
|
|
1478
|
+
tickClassName?: string;
|
|
1479
|
+
}
|
|
1480
|
+
/**
|
|
1481
|
+
* SVG horizontal axis ticks rendering aligned category or timestamp labels.
|
|
1482
|
+
*/
|
|
1483
|
+
declare const ChartXAxis: React.FC<ChartXAxisProps>;
|
|
1484
|
+
interface ChartYAxisTick {
|
|
1485
|
+
value: number | string;
|
|
1486
|
+
y: number;
|
|
1487
|
+
[key: string]: unknown;
|
|
1488
|
+
}
|
|
1489
|
+
interface ChartYAxisProps extends React.SVGAttributes<SVGGElement> {
|
|
1490
|
+
ticks: ChartYAxisTick[];
|
|
1491
|
+
x: number;
|
|
1492
|
+
formatter?: (value: unknown) => string;
|
|
1493
|
+
valueFormatter?: (value: unknown) => string;
|
|
1494
|
+
textAnchor?: "start" | "middle" | "end";
|
|
1495
|
+
dx?: string | number;
|
|
1496
|
+
dominantBaseline?: "auto" | "middle" | "central" | "hanging" | "alphabetic";
|
|
1497
|
+
className?: string;
|
|
1498
|
+
tickClassName?: string;
|
|
1499
|
+
}
|
|
1500
|
+
/**
|
|
1501
|
+
* SVG vertical axis ticks rendering numeric or value labels.
|
|
1502
|
+
*/
|
|
1503
|
+
declare const ChartYAxis: React.FC<ChartYAxisProps>;
|
|
1504
|
+
interface ChartTooltipItem {
|
|
1505
|
+
key?: string;
|
|
1506
|
+
label: string;
|
|
1507
|
+
value: number | string;
|
|
1508
|
+
color?: ChartColor;
|
|
1509
|
+
formattedValue?: string;
|
|
1510
|
+
}
|
|
1511
|
+
interface ChartTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "content"> {
|
|
1512
|
+
title?: React.ReactNode;
|
|
1513
|
+
items?: ChartTooltipItem[];
|
|
1514
|
+
x?: number;
|
|
1515
|
+
y?: number;
|
|
1516
|
+
open?: boolean;
|
|
1517
|
+
crosshairX?: number;
|
|
1518
|
+
crosshairHeight?: number;
|
|
1519
|
+
showCrosshair?: boolean;
|
|
1520
|
+
valueFormatter?: (value: number) => string;
|
|
1521
|
+
content?: React.ReactNode;
|
|
1522
|
+
}
|
|
1523
|
+
/**
|
|
1524
|
+
* Absolute-positioned HTML floating tooltip card with series indicators and crosshair line.
|
|
1525
|
+
*/
|
|
1526
|
+
declare const ChartTooltip: React.ForwardRefExoticComponent<ChartTooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
1527
|
+
interface ChartLegendProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> {
|
|
1528
|
+
series: ChartSeries[];
|
|
1529
|
+
activeSeries?: string[];
|
|
1530
|
+
disabledSeries?: string[];
|
|
1531
|
+
onToggle?: (key: string) => void;
|
|
1532
|
+
orientation?: "horizontal" | "vertical";
|
|
1533
|
+
className?: string;
|
|
1534
|
+
itemClassName?: string;
|
|
1535
|
+
}
|
|
1536
|
+
/**
|
|
1537
|
+
* Series labels list with colored indicator dots and optional click/keyboard toggling.
|
|
1538
|
+
*/
|
|
1539
|
+
declare const ChartLegend: React.FC<ChartLegendProps>;
|
|
1540
|
+
interface ChartA11yTableProps {
|
|
1541
|
+
caption?: string;
|
|
1542
|
+
categories?: string[];
|
|
1543
|
+
series: ChartSeries[];
|
|
1544
|
+
data: Array<Record<string, unknown>> | number[];
|
|
1545
|
+
indexKey?: string;
|
|
1546
|
+
index?: string;
|
|
1547
|
+
valueFormatter?: (value: unknown) => string;
|
|
1548
|
+
className?: string;
|
|
1549
|
+
}
|
|
1550
|
+
/**
|
|
1551
|
+
* Screen reader accessible semantic table hidden with sr-only class complying with WCAG 2.1 AA.
|
|
1552
|
+
*/
|
|
1553
|
+
declare const ChartA11yTable: React.FC<ChartA11yTableProps>;
|
|
1554
|
+
|
|
1555
|
+
type SparklineVariant = "line" | "area" | "bar";
|
|
1556
|
+
type SparklineCurve = "linear" | "smooth";
|
|
1557
|
+
interface SparklineProps extends React.SVGAttributes<SVGSVGElement> {
|
|
1558
|
+
/** Numerical values or objects containing data points to plot. */
|
|
1559
|
+
data?: Array<number | Record<string, unknown>>;
|
|
1560
|
+
/** Key to extract numeric values when `data` contains objects. */
|
|
1561
|
+
dataKey?: string;
|
|
1562
|
+
/** Visual presentation mode: continuous line, gradient area, or discrete bars. Defaults to "line". */
|
|
1563
|
+
variant?: SparklineVariant;
|
|
1564
|
+
/** Interpolation method between data points. Defaults to "smooth". */
|
|
1565
|
+
curve?: SparklineCurve;
|
|
1566
|
+
/** Theme token identifier or raw CSS color string for line, fill, and bars. Defaults to "chart1". */
|
|
1567
|
+
color?: ChartColor;
|
|
1568
|
+
/** Line stroke width in pixels for line and area variants. Defaults to 2. */
|
|
1569
|
+
strokeWidth?: number;
|
|
1570
|
+
/** Whether to highlight the final data point with an accent dot. Defaults to false. */
|
|
1571
|
+
showEndDot?: boolean;
|
|
1572
|
+
/** Whether to apply a fading vertical gradient to area fills. Defaults to true. */
|
|
1573
|
+
showGradient?: boolean;
|
|
1574
|
+
/** Overall component height in pixels. Defaults to 36. */
|
|
1575
|
+
height?: number;
|
|
1576
|
+
/** Component width in pixels or CSS units. Defaults to "100%". */
|
|
1577
|
+
width?: number | string;
|
|
1578
|
+
/** Corner radius in pixels for bar rectangles. Defaults to 2. */
|
|
1579
|
+
barRadius?: number;
|
|
1580
|
+
/** Spacing between discrete bars in pixels. Defaults to 2. */
|
|
1581
|
+
barPadding?: number;
|
|
1582
|
+
/** Accessible label alias for assistive technologies. */
|
|
1583
|
+
ariaLabel?: string;
|
|
1584
|
+
}
|
|
1585
|
+
/**
|
|
1586
|
+
* Compact, lightweight data visualization sparkline for KPI cards, metric widgets, and data tables.
|
|
1587
|
+
*/
|
|
1588
|
+
declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<SVGSVGElement>>;
|
|
1589
|
+
|
|
1590
|
+
type CurveType = "linear" | "smooth" | "step";
|
|
1591
|
+
|
|
1592
|
+
type LineChartVariant = "line" | "area";
|
|
1593
|
+
type LineChartCurve = CurveType;
|
|
1594
|
+
interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
1595
|
+
/** Array of tabular data records to plot. */
|
|
1596
|
+
data: Array<Record<string, unknown>>;
|
|
1597
|
+
/** Key identifying category or timestamp in each data item (e.g. "date", "month"). */
|
|
1598
|
+
index: string;
|
|
1599
|
+
/** Series configurations defining data keys, labels, and color assignments. */
|
|
1600
|
+
series: ChartSeries[];
|
|
1601
|
+
/** Visual presentation mode: continuous line or filled area. Defaults to "line". */
|
|
1602
|
+
variant?: LineChartVariant;
|
|
1603
|
+
/** Interpolation method between data points: linear polyline, smooth cubic curve, or step lines. Defaults to "linear". */
|
|
1604
|
+
curve?: LineChartCurve;
|
|
1605
|
+
/** Whether to render background horizontal reference grid lines. Defaults to true. */
|
|
1606
|
+
showGrid?: boolean;
|
|
1607
|
+
/** Whether to render horizontal X-axis tick labels. Defaults to true. */
|
|
1608
|
+
showXAxis?: boolean;
|
|
1609
|
+
/** Whether to render vertical Y-axis numeric ticks. Defaults to true. */
|
|
1610
|
+
showYAxis?: boolean;
|
|
1611
|
+
/** Whether to render series legend. Defaults to true when series.length > 1. */
|
|
1612
|
+
showLegend?: boolean;
|
|
1613
|
+
/** Whether to display interactive floating tooltip card on hover/touch. Defaults to true. */
|
|
1614
|
+
showTooltip?: boolean;
|
|
1615
|
+
/** Whether to render accent dots on data points. Defaults to false. */
|
|
1616
|
+
showDots?: boolean;
|
|
1617
|
+
/** Whether to apply a subtle vertical gradient to area fills. Defaults to true. */
|
|
1618
|
+
showGradient?: boolean;
|
|
1619
|
+
/** Whether to render a semantic hidden table for screen readers. Defaults to true when caption is provided. */
|
|
1620
|
+
showA11yTable?: boolean;
|
|
1621
|
+
/** Value formatter for Y-axis labels and tooltip metrics. */
|
|
1622
|
+
valueFormatter?: (value: number) => string;
|
|
1623
|
+
/** Label formatter for X-axis ticks and tooltip header. */
|
|
1624
|
+
indexFormatter?: (value: unknown) => string;
|
|
1625
|
+
/** Text to render when `data` is empty. Defaults to "Brak danych do wyświetlenia". */
|
|
1626
|
+
emptyMessage?: string;
|
|
1627
|
+
/** Height of the chart in pixels or CSS units. Defaults to 280. */
|
|
1628
|
+
height?: number | string;
|
|
1629
|
+
/** Width of the chart in pixels or CSS units. Defaults to "100%". */
|
|
1630
|
+
width?: number | string;
|
|
1631
|
+
/** Inner chart margins in pixels. */
|
|
1632
|
+
margin?: ChartMargin;
|
|
1633
|
+
/** Accessible label for screen readers. */
|
|
1634
|
+
ariaLabel?: string;
|
|
1635
|
+
/** Screen reader semantic table caption. */
|
|
1636
|
+
caption?: string;
|
|
1637
|
+
/** Stroke width in pixels for line paths. Defaults to 2. */
|
|
1638
|
+
strokeWidth?: number;
|
|
1639
|
+
/** Controlled list of active series keys. */
|
|
1640
|
+
activeSeries?: string[];
|
|
1641
|
+
/** Callback fired when user clicks a legend item to toggle series visibility. */
|
|
1642
|
+
onSeriesToggle?: (key: string) => void;
|
|
1643
|
+
/** Number of Y-axis ticks to target in nice scale calculation. Defaults to 5. */
|
|
1644
|
+
yTicksCount?: number;
|
|
1645
|
+
/** Explicit [min, max] domain override for Y-axis. */
|
|
1646
|
+
yDomain?: [number, number];
|
|
1647
|
+
/** Whether Y-axis auto-scales to data minimum rather than anchoring at zero. Defaults to false. */
|
|
1648
|
+
autoScale?: boolean;
|
|
1649
|
+
}
|
|
1650
|
+
/**
|
|
1651
|
+
* Responsive multi-series LineChart with SVG rendering, background grid, nice-scale axes,
|
|
1652
|
+
* interactive HTML tooltip overlay with crosshair, toggleable legend, and WCAG AA accessible table.
|
|
1653
|
+
*/
|
|
1654
|
+
declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
1655
|
+
/**
|
|
1656
|
+
* Specialized variant of LineChart with subtle SVG vertical gradient fills beneath lines.
|
|
1657
|
+
*/
|
|
1658
|
+
declare const AreaChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
1659
|
+
|
|
1660
|
+
type BarChartType = "grouped" | "stacked";
|
|
1661
|
+
type BarChartLayout = "vertical" | "horizontal";
|
|
1662
|
+
interface BarChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
1663
|
+
/** Array of tabular data records to plot. */
|
|
1664
|
+
data: Array<Record<string, unknown>>;
|
|
1665
|
+
/** Key identifying category or timestamp in each data item (e.g. "category", "month"). */
|
|
1666
|
+
index: string;
|
|
1667
|
+
/** Series configurations defining data keys, labels, and color assignments. */
|
|
1668
|
+
series: ChartSeries[];
|
|
1669
|
+
/** Mode of bar presentation: grouped side-by-side or stacked. Defaults to "grouped". */
|
|
1670
|
+
type?: BarChartType;
|
|
1671
|
+
/** Orientation of bars: vertical columns or horizontal bars. Defaults to "vertical". */
|
|
1672
|
+
layout?: BarChartLayout;
|
|
1673
|
+
/** Corner radius in pixels for rounded bar edges. Defaults to 4. */
|
|
1674
|
+
radius?: number;
|
|
1675
|
+
/** Whether to render background reference grid lines. Defaults to true. */
|
|
1676
|
+
showGrid?: boolean;
|
|
1677
|
+
/** Whether to render horizontal X-axis tick labels. Defaults to true. */
|
|
1678
|
+
showXAxis?: boolean;
|
|
1679
|
+
/** Whether to render vertical Y-axis numeric or category ticks. Defaults to true. */
|
|
1680
|
+
showYAxis?: boolean;
|
|
1681
|
+
/** Whether to render series legend. Defaults to true when series.length > 1. */
|
|
1682
|
+
showLegend?: boolean;
|
|
1683
|
+
/** Whether to display interactive floating tooltip card on bar hover/touch. Defaults to true. */
|
|
1684
|
+
showTooltip?: boolean;
|
|
1685
|
+
/** Whether to render a semantic hidden table for screen readers. Defaults to true when caption is provided. */
|
|
1686
|
+
showA11yTable?: boolean;
|
|
1687
|
+
/** Value formatter for numeric axis labels and tooltip metrics. */
|
|
1688
|
+
valueFormatter?: (value: number) => string;
|
|
1689
|
+
/** Label formatter for category axis ticks and tooltip header. */
|
|
1690
|
+
indexFormatter?: (value: unknown) => string;
|
|
1691
|
+
/** Text to render when `data` is empty. Defaults to "Brak danych do wyświetlenia". */
|
|
1692
|
+
emptyMessage?: string;
|
|
1693
|
+
/** Height of the chart in pixels or CSS units. Defaults to 280. */
|
|
1694
|
+
height?: number | string;
|
|
1695
|
+
/** Width of the chart in pixels or CSS units. Defaults to "100%". */
|
|
1696
|
+
width?: number | string;
|
|
1697
|
+
/** Inner chart margins in pixels. */
|
|
1698
|
+
margin?: ChartMargin;
|
|
1699
|
+
/** Accessible label for screen readers. */
|
|
1700
|
+
ariaLabel?: string;
|
|
1701
|
+
/** Screen reader semantic table caption. */
|
|
1702
|
+
caption?: string;
|
|
1703
|
+
/** Controlled list of active series keys. */
|
|
1704
|
+
activeSeries?: string[];
|
|
1705
|
+
/** Callback fired when user clicks a legend item to toggle series visibility. */
|
|
1706
|
+
onSeriesToggle?: (key: string) => void;
|
|
1707
|
+
/** Number of numeric ticks to target in nice scale calculation. Defaults to 5. */
|
|
1708
|
+
yTicksCount?: number;
|
|
1709
|
+
/** Explicit [min, max] domain override for the numeric value axis. */
|
|
1710
|
+
yDomain?: [number, number];
|
|
1711
|
+
/** Whether numeric axis auto-scales to data minimum rather than anchoring at zero. Defaults to false. */
|
|
1712
|
+
autoScale?: boolean;
|
|
1713
|
+
/** Maximum bar thickness in pixels. */
|
|
1714
|
+
barMaxWidth?: number;
|
|
1715
|
+
/** Fractional padding between category groups (0 to 1). Defaults to 0.2. */
|
|
1716
|
+
groupPadding?: number;
|
|
1717
|
+
/** Pixel gap between bars within a grouped category. Defaults to 2. */
|
|
1718
|
+
barPadding?: number;
|
|
1719
|
+
/** Additional CSS class applied to each SVG bar rect. */
|
|
1720
|
+
barClassName?: string;
|
|
1721
|
+
}
|
|
1722
|
+
/**
|
|
1723
|
+
* Responsive multi-series BarChart supporting grouped and stacked modes,
|
|
1724
|
+
* vertical and horizontal orientations, rounded corners, tooltips, legend toggling,
|
|
1725
|
+
* and WCAG AA accessibility table.
|
|
1726
|
+
*/
|
|
1727
|
+
declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
1728
|
+
|
|
1729
|
+
type DonutChartSize = "sm" | "md" | "lg" | number;
|
|
1730
|
+
interface DonutChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
1731
|
+
/** Array of data records to plot. */
|
|
1732
|
+
data: Array<Record<string, unknown>>;
|
|
1733
|
+
/** Key identifying category label in each data item (e.g. "source", "name"). */
|
|
1734
|
+
category: string;
|
|
1735
|
+
/** Key identifying numeric value in each data item (e.g. "visitors", "amount"). */
|
|
1736
|
+
value: string;
|
|
1737
|
+
/** Custom label or metric element rendered in the center hole of the donut ring. */
|
|
1738
|
+
centerLabel?: React.ReactNode;
|
|
1739
|
+
/** Chart diameter: predefined "sm" (160px), "md" (220px), "lg" (280px) or custom pixel number. Defaults to "md". */
|
|
1740
|
+
size?: DonutChartSize;
|
|
1741
|
+
/** Inner radius ratio (0 to 1, relative to outerRadius) or absolute pixel radius (> 1). Defaults to 0.65. Set to 0 for pie chart. */
|
|
1742
|
+
innerRadius?: number;
|
|
1743
|
+
/** Custom color palette or token sequence (e.g. ["chart1", "chart2"] or hex strings). */
|
|
1744
|
+
colors?: (ChartColor | string)[];
|
|
1745
|
+
/** Whether to render series legend. Defaults to true. */
|
|
1746
|
+
showLegend?: boolean;
|
|
1747
|
+
/** Whether to display interactive floating tooltip card on slice hover/touch. Defaults to true. */
|
|
1748
|
+
showTooltip?: boolean;
|
|
1749
|
+
/** Whether to render a semantic hidden table for screen readers. Defaults to true when caption is provided. */
|
|
1750
|
+
showA11yTable?: boolean;
|
|
1751
|
+
/** Value formatter for numeric tooltip metrics and accessible table values. */
|
|
1752
|
+
valueFormatter?: (value: number) => string;
|
|
1753
|
+
/** Text to render when `data` is empty. Defaults to "Brak danych do wyświetlenia". */
|
|
1754
|
+
emptyMessage?: string;
|
|
1755
|
+
/** Accessible label for screen readers. */
|
|
1756
|
+
ariaLabel?: string;
|
|
1757
|
+
/** Screen reader semantic table caption. */
|
|
1758
|
+
caption?: string;
|
|
1759
|
+
/** Column header label for numeric metric in screen reader table. Defaults to "Wartość". */
|
|
1760
|
+
valueLabel?: string;
|
|
1761
|
+
/** Controlled list of active category keys. */
|
|
1762
|
+
activeCategories?: string[];
|
|
1763
|
+
/** Callback fired when user clicks a legend item to toggle category visibility. */
|
|
1764
|
+
onCategoryToggle?: (category: string) => void;
|
|
1765
|
+
/** Additional CSS class applied to each SVG path slice. */
|
|
1766
|
+
sliceClassName?: string;
|
|
1767
|
+
}
|
|
1768
|
+
/**
|
|
1769
|
+
* Responsive DonutChart component rendering SVG annular ring segments,
|
|
1770
|
+
* center content slot, hover highlights, interactive legend toggling,
|
|
1771
|
+
* floating tooltip, and WCAG AA screen reader table.
|
|
1772
|
+
*/
|
|
1773
|
+
declare const DonutChart: React.ForwardRefExoticComponent<DonutChartProps & React.RefAttributes<HTMLDivElement>>;
|
|
1774
|
+
|
|
1775
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, AppShell, AppShellBanner, type AppShellBannerProps, AppShellFooter, type AppShellFooterProps, AppShellHeader, type AppShellHeaderProps, AppShellMain, type AppShellMainProps, type AppShellProps, AreaChart, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartLayout, type BarChartProps, type BarChartType, BlogCard, type BlogCardAuthor, type BlogCardProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, type BottomSheetProps, BottomSheetTitle, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, CHART_COLOR_VARS, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, ChartA11yTable, type ChartA11yTableProps, type ChartColor, ChartContainer, type ChartContainerProps, ChartGrid, type ChartGridProps, ChartLegend, type ChartLegendProps, type ChartMargin, type ChartSeries, ChartTooltip, type ChartTooltipItem, type ChartTooltipProps, ChartXAxis, type ChartXAxisProps, type ChartXAxisTick, ChartYAxis, type ChartYAxisProps, type ChartYAxisTick, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CodeBlock, type CodeBlockProps, ColorPicker, ColorPickerField, type ColorPickerFieldProps, type ColorPickerProps, ColorPickerSwatch, type ColorPickerSwatchProps, Combobox, ComboboxField, type ComboboxFieldProps, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DEFAULT_CHART_COLORS, DEFAULT_COLOR_SWATCHES, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DateRange, DateRangePicker, DateRangePickerField, type DateRangePickerFieldProps, type DateRangePickerProps, DetailPageLayout, type DetailPageLayoutProps, DonutChart, type DonutChartProps, type DonutChartSize, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Fab, type FabProps, Field, type FileRejection, FileUpload, FileUploadField, type FileUploadFieldProps, type FileUploadProps, FormField, type FormFieldProps, type GalleryImage, Hint, type HintProps, ImageGallery, type ImageGalleryProps, InPostGeowidget, InPostGeowidgetModal, type InPostGeowidgetModalProps, type InPostGeowidgetProps, type InPostPoint, InboxContent, type InboxContentProps, InboxPopover, type InboxPopoverProps, type InboxStateReturn, InboxTrigger, type InboxTriggerProps, Input, type InputProps, Kbd, type KbdProps, Label, type LabelProps, LineChart, type LineChartCurve, type LineChartProps, type LineChartVariant, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, NotificationItem, type NotificationItemData, type NotificationItemProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, PricingCard, type PricingCardProps, type PricingFeatureItem, Progress, type ProgressProps, ProgressRing, ProgressRingField, type ProgressRingFieldProps, type ProgressRingProps, type ProgressRingSize, type ProgressRingTone, ProjectCard, type ProjectCardMetric, type ProjectCardProps, type ProjectCardStatus, Radio, type RadioProps, RangeCalendar, type RangeCalendarProps, Rating, type RatingDistributionItem, RatingField, type RatingFieldProps, type RatingIconType, type RatingProps, type RatingSize, RatingSummary, type RatingSummaryProps, SectionHeader, type SectionHeaderActionsProps, type SectionHeaderAlign, type SectionHeaderDescriptionProps, type SectionHeaderHeadingLevel, type SectionHeaderKickerProps, type SectionHeaderProps, type SectionHeaderTitleProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, Separator, type SeparatorProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Sparkline, type SparklineCurve, type SparklineProps, type SparklineVariant, Spinner, type SpinnerProps, Stat, type StatProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, Timeline, type TimelineAlign, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDot, type TimelineDotProps, type TimelineDotSize, type TimelineDotVariant, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTime, TimelineTitle, type ToastOptions, ToastProvider, type ToastTone, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, Tooltip, type TooltipProps, type UploadItem, type UploadStatus, type UseStepperOptions, type UseStepperReturn, badgeVariants, buttonVariants, cn, fabVariants, formatRelativeTime, getChartColor, hexToHsl, hslToHex, isValidHex, normalizeHex, sliderThumbCSS, useChartWidth, useInPostScript, useInboxState, useStepper, useToast };
|