@kubit-ui-web/react-charts 1.11.4 → 1.11.6

package/dist/esm/components/plot/plot.types.js

@@ -1,18 +0,0 @@
-const PlotType = {
-	CIRCLE: "CIRCLE",
-	SQUARE: "SQUARE",
-	TRIANGLE: "TRIANGLE"
-}, PlotSize = {
-	EXTRA_LARGE: "EXTRA_LARGE",
-	EXTRA_SMALL: "EXTRA_SMALL",
-	LARGE: "LARGE",
-	MEDIUM: "MEDIUM",
-	SMALL: "SMALL"
-}, PLOT_SIZE_MAP = {
-	[PlotSize.EXTRA_LARGE]: 40,
-	[PlotSize.EXTRA_SMALL]: 8,
-	[PlotSize.LARGE]: 32,
-	[PlotSize.MEDIUM]: 24,
-	[PlotSize.SMALL]: 16
-};
-export { PLOT_SIZE_MAP, PlotSize, PlotType };

package/dist/esm/components/plot/plot2.js

@@ -1,68 +0,0 @@
-import { FocusRing } from "../focusRing/focusRing2.js";
-import { useFocus } from "../../hooks/useFocus/useFocus.js";
-import { useHover } from "../../hooks/useHover/useHover.js";
-import { Circle } from "./components/circle/circle.js";
-import { Square } from "./components/square/square.js";
-import { Triangle } from "./components/triangle/triangle.js";
-/* empty css     */
-import { PLOT_SIZE_MAP, PlotSize, PlotType } from "./plot.types.js";
-import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TRIANGLE_CENTROID_OFFSET_DIVISOR = 6, Component = {
-	[PlotType.CIRCLE]: Circle,
-	[PlotType.SQUARE]: Square,
-	[PlotType.TRIANGLE]: Triangle
-};
-const Plot = forwardRef(({ className: t, data: n, dataTestId: r = "plot", fill: i, fillOpacity: a, focusConfig: o, hasHoverEffect: s, hoverConfig: c, id: l, label: u, onBlur: d, onClick: f, onFocus: p, onKeyDown: m, onMouseEnter: h, onMouseLeave: g, opacity: _, position: v = {
-	x: 0,
-	y: 0
-}, size: y = PlotSize.MEDIUM, stroke: b, strokeWidth: x, tabIndex: S, type: C = PlotType.CIRCLE, ...w }, T) => {
-	let { handleMouseEnter: E, handleMouseLeave: D, isHovered: O } = useHover(h, g), { handleBlur: k, handleFocus: A, isFocused: j } = useFocus(p, d), M = (e) => {
-		f && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), f(e)), m?.(e);
-	}, { fill: N = i, opacity: P = .3, scale: F = 1.3, stroke: I = i, strokeWidth: L = 0 } = c || {}, R = typeof y == "number" ? y : PLOT_SIZE_MAP[y], z = {
-		...w,
-		"aria-label": u,
-		className: `plot ${t || ""}`,
-		dataTestId: r,
-		fill: i,
-		fillOpacity: a,
-		id: l,
-		onBlur: k,
-		onClick: f,
-		onFocus: A,
-		onKeyDown: M,
-		onMouseEnter: E,
-		onMouseLeave: D,
-		opacity: _,
-		position: v,
-		role: "button",
-		size: R,
-		stroke: b,
-		strokeWidth: s && O && !j ? 0 : x,
-		tabIndex: S
-	}, B = Component[C], V = C === PlotType.TRIANGLE ? {
-		x: v.x,
-		y: v.y - R * (F - 1) / TRIANGLE_CENTROID_OFFSET_DIVISOR
-	} : v;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [s && O && !j && /* @__PURE__ */ jsx(B, {
-		dataTestId: `${r}-hover`,
-		fill: N,
-		opacity: P,
-		position: V,
-		size: R * F,
-		stroke: I,
-		strokeWidth: L
-	}), /* @__PURE__ */ jsx(FocusRing, {
-		dataTestId: r,
-		focusConfig: {
-			...o,
-			variant: o?.variant ?? "bounding-box"
-		},
-		isFocused: j,
-		children: /* @__PURE__ */ jsx(B, {
-			ref: T,
-			...z
-		})
-	})] });
-});
-export { Plot };

