@kubit-ui-web/react-charts 1.0.0 → 1.1.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 (178) hide show
  1. package/README.md +2 -0
  2. package/dist/cjs/charts/barChart/barChart.js +12 -29
  3. package/dist/cjs/charts/barChart/barChart.type.js +1 -2
  4. package/dist/cjs/charts/barChart/barChartStructure.js +25 -29
  5. package/dist/cjs/charts/barChart/context/barChartContext.js +2 -5
  6. package/dist/cjs/charts/barChart/context/buildBarContextValues.js +17 -21
  7. package/dist/cjs/charts/barChart/fragments/barChartPath.js +12 -16
  8. package/dist/cjs/charts/barChart/fragments/barChartSeparator.js +10 -14
  9. package/dist/cjs/charts/barChart/fragments/barChartXAxis.js +10 -14
  10. package/dist/cjs/charts/barChart/fragments/barChartYAxis.js +13 -17
  11. package/dist/cjs/charts/barChart/fragments/fixture/barContextData.js +3 -6
  12. package/dist/cjs/charts/barChart/fragments/fixture/index.js +1 -5
  13. package/dist/cjs/charts/barChart/index.js +1 -17
  14. package/dist/cjs/charts/barChart/utils/countBarChildren.js +5 -9
  15. package/dist/cjs/charts/barChart/utils/getAxisExtraSpacing.js +31 -35
  16. package/dist/cjs/charts/barChart/utils/getBarDataValue.js +1 -5
  17. package/dist/cjs/charts/barChart/utils/getRoundedBarMaxValue.js +1 -5
  18. package/dist/cjs/charts/index.js +3 -19
  19. package/dist/cjs/charts/lineChart/context/buildLineContextValue.js +17 -21
  20. package/dist/cjs/charts/lineChart/context/index.js +2 -7
  21. package/dist/cjs/charts/lineChart/context/lineChartContext.js +2 -5
  22. package/dist/cjs/charts/lineChart/fragments/fixture/contextData.js +1 -4
  23. package/dist/cjs/charts/lineChart/fragments/fixture/index.js +1 -5
  24. package/dist/cjs/charts/lineChart/fragments/index.js +4 -11
  25. package/dist/cjs/charts/lineChart/fragments/lineChartPath.js +31 -35
  26. package/dist/cjs/charts/lineChart/fragments/lineChartProjection.js +6 -10
  27. package/dist/cjs/charts/lineChart/fragments/lineChartSeparator.js +10 -14
  28. package/dist/cjs/charts/lineChart/fragments/lineChartXAxis.js +14 -18
  29. package/dist/cjs/charts/lineChart/fragments/lineChartYAxis.js +17 -21
  30. package/dist/cjs/charts/lineChart/hook/index.js +3 -9
  31. package/dist/cjs/charts/lineChart/hook/useAutoClick.js +6 -10
  32. package/dist/cjs/charts/lineChart/hook/useHover.js +5 -9
  33. package/dist/cjs/charts/lineChart/hook/useIndicator.js +5 -9
  34. package/dist/cjs/charts/lineChart/index.js +1 -17
  35. package/dist/cjs/charts/lineChart/lineChart.js +12 -29
  36. package/dist/cjs/charts/lineChart/lineChart.type.js +1 -2
  37. package/dist/cjs/charts/lineChart/lineChartStructure.js +34 -38
  38. package/dist/cjs/charts/lineChart/utils/accessibilityTemplateProcessor.js +6 -10
  39. package/dist/cjs/charts/lineChart/utils/findSurroundingNumber.js +2 -7
  40. package/dist/cjs/charts/lineChart/utils/getDataValues.js +1 -5
  41. package/dist/cjs/charts/lineChart/utils/getExtraSpacing.js +26 -30
  42. package/dist/cjs/charts/lineChart/utils/getPathData.js +1 -5
  43. package/dist/cjs/charts/lineChart/utils/getProjection.js +1 -5
  44. package/dist/cjs/charts/lineChart/utils/getRoundedMaxValue.js +2 -7
  45. package/dist/cjs/charts/lineChart/utils/handleNodesFocus.js +1 -5
  46. package/dist/cjs/charts/lineChart/utils/index.js +6 -17
  47. package/dist/cjs/charts/pieChart/context/buildPieContextValue.js +8 -12
  48. package/dist/cjs/charts/pieChart/context/index.js +2 -7
  49. package/dist/cjs/charts/pieChart/context/pieChartContext.js +2 -5
  50. package/dist/cjs/charts/pieChart/fragments/index.js +2 -7
  51. package/dist/cjs/charts/pieChart/fragments/pieChartForeign.js +7 -11
  52. package/dist/cjs/charts/pieChart/fragments/pieChartPath.js +12 -16
  53. package/dist/cjs/charts/pieChart/fragments/pieChartSegment.js +6 -10
  54. package/dist/cjs/charts/pieChart/index.js +1 -17
  55. package/dist/cjs/charts/pieChart/pieChart.js +8 -25
  56. package/dist/cjs/charts/pieChart/pieChart.type.js +1 -2
  57. package/dist/cjs/charts/pieChart/pieChartStructure.js +16 -20
  58. package/dist/cjs/charts/pieChart/utils/buildL.js +1 -5
  59. package/dist/cjs/charts/pieChart/utils/calculatePoint.js +1 -5
  60. package/dist/cjs/charts/pieChart/utils/calculateSegmentPath.js +10 -14
  61. package/dist/cjs/charts/pieChart/utils/drawSegmentPath.js +6 -10
  62. package/dist/cjs/charts/pieChart/utils/index.js +2 -7
  63. package/dist/cjs/charts/pieChart/utils/rotationDirection.js +3 -7
  64. package/dist/cjs/components/axisChart/index.js +2 -18
  65. package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.js +1 -5
  66. package/dist/cjs/components/axisChart/utils/index.js +1 -17
  67. package/dist/cjs/components/axisChart/xAxis/index.js +2 -18
  68. package/dist/cjs/components/axisChart/xAxis/xAxis.js +14 -18
  69. package/dist/cjs/components/axisChart/xAxis/xAxis.types.js +1 -2
  70. package/dist/cjs/components/axisChart/yAxis/index.js +2 -18
  71. package/dist/cjs/components/axisChart/yAxis/yAxis.js +13 -17
  72. package/dist/cjs/components/axisChart/yAxis/yAxis.types.js +1 -2
  73. package/dist/cjs/components/bar/bar.js +9 -13
  74. package/dist/cjs/components/bar/bar.type.js +1 -4
  75. package/dist/cjs/components/bar/fragments/barChartSegment.js +3 -7
  76. package/dist/cjs/components/bar/index.js +2 -18
  77. package/dist/cjs/components/bar/utils/buildD.js +5 -9
  78. package/dist/cjs/components/bar/utils/getSegments.js +3 -7
  79. package/dist/cjs/components/chartText/chartText.js +3 -7
  80. package/dist/cjs/components/chartText/chartText.types.js +1 -2
  81. package/dist/cjs/components/chartText/index.js +2 -18
  82. package/dist/cjs/components/foreignObject/foreignObject.js +3 -7
  83. package/dist/cjs/components/foreignObject/foreignObject.types.js +1 -2
  84. package/dist/cjs/components/foreignObject/index.js +2 -18
  85. package/dist/cjs/components/index.js +10 -26
  86. package/dist/cjs/components/line/index.js +2 -18
  87. package/dist/cjs/components/line/line.js +3 -7
  88. package/dist/cjs/components/line/line.types.js +1 -2
  89. package/dist/cjs/components/node/components/circle/circle.js +4 -7
  90. package/dist/cjs/components/node/components/hexagon/hexagon.js +6 -9
  91. package/dist/cjs/components/node/components/pentagon/pentagon.js +6 -9
  92. package/dist/cjs/components/node/components/square/square.js +4 -7
  93. package/dist/cjs/components/node/components/star/star.js +6 -9
  94. package/dist/cjs/components/node/components/straight/straight.js +4 -7
  95. package/dist/cjs/components/node/components/triangle/triangle.js +4 -7
  96. package/dist/cjs/components/node/index.js +2 -18
  97. package/dist/cjs/components/node/node.js +22 -25
  98. package/dist/cjs/components/node/node.types.js +1 -4
  99. package/dist/cjs/components/node/utils/calculateShapePoints/calculateShapePoints.js +1 -5
  100. package/dist/cjs/components/path/components/nodePath/nodePath.js +9 -12
  101. package/dist/cjs/components/path/index.js +2 -18
  102. package/dist/cjs/components/path/path.js +20 -23
  103. package/dist/cjs/components/path/path.types.js +1 -2
  104. package/dist/cjs/components/plot/components/circle/circle.js +4 -7
  105. package/dist/cjs/components/plot/components/index.js +3 -19
  106. package/dist/cjs/components/plot/components/square/square.js +4 -7
  107. package/dist/cjs/components/plot/components/triangle/triangle.js +4 -7
  108. package/dist/cjs/components/plot/index.js +2 -18
  109. package/dist/cjs/components/plot/plot.js +21 -24
  110. package/dist/cjs/components/plot/plot.types.js +8 -11
  111. package/dist/cjs/components/svgContainer/index.js +1 -17
  112. package/dist/cjs/components/svgContainer/svgContainer.js +5 -8
  113. package/dist/cjs/components/svgContainer/svgContainer.types.js +1 -2
  114. package/dist/cjs/components/svgContainer/utils/buildViewBox/buildViewBox.js +1 -5
  115. package/dist/cjs/components/svgContainer/utils/index.js +1 -17
  116. package/dist/cjs/components/tick/index.js +2 -18
  117. package/dist/cjs/components/tick/tick.js +4 -8
  118. package/dist/cjs/components/tick/tick.types.js +1 -4
  119. package/dist/cjs/components/zoomArea/components/HandlerIcon.js +3 -7
  120. package/dist/cjs/components/zoomArea/components/LineRenderer.js +3 -7
  121. package/dist/cjs/components/zoomArea/components/SelectionArea.js +9 -14
  122. package/dist/cjs/components/zoomArea/components/ZoomHandler.js +6 -10
  123. package/dist/cjs/components/zoomArea/components/index.js +4 -12
  124. package/dist/cjs/components/zoomArea/hooks/index.js +5 -13
  125. package/dist/cjs/components/zoomArea/hooks/useDragInteraction.js +19 -23
  126. package/dist/cjs/components/zoomArea/hooks/useKeyboardNavigation.js +18 -22
  127. package/dist/cjs/components/zoomArea/hooks/useResponsiveCanvas.js +12 -16
  128. package/dist/cjs/components/zoomArea/hooks/useZoomAreaFocus.js +6 -10
  129. package/dist/cjs/components/zoomArea/hooks/useZoomData.js +8 -12
  130. package/dist/cjs/components/zoomArea/index.js +5 -21
  131. package/dist/cjs/components/zoomArea/utils/accessibilityLabels.js +6 -11
  132. package/dist/cjs/components/zoomArea/utils/index.js +3 -14
  133. package/dist/cjs/components/zoomArea/utils/indexRounding.js +5 -11
  134. package/dist/cjs/components/zoomArea/utils/interactionConfig.js +1 -5
  135. package/dist/cjs/components/zoomArea/utils/pathGeneration.js +4 -9
  136. package/dist/cjs/components/zoomArea/utils/rangeAndPositions.js +5 -13
  137. package/dist/cjs/components/zoomArea/utils/selectionConfig.js +1 -5
  138. package/dist/cjs/components/zoomArea/zoomArea.js +35 -39
  139. package/dist/cjs/components/zoomArea/zoomArea.type.js +1 -4
  140. package/dist/cjs/hooks/index.js +2 -18
  141. package/dist/cjs/hooks/useFocus/useFocus.js +5 -9
  142. package/dist/cjs/hooks/useFocus/useFocus.types.js +1 -2
  143. package/dist/cjs/hooks/useHover/useHover.js +5 -9
  144. package/dist/cjs/hooks/useHover/useHover.types.js +1 -2
  145. package/dist/cjs/index.js +3 -19
  146. package/dist/cjs/types/canvas.type.js +1 -4
  147. package/dist/cjs/types/errors.type.js +1 -4
  148. package/dist/cjs/types/focusConfig.type.js +1 -4
  149. package/dist/cjs/types/index.js +4 -20
  150. package/dist/cjs/types/position.enum.js +1 -4
  151. package/dist/cjs/types/unit.enum.js +1 -4
  152. package/dist/cjs/types/valueFormatter.type.js +1 -2
  153. package/dist/cjs/utils/ajustedTextSpace/ajustedTextSpace.js +1 -5
  154. package/dist/cjs/utils/buildErrors/buildErrors.js +3 -7
  155. package/dist/cjs/utils/buildTickValues/buildTickValues.js +2 -7
  156. package/dist/cjs/utils/calculateFocusOutline/calculateFocusOutline.js +8 -13
  157. package/dist/cjs/utils/classNames/classNames.js +1 -5
  158. package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.js +4 -8
  159. package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.types.js +1 -2
  160. package/dist/cjs/utils/cursorNear/isNear.js +1 -5
  161. package/dist/cjs/utils/getAxisData/getAxisData.js +1 -5
  162. package/dist/cjs/utils/getCanvasDimensions/getCanvasDimensions.js +8 -12
  163. package/dist/cjs/utils/getChildrenAttr/getChildrenAttr.js +4 -8
  164. package/dist/cjs/utils/getCoordinates/getCoordinates.js +9 -14
  165. package/dist/cjs/utils/getDataFingerprint/getDataFingerprint.js +1 -5
  166. package/dist/cjs/utils/getPoints/getPoints.js +1 -5
  167. package/dist/cjs/utils/getTickTextCoordinate/getTickTextCoordinates.js +5 -10
  168. package/dist/cjs/utils/getTicks/getTicks.js +2 -7
  169. package/dist/cjs/utils/index.js +8 -24
  170. package/dist/cjs/utils/parseStringToNumberPx.ts/parseStringToNumberPx.js +3 -7
  171. package/dist/cjs/utils/pickCustomAttributes/pickCustomAttributes.js +1 -5
  172. package/dist/cjs/utils/shadowSvg/shadowSvg.js +3 -7
  173. package/dist/cjs/utils/shadowSvg/shadowSvg.types.js +1 -2
  174. package/dist/cjs/utils/textBound/textBound.js +1 -5
  175. package/dist/kubit-ui-web-react-charts.cjs.js +1 -10
  176. package/dist/kubit-ui-web-react-charts.es.js +1 -10
  177. package/dist/kubit-ui-web-react-charts.umd.js +1 -10
  178. package/package.json +31 -33
