@kubit-ui-web/react-charts 1.0.0 → 1.1.0

package/dist/cjs/utils/getAxisData/getAxisData.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAxisData = void 0;
-const getAxisData = (data, key) => {
+export const getAxisData = (data, key) => {
     return data.map(dt => dt[key]);
 };
-exports.getAxisData = getAxisData;

package/dist/cjs/utils/getCanvasDimensions/getCanvasDimensions.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCanvasDimensions = void 0;
-const unit_enum_1 = require("../../types/unit.enum");
+import { Unit } from '../../types/unit.enum';
 /**
  * A mapping of string representations of units to their corresponding `Unit` enum values.
  * This is used to convert string-based unit identifiers into their respective `Unit` enum types.
@@ -11,8 +8,8 @@ const unit_enum_1 = require("../../types/unit.enum");
  * stringToUnit["rem"] // Returns Unit.REM
  */
 const stringToUnit = {
-    [unit_enum_1.Unit.PERCENTAGE]: unit_enum_1.Unit.PERCENTAGE,
-    [unit_enum_1.Unit.REM]: unit_enum_1.Unit.REM,
+    [Unit.PERCENTAGE]: Unit.PERCENTAGE,
+    [Unit.REM]: Unit.REM,
 };
 /**
  * An enumeration representing the dimensions of an SVG element.
@@ -83,19 +80,18 @@ const calculateRem = (value) => {
  * @param {SVGSVGElement} props.svgElement - The SVG element to calculate dimensions for.
  * @returns {GetCanvasDimensionsReturn} An object containing the calculated canva's width and height.
  */
-const getCanvasDimensions = ({ canvasHeight, canvasWidth, svgElement, }) => {
+export const getCanvasDimensions = ({ canvasHeight, canvasWidth, svgElement, }) => {
     const { unit: widthUnit, value: widthValue } = parseDimensionValue(canvasWidth);
-    const parsedCanvasWidth = widthUnit === unit_enum_1.Unit.PERCENTAGE
+    const parsedCanvasWidth = widthUnit === Unit.PERCENTAGE
         ? calculatePercentage(widthValue, Dimension.WIDTH, svgElement)
-        : widthUnit === unit_enum_1.Unit.REM
+        : widthUnit === Unit.REM
             ? calculateRem(widthValue)
             : widthValue;
     const { unit: heightUnit, value: heightValue } = parseDimensionValue(canvasHeight);
-    const parsedCanvasHeight = heightUnit === unit_enum_1.Unit.PERCENTAGE
+    const parsedCanvasHeight = heightUnit === Unit.PERCENTAGE
         ? calculatePercentage(heightValue, Dimension.HEIGHT, svgElement)
-        : heightUnit === unit_enum_1.Unit.REM
+        : heightUnit === Unit.REM
             ? calculateRem(heightValue)
             : heightValue;
     return { parsedCanvasHeight, parsedCanvasWidth };
 };
-exports.getCanvasDimensions = getCanvasDimensions;

package/dist/cjs/utils/getChildrenAttr/getChildrenAttr.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getChildrenAttr = void 0;
-const react_1 = require("react");
-const getChildrenAttr = ({ attrName, children, originalValue, updateValue, }) => {
+import { Children, isValidElement } from 'react';
+export const getChildrenAttr = ({ attrName, children, originalValue, updateValue, }) => {
     let combineString = '';
-    react_1.Children.toArray(children).forEach((child) => {
-        if ((0, react_1.isValidElement)(child)) {
+    Children.toArray(children).forEach((child) => {
+        if (isValidElement(child)) {
             const attrValue = child.props[attrName];
             if (attrValue) {
                 combineString += attrValue;
@@ -16,4 +13,3 @@ const getChildrenAttr = ({ attrName, children, originalValue, updateValue, }) =>
         updateValue(combineString);
     }
 };
-exports.getChildrenAttr = getChildrenAttr;

package/dist/cjs/utils/getCoordinates/getCoordinates.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getYCoordinates = exports.getXCoordinates = void 0;
-const position_enum_1 = require("../../types/position.enum");
+import { Positions } from '../../types/position.enum';
 /**
  * Calculates the X coordinates for drawing lines in a chart.
  * @param position - The position of the line.
@@ -14,8 +11,8 @@ const position_enum_1 = require("../../types/position.enum");
  * @param customBreakAxis - The custom break axis value.
  * @returns The X coordinates for drawing lines.
  */
-const getXCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, position, }) => {
-    if (position === position_enum_1.Positions.TOP) {
+export const getXCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, position, }) => {
+    if (position === Positions.TOP) {
         return {
             x1: extraSpaceLeftX,
             x2: canvasWidth - extraSpaceRightX,
@@ -23,7 +20,7 @@ const getXCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
             y2: extraSpaceTopY,
         };
     }
-    if (position === position_enum_1.Positions.CENTER) {
+    if (position === Positions.CENTER) {
         return {
             x1: extraSpaceLeftX,
             x2: canvasWidth - extraSpaceRightX,
@@ -31,7 +28,7 @@ const getXCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
             y2: canvasHeight / 2,
         };
     }
-    if (position === position_enum_1.Positions.CUSTOM) {
+    if (position === Positions.CUSTOM) {
         return {
             x1: extraSpaceLeftX,
             x2: canvasWidth - extraSpaceRightX,
@@ -46,7 +43,6 @@ const getXCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
         y2: canvasHeight - extraSpaceBottomY,
     };
 };
-exports.getXCoordinates = getXCoordinates;
 /**
  * Calculates the y-coordinates for drawing lines in a chart.
  *
@@ -60,8 +56,8 @@ exports.getXCoordinates = getXCoordinates;
  * @param customBreakAxis - The custom break axis position (used when position is CUSTOM).
  * @returns The y-coordinates for drawing lines in the chart.
  */
-const getYCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, position, }) => {
-    if (position === position_enum_1.Positions.RIGHT) {
+export const getYCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpaceBottomY, extraSpaceLeftX, extraSpaceRightX, extraSpaceTopY, position, }) => {
+    if (position === Positions.RIGHT) {
         return {
             x1: canvasWidth - extraSpaceRightX,
             x2: canvasWidth - extraSpaceRightX,
@@ -69,7 +65,7 @@ const getYCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
             y2: canvasHeight - extraSpaceBottomY,
         };
     }
-    if (position === position_enum_1.Positions.CENTER) {
+    if (position === Positions.CENTER) {
         return {
             x1: canvasWidth / 2,
             x2: canvasWidth / 2,
@@ -77,7 +73,7 @@ const getYCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
             y2: canvasHeight - extraSpaceBottomY,
         };
     }
-    if (position === position_enum_1.Positions.CUSTOM) {
+    if (position === Positions.CUSTOM) {
         return {
             x1: customBreakAxis,
             x2: customBreakAxis,
@@ -92,4 +88,3 @@ const getYCoordinates = ({ canvasHeight, canvasWidth, customBreakAxis, extraSpac
         y2: canvasHeight - extraSpaceBottomY,
     };
 };
-exports.getYCoordinates = getYCoordinates;

package/dist/cjs/utils/getDataFingerprint/getDataFingerprint.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDataFingerprint = void 0;
 /**
  * Generates a fingerprint of chart data for use in React.useMemo dependencies
  * @param data - Chart data from LineChart, BarChart, or PieChart
  * @returns JSON string representation of the data
  */
-const getDataFingerprint = (data) => {
+export const getDataFingerprint = (data) => {
     // TODO: study and compare performance with other hash libraries or manual methods
     // ! Data might grow a lot in size, that is because this may be reviewed in the future
     return JSON.stringify(data);
 };
-exports.getDataFingerprint = getDataFingerprint;

package/dist/cjs/utils/getPoints/getPoints.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPoints = void 0;
 /**
  * Calculates the positions of data points on the chart based on tick values and data values.
  * @param tickValues - An array of tick data objects.
@@ -8,7 +5,7 @@ exports.getPoints = void 0;
  * @param xAxis - Optional parameter indicating whether the points are for the x-axis. Defaults to false.
  * @returns An array of numbers representing the positions of the data points.
  */
-const getPoints = (tickValues, data, xAxis) => {
+export const getPoints = (tickValues, data, xAxis) => {
     return data.map(dt => {
         // IF NOT A NUMBER, FIND THE POSITION OF THE TICK
         if (isNaN(Number(dt))) {
@@ -50,4 +47,3 @@ const getPoints = (tickValues, data, xAxis) => {
         return tick.position;
     });
 };
-exports.getPoints = getPoints;

package/dist/cjs/utils/getTickTextCoordinate/getTickTextCoordinates.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTickTextYCoordinate = exports.getTickTextXCoordinate = void 0;
-const position_enum_1 = require("../../types/position.enum");
+import { Positions } from '../../types/position.enum';
 /**
  * Calculates the x-coordinate for the tick text based on the position, x-coordinate, and font size.
  *
@@ -10,13 +7,12 @@ const position_enum_1 = require("../../types/position.enum");
  * @param fontSize - The font size of the tick text.
  * @returns The calculated x-coordinate for the tick text.
  */
-const getTickTextXCoordinate = (position, x, fontSize) => {
-    if (position === position_enum_1.Positions.RIGHT) {
+export const getTickTextXCoordinate = (position, x, fontSize) => {
+    if (position === Positions.RIGHT) {
         return x + fontSize;
     }
     return x - fontSize;
 };
-exports.getTickTextXCoordinate = getTickTextXCoordinate;
 /**
  * Calculates the y-coordinate for the tick text based on the position, y-coordinate, font size, and security space.
  *
@@ -26,10 +22,9 @@ exports.getTickTextXCoordinate = getTickTextXCoordinate;
  * @param securitySpace - The security space between the tick text and the chart.
  * @returns The calculated y-coordinate for the tick text.
  */
-const getTickTextYCoordinate = (position, y, fontSize, securitySpace) => {
-    if (position === position_enum_1.Positions.TOP) {
+export const getTickTextYCoordinate = (position, y, fontSize, securitySpace) => {
+    if (position === Positions.TOP) {
         return fontSize;
     }
     return y + fontSize + securitySpace;
 };
-exports.getTickTextYCoordinate = getTickTextYCoordinate;

package/dist/cjs/utils/getTicks/getTicks.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getYTicks = exports.getXTicks = void 0;
 /**
  * Calculates the tick positions and values for the x-axis of a line chart.
  *
@@ -12,7 +9,7 @@ exports.getYTicks = exports.getXTicks = void 0;
  * @param initPos - The initial position of the x-axis.
  * @returns An array of objects containing the tick values and their corresponding positions.
  */
-const getXTicks = ({ initPos, maxSpaceAvailable, otherAxisSpace, securitySpace, tickValues, }) => {
+export const getXTicks = ({ initPos, maxSpaceAvailable, otherAxisSpace, securitySpace, tickValues, }) => {
     const ticksNumber = tickValues.length - 1;
     const maxSpace = maxSpaceAvailable - otherAxisSpace - securitySpace;
     const stepValue = maxSpace / ticksNumber;
@@ -25,7 +22,6 @@ const getXTicks = ({ initPos, maxSpaceAvailable, otherAxisSpace, securitySpace,
     });
     return ticks;
 };
-exports.getXTicks = getXTicks;
 /**
  * Calculates the tick positions and values for the y-axis of a line chart.
  *
@@ -37,7 +33,7 @@ exports.getXTicks = getXTicks;
  * @param initPos - The initial position of the y-axis.
  * @returns An array of objects containing the tick values and their corresponding positions.
  */
-const getYTicks = ({ initPos, maxSpaceAvailable, needAjusted, otherAxisSpace, securitySpace, tickValues, }) => {
+export const getYTicks = ({ initPos, maxSpaceAvailable, needAjusted, otherAxisSpace, securitySpace, tickValues, }) => {
     const ticksNumber = tickValues.length - 1;
     const maxSpace = maxSpaceAvailable - otherAxisSpace - securitySpace;
     const stepValue = maxSpace / ticksNumber;
@@ -51,4 +47,3 @@ const getYTicks = ({ initPos, maxSpaceAvailable, needAjusted, otherAxisSpace, se
     });
     return ticks;
 };
-exports.getYTicks = getYTicks;

package/dist/cjs/utils/index.js

@@ -1,24 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ajustedTextSpace/ajustedTextSpace"), exports);
-__exportStar(require("./buildTickValues/buildTickValues"), exports);
-__exportStar(require("./classNames/classNames"), exports);
-__exportStar(require("./cssGradientToSvg/cssGradientToSvg"), exports);
-__exportStar(require("./cursorNear/isNear"), exports);
-__exportStar(require("./shadowSvg/shadowSvg"), exports);
-__exportStar(require("./shadowSvg/shadowSvg.types"), exports);
-__exportStar(require("./textBound/textBound"), exports);
+export * from './ajustedTextSpace/ajustedTextSpace';
+export * from './buildTickValues/buildTickValues';
+export * from './classNames/classNames';
+export * from './cssGradientToSvg/cssGradientToSvg';
+export * from './cursorNear/isNear';
+export * from './shadowSvg/shadowSvg';
+export * from './shadowSvg/shadowSvg.types';
+export * from './textBound/textBound';

package/dist/cjs/utils/parseStringToNumberPx.ts/parseStringToNumberPx.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseStringToNumberPx = void 0;
-const unit_enum_1 = require("../../types/unit.enum");
+import { Unit } from '../../types/unit.enum';
 const UNIT_VALUE_REGEX = /^(\d+(\.\d+)?)(px|rem|%)?$/;
 const MATCH_VALUE_INDEX = 1;
 const MATCH_UNIT_INDEX = 3;
@@ -14,7 +11,7 @@ const MATCH_UNIT_INDEX = 3;
  * @returns The parsed pixel value as a number.
  * @throws Will throw an error if the string format is invalid.
  */
-const parseStringToNumberPx = (value) => {
+export const parseStringToNumberPx = (value) => {
     if (typeof value === 'number') {
         return value;
     }
@@ -25,9 +22,8 @@ const parseStringToNumberPx = (value) => {
     }
     const number = match[MATCH_VALUE_INDEX]; // match for group (\d+(\.\d+)?)
     const unit = match[MATCH_UNIT_INDEX]; // match for group (px|rem|%)
-    if (unit === unit_enum_1.Unit.REM) {
+    if (unit === Unit.REM) {
         return parseFloat(number) * 16;
     }
     return parseFloat(number);
 };
-exports.parseStringToNumberPx = parseStringToNumberPx;

package/dist/cjs/utils/pickCustomAttributes/pickCustomAttributes.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pickCustomAttributes = void 0;
 /**
  * Filters and extracts only aria-* and data-* attributes from a given object,
  * converting all values to strings for HTML compatibility.
@@ -32,7 +29,7 @@ exports.pickCustomAttributes = void 0;
  * // Result: { 'aria-label': 'Button', 'data-testid': 'my-button', 'aria-hidden': 'true' }
  * ```
  */
-const pickCustomAttributes = (
+export const pickCustomAttributes = (
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 attributes) => {
     if (!attributes) {
@@ -47,4 +44,3 @@ attributes) => {
         return acc;
     }, {});
 };
-exports.pickCustomAttributes = pickCustomAttributes;

package/dist/cjs/utils/shadowSvg/shadowSvg.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShadowSvg = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ShadowSvg = ({ height = '140%', width = '140%', x = '-20%', y = '-20%', ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("filter", { height: height, id: props.id, width: width, x: x, y: y, children: (0, jsx_runtime_1.jsx)("feDropShadow", { ...props.shadowSvgConfig }) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ShadowSvg = ({ height = '140%', width = '140%', x = '-20%', y = '-20%', ...props }) => {
+    return (_jsx("defs", { children: _jsx("filter", { height: height, id: props.id, width: width, x: x, y: y, children: _jsx("feDropShadow", { ...props.shadowSvgConfig }) }) }));
 };
-exports.ShadowSvg = ShadowSvg;

package/dist/cjs/utils/shadowSvg/shadowSvg.types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/cjs/utils/textBound/textBound.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textBound = void 0;
-const textBound = ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }) => {
+export const textBound = ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }) => {
     if (!window || !document || !data.length) {
         return 0;
     }
@@ -23,4 +20,3 @@ const textBound = ({ bound, data, fontSize, svgHeight, svgWidth, viewBox, }) =>
     svgContainer.remove();
     return Math.max(...sizes);
 };
-exports.textBound = textBound;