@kubit-ui-web/react-charts 1.7.0 → 1.8.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.
Files changed (61) hide show
  1. package/dist/cjs/charts/barChart/barChart.type.d.ts +11 -3
  2. package/dist/cjs/charts/barChart/barChart.type.d.ts.map +1 -1
  3. package/dist/cjs/charts/barChart/fragments/barChartPath.d.ts.map +1 -1
  4. package/dist/cjs/charts/barChart/fragments/barChartPath.js +1 -1
  5. package/dist/cjs/charts/pieChart/fragments/pieChartPath.d.ts.map +1 -1
  6. package/dist/cjs/charts/pieChart/fragments/pieChartPath.js +9 -2
  7. package/dist/cjs/charts/pieChart/utils/accessibility.d.ts +16 -0
  8. package/dist/cjs/charts/pieChart/utils/accessibility.d.ts.map +1 -0
  9. package/dist/cjs/charts/pieChart/utils/accessibility.js +21 -0
  10. package/dist/cjs/components/bar/bar.d.ts.map +1 -1
  11. package/dist/cjs/components/bar/bar.js +16 -4
  12. package/dist/cjs/components/bar/bar.type.d.ts +13 -1
  13. package/dist/cjs/components/bar/bar.type.d.ts.map +1 -1
  14. package/dist/cjs/components/bar/utils/accessibility.d.ts +22 -0
  15. package/dist/cjs/components/bar/utils/accessibility.d.ts.map +1 -0
  16. package/dist/cjs/components/bar/utils/accessibility.js +30 -0
  17. package/dist/cjs/components/path/path.types.d.ts +3 -0
  18. package/dist/cjs/components/path/path.types.d.ts.map +1 -1
  19. package/dist/esm/charts/barChart/barChart.type.d.ts +11 -3
  20. package/dist/esm/charts/barChart/barChart.type.d.ts.map +1 -1
  21. package/dist/esm/charts/barChart/fragments/barChartPath.d.ts.map +1 -1
  22. package/dist/esm/charts/barChart/fragments/barChartPath.js +1 -1
  23. package/dist/esm/charts/pieChart/fragments/pieChartPath.d.ts.map +1 -1
  24. package/dist/esm/charts/pieChart/fragments/pieChartPath.js +9 -2
  25. package/dist/esm/charts/pieChart/utils/accessibility.d.ts +16 -0
  26. package/dist/esm/charts/pieChart/utils/accessibility.d.ts.map +1 -0
  27. package/dist/esm/charts/pieChart/utils/accessibility.js +21 -0
  28. package/dist/esm/components/bar/bar.d.ts.map +1 -1
  29. package/dist/esm/components/bar/bar.js +16 -4
  30. package/dist/esm/components/bar/bar.type.d.ts +13 -1
  31. package/dist/esm/components/bar/bar.type.d.ts.map +1 -1
  32. package/dist/esm/components/bar/utils/accessibility.d.ts +22 -0
  33. package/dist/esm/components/bar/utils/accessibility.d.ts.map +1 -0
  34. package/dist/esm/components/bar/utils/accessibility.js +30 -0
  35. package/dist/esm/components/path/path.types.d.ts +3 -0
  36. package/dist/esm/components/path/path.types.d.ts.map +1 -1
  37. package/dist/kubit-ui-web-react-charts.cjs.js +1 -1
  38. package/dist/kubit-ui-web-react-charts.es.js +1 -1
  39. package/dist/kubit-ui-web-react-charts.umd.js +1 -1
  40. package/dist/types/charts/barChart/barChart.type.d.ts +11 -3
  41. package/dist/types/charts/barChart/barChart.type.d.ts.map +1 -1
  42. package/dist/types/charts/barChart/fragments/barChartPath.d.ts.map +1 -1
  43. package/dist/types/charts/pieChart/fragments/pieChartPath.d.ts.map +1 -1
  44. package/dist/types/charts/pieChart/utils/accessibility.d.ts +16 -0
  45. package/dist/types/charts/pieChart/utils/accessibility.d.ts.map +1 -0
  46. package/dist/types/components/bar/bar.d.ts.map +1 -1
  47. package/dist/types/components/bar/bar.type.d.ts +13 -1
  48. package/dist/types/components/bar/bar.type.d.ts.map +1 -1
  49. package/dist/types/components/bar/utils/accessibility.d.ts +22 -0
  50. package/dist/types/components/bar/utils/accessibility.d.ts.map +1 -0
  51. package/dist/types/components/path/path.types.d.ts +3 -0
  52. package/dist/types/components/path/path.types.d.ts.map +1 -1
  53. package/package.json +1 -1
  54. package/dist/cjs/components/bar/fragments/barChartSegment.d.ts +0 -3
  55. package/dist/cjs/components/bar/fragments/barChartSegment.d.ts.map +0 -1
  56. package/dist/cjs/components/bar/fragments/barChartSegment.js +0 -4
  57. package/dist/esm/components/bar/fragments/barChartSegment.d.ts +0 -3
  58. package/dist/esm/components/bar/fragments/barChartSegment.d.ts.map +0 -1
  59. package/dist/esm/components/bar/fragments/barChartSegment.js +0 -4
  60. package/dist/types/components/bar/fragments/barChartSegment.d.ts +0 -3
  61. package/dist/types/components/bar/fragments/barChartSegment.d.ts.map +0 -1