package/dist/esm/components/svgContainer/svgContainer.js

@@ -1,33 +0,0 @@
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SvgContainer = forwardRef(({ ariaHidden: e, ariaLabel: t, backgroundColor: n, caption: r, children: i, className: a, dataTestId: o, height: s, imageSrc: c, overflow: l, radius: u = "0px", role: d, tabIndex: f, viewBox: p, width: m, ...h }, g) => /* @__PURE__ */ jsxs("svg", {
-	ref: g,
-	"aria-hidden": e,
-	"aria-label": t,
-	className: a,
-	"data-testid": o,
-	height: s,
-	role: d,
-	style: {
-		backgroundColor: n,
-		borderRadius: u,
-		overflow: l
-	},
-	tabIndex: f,
-	viewBox: p,
-	width: m,
-	onMouseDown: (e) => e.preventDefault(),
-	...h,
-	children: [
-		r && /* @__PURE__ */ jsx("title", { children: r }),
-		c && /* @__PURE__ */ jsx("image", {
-			height: s,
-			href: c,
-			width: m,
-			x: "0",
-			y: "0"
-		}),
-		i
-	]
-}));
-export { SvgContainer };

package/dist/esm/components/svgContainer/utils/buildViewBox/buildViewBox.js

@@ -1,2 +0,0 @@
-const buildViewBox = (e, t, n = 0) => `${-n} ${-n} ${e} ${t}`;
-export { buildViewBox };

package/dist/esm/components/tick/tick.js

@@ -1,8 +0,0 @@
-import { Line } from "../line/line.js";
-import { ChartText } from "../chartText/chartText.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Tick = ({ showTickLines: e, tick: t, tickLine: n, tickText: r }) => /* @__PURE__ */ jsxs("g", { children: [e && /* @__PURE__ */ jsx(Line, { ...n }), r && /* @__PURE__ */ jsx(ChartText, {
-	...r,
-	children: t.value
-})] });
-export { Tick };

package/dist/esm/components/tick/tick.types.js

@@ -1,5 +0,0 @@
-const TickDataUtils = { formatTicksValues: (e, t) => e.map((e) => ({
-	...e,
-	value: t(e.value)
-})) };
-export { TickDataUtils };

package/dist/esm/components/zoomArea/components/HandlerIcon.js

@@ -1,13 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_ICON_COLOR = "#8f8f8f", ICON_OFFSET = 5;
-const HandlerIcon = ({ fill: e = DEFAULT_ICON_COLOR, x: t, y: n }) => /* @__PURE__ */ jsxs("g", {
-	fill: e,
-	pointerEvents: "none",
-	transform: `translate(${t - ICON_OFFSET}, ${n - ICON_OFFSET})`,
-	children: [
-		/* @__PURE__ */ jsx("path", { d: "M4.99948 9.99802C4.47168 9.99802 4.04419 9.64335 4.04419 9.20547V0.79255C4.04419 0.354666 4.47168 0 4.99948 0C5.52728 0 5.95477 0.354666 5.95477 0.79255V9.20745C5.95477 9.64533 5.52728 10 4.99948 10V9.99802Z" }),
-		/* @__PURE__ */ jsx("path", { d: "M0.955289 8.78839C0.427492 8.78839 0 8.43372 0 7.99584V2.00416C0 1.56628 0.427492 1.21161 0.955289 1.21161C1.48309 1.21161 1.91058 1.56628 1.91058 2.00416V7.99584C1.91058 8.43372 1.48309 8.78839 0.955289 8.78839Z" }),
-		/* @__PURE__ */ jsx("path", { d: "M8.08936 7.99584C8.08936 8.43372 8.51685 8.78839 9.04464 8.78839C9.57244 8.78839 9.99993 8.43372 9.99993 7.99584V2.00416C9.99993 1.56628 9.57244 1.21161 9.04464 1.21161C8.51685 1.21161 8.08936 1.56628 8.08936 2.00416V7.99584Z" })
-	]
-});
-export { HandlerIcon };

package/dist/esm/components/zoomArea/components/LineRenderer.js

