@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.
- package/README.md +2 -0
- package/dist/cjs/charts/barChart/barChart.js +12 -29
- package/dist/cjs/charts/barChart/barChart.type.js +1 -2
- package/dist/cjs/charts/barChart/barChartStructure.js +25 -29
- package/dist/cjs/charts/barChart/context/barChartContext.js +2 -5
- package/dist/cjs/charts/barChart/context/buildBarContextValues.js +17 -21
- package/dist/cjs/charts/barChart/fragments/barChartPath.js +12 -16
- package/dist/cjs/charts/barChart/fragments/barChartSeparator.js +10 -14
- package/dist/cjs/charts/barChart/fragments/barChartXAxis.js +10 -14
- package/dist/cjs/charts/barChart/fragments/barChartYAxis.js +13 -17
- package/dist/cjs/charts/barChart/fragments/fixture/barContextData.js +3 -6
- package/dist/cjs/charts/barChart/fragments/fixture/index.js +1 -5
- package/dist/cjs/charts/barChart/index.js +1 -17
- package/dist/cjs/charts/barChart/utils/countBarChildren.js +5 -9
- package/dist/cjs/charts/barChart/utils/getAxisExtraSpacing.js +31 -35
- package/dist/cjs/charts/barChart/utils/getBarDataValue.js +1 -5
- package/dist/cjs/charts/barChart/utils/getRoundedBarMaxValue.js +1 -5
- package/dist/cjs/charts/index.js +3 -19
- package/dist/cjs/charts/lineChart/context/buildLineContextValue.js +17 -21
- package/dist/cjs/charts/lineChart/context/index.js +2 -7
- package/dist/cjs/charts/lineChart/context/lineChartContext.js +2 -5
- package/dist/cjs/charts/lineChart/fragments/fixture/contextData.js +1 -4
- package/dist/cjs/charts/lineChart/fragments/fixture/index.js +1 -5
- package/dist/cjs/charts/lineChart/fragments/index.js +4 -11
- package/dist/cjs/charts/lineChart/fragments/lineChartPath.js +31 -35
- package/dist/cjs/charts/lineChart/fragments/lineChartProjection.js +6 -10
- package/dist/cjs/charts/lineChart/fragments/lineChartSeparator.js +10 -14
- package/dist/cjs/charts/lineChart/fragments/lineChartXAxis.js +14 -18
- package/dist/cjs/charts/lineChart/fragments/lineChartYAxis.js +17 -21
- package/dist/cjs/charts/lineChart/hook/index.js +3 -9
- package/dist/cjs/charts/lineChart/hook/useAutoClick.js +6 -10
- package/dist/cjs/charts/lineChart/hook/useHover.js +5 -9
- package/dist/cjs/charts/lineChart/hook/useIndicator.js +5 -9
- package/dist/cjs/charts/lineChart/index.js +1 -17
- package/dist/cjs/charts/lineChart/lineChart.js +12 -29
- package/dist/cjs/charts/lineChart/lineChart.type.js +1 -2
- package/dist/cjs/charts/lineChart/lineChartStructure.js +34 -38
- package/dist/cjs/charts/lineChart/utils/accessibilityTemplateProcessor.js +6 -10
- package/dist/cjs/charts/lineChart/utils/findSurroundingNumber.js +2 -7
- package/dist/cjs/charts/lineChart/utils/getDataValues.js +1 -5
- package/dist/cjs/charts/lineChart/utils/getExtraSpacing.js +26 -30
- package/dist/cjs/charts/lineChart/utils/getPathData.js +1 -5
- package/dist/cjs/charts/lineChart/utils/getProjection.js +1 -5
- package/dist/cjs/charts/lineChart/utils/getRoundedMaxValue.js +2 -7
- package/dist/cjs/charts/lineChart/utils/handleNodesFocus.js +1 -5
- package/dist/cjs/charts/lineChart/utils/index.js +6 -17
- package/dist/cjs/charts/pieChart/context/buildPieContextValue.js +8 -12
- package/dist/cjs/charts/pieChart/context/index.js +2 -7
- package/dist/cjs/charts/pieChart/context/pieChartContext.js +2 -5
- package/dist/cjs/charts/pieChart/fragments/index.js +2 -7
- package/dist/cjs/charts/pieChart/fragments/pieChartForeign.js +7 -11
- package/dist/cjs/charts/pieChart/fragments/pieChartPath.js +12 -16
- package/dist/cjs/charts/pieChart/fragments/pieChartSegment.js +6 -10
- package/dist/cjs/charts/pieChart/index.js +1 -17
- package/dist/cjs/charts/pieChart/pieChart.js +8 -25
- package/dist/cjs/charts/pieChart/pieChart.type.js +1 -2
- package/dist/cjs/charts/pieChart/pieChartStructure.js +16 -20
- package/dist/cjs/charts/pieChart/utils/buildL.js +1 -5
- package/dist/cjs/charts/pieChart/utils/calculatePoint.js +1 -5
- package/dist/cjs/charts/pieChart/utils/calculateSegmentPath.js +10 -14
- package/dist/cjs/charts/pieChart/utils/drawSegmentPath.js +6 -10
- package/dist/cjs/charts/pieChart/utils/index.js +2 -7
- package/dist/cjs/charts/pieChart/utils/rotationDirection.js +3 -7
- package/dist/cjs/components/axisChart/index.js +2 -18
- package/dist/cjs/components/axisChart/utils/filterLineProps/filterLineProps.js +1 -5
- package/dist/cjs/components/axisChart/utils/index.js +1 -17
- package/dist/cjs/components/axisChart/xAxis/index.js +2 -18
- package/dist/cjs/components/axisChart/xAxis/xAxis.js +14 -18
- package/dist/cjs/components/axisChart/xAxis/xAxis.types.js +1 -2
- package/dist/cjs/components/axisChart/yAxis/index.js +2 -18
- package/dist/cjs/components/axisChart/yAxis/yAxis.js +13 -17
- package/dist/cjs/components/axisChart/yAxis/yAxis.types.js +1 -2
- package/dist/cjs/components/bar/bar.js +9 -13
- package/dist/cjs/components/bar/bar.type.js +1 -4
- package/dist/cjs/components/bar/fragments/barChartSegment.js +3 -7
- package/dist/cjs/components/bar/index.js +2 -18
- package/dist/cjs/components/bar/utils/buildD.js +5 -9
- package/dist/cjs/components/bar/utils/getSegments.js +3 -7
- package/dist/cjs/components/chartText/chartText.js +3 -7
- package/dist/cjs/components/chartText/chartText.types.js +1 -2
- package/dist/cjs/components/chartText/index.js +2 -18
- package/dist/cjs/components/foreignObject/foreignObject.js +3 -7
- package/dist/cjs/components/foreignObject/foreignObject.types.js +1 -2
- package/dist/cjs/components/foreignObject/index.js +2 -18
- package/dist/cjs/components/index.js +10 -26
- package/dist/cjs/components/line/index.js +2 -18
- package/dist/cjs/components/line/line.js +3 -7
- package/dist/cjs/components/line/line.types.js +1 -2
- package/dist/cjs/components/node/components/circle/circle.js +4 -7
- package/dist/cjs/components/node/components/hexagon/hexagon.js +6 -9
- package/dist/cjs/components/node/components/pentagon/pentagon.js +6 -9
- package/dist/cjs/components/node/components/square/square.js +4 -7
- package/dist/cjs/components/node/components/star/star.js +6 -9
- package/dist/cjs/components/node/components/straight/straight.js +4 -7
- package/dist/cjs/components/node/components/triangle/triangle.js +4 -7
- package/dist/cjs/components/node/index.js +2 -18
- package/dist/cjs/components/node/node.js +22 -25
- package/dist/cjs/components/node/node.types.js +1 -4
- package/dist/cjs/components/node/utils/calculateShapePoints/calculateShapePoints.js +1 -5
- package/dist/cjs/components/path/components/nodePath/nodePath.js +9 -12
- package/dist/cjs/components/path/index.js +2 -18
- package/dist/cjs/components/path/path.js +20 -23
- package/dist/cjs/components/path/path.types.js +1 -2
- package/dist/cjs/components/plot/components/circle/circle.js +4 -7
- package/dist/cjs/components/plot/components/index.js +3 -19
- package/dist/cjs/components/plot/components/square/square.js +4 -7
- package/dist/cjs/components/plot/components/triangle/triangle.js +4 -7
- package/dist/cjs/components/plot/index.js +2 -18
- package/dist/cjs/components/plot/plot.js +21 -24
- package/dist/cjs/components/plot/plot.types.js +8 -11
- package/dist/cjs/components/svgContainer/index.js +1 -17
- package/dist/cjs/components/svgContainer/svgContainer.js +5 -8
- package/dist/cjs/components/svgContainer/svgContainer.types.js +1 -2
- package/dist/cjs/components/svgContainer/utils/buildViewBox/buildViewBox.js +1 -5
- package/dist/cjs/components/svgContainer/utils/index.js +1 -17
- package/dist/cjs/components/tick/index.js +2 -18
- package/dist/cjs/components/tick/tick.js +4 -8
- package/dist/cjs/components/tick/tick.types.js +1 -4
- package/dist/cjs/components/zoomArea/components/HandlerIcon.js +3 -7
- package/dist/cjs/components/zoomArea/components/LineRenderer.js +3 -7
- package/dist/cjs/components/zoomArea/components/SelectionArea.js +9 -14
- package/dist/cjs/components/zoomArea/components/ZoomHandler.js +6 -10
- package/dist/cjs/components/zoomArea/components/index.js +4 -12
- package/dist/cjs/components/zoomArea/hooks/index.js +5 -13
- package/dist/cjs/components/zoomArea/hooks/useDragInteraction.js +19 -23
- package/dist/cjs/components/zoomArea/hooks/useKeyboardNavigation.js +18 -22
- package/dist/cjs/components/zoomArea/hooks/useResponsiveCanvas.js +12 -16
- package/dist/cjs/components/zoomArea/hooks/useZoomAreaFocus.js +6 -10
- package/dist/cjs/components/zoomArea/hooks/useZoomData.js +8 -12
- package/dist/cjs/components/zoomArea/index.js +5 -21
- package/dist/cjs/components/zoomArea/utils/accessibilityLabels.js +6 -11
- package/dist/cjs/components/zoomArea/utils/index.js +3 -14
- package/dist/cjs/components/zoomArea/utils/indexRounding.js +5 -11
- package/dist/cjs/components/zoomArea/utils/interactionConfig.js +1 -5
- package/dist/cjs/components/zoomArea/utils/pathGeneration.js +4 -9
- package/dist/cjs/components/zoomArea/utils/rangeAndPositions.js +5 -13
- package/dist/cjs/components/zoomArea/utils/selectionConfig.js +1 -5
- package/dist/cjs/components/zoomArea/zoomArea.js +35 -39
- package/dist/cjs/components/zoomArea/zoomArea.type.js +1 -4
- package/dist/cjs/hooks/index.js +2 -18
- package/dist/cjs/hooks/useFocus/useFocus.js +5 -9
- package/dist/cjs/hooks/useFocus/useFocus.types.js +1 -2
- package/dist/cjs/hooks/useHover/useHover.js +5 -9
- package/dist/cjs/hooks/useHover/useHover.types.js +1 -2
- package/dist/cjs/index.js +3 -19
- package/dist/cjs/types/canvas.type.js +1 -4
- package/dist/cjs/types/errors.type.js +1 -4
- package/dist/cjs/types/focusConfig.type.js +1 -4
- package/dist/cjs/types/index.js +4 -20
- package/dist/cjs/types/position.enum.js +1 -4
- package/dist/cjs/types/unit.enum.js +1 -4
- package/dist/cjs/types/valueFormatter.type.js +1 -2
- package/dist/cjs/utils/ajustedTextSpace/ajustedTextSpace.js +1 -5
- package/dist/cjs/utils/buildErrors/buildErrors.js +3 -7
- package/dist/cjs/utils/buildTickValues/buildTickValues.js +2 -7
- package/dist/cjs/utils/calculateFocusOutline/calculateFocusOutline.js +8 -13
- package/dist/cjs/utils/classNames/classNames.js +1 -5
- package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.js +4 -8
- package/dist/cjs/utils/cssGradientToSvg/cssGradientToSvg.types.js +1 -2
- package/dist/cjs/utils/cursorNear/isNear.js +1 -5
- package/dist/cjs/utils/getAxisData/getAxisData.js +1 -5
- package/dist/cjs/utils/getCanvasDimensions/getCanvasDimensions.js +8 -12
- package/dist/cjs/utils/getChildrenAttr/getChildrenAttr.js +4 -8
- package/dist/cjs/utils/getCoordinates/getCoordinates.js +9 -14
- package/dist/cjs/utils/getDataFingerprint/getDataFingerprint.js +1 -5
- package/dist/cjs/utils/getPoints/getPoints.js +1 -5
- package/dist/cjs/utils/getTickTextCoordinate/getTickTextCoordinates.js +5 -10
- package/dist/cjs/utils/getTicks/getTicks.js +2 -7
- package/dist/cjs/utils/index.js +8 -24
- package/dist/cjs/utils/parseStringToNumberPx.ts/parseStringToNumberPx.js +3 -7
- package/dist/cjs/utils/pickCustomAttributes/pickCustomAttributes.js +1 -5
- package/dist/cjs/utils/shadowSvg/shadowSvg.js +3 -7
- package/dist/cjs/utils/shadowSvg/shadowSvg.types.js +1 -2
- package/dist/cjs/utils/textBound/textBound.js +1 -5
- package/dist/kubit-ui-web-react-charts.cjs.js +1 -10
- package/dist/kubit-ui-web-react-charts.es.js +1 -10
- package/dist/kubit-ui-web-react-charts.umd.js +1 -10
- package/package.json +31 -33
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
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 =
|
|
11
|
-
return ((
|
|
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 =
|
|
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 ((
|
|
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,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
2
|
-
|
|
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
|
-
|
|
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 ===
|
|
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 ===
|
|
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 ===
|
|
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
|
-
|
|
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 ===
|
|
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
|
-
|
|
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 ((
|
|
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
|
-
|
|
10
|
+
export {};
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
2
|
-
|
|
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
|
-
|
|
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 ((
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 ((
|
|
4
|
+
return (_jsx("circle", { ...props, ref: ref, cx: position?.x, cy: position?.y, "data-testid": `${dataTestId}-circle`, r: size / 2 }));
|
|
8
5
|
};
|
|
9
|
-
|
|
6
|
+
export const Circle = forwardRef(CircleComponent);
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 =
|
|
9
|
-
return ((
|
|
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
|
-
|
|
8
|
+
export const Hexagon = forwardRef(HexagonComponent);
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 =
|
|
9
|
-
return ((
|
|
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
|
-
|
|
8
|
+
export const Pentagon = forwardRef(PentagonComponent);
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 ((
|
|
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
|
-
|
|
6
|
+
export const Square = forwardRef(SquareComponent);
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 =
|
|
11
|
-
return (
|
|
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
|
-
|
|
10
|
+
export const Star = forwardRef(StarComponent);
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 (
|
|
5
|
+
return _jsx("path", { ...props, ref: ref, d: d, "data-testid": `${dataTestId}-straight`, strokeWidth: 2 });
|
|
9
6
|
};
|
|
10
|
-
|
|
7
|
+
export const Straight = forwardRef(StraightComponent);
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 (
|
|
9
|
+
return _jsx("polygon", { ...props, ref: ref, "data-testid": `${dataTestId}-triangle`, points: points });
|
|
13
10
|
};
|
|
14
|
-
|
|
11
|
+
export const Triangle = forwardRef(TriangleComponent);
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
[
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[
|
|
20
|
-
[
|
|
21
|
-
[
|
|
22
|
-
[
|
|
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 =
|
|
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] =
|
|
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 ((
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|