package/dist/cjs/charts/barChart/barChart.type.d.ts CHANGED
@@ -93,11 +93,19 @@ export interface BarChartTickValuesAxisProps {
93
93
  custom?: BarChartTickCustom;
94
94
  numeric?: BarChartTickNumeric;
95
95
  }
96
- type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor';
97
- export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps> {
96
+ type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor' | 'ariaLabel';
97
+ export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps>, React.AriaAttributes {
98
+ /**
99
+ * @deprecated Use aria-label instead for better accessibility standards
100
+ */
101
+ ariaLabel?: string;
98
102
  tickValues?: BarChartTickValuesAxisProps;
99
103
  }
100
- export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps> {
104
+ export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps>, React.AriaAttributes {
105
+ /**
106
+ * @deprecated Use aria-label instead for better accessibility standards
107
+ */
108
+ ariaLabel?: string;
101
109
  tickValues?: BarChartTickValuesAxisProps;
102
110
  }
103
111
  export interface BarChartSeparatorProps {
package/dist/cjs/charts/barChart/barChart.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"barChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.type.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"barChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.type.ts"],"names":[],"mappings":"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"}
package/dist/cjs/charts/barChart/fragments/barChartPath.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkFpD,CAAC"}
1
+ {"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuFpD,CAAC"}
package/dist/cjs/charts/barChart/fragments/barChartPath.js CHANGED
@@ -67,5 +67,5 @@ export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) =
67
67
  y1: yPoint,
68
68
  y2: yPoint,
69
69
  };
70
- return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, ...points, ...props }));
70
+ return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, dataKey: dataKey, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, xData: xData, xKey: xKey, yData: yData, yKey: yKey, ...points, ...props }));
71
71
  };
package/dist/cjs/charts/pieChart/fragments/pieChartPath.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAW9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CA4EtC,CAAC"}
1
+ {"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAY9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAqFtC,CAAC"}
package/dist/cjs/charts/pieChart/fragments/pieChartPath.js CHANGED
@@ -4,6 +4,7 @@ import { useContext, useEffect, useRef } from 'react';
4
4
  import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError, } from '../../../utils/buildErrors/buildErrors';
5
5
  import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
6
6
  import { PieChartContext } from '../context/pieChartContext';
7
+ import { buildAriaLabel } from '../utils/accessibility';
7
8
  import { PieChartSegment } from './pieChartSegment';
8
9
  /**
9
10
  * Renders the path for a pie chart.
@@ -16,7 +17,7 @@ import { PieChartSegment } from './pieChartSegment';
16
17
  * @param {number} props.radius - The radius of the pie chart.
17
18
  * @returns {ReactElement} The rendered PieChartPath component.
18
19
  */