@@ -1,14 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_LINE_COLOR = "#0078D4";
-const LineRenderer = ({ linesData: t }) => /* @__PURE__ */ jsx(Fragment, { children: t.map((e, t) => /* @__PURE__ */ jsxs("g", { children: [e.config.fill && e.fillPath && /* @__PURE__ */ jsx("path", {
-	d: e.fillPath,
-	fill: e.config.fill,
-	fillOpacity: e.config.fillOpacity || .2,
-	stroke: "none"
-}), /* @__PURE__ */ jsx("path", {
-	d: e.linePath,
-	fill: "none",
-	stroke: e.config.stroke || DEFAULT_LINE_COLOR,
-	strokeWidth: e.config.strokeWidth || 1
-})] }, e.config.dataKey || e.config.yKey || t)) });
-export { LineRenderer };

package/dist/esm/components/zoomArea/components/SelectionArea.js

@@ -1,36 +0,0 @@
-import { isFullRange } from "../utils/rangeAndPositions.js";
-import { forwardRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-const SelectionArea = forwardRef(({ currentRange: e, dataLength: t, dataTestId: n, endX: r, height: i, onBlur: a, onFocus: o, onKeyDown: s, onMouseDown: c, onTouchStart: l, screenReaderText: u, selectionConfig: d, startX: f }, p) => {
-	let m = d.hideOverlayOnFullRange && isFullRange(e, t);
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("rect", {
-		ref: p,
-		"aria-label": u,
-		"aria-valuemax": t - 1,
-		"aria-valuemin": 0,
-		"aria-valuetext": u,
-		cursor: "grab",
-		"data-testid": n,
-		fill: d.fill,
-		fillOpacity: d.fillOpacity,
-		height: i,
-		role: "slider",
-		stroke: d.stroke,
-		strokeWidth: d.strokeWidth,
-		style: {
-			outline: "none",
-			visibility: m ? "hidden" : "visible"
-		},
-		tabIndex: 0,
-		width: r - f,
-		x: f,
-		y: 0,
-		onBlur: a,
-		onFocus: o,
-		onKeyDown: s,
-		onMouseDown: c,
-		onTouchStart: l
-	}) });
-});
-SelectionArea.displayName = "SelectionArea";
-export { SelectionArea };

package/dist/esm/components/zoomArea/components/ZoomHandler.js

@@ -1,69 +0,0 @@
-import { FocusRing } from "../../focusRing/focusRing2.js";
-import { HandlerIcon } from "./HandlerIcon.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var HANDLER_COLORS = {
-	FILL: "#ffffff",
-	STROKE: "#8f8f8f"
-}, HANDLER_DIMENSIONS = {
-	RADIUS: 17,
-	STROKE_WIDTH: 1,
-	VERTICAL_LINE_WIDTH: 2
-}, getHandlerStyles = (e) => ({
-	fill: e?.fill || HANDLER_COLORS.FILL,
-	iconColor: e?.iconColor || HANDLER_COLORS.STROKE,
-	radius: e?.radius || HANDLER_DIMENSIONS.RADIUS,
-	stroke: e?.stroke || HANDLER_COLORS.STROKE,
-	strokeWidth: e?.strokeWidth || HANDLER_DIMENSIONS.STROKE_WIDTH,
-	verticalLineStroke: e?.verticalLineStroke || HANDLER_COLORS.STROKE,
-	verticalLineStrokeWidth: e?.verticalLineStrokeWidth || HANDLER_DIMENSIONS.VERTICAL_LINE_WIDTH
-});
-const ZoomHandler = ({ dataTestId: t, focusConfig: n, handlerConfig: r, height: i, isFocused: a, max: o, min: s, onBlur: c, onFocus: l, onKeyDown: u, onMouseDown: d, onTouchStart: f, screenReaderText: p, x: m }) => {
-	let h = i / 2, g = getHandlerStyles(r);
-	return /* @__PURE__ */ jsxs("g", {
-		"data-testid": `${t}-group`,
-		children: [
-			/* @__PURE__ */ jsx("line", {
-				pointerEvents: "none",
-				stroke: g.verticalLineStroke,
-				strokeWidth: g.verticalLineStrokeWidth,
-				x1: m,
-				x2: m,
-				y1: 0,
-				y2: i
-			}),
-			/* @__PURE__ */ jsx(FocusRing, {
-				dataTestId: t,
-				focusConfig: n,
-				isFocused: a,
-				children: /* @__PURE__ */ jsx("circle", {
-					"aria-label": p,
-					"aria-valuemax": o,
-					"aria-valuemin": s,
-					"aria-valuetext": p,
-					cursor: "ew-resize",
-					cx: m,
-					cy: h,
-					"data-testid": t,
-					fill: g.fill,
-					r: g.radius,
-					role: "slider",
-					stroke: g.stroke,
-					strokeWidth: g.strokeWidth,
-					style: { outline: "none" },
-					tabIndex: 0,
-					onBlur: c,
-					onFocus: l,
-					onKeyDown: u,
-					onMouseDown: d,
-					onTouchStart: f
-				})
-			}),
-			/* @__PURE__ */ jsx(HandlerIcon, {
-				fill: g.iconColor,
-				x: m,
-				y: h
-			})
-		]
-	});
-};
-export { ZoomHandler };