@@ -1,17 +1,14 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Bar = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const path_1 = require("../path/path");
6
- const buildD_1 = require("./utils/buildD");
7
- const getSegments_1 = require("./utils/getSegments");
8
- const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2, }) => {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Path } from '../path/path';
3
+ import { buildD } from './utils/buildD';
4
+ import { getSegments } from './utils/getSegments';
5
+ export const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1, orientation, startRounded, x1, x2, y1, y2, }) => {
9
6
  const { barWidth, singleConfig } = barConfig;
10
- const segments = (0, getSegments_1.getSegments)({ barConfig, orientation, x1, x2, y1, y2 });
11
- return ((0, jsx_runtime_1.jsx)("g", { children: singleConfig.map((single, index) => {
7
+ const segments = getSegments({ barConfig, orientation, x1, x2, y1, y2 });
8
+ return (_jsx("g", { children: singleConfig.map((single, index) => {
12
9
  const [segmentX1, segmentX2] = orientation === 'HORIZONTAL' ? segments[index] : [x1, x2];
13
10
  const [segmentY1, segmentY2] = orientation === 'VERTICAL' ? segments[index] : [y1, y2];
14
- const d = (0, buildD_1.buildD)({
11
+ const d = buildD({
15
12
  barWidth,
16
13
  currentBars,
17
14
  endRounded: index === singleConfig.length - 1 && endRounded ? endRounded : undefined,
@@ -24,10 +21,9 @@ const Bar = ({ barConfig, currentBars, endRounded, extraSpacing = 0, order = 1,
24
21
  y1: segmentY1,
25
22
  y2: segmentY2,
26
23
  });
27
- return ((0, jsx_runtime_1.jsx)(path_1.Path, { d: d, fill: single.color, hoverConfig: {
24
+ return (_jsx(Path, { d: d, fill: single.color, hoverConfig: {
28
25
  stroke: 'transparent',
29
26
  strokeWidth: '0',
30
27
  }, stroke: "transparent", tabIndex: 0, title: single.title }, `${single.title}-${index.toString()}`));
31
28
  }) }));
32
29
  };
33
- exports.Bar = Bar;
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BarOrientation = void 0;
4
- exports.BarOrientation = {
1
+ export const BarOrientation = {
5
2
  HORIZONTAL: 'HORIZONTAL',
6
3
  VERTICAL: 'VERTICAL',
7
4
  };
@@ -1,8 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BarChartSegment = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const BarChartSegment = () => {
6
- return ((0, jsx_runtime_1.jsx)("path", { children: (0, jsx_runtime_1.jsx)("title", {}) }));
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const BarChartSegment = () => {
3
+ return (_jsx("path", { children: _jsx("title", {}) }));
7
4
  };
8
- exports.BarChartSegment = BarChartSegment;
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./bar"), exports);
18
- __exportStar(require("./bar.type"), exports);
1
+ export * from './bar';
2
+ export * from './bar.type';
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.buildD = void 0;
4
- const bar_type_1 = require("../bar.type");
1
+ import { BarOrientation } from '../bar.type';
5
2
  const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orientation, }) => {
6
3
  const halfWidth = barWidth / 2;
7
4
  const gap = extraSpacing / 2;
@@ -18,7 +15,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
18
15
  startReference = isEven ? -gap : halfWidth;
19
16
  }
20
17
  else if (currentPosition < 0) {
21
- if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
18
+ if (orientation === BarOrientation.HORIZONTAL) {
22
19
  startReference = currentPosition * -ajustedSpace + barWidth;
23
20
  }
24
21
  else {
@@ -26,7 +23,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
26
23
  }
27
24
  }
28
25
  else if (currentPosition > 0) {
29
- if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
26
+ if (orientation === BarOrientation.HORIZONTAL) {
30
27
  startReference = currentPosition * -ajustedSpace;
31
28
  }
32
29
  else {
@@ -35,7 +32,7 @@ const locateFromPosition = ({ barWidth, currentBars, extraSpacing, order, orient
35
32
  }
36
33
  return startReference;
37
34
  };
38
- const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, orientation, startRounded = 0, x1, x2, y1, y2, }) => {
35
+ export const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, orientation, startRounded = 0, x1, x2, y1, y2, }) => {
39
36
  // declare the variables for the path
40
37
  let start, draw1, draw2, draw3;
41
38
  let end = 'Z';
@@ -52,7 +49,7 @@ const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, or
52
49
  * L = line to (x, y)
53
50
  * Q = quadratic curve to (x curve deep, y curve deep), (end draw x, end draw y)
54
51
  */
55
- if (orientation === bar_type_1.BarOrientation.HORIZONTAL) {
52
+ if (orientation === BarOrientation.HORIZONTAL) {
56
53
  // calculate the start and end of the quadratic curve in horizontal orientation
57
54
  const modifyXStart = x1 + startRounded;
58
55
  const modifyXEnd = x2 - endRounded;
@@ -116,4 +113,3 @@ const buildD = ({ barWidth, currentBars, endRounded = 0, extraSpacing, order, or
116
113
  }
117
114
  return `${start} ${draw1} ${draw2} ${draw3} ${end}`;
118
115
  };
119
- exports.buildD = buildD;
@@ -1,16 +1,13 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getSegments = void 0;
4
- const bar_type_1 = require("../bar.type");
1
+ import { BarOrientation } from '../bar.type';
5
2
  const transformCoverage = (coveragePercent, maxValue) => {
6
3
  return (coveragePercent / 100) * maxValue;
7
4
  };
8
5
  const ajustedGap = (positive, value, gap) => {
9
6
  return positive ? value + gap / 2 : value - gap / 2;
10
7
  };
11
- const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
8
+ export const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
12
9
  const { gap = 0, singleConfig } = barConfig;
13
- const isHorizontal = orientation === bar_type_1.BarOrientation.HORIZONTAL;
10
+ const isHorizontal = orientation === BarOrientation.HORIZONTAL;
14
11
  // the start of the bar based on the orientation
15
12
  const barStart = isHorizontal ? x1 : y1;
16
13
  // the end of the bar based on the orientation
@@ -32,4 +29,3 @@ const getSegments = ({ barConfig, orientation, x1, x2, y1, y2, }) => {
32
29
  return acc;
33
30
  }, []);
34
31
  };
35
- exports.getSegments = getSegments;
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ChartText = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
5
2
  /**
6
3
  * Functional component for rendering SVG text elements in React.
7
4
  *
@@ -16,7 +13,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
16
13
  * @param {React.ReactNode} props.children - The text content to be rendered within the `<text>` element.
17
14
  * @returns {React.ReactElement} A React element representing the SVG text.
18
15
  */
19
- const ChartText = ({ children, className = 'circle', tabIndex = -1, ...props }) => {
20
- return ((0, jsx_runtime_1.jsx)("text", { className: className, tabIndex: tabIndex, ...props, children: children }));
16
+ export const ChartText = ({ children, className = 'circle', tabIndex = -1, ...props }) => {
17
+ return (_jsx("text", { className: className, tabIndex: tabIndex, ...props, children: children }));
21
18
  };
22
- exports.ChartText = ChartText;
@@ -1,4 +1,3 @@
1
- "use strict";
2
1
  /**
3
2
  * Defines the properties for rendering text within SVG elements in React components.
4
3
  *
@@ -8,4 +7,4 @@
8
7
  * writingMode. Additionally, it supports React-specific properties like style, className, and children, allowing for
9
8
  * further customization and integration within React applications.
10
9
  */
11
- Object.defineProperty(exports, "__esModule", { value: true });
10
+ export {};
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./chartText"), exports);
18
- __exportStar(require("./chartText.types"), exports);
1
+ export * from './chartText';
2
+ export * from './chartText.types';
@@ -1,8 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ForeignObject = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const ForeignObject = ({ children, dataTestId, height, width, x, y, }) => {
6
- return ((0, jsx_runtime_1.jsx)("foreignObject", { "data-testid": dataTestId, height: height, width: width, x: x, y: y, children: children }));
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const ForeignObject = ({ children, dataTestId, height, width, x, y, }) => {
3
+ return (_jsx("foreignObject", { "data-testid": dataTestId, height: height, width: width, x: x, y: y, children: children }));
7
4
  };
8
- exports.ForeignObject = ForeignObject;
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./foreignObject"), exports);
18
- __exportStar(require("./foreignObject.types"), exports);
1
+ export * from './foreignObject';
2
+ export * from './foreignObject.types';
@@ -1,26 +1,10 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./axisChart"), exports);
18
- __exportStar(require("./bar"), exports);
19
- __exportStar(require("./chartText"), exports);
20
- __exportStar(require("./foreignObject"), exports);
21
- __exportStar(require("./line"), exports);
22
- __exportStar(require("./node"), exports);
23
- __exportStar(require("./path"), exports);
24
- __exportStar(require("./svgContainer"), exports);
25
- __exportStar(require("./tick"), exports);
26
- __exportStar(require("./zoomArea"), exports);
1
+ export * from './axisChart';
2
+ export * from './bar';
3
+ export * from './chartText';
4
+ export * from './foreignObject';
5
+ export * from './line';
6
+ export * from './node';
7
+ export * from './path';
8
+ export * from './svgContainer';
9
+ export * from './tick';
10
+ export * from './zoomArea';
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./line"), exports);
18
- __exportStar(require("./line.types"), exports);
1
+ export * from './line';
2
+ export * from './line.types';
@@ -1,13 +1,9 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Line = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
5
2
  /**
6
3
  * `Line` component that renders an SVG line element with customizable properties.
7
4
  *
8
5
  * @returns A `line` SVG element with the specified properties and attributes.
9
6
  */
10
- const Line = ({ ariaLabel = '', className = 'line', dataTestId, tabIndex = -1, ...props }) => {
11
- return ((0, jsx_runtime_1.jsx)("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId, tabIndex: tabIndex }));
7
+ export const Line = ({ ariaLabel = '', className = 'line', dataTestId, tabIndex = -1, ...props }) => {
8
+ return (_jsx("line", { ...props, "aria-label": ariaLabel, className: className, "data-testid": dataTestId, tabIndex: tabIndex }));
12
9
  };
13
- exports.Line = Line;
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Circle = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
6
3
  const CircleComponent = ({ dataTestId, position, size = 1, ...props }, ref) => {
7
- return ((0, jsx_runtime_1.jsx)("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
4
+ return (_jsx("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
8
5
  };
9
- exports.Circle = (0, react_1.forwardRef)(CircleComponent);
6
+ export const Circle = forwardRef(CircleComponent);
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Hexagon = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
7
4
  const HexagonComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
8
- const hexagonPoints = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 6, size / 2, size / 2);
9
- return ((0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-hexagon`, points: hexagonPoints }));
5
+ const hexagonPoints = calculateShapePoints(position.x, position.y, 6, size / 2, size / 2);
6
+ return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-hexagon`, points: hexagonPoints }));
10
7
  };
11
- exports.Hexagon = (0, react_1.forwardRef)(HexagonComponent);
8
+ export const Hexagon = forwardRef(HexagonComponent);
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Pentagon = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
7
4
  const PentagonComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
8
- const pentagonPoints = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 5, size / 2, size / 2);
9
- return ((0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-pentagon`, points: pentagonPoints }));
5
+ const pentagonPoints = calculateShapePoints(position.x, position.y, 5, size / 2, size / 2);
6
+ return (_jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-pentagon`, points: pentagonPoints }));
10
7
  };
11
- exports.Pentagon = (0, react_1.forwardRef)(PentagonComponent);
8
+ export const Pentagon = forwardRef(PentagonComponent);
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Square = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
6
3
  const SquareComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
7
- return ((0, jsx_runtime_1.jsx)("rect", { ...props, ref: ref, "data-testid": `${dataTestId}-square`, height: size, width: size, x: position.x - size / 2, y: position.y - size / 2 }));
4
+ return (_jsx("rect", { ...props, ref: ref, "data-testid": `${dataTestId}-square`, height: size, width: size, x: position.x - size / 2, y: position.y - size / 2 }));
8
5
  };
9
- exports.Square = (0, react_1.forwardRef)(SquareComponent);
6
+ export const Square = forwardRef(SquareComponent);
@@ -1,13 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Star = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const calculateShapePoints_1 = require("../../utils/calculateShapePoints/calculateShapePoints");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ import { calculateShapePoints } from '../../utils/calculateShapePoints/calculateShapePoints';
7
4
  const StarComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
8
5
  const outerRadius = size / 2;
9
6
  const innerRadius = outerRadius / 2;
10
- const starPoints = (0, calculateShapePoints_1.calculateShapePoints)(position.x, position.y, 5, outerRadius, innerRadius);
11
- return (0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-star`, points: starPoints });
7
+ const starPoints = calculateShapePoints(position.x, position.y, 5, outerRadius, innerRadius);
8
+ return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-star`, points: starPoints });
12
9
  };
13
- exports.Star = (0, react_1.forwardRef)(StarComponent);
10
+ export const Star = forwardRef(StarComponent);
@@ -1,10 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Straight = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
6
3
  const StraightComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
7
4
  const d = `M ${position.x - size / 2} ${position.y} H ${position.x + size / 2} M ${position.x} ${position.y - size / 2} V ${position.y + size / 2}`;
8
- return (0, jsx_runtime_1.jsx)("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
5
+ return _jsx("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
9
6
  };
10
- exports.Straight = (0, react_1.forwardRef)(StraightComponent);
7
+ export const Straight = forwardRef(StraightComponent);
@@ -1,14 +1,11 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Triangle = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
6
3
  const TriangleComponent = ({ dataTestId, position = { x: 0, y: 0 }, size = 1, ...props }, ref) => {
7
4
  const points = [
8
5
  `${position.x},${position.y - size / 2}`,
9
6
  `${position.x - size / 2},${position.y + size / 2}`,
10
7
  `${position.x + size / 2},${position.y + size / 2}`,
11
8
  ].join(' ');
12
- return (0, jsx_runtime_1.jsx)("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
9
+ return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
13
10
  };
14
- exports.Triangle = (0, react_1.forwardRef)(TriangleComponent);
11
+ export const Triangle = forwardRef(TriangleComponent);
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./node"), exports);
18
- __exportStar(require("./node.types"), exports);
1
+ export * from './node';
2
+ export * from './node.types';
@@ -1,25 +1,22 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Node = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const hook_1 = require("../../charts/lineChart/hook");
7
- const circle_1 = require("./components/circle/circle");
8
- const hexagon_1 = require("./components/hexagon/hexagon");
9
- const pentagon_1 = require("./components/pentagon/pentagon");
10
- const square_1 = require("./components/square/square");
11
- const star_1 = require("./components/star/star");
12
- const straight_1 = require("./components/straight/straight");
13
- const triangle_1 = require("./components/triangle/triangle");
14
- const node_types_1 = require("./node.types");
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef, } from 'react';
3
+ import { useAutoClick } from '../../charts/lineChart/hook';
4
+ import { Circle } from './components/circle/circle';
5
+ import { Hexagon } from './components/hexagon/hexagon';
6
+ import { Pentagon } from './components/pentagon/pentagon';
7
+ import { Square } from './components/square/square';
8
+ import { Star } from './components/star/star';
9
+ import { Straight } from './components/straight/straight';
10
+ import { Triangle } from './components/triangle/triangle';
11
+ import { NodeType } from './node.types';
15
12
  const Component = {
16
- [node_types_1.NodeType.Circle]: circle_1.Circle,
17
- [node_types_1.NodeType.Hexagon]: hexagon_1.Hexagon,
18
- [node_types_1.NodeType.Pentagon]: pentagon_1.Pentagon,
19
- [node_types_1.NodeType.Square]: square_1.Square,
20
- [node_types_1.NodeType.Star]: star_1.Star,
21
- [node_types_1.NodeType.Straight]: straight_1.Straight,
22
- [node_types_1.NodeType.Triangle]: triangle_1.Triangle,
13
+ [NodeType.Circle]: Circle,
14
+ [NodeType.Hexagon]: Hexagon,
15
+ [NodeType.Pentagon]: Pentagon,
16
+ [NodeType.Square]: Square,
17
+ [NodeType.Star]: Star,
18
+ [NodeType.Straight]: Straight,
19
+ [NodeType.Triangle]: Triangle,
23
20
  };
24
21
  /**
25
22
  * Node component that renders interactive geometric shapes for data visualization.
@@ -48,9 +45,9 @@ const Component = {
48
45
  *
49
46
  * @returns An SVG element corresponding to the specified node type (`circle`, `rect`, `polygon`), or `null` if the type is not recognized.
50
47
  */
51
- const NodeComponent = ({ dataTestId = 'node', haloConfig, hasHalo = false, onBlur, onClick, onDoubleClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, position = { x: 0, y: 0 }, size = 1, type = node_types_1.NodeType.Circle, ...props }, ref) => {
48
+ const NodeComponent = ({ dataTestId = 'node', haloConfig, hasHalo = false, onBlur, onClick, onDoubleClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, position = { x: 0, y: 0 }, size = 1, type = NodeType.Circle, ...props }, ref) => {
52
49
  // It needed to recovery the autoClick info into js event, because the react event can't be modified or handle custom properties
53
- const [clickRef, autoClick] = (0, hook_1.useAutoClick)(ref);
50
+ const [clickRef, autoClick] = useAutoClick(ref);
54
51
  // TODO - Enrich events with data, stop using extra parameters for callbacks
55
52
  const handleClick = (event) => {
56
53
  onClick?.(event, { ...props.data, nodePosition: position }, autoClick.current);
@@ -96,6 +93,6 @@ const NodeComponent = ({ dataTestId = 'node', haloConfig, hasHalo = false, onBlu
96
93
  strokeWidth: haloConfig?.strokeWidth || props.strokeWidth,
97
94
  };
98
95
  const InnerNode = Component[type];
99
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasHalo && ((0, jsx_runtime_1.jsx)(InnerNode, { ...haloProps, "aria-hidden": "true", dataTestId: `${dataTestId}-halo`, position: position, size: size + size / 2, tabIndex: -1 })), (0, jsx_runtime_1.jsx)(InnerNode, { ...nodeProps, ref: clickRef, dataTestId: dataTestId, position: position, size: size })] }));
96
+ return (_jsxs(_Fragment, { children: [hasHalo && (_jsx(InnerNode, { ...haloProps, "aria-hidden": "true", dataTestId: `${dataTestId}-halo`, position: position, size: size + size / 2, tabIndex: -1 })), _jsx(InnerNode, { ...nodeProps, ref: clickRef, dataTestId: dataTestId, position: position, size: size })] }));
100
97
  };
101
- exports.Node = (0, react_1.forwardRef)(NodeComponent);
98
+ export const Node = forwardRef(NodeComponent);
@@ -1,6 +1,3 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NodeType = void 0;
4
1
  /**
5
2
  * Enum for node types.
6
3
  *
@@ -10,7 +7,7 @@ exports.NodeType = void 0;
10
7
  *
11
8
  * @enum {string}
12
9
  */
13
- exports.NodeType = {
10
+ export const NodeType = {
14
11
  Circle: 'circle', // Represents a circle node.
15
12
  Hexagon: 'hexagon', // Represents a hexagon node.
16
13
  Pentagon: 'pentagon', // Represents a pentagon node.
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.calculateShapePoints = void 0;
4
- const calculateShapePoints = (centerX, centerY, points, outerRadius, innerRadius) => {
1
+ export const calculateShapePoints = (centerX, centerY, points, outerRadius, innerRadius) => {
5
2
  let result = '';
6
3
  // Determine whether drawing a regular shape or a star
7
4
  const isRegularShape = outerRadius === innerRadius;
@@ -19,4 +16,3 @@ const calculateShapePoints = (centerX, centerY, points, outerRadius, innerRadius
19
16
  }
20
17
  return result.trim();
21
18
  };
22
- exports.calculateShapePoints = calculateShapePoints;