19
- export const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props }) => {
20
+ export const PieChartPath = ({ ariaLabel: deprecatedAriaLabel, ['aria-label']: ariaLabel, dataKey, fill, gap, innerRadius, radius, ...props }) => {
20
21
  const key = String(dataKey);
21
22
  const { addError, canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
22
23
  const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
@@ -52,5 +53,11 @@ export const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props
52
53
  const singleStroke = data[key]?.length === 1;
53
54
  const parsedInnerRadius = innerRadius ? parseStringToNumberPx(innerRadius) : undefined;
54
55
  const parsedRadius = radius ? parseStringToNumberPx(radius) : undefined;
55
- return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
56
+ return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, ariaLabel: buildAriaLabel({
57
+ ariaLabel: ariaLabel || deprecatedAriaLabel,
58
+ dataKey: key,
59
+ index: index,
60
+ groupName: group.name,
61
+ groupValue: group.value,
62
+ }), canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
56
63
  };
package/dist/cjs/charts/pieChart/utils/accessibility.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export declare const PIE_CHART_TEMPLATE_KEYS: {
2
+ readonly DATA_KEY: "{{dataKey}}";
3
+ readonly INDEX: "{{index}}";
4
+ readonly GROUP_NAME: "{{groupName}}";
5
+ readonly GROUP_VALUE: "{{groupValue}}";
6
+ };
7
+ type BuildAriaLabel = (params: {
8
+ ariaLabel?: string;
9
+ dataKey: string;
10
+ index: number;
11
+ groupName: string;
12
+ groupValue: number;
13
+ }) => string | undefined;
14
+ export declare const buildAriaLabel: BuildAriaLabel;
15
+ export {};
16
+ //# sourceMappingURL=accessibility.d.ts.map
package/dist/cjs/charts/pieChart/utils/accessibility.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cAqB5B,CAAC"}
package/dist/cjs/charts/pieChart/utils/accessibility.js ADDED
@@ -0,0 +1,21 @@
1
+ // Template keys for accessibility labels
2
+ export const PIE_CHART_TEMPLATE_KEYS = {
3
+ DATA_KEY: '{{dataKey}}',
4
+ INDEX: '{{index}}',
5
+ GROUP_NAME: '{{groupName}}',
6
+ GROUP_VALUE: '{{groupValue}}',
7
+ };
8
+ export const buildAriaLabel = ({ ariaLabel, dataKey, index, groupName, groupValue, }) => {
9
+ if (!ariaLabel) {
10
+ return undefined;
11
+ }
12
+ const dataKeyRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.DATA_KEY, 'g');
13
+ const indexRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.INDEX, 'g');
14
+ const groupNameRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_NAME, 'g');
15
+ const groupValueRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_VALUE, 'g');
16
+ return ariaLabel
17
+ .replace(dataKeyRegExp, dataKey)
18
+ .replace(indexRegExp, String(index))
19
+ .replace(groupNameRegExp, groupName)
20
+ .replace(groupValueRegExp, String(groupValue));
21
+ };
package/dist/cjs/components/bar/bar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAkD5B,CAAC"}
1
+ {"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAiE5B,CAAC"}
package/dist/cjs/components/bar/bar.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Path } from '../path/path';
3
+ import { buildAriaLabel } from './utils/accessibility';
3
4
  import { buildD } from './utils/buildD';
4
5
  import { getSegments } from './utils/getSegments';