package/dist/esm/components/zoomArea/hooks/useDragInteraction.js

@@ -1,56 +0,0 @@
-import { clampRange, mouseToDataIndex } from "../utils/rangeAndPositions.js";
-import { ZoomAreaElements } from "../zoomArea.type.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-var calculateNewRange = (e, t, r, i, a) => {
-	let o = { ...t };
-	if (e === ZoomAreaElements.START_HANDLER) o.start = Math.max(0, Math.min(r, t.end - a.minHandlerDistance));
-	else if (e === ZoomAreaElements.END_HANDLER) o.end = Math.min(i - 1, Math.max(r, t.start + a.minHandlerDistance));
-	else if (e === ZoomAreaElements.SELECTION_AREA) {
-		let e = t.end - t.start, n = Math.max(0, Math.min(i - 1 - e, r - e / 2));
-		o.start = n, o.end = n + e;
-	}
-	return o;
-};
-const useDragInteraction = (n) => {
-	let { currentRange: s, dataLength: c, interactionConfig: l, onRangeChange: u, width: d } = n, f = useRef(null), [p, m] = useState(null), h = useCallback((e) => () => {
-		m(e);
-	}, []), g = useCallback((e) => () => {
-		m(e);
-	}, []), _ = useCallback((n) => {
-		if (!p || !f.current) return;
-		let r = f.current;
-		r && u(clampRange(calculateNewRange(p, s, mouseToDataIndex(n - r.getBoundingClientRect().left, d, c), c, l), c, l.minHandlerDistance));
-	}, [
-		p,
-		d,
-		c,
-		s,
-		u,
-		l
-	]), v = useCallback((e) => {
-		_(e.clientX);
-	}, [_]), y = useCallback((e) => {
-		e.touches.length !== 0 && (e.preventDefault(), _(e.touches[0].clientX));
-	}, [_]), b = useCallback(() => {
-		m(null);
-	}, []), x = useCallback(() => {
-		m(null);
-	}, []);
-	return useEffect(() => {
-		if (p) return document.addEventListener("mousemove", v), document.addEventListener("mouseup", b), document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", x), () => {
-			document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", b), document.removeEventListener("touchmove", y), document.removeEventListener("touchend", x);
-		};
-	}, [
-		p,
-		v,
-		b,
-		y,
-		x
-	]), {
-		groupRef: f,
-		handleMouseDown: h,
-		handleTouchStart: g,
-		isDragging: p
-	};
-};
-export { useDragInteraction };

package/dist/esm/components/zoomArea/hooks/useKeyboardNavigation.js

@@ -1,70 +0,0 @@
-import { clampRange } from "../utils/rangeAndPositions.js";
-import { ZoomAreaElements } from "../zoomArea.type.js";
-import { useCallback } from "react";
-var handleArrowLeft = (e, n, r, i) => {
-	let a = { ...n };
-	if (e === ZoomAreaElements.START_HANDLER) a.start = Math.max(0, n.start - r);
-	else if (e === ZoomAreaElements.END_HANDLER) a.end = Math.max(n.start + i.minHandlerDistance, n.end - r);
-	else if (e === ZoomAreaElements.SELECTION_AREA) {
-		let e = n.end - n.start, t = Math.max(0, n.start - r);
-		a.start = t, a.end = t + e;
-	}
-	return a;
-}, handleArrowRight = (e, n, r, i, a) => {
-	let o = { ...n };
-	if (e === ZoomAreaElements.START_HANDLER) o.start = Math.min(n.end - a.minHandlerDistance, n.start + r);
-	else if (e === ZoomAreaElements.END_HANDLER) o.end = Math.min(i - 1, n.end + r);
-	else if (e === ZoomAreaElements.SELECTION_AREA) {
-		let e = n.end - n.start, t = Math.min(i - 1 - e, n.start + r);
-		o.start = t, o.end = t + e;
-	}
-	return o;
-}, handleHome = (e, n, r) => {
-	let i = { ...n };
-	if (e === ZoomAreaElements.START_HANDLER) i.start = 0;
-	else if (e === ZoomAreaElements.END_HANDLER) i.end = r - 1;
-	else if (e === ZoomAreaElements.SELECTION_AREA) {
-		let e = n.end - n.start;
-		i.start = 0, i.end = e;
-	}
-	return i;
-}, handleEnd = (e, n, r, i) => {
-	let a = { ...n };
-	if (e === ZoomAreaElements.START_HANDLER) a.start = n.end - i.minHandlerDistance;
-	else if (e === ZoomAreaElements.END_HANDLER) a.end = r - 1;
-	else if (e === ZoomAreaElements.SELECTION_AREA) {
-		let e = n.end - n.start;
-		a.start = r - 1 - e, a.end = r - 1;
-	}
-	return a;
-};
-const useKeyboardNavigation = (t) => {
-	let { currentRange: s, dataLength: c, interactionConfig: l, onRangeChange: u } = t;
-	return { handleKeyDown: useCallback((t) => (n) => {
-		let d = n.shiftKey ? l.keyboardFastStep : l.keyboardStep, f;
-		switch (n.key) {
-			case "ArrowLeft":
-			case "ArrowDown":
-				n.preventDefault(), f = handleArrowLeft(t, s, d, l);
-				break;
-			case "ArrowRight":
-			case "ArrowUp":
-				n.preventDefault(), f = handleArrowRight(t, s, d, c, l);
-				break;
-			case "Home":
-				n.preventDefault(), f = handleHome(t, s, c);
-				break;
-			case "End":
-				n.preventDefault(), f = handleEnd(t, s, c, l);
-				break;
-			default: return;
-		}
-		u(clampRange(f, c, l.minHandlerDistance));
-	}, [
-		s,
-		c,
-		u,
-		l
-	]) };
-};
-export { useKeyboardNavigation };

package/dist/esm/components/zoomArea/hooks/useZoomAreaFocus.js

@@ -1,12 +0,0 @@
-import { useCallback, useState } from "react";
-const useZoomAreaFocus = () => {
-	let [t, n] = useState(null), r = useCallback((e) => () => n(e), []);
-	return {
-		handleBlur: useCallback(() => {
-			n(null);
-		}, []),
-		handleFocus: r,
-		isFocused: useCallback((e) => t === e, [t])
-	};
-};
-export { useZoomAreaFocus };

package/dist/esm/components/zoomArea/hooks/useZoomData.js

@@ -1,19 +0,0 @@
-import { createDefaultRange } from "../utils/rangeAndPositions.js";
-import { getRangeIndices } from "../utils/indexRounding.js";
-import { useEffect, useState } from "react";
-const useZoomData = ({ data: r, initialRange: i, onDataChange: a }) => {
-	let [o, s] = useState(i || createDefaultRange(r.length)), c = (e) => {
-		if (!a || r.length === 0) return;
-		let { endIndex: t, startIndex: n } = getRangeIndices(e, r.length);
-		a(r.slice(n, t + 1));
-	};
-	return useEffect(() => {
-		c(o);
-	}, []), {
-		currentRange: o,
-		handleRangeChange: (e) => {
-			s(e), c(e);
-		}
-	};
-};
-export { useZoomData };

package/dist/esm/components/zoomArea/utils/accessibilityLabels.js