5
- export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2, }) => {
6
+ export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2,
7
+ // Allow to build a11y aria-labels with templates
8
+ dataKey, xKey, yKey, xData, yData, }) => {
6
9
  const { barWidth, singleConfig } = barConfig;
7
10
  const segments = getSegments({ barConfig, orientation, x1, x2, y1, y2 });
8
- return (_jsx("g", { children: singleConfig.map((single, index) => {
11
+ return (_jsx("g", { children: singleConfig.map(({ color, 'aria-label': ariaLabel, ...singleProps }, index) => {
9
12
  const [segmentX1, segmentX2] = orientation === 'HORIZONTAL' ? segments[index] : [x1, x2];
10
13
  const [segmentY1, segmentY2] = orientation === 'VERTICAL' ? segments[index] : [y1, y2];
11
14
  const d = buildD({
@@ -21,9 +24,18 @@ export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, orde
21
24
  y1: segmentY1,
22
25
  y2: segmentY2,
23
26
  });
24
- return (_jsx(Path, { d: d, fill: single.color, hoverConfig: {
27
+ return (_jsx(Path, { "aria-label": buildAriaLabel({
28
+ ariaLabel,
29
+ dataKey,
30
+ xKey,
31
+ yKey,
32
+ xData,
33
+ yData,
34
+ coverage: singleProps.coverage,
35
+ index,
36
+ }), d: d, fill: color, hoverConfig: {
25
37
  stroke: 'transparent',
26
38
  strokeWidth: '0',
27
- }, stroke: "transparent", tabIndex: 0, title: single.title }, `${single.title}-${index.toString()}`));
39
+ }, stroke: "transparent", ...singleProps }, `${index.toString()}`));
28
40
  }) }));
29
41
  };
package/dist/cjs/components/bar/bar.type.d.ts CHANGED
@@ -1,11 +1,17 @@
1
+ import type { AriaAttributes, HTMLAttributes } from 'react';
1
2
  export declare const BarOrientation: {
2
3
  readonly HORIZONTAL: "HORIZONTAL";
3
4
  readonly VERTICAL: "VERTICAL";
4
5
  };
5
- export interface BarChartColor {
6
+ interface DataAttributes {
7
+ [key: `data-${string}`]: string | number | boolean | undefined;
8
+ }
9
+ export interface BarChartColor extends AriaAttributes, DataAttributes {
6
10
  color: string;
7
11
  coverage: number;
8
12
  title?: string;
13
+ role?: HTMLAttributes<SVGElement>['role'];
14
+ tabIndex?: HTMLAttributes<SVGElement>['tabIndex'];
9
15
  }
10
16
  export interface BarChartStyles {
11
17
  gap?: number;
@@ -25,8 +31,14 @@ export interface BarProps {
25
31
  y2: number;
26
32
  startRounded?: number;
27
33
  endRounded?: number;
34
+ dataKey?: string;
35
+ xKey?: string;
36
+ yKey?: string;
37
+ xData?: string | number;
38
+ yData?: string | number;
28
39
  }
29
40
  export interface BarChartSegmentProps extends Omit<BarProps, 'colorPalette'> {
30
41
  color: string;
31
42
  }
43
+ export {};
32
44
  //# sourceMappingURL=bar.type.d.ts.map
package/dist/cjs/components/bar/bar.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}
1
+ {"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,UAAU,cAAc;IACtB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,cAAc;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}
package/dist/cjs/components/bar/utils/accessibility.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ export declare const BAR_TEMPLATE_KEYS: {
2
+ readonly DATA_KEY: "{{dataKey}}";
3
+ readonly X_KEY: "{{xKey}}";
4
+ readonly Y_KEY: "{{yKey}}";
5
+ readonly X_DATA: "{{xData}}";
6
+ readonly Y_DATA: "{{yData}}";
7
+ readonly COVERAGE: "{{coverage}}";
8
+ readonly INDEX: "{{index}}";
9
+ };
10
+ type BuildAriaLabel = (params: {
11
+ ariaLabel?: string;
12
+ dataKey?: string;
13
+ xKey?: string;
14
+ yKey?: string;
15
+ xData?: string | number;
16
+ yData?: string | number;
17
+ coverage: number;
18
+ index: number;
19
+ }) => string | undefined;
20
+ export declare const buildAriaLabel: BuildAriaLabel;
21
+ export {};
22
+ //# sourceMappingURL=accessibility.d.ts.map
package/dist/cjs/components/bar/utils/accessibility.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC"}
package/dist/cjs/components/bar/utils/accessibility.js ADDED
@@ -0,0 +1,30 @@
1
+ // Template keys for accessibility labels
2
+ export const BAR_TEMPLATE_KEYS = {
3
+ DATA_KEY: '{{dataKey}}',
4
+ X_KEY: '{{xKey}}',
5
+ Y_KEY: '{{yKey}}',
6
+ X_DATA: '{{xData}}',
7
+ Y_DATA: '{{yData}}',
8
+ COVERAGE: '{{coverage}}',
9
+ INDEX: '{{index}}',
10
+ };
11
+ export const buildAriaLabel = ({ ariaLabel, dataKey, xKey, yKey, xData, yData, coverage, index, }) => {
12
+ if (!ariaLabel) {
13
+ return undefined;
14
+ }
15
+ const dataKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.DATA_KEY, 'g');
16
+ const xKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_KEY, 'g');
17
+ const yKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_KEY, 'g');
18
+ const xDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_DATA, 'g');
19
+ const yDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_DATA, 'g');
20
+ const coverageRegExp = new RegExp(BAR_TEMPLATE_KEYS.COVERAGE, 'g');
21
+ const indexRegExp = new RegExp(BAR_TEMPLATE_KEYS.INDEX, 'g');
22
+ return ariaLabel
23
+ .replace(dataKeyRegExp, dataKey ?? '')
24
+ .replace(xKeyRegExp, xKey ?? '')
25
+ .replace(yKeyRegExp, yKey ?? '')
26
+ .replace(xDataRegExp, String(xData ?? ''))
27
+ .replace(yDataRegExp, String(yData ?? ''))
28
+ .replace(coverageRegExp, String(coverage))
29
+ .replace(indexRegExp, String(index));
30
+ };
package/dist/cjs/components/path/path.types.d.ts CHANGED
@@ -50,6 +50,9 @@ export interface PathProps extends StyleProps, AriaAttributes, DataAttributes {
50
50
  dataValue?: string | number | IDataPoint[];
51
51
  title?: string;
52
52
  role?: string;
53
+ /**
54
+ * @deprecated Use 'aria-label' instead.
55
+ */
53
56
  ariaLabel?: string;
54
57
  ariaHidden?: boolean;
55
58
  tabIndex?: number;
package/dist/cjs/components/path/path.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"path.types.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"path.types.d.ts","sourceRoot":"","sources":["../../../../src/components/path/path.types.ts"],"names":[],"mappings":"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"}
package/dist/esm/charts/barChart/barChart.type.d.ts CHANGED
@@ -93,11 +93,19 @@ export interface BarChartTickValuesAxisProps {
93
93
  custom?: BarChartTickCustom;
94
94
  numeric?: BarChartTickNumeric;
95
95
  }
96
- type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor';
97
- export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps> {
96
+ type OmitProps = 'x1' | 'x2' | 'y1' | 'y2' | 'tickValues' | 'cursor' | 'ariaLabel';
97
+ export interface BarChartXAxisProps extends Omit<XAxisProps, OmitProps>, React.AriaAttributes {
98
+ /**
99
+ * @deprecated Use aria-label instead for better accessibility standards
100
+ */
101
+ ariaLabel?: string;
98
102
  tickValues?: BarChartTickValuesAxisProps;
99
103
  }
100
- export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps> {
104
+ export interface BarChartYAxisProps extends Omit<YAxisProps, OmitProps>, React.AriaAttributes {
105
+ /**
106
+ * @deprecated Use aria-label instead for better accessibility standards
107
+ */
108
+ ariaLabel?: string;
101
109
  tickValues?: BarChartTickValuesAxisProps;
102
110
  }
103
111
  export interface BarChartSeparatorProps {
package/dist/esm/charts/barChart/barChart.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"barChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,YAAY,CAAC,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAEjG,MAAM,WAAW,kBAAkB;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,mBAAmB,CAAC;IACjC,UAAU,EAAE,QAAQ,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC9D,iBAAiB,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;IAC9D,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,aAAa,GACd,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,OAAO,GACP,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,EAAE,aAAa,CAAC,GAAG;IAC7E,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACzF,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,2BAA2B;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AACD,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,GAAG,QAAQ,CAAC;AACrE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACrE,UAAU,CAAC,EAAE,2BAA2B,CAAC;CAC1C;AACD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACrE,UAAU,CAAC,EAAE,2BAA2B,CAAC;CAC1C;AACD,MAAM,WAAW,sBAAsB;IACrC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
1
+ {"version":3,"file":"barChart.type.d.ts","sourceRoot":"","sources":["../../../../src/charts/barChart/barChart.type.ts"],"names":[],"mappings":"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"}
package/dist/esm/charts/barChart/fragments/barChartPath.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkFpD,CAAC"}
1
+ {"version":3,"file":"barChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/barChart/fragments/barChartPath.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuFpD,CAAC"}
package/dist/esm/charts/barChart/fragments/barChartPath.js CHANGED
@@ -67,5 +67,5 @@ export const BarChartPath = ({ barConfig, dataIdx, dataKey, order, ...props }) =
67
67
  y1: yPoint,
68
68
  y2: yPoint,
69
69
  };
70
- return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, ...points, ...props }));
70
+ return (_jsx(Bar, { barConfig: barConfig, currentBars: context.barChildrenCount, dataKey: dataKey, extraSpacing: context.gapBetweenBars, order: order, orientation: context.orientation, xData: xData, xKey: xKey, yData: yData, yKey: yKey, ...points, ...props }));
71
71
  };
package/dist/esm/charts/pieChart/fragments/pieChartPath.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAW9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CA4EtC,CAAC"}
1
+ {"version":3,"file":"pieChartPath.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/fragments/pieChartPath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoD,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAY9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAqFtC,CAAC"}
package/dist/esm/charts/pieChart/fragments/pieChartPath.js CHANGED
@@ -4,6 +4,7 @@ import { useContext, useEffect, useRef } from 'react';
4
4
  import { buildEmptyDataArrayError, buildInvalidTotalError, buildPieDataKeyNotFoundError, } from '../../../utils/buildErrors/buildErrors';
5
5
  import { parseStringToNumberPx } from '../../../utils/parseStringToNumberPx.ts/parseStringToNumberPx';
6
6
  import { PieChartContext } from '../context/pieChartContext';
7
+ import { buildAriaLabel } from '../utils/accessibility';
7
8
  import { PieChartSegment } from './pieChartSegment';
8
9
  /**
9
10
  * Renders the path for a pie chart.
@@ -16,7 +17,7 @@ import { PieChartSegment } from './pieChartSegment';
16
17
  * @param {number} props.radius - The radius of the pie chart.
17
18
  * @returns {ReactElement} The rendered PieChartPath component.
18
19
  */
19
- export const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props }) => {
20
+ export const PieChartPath = ({ ariaLabel: deprecatedAriaLabel, ['aria-label']: ariaLabel, dataKey, fill, gap, innerRadius, radius, ...props }) => {
20
21
  const key = String(dataKey);
21
22
  const { addError, canvasHeight, canvasWidth, data, dataTestId, halfChart } = useContext(PieChartContext);
22
23
  const chartInitAngle = halfChart ? 0 : -Math.PI / 2; // ? 0deg : -90deg
@@ -52,5 +53,11 @@ export const PieChartPath = ({ dataKey, fill, gap, innerRadius, radius, ...props
52
53
  const singleStroke = data[key]?.length === 1;
53
54
  const parsedInnerRadius = innerRadius ? parseStringToNumberPx(innerRadius) : undefined;
54
55
  const parsedRadius = radius ? parseStringToNumberPx(radius) : undefined;
55
- return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
56
+ return data[key]?.length ? (_jsx("g", { children: data[key].map((group, index) => (_createElement(PieChartSegment, { ...props, ...group, key: `${index.toString()}`, ariaLabel: buildAriaLabel({
57
+ ariaLabel: ariaLabel || deprecatedAriaLabel,
58
+ dataKey: key,
59
+ index: index,
60
+ groupName: group.name,
61
+ groupValue: group.value,
62
+ }), canvasHeight: canvasHeight, canvasWidth: canvasWidth, color: group.color || fill, dataKey: key, dataTestId: `${dataTestId}path-${index}`, gap: gap, halfChart: halfChart, index: index, innerRadius: parsedInnerRadius, radius: parsedRadius, singleStroke: singleStroke, startAngle: startAngle, total: total }))) })) : (_jsx(_Fragment, {}));
56
63
  };
package/dist/esm/charts/pieChart/utils/accessibility.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export declare const PIE_CHART_TEMPLATE_KEYS: {
2
+ readonly DATA_KEY: "{{dataKey}}";
3
+ readonly INDEX: "{{index}}";
4
+ readonly GROUP_NAME: "{{groupName}}";
5
+ readonly GROUP_VALUE: "{{groupValue}}";
6
+ };
7
+ type BuildAriaLabel = (params: {
8
+ ariaLabel?: string;
9
+ dataKey: string;
10
+ index: number;
11
+ groupName: string;
12
+ groupValue: number;
13
+ }) => string | undefined;
14
+ export declare const buildAriaLabel: BuildAriaLabel;
15
+ export {};
16
+ //# sourceMappingURL=accessibility.d.ts.map
package/dist/esm/charts/pieChart/utils/accessibility.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/charts/pieChart/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cAqB5B,CAAC"}
package/dist/esm/charts/pieChart/utils/accessibility.js ADDED
@@ -0,0 +1,21 @@
1
+ // Template keys for accessibility labels
2
+ export const PIE_CHART_TEMPLATE_KEYS = {
3
+ DATA_KEY: '{{dataKey}}',
4
+ INDEX: '{{index}}',
5
+ GROUP_NAME: '{{groupName}}',
6
+ GROUP_VALUE: '{{groupValue}}',
7
+ };
8
+ export const buildAriaLabel = ({ ariaLabel, dataKey, index, groupName, groupValue, }) => {
9
+ if (!ariaLabel) {
10
+ return undefined;
11
+ }
12
+ const dataKeyRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.DATA_KEY, 'g');
13
+ const indexRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.INDEX, 'g');
14
+ const groupNameRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_NAME, 'g');
15
+ const groupValueRegExp = new RegExp(PIE_CHART_TEMPLATE_KEYS.GROUP_VALUE, 'g');
16
+ return ariaLabel
17
+ .replace(dataKeyRegExp, dataKey)
18
+ .replace(indexRegExp, String(index))
19
+ .replace(groupNameRegExp, groupName)
20
+ .replace(groupValueRegExp, String(groupValue));
21
+ };
package/dist/esm/components/bar/bar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAkD5B,CAAC"}
1
+ {"version":3,"file":"bar.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,QAAQ,CAiE5B,CAAC"}
package/dist/esm/components/bar/bar.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Path } from '../path/path';
3
+ import { buildAriaLabel } from './utils/accessibility';
3
4
  import { buildD } from './utils/buildD';