@@ -1,17 +0,0 @@
-import { getRangeIndices } from "./indexRounding.js";
-var ACCESSIBILITY_START_VALUE_KEY = "{{startValue}}", ACCESSIBILITY_END_VALUE_KEY = "{{endValue}}";
-const getXAxisValue = (e, t, n) => e[n]?.[t]?.toString() || `${n}`;
-var buildScreenReaderText = (e, r, i) => {
-	if (!e) return e;
-	let a = new RegExp(ACCESSIBILITY_START_VALUE_KEY, "g"), o = new RegExp(ACCESSIBILITY_END_VALUE_KEY, "g");
-	return e.replace(a, r).replace(o, i);
-};
-const generateAccessibilityLabels = (t, n, a, o) => {
-	let { endIndex: s, startIndex: c } = getRangeIndices(a, t.length), l = getXAxisValue(t, n, c), u = getXAxisValue(t, n, s), d = buildScreenReaderText(o?.startHandler, l, u) ?? l;
-	return {
-		endHandler: buildScreenReaderText(o?.endHandler, l, u) ?? u,
-		selectionArea: buildScreenReaderText(o?.selectionArea, l, u) ?? `${l} - ${u}`,
-		startHandler: d
-	};
-};
-export { generateAccessibilityLabels };

package/dist/esm/components/zoomArea/utils/indexRounding.js

@@ -1,8 +0,0 @@
-const roundStartIndex = (e, t) => Math.max(0, Math.min(t, Math.floor(e))), roundEndIndex = (e, t) => Math.max(0, Math.min(t, Math.ceil(e))), getRangeIndices = (n, r) => {
-	let i = Math.max(0, r - 1);
-	return {
-		endIndex: roundEndIndex(n.end, i),
-		startIndex: roundStartIndex(n.start, i)
-	};
-};
-export { getRangeIndices };

package/dist/esm/components/zoomArea/utils/interactionConfig.js

@@ -1,11 +0,0 @@
-var DEFAULT_INTERACTION_CONFIG = {
-	KEYBOARD_FAST_STEP: 2,
-	KEYBOARD_STEP: 1,
-	MIN_HANDLER_DISTANCE: 1
-};
-const getInteractionConfig = (e) => ({
-	keyboardFastStep: e?.keyboardFastStep ?? DEFAULT_INTERACTION_CONFIG.KEYBOARD_FAST_STEP,
-	keyboardStep: e?.keyboardStep ?? DEFAULT_INTERACTION_CONFIG.KEYBOARD_STEP,
-	minHandlerDistance: e?.minHandlerDistance ?? DEFAULT_INTERACTION_CONFIG.MIN_HANDLER_DISTANCE
-});
-export { getInteractionConfig };

package/dist/esm/components/zoomArea/utils/pathGeneration.js

@@ -1,21 +0,0 @@
-const generateCurvedPath = (e) => {
-	if (e.length === 0) return "";
-	if (e.length === 1) return `M ${e[0][0]} ${e[0][1]}`;
-	let [t, ...n] = e, r = `M ${t[0]} ${t[1]}`;
-	return n.forEach((e, i) => {
-		let [a, o] = i === 0 ? t : n[i - 1], [s, c] = e, l = (s - a) * .3, u = [a + l, o], d = [s - l, c];
-		r += ` C ${u[0]} ${u[1]}, ${d[0]} ${d[1]}, ${s} ${c}`;
-	}), r;
-}, calculateLinesPathData = (t, n, r, i) => {
-	if (t.length === 0 || n.length === 0) return [];
-	let a = i * .05, o = i - 2 * a, s = n.flatMap((e) => t.map((t) => Number(t[e.yKey]))), c = Math.min(...s), l = Math.max(...s) - c || 1;
-	return n.map((n) => {
-		let s = t.map((e, i) => [i / Math.max(1, t.length - 1) * r, a + o - (Number(e[n.yKey]) - c) / l * o]), u = n.curved ? generateCurvedPath(s) : `M ${s.map(([e, t]) => `${e},${t}`).join(" L ")}`, d = "";
-		return n.fill && (d = n.curved ? `${generateCurvedPath(s)} L ${r} ${i} L 0 ${i} Z` : `${u} L ${r},${i} L 0,${i} Z`), {
-			config: n,
-			fillPath: d,
-			linePath: u
-		};
-	});
-};
-export { calculateLinesPathData, generateCurvedPath };

package/dist/esm/components/zoomArea/utils/rangeAndPositions.js

@@ -1,20 +0,0 @@
-const calculateHandlerPositions = (e, t, n) => {
-	let r = e.start / Math.max(1, t - 1) * n;
-	return {
-		endX: e.end / Math.max(1, t - 1) * n,
-		startX: r
-	};
-}, mouseToDataIndex = (e, t, n) => {
-	let r = Math.max(0, Math.min(t, e)) / t;
-	return Math.round(r * (n - 1));
-}, clampRange = (e, t, n = .1) => {
-	let r = Math.max(0, Math.min(e.start, t - 1 - n));
-	return {
-		end: Math.min(t - 1, Math.max(e.end, r + n)),
-		start: r
-	};
-}, createDefaultRange = (e) => ({
-	end: Math.max(0, e - 1),
-	start: 0
-}), isFullRange = (e, t) => e.start === 0 && e.end === t - 1;
-export { calculateHandlerPositions, clampRange, createDefaultRange, isFullRange, mouseToDataIndex };

package/dist/esm/components/zoomArea/utils/selectionConfig.js

@@ -1,15 +0,0 @@
-var DEFAULT_SELECTION_CONFIG = {
-	FILL: "#0078d4",
-	FILL_OPACITY: .5,
-	HIDE_OVERLAY_ON_FULL_RANGE: !0,
-	STROKE: "#0078d4",
-	STROKE_WIDTH: 0
-};
-const getSelectionConfig = (e) => ({
-	fill: e?.fill ?? DEFAULT_SELECTION_CONFIG.FILL,
-	fillOpacity: e?.fillOpacity ?? DEFAULT_SELECTION_CONFIG.FILL_OPACITY,
-	hideOverlayOnFullRange: e?.hideOverlayOnFullRange ?? DEFAULT_SELECTION_CONFIG.HIDE_OVERLAY_ON_FULL_RANGE,
-	stroke: e?.stroke ?? DEFAULT_SELECTION_CONFIG.STROKE,
-	strokeWidth: e?.strokeWidth ?? DEFAULT_SELECTION_CONFIG.STROKE_WIDTH
-});
-export { getSelectionConfig };

package/dist/esm/components/zoomArea/zoomArea.js