4
5
  import { getSegments } from './utils/getSegments';
5
- export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2, }) => {
6
+ export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2,
7
+ // Allow to build a11y aria-labels with templates
8
+ dataKey, xKey, yKey, xData, yData, }) => {
6
9
  const { barWidth, singleConfig } = barConfig;
7
10
  const segments = getSegments({ barConfig, orientation, x1, x2, y1, y2 });
8
- return (_jsx("g", { children: singleConfig.map((single, index) => {
11
+ return (_jsx("g", { children: singleConfig.map(({ color, 'aria-label': ariaLabel, ...singleProps }, index) => {
9
12
  const [segmentX1, segmentX2] = orientation === 'HORIZONTAL' ? segments[index] : [x1, x2];
10
13
  const [segmentY1, segmentY2] = orientation === 'VERTICAL' ? segments[index] : [y1, y2];
11
14
  const d = buildD({
@@ -21,9 +24,18 @@ export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, orde
21
24
  y1: segmentY1,
22
25
  y2: segmentY2,
23
26
  });
24
- return (_jsx(Path, { d: d, fill: single.color, hoverConfig: {
27
+ return (_jsx(Path, { "aria-label": buildAriaLabel({
28
+ ariaLabel,
29
+ dataKey,
30
+ xKey,
31
+ yKey,
32
+ xData,
33
+ yData,
34
+ coverage: singleProps.coverage,
35
+ index,
36
+ }), d: d, fill: color, hoverConfig: {
25
37
  stroke: 'transparent',
26
38
  strokeWidth: '0',
27
- }, stroke: "transparent", tabIndex: 0, title: single.title }, `${single.title}-${index.toString()}`));
39
+ }, stroke: "transparent", ...singleProps }, `${index.toString()}`));
28
40
  }) }));
29
41
  };
package/dist/esm/components/bar/bar.type.d.ts CHANGED
@@ -1,11 +1,17 @@
1
+ import type { AriaAttributes, HTMLAttributes } from 'react';
1
2
  export declare const BarOrientation: {
2
3
  readonly HORIZONTAL: "HORIZONTAL";
3
4
  readonly VERTICAL: "VERTICAL";
4
5
  };
5
- export interface BarChartColor {
6
+ interface DataAttributes {
7
+ [key: `data-${string}`]: string | number | boolean | undefined;
8
+ }
9
+ export interface BarChartColor extends AriaAttributes, DataAttributes {
6
10
  color: string;
7
11
  coverage: number;
8
12
  title?: string;
13
+ role?: HTMLAttributes<SVGElement>['role'];
14
+ tabIndex?: HTMLAttributes<SVGElement>['tabIndex'];
9
15
  }
10
16
  export interface BarChartStyles {
11
17
  gap?: number;
@@ -25,8 +31,14 @@ export interface BarProps {
25
31
  y2: number;
26
32
  startRounded?: number;
27
33
  endRounded?: number;
34
+ dataKey?: string;
35
+ xKey?: string;
36
+ yKey?: string;
37
+ xData?: string | number;
38
+ yData?: string | number;
28
39
  }
29
40
  export interface BarChartSegmentProps extends Omit<BarProps, 'colorPalette'> {
30
41
  color: string;
31
42
  }
43
+ export {};
32
44
  //# sourceMappingURL=bar.type.d.ts.map
package/dist/esm/components/bar/bar.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}
1
+ {"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,UAAU,cAAc;IACtB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,cAAc;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}
package/dist/esm/components/bar/utils/accessibility.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ export declare const BAR_TEMPLATE_KEYS: {
2
+ readonly DATA_KEY: "{{dataKey}}";
3
+ readonly X_KEY: "{{xKey}}";
4
+ readonly Y_KEY: "{{yKey}}";
5
+ readonly X_DATA: "{{xData}}";
6
+ readonly Y_DATA: "{{yData}}";
7
+ readonly COVERAGE: "{{coverage}}";
8
+ readonly INDEX: "{{index}}";
9
+ };
10
+ type BuildAriaLabel = (params: {
11
+ ariaLabel?: string;
12
+ dataKey?: string;
13
+ xKey?: string;
14
+ yKey?: string;
15
+ xData?: string | number;
16
+ yData?: string | number;
17
+ coverage: number;
18
+ index: number;
19
+ }) => string | undefined;
20
+ export declare const buildAriaLabel: BuildAriaLabel;
21
+ export {};
22
+ //# sourceMappingURL=accessibility.d.ts.map
package/dist/esm/components/bar/utils/accessibility.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC"}
package/dist/esm/components/bar/utils/accessibility.js ADDED
@@ -0,0 +1,30 @@
1
+ // Template keys for accessibility labels
2
+ export const BAR_TEMPLATE_KEYS = {
3
+ DATA_KEY: '{{dataKey}}',
4
+ X_KEY: '{{xKey}}',
5
+ Y_KEY: '{{yKey}}',
6
+ X_DATA: '{{xData}}',
7
+ Y_DATA: '{{yData}}',
8
+ COVERAGE: '{{coverage}}',
9
+ INDEX: '{{index}}',
10
+ };
11
+ export const buildAriaLabel = ({ ariaLabel, dataKey, xKey, yKey, xData, yData, coverage, index, }) => {
12
+ if (!ariaLabel) {
13
+ return undefined;
14
+ }
15
+ const dataKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.DATA_KEY, 'g');
16
+ const xKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_KEY, 'g');
17
+ const yKeyRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_KEY, 'g');
18
+ const xDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.X_DATA, 'g');
19
+ const yDataRegExp = new RegExp(BAR_TEMPLATE_KEYS.Y_DATA, 'g');
20
+ const coverageRegExp = new RegExp(BAR_TEMPLATE_KEYS.COVERAGE, 'g');
21
+ const indexRegExp = new RegExp(BAR_TEMPLATE_KEYS.INDEX, 'g');
22
+ return ariaLabel
23
+ .replace(dataKeyRegExp, dataKey ?? '')
24
+ .replace(xKeyRegExp, xKey ?? '')
25
+ .replace(yKeyRegExp, yKey ?? '')
26
+ .replace(xDataRegExp, String(xData ?? ''))
27
+ .replace(yDataRegExp, String(yData ?? ''))
28
+ .replace(coverageRegExp, String(coverage))
29
+ .replace(indexRegExp, String(index));
30
+ };
package/dist/esm/components/path/path.types.d.ts CHANGED
@@ -50,6 +50,9 @@ export interface PathProps extends StyleProps, AriaAttributes, DataAttributes {
50
50
  dataValue?: string | number | IDataPoint[];
51
51
  title?: string;
52
52
  role?: string;
53
+ /**
54
+ * @deprecated Use 'aria-label' instead.
55
+ */
53
56
  ariaLabel?: string;
54
57
  ariaHidden?: boolean;
55
58
  tabIndex?: number;