@@ -1,131 +0,0 @@
-import { SvgContainer } from "../svgContainer/svgContainer.js";
-import { useResponsiveCanvas } from "../../hooks/useResponsiveCanvas/useResponsiveCanvas.js";
-import { getDataFingerprint } from "../../utils/getDataFingerprint/getDataFingerprint.js";
-import { FocusRing } from "../focusRing/focusRing2.js";
-import { LineRenderer } from "./components/LineRenderer.js";
-import { calculateHandlerPositions } from "./utils/rangeAndPositions.js";
-import { SelectionArea } from "./components/SelectionArea.js";
-import { ZoomHandler } from "./components/ZoomHandler.js";
-import { ZoomAreaElements } from "./zoomArea.type.js";
-import { useDragInteraction } from "./hooks/useDragInteraction.js";
-import { useKeyboardNavigation } from "./hooks/useKeyboardNavigation.js";
-import { useZoomAreaFocus } from "./hooks/useZoomAreaFocus.js";
-import { useZoomData } from "./hooks/useZoomData.js";
-import { getInteractionConfig } from "./utils/interactionConfig.js";
-import { calculateLinesPathData } from "./utils/pathGeneration.js";
-import { generateAccessibilityLabels } from "./utils/accessibilityLabels.js";
-import { getSelectionConfig } from "./utils/selectionConfig.js";
-import { useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ZoomArea = ({ ariaHidden: e, ariaLabel: t, backgroundColor: n, canvasConfig: r, caption: i, classNames: a, data: o, focusConfig: s, handlerConfig: c, height: l = "40px", initialRange: u, interactionConfig: d, lines: f, onDataChange: p, role: m, screenReaderTextConfig: h, selectionConfig: g, width: _ = "100%", xKey: v, ...y }) => {
-	let b = "zoom-area", x = getInteractionConfig(d), S = getSelectionConfig(g), { currentRange: C, handleRangeChange: w } = useZoomData({
-		data: o,
-		initialRange: u,
-		onDataChange: p
-	}), { parsedCanvas: T, viewBox: E } = useResponsiveCanvas({
-		canvasConfig: r,
-		dataTestId: b,
-		height: l,
-		width: _
-	}), D = getDataFingerprint(o), O = JSON.stringify(f), k = useRef(null), A = generateAccessibilityLabels(o, v, C, h), j = useMemo(() => calculateLinesPathData(o, f, T.width, T.height), [
-		D,
-		O,
-		T.width,
-		T.height
-	]), { endX: M, startX: N } = useMemo(() => calculateHandlerPositions(C, o.length, T.width), [
-		C,
-		D,
-		T.width
-	]), { handleBlur: P, handleFocus: F, isFocused: I } = useZoomAreaFocus(), { handleKeyDown: L } = useKeyboardNavigation({
-		currentRange: C,
-		dataLength: o.length,
-		interactionConfig: x,
-		onRangeChange: w
-	}), { groupRef: R, handleMouseDown: z, handleTouchStart: B } = useDragInteraction({
-		currentRange: C,
-		dataLength: o.length,
-		interactionConfig: x,
-		onRangeChange: w,
-		width: T.width
-	});
-	return /* @__PURE__ */ jsxs(SvgContainer, {
-		ref: R,
-		ariaHidden: e,
-		ariaLabel: t,
-		backgroundColor: n,
-		caption: i,
-		className: a,
-		"data-testid": b,
-		height: l,
-		overflow: "visible",
-		role: m,
-		viewBox: E,
-		width: _,
-		...y,
-		children: [
-			/* @__PURE__ */ jsx(LineRenderer, { linesData: j }),
-			/* @__PURE__ */ jsx(SelectionArea, {
-				ref: k,
-				currentRange: C,
-				dataLength: o.length,
-				dataTestId: `${b}-selection-area`,
-				endX: M,
-				height: T.height,
-				screenReaderText: A.selectionArea,
-				selectionConfig: S,
-				startX: N,
-				onBlur: P,
-				onFocus: F(ZoomAreaElements.SELECTION_AREA),
-				onKeyDown: L(ZoomAreaElements.SELECTION_AREA),
-				onMouseDown: z(ZoomAreaElements.SELECTION_AREA),
-				onTouchStart: B(ZoomAreaElements.SELECTION_AREA)
-			}),
-			/* @__PURE__ */ jsx(ZoomHandler, {
-				dataTestId: `${b}-start-handler`,
-				focusConfig: s,
-				handlerConfig: c,
-				height: T.height,
-				isFocused: I(ZoomAreaElements.START_HANDLER),
-				max: C.end - x.minHandlerDistance,
-				min: 0,
-				screenReaderText: A.startHandler,
-				type: ZoomAreaElements.START_HANDLER,
-				value: C.start,
-				x: N,
-				onBlur: P,
-				onFocus: F(ZoomAreaElements.START_HANDLER),
-				onKeyDown: L(ZoomAreaElements.START_HANDLER),
-				onMouseDown: z(ZoomAreaElements.START_HANDLER),
-				onTouchStart: B(ZoomAreaElements.START_HANDLER)
-			}),
-			/* @__PURE__ */ jsx(ZoomHandler, {
-				dataTestId: `${b}-end-handler`,
-				focusConfig: s,
-				handlerConfig: c,
-				height: T.height,
-				isFocused: I(ZoomAreaElements.END_HANDLER),
-				max: o.length - 1,
-				min: C.start + x.minHandlerDistance,
-				screenReaderText: A.endHandler,
-				type: ZoomAreaElements.END_HANDLER,
-				value: C.end,
-				x: M,
-				onBlur: P,
-				onFocus: F(ZoomAreaElements.END_HANDLER),
-				onKeyDown: L(ZoomAreaElements.END_HANDLER),
-				onMouseDown: z(ZoomAreaElements.END_HANDLER),
-				onTouchStart: B(ZoomAreaElements.END_HANDLER)
-			}),
-			/* @__PURE__ */ jsx(FocusRing, {
-				dataTestId: "selection-area-focus",
-				focusConfig: {
-					...s,
-					variant: "bounding-box"
-				},
-				isFocused: I(ZoomAreaElements.SELECTION_AREA),
-				targetRef: k
-			})
-		]
-	});
-};
-export { ZoomArea };