vccs 0.1.0 → 0.3.0

package/dist/es/state/selectors/selectors.mjs

@@ -1,85 +1,104 @@
-import { selectChartDataWithIndexes as e } from "./dataSelectors.mjs";
-import { selectChartHeight as t, selectChartWidth as n } from "./containerSelectors.mjs";
-import { selectChartOffset as r } from "./selectChartOffset.mjs";
-import { selectChartName as i } from "./rootPropsSelectors.mjs";
-import { selectChartLayout as a } from "./common.mjs";
-import { calculateActiveTickIndex as o, calculateTooltipPos as s, getActiveCoordinate as c, inRange as l } from "../../utils/chart.mjs";
-import { combineActiveLabel as u } from "./combiners/combineActiveLabel.mjs";
-import { combineTooltipInteractionState as d } from "./combiners/combineTooltipInteractionState.mjs";
-import { combineActiveTooltipIndex as f } from "./combiners/combineActiveTooltipIndex.mjs";
-import { combineCoordinateForDefaultIndex as p } from "./combiners/combineCoordinateForDefaultIndex.mjs";
-import { combineTooltipPayloadConfigurations as m } from "./combiners/combineTooltipPayloadConfigurations.mjs";
-import { selectTooltipPayloadSearcher as h } from "./selectTooltipPayloadSearcher.mjs";
-import { selectTooltipState as g } from "./selectTooltipState.mjs";
-import { combineTooltipPayload as _, selectTooltipAxis as v, selectTooltipAxisDomain as y, selectTooltipAxisTicks as b, selectTooltipDisplayedData as x } from "./tooltipSelectors.mjs";
-import { useAppSelector as S } from "../hooks.mjs";
-import { createSelector as C } from "@reduxjs/toolkit";
-import { sortBy as w } from "lodash-es";
+import { selectChartDataWithIndexes } from "./dataSelectors.mjs";
+import { selectChartHeight, selectChartWidth } from "./containerSelectors.mjs";
+import { selectChartOffset } from "./selectChartOffset.mjs";
+import { selectChartName } from "./rootPropsSelectors.mjs";
+import { selectChartLayout } from "./common.mjs";
+import { calculateActiveTickIndex, calculateTooltipPos, getActiveCoordinate, inRange } from "../../utils/chart.mjs";
+import { combineActiveLabel } from "./combiners/combineActiveLabel.mjs";
+import { combineTooltipInteractionState } from "./combiners/combineTooltipInteractionState.mjs";
+import { combineActiveTooltipIndex } from "./combiners/combineActiveTooltipIndex.mjs";
+import { combineCoordinateForDefaultIndex } from "./combiners/combineCoordinateForDefaultIndex.mjs";
+import { combineTooltipPayloadConfigurations } from "./combiners/combineTooltipPayloadConfigurations.mjs";
+import { selectTooltipPayloadSearcher } from "./selectTooltipPayloadSearcher.mjs";
+import { selectTooltipState } from "./selectTooltipState.mjs";
+import { combineTooltipPayload, selectTooltipAxis, selectTooltipAxisDomain, selectTooltipAxisTicks, selectTooltipDisplayedData } from "./tooltipSelectors.mjs";
+import { useAppSelector } from "../hooks.mjs";
+import { createSelector } from "@reduxjs/toolkit";
+import { sortBy } from "lodash-es";
 //#region src/state/selectors/selectors.ts
-function T() {
-	return S(i);
+function useChartName() {
+	return useAppSelector(selectChartName);
 }
-function E(e, t) {
-	return t;
+function pickTooltipEventType(_state, tooltipEventType) {
+	return tooltipEventType;
 }
-function D(e, t, n) {
-	return n;
+function pickTrigger(_state, _tooltipEventType, trigger) {
+	return trigger;
 }
-function O(e, t, n, r) {
-	return r;
+function pickDefaultIndex(_state, _tooltipEventType, _trigger, defaultIndex) {
+	return defaultIndex;
 }
-var k = C(b, (e) => w(e, (e) => e.coordinate)), A = C([
-	g,
-	E,
-	D,
-	O
-], d), j = C([
-	A,
-	x,
-	C([v], (e) => e?.dataKey),
-	y
-], f);
-function M(e, t, n) {
-	let r = g(e);
-	return t === "axis" ? n === "hover" ? r.axisInteraction.hover.dataKey : r.axisInteraction.click.dataKey : n === "hover" ? r.itemInteraction.hover.dataKey : r.itemInteraction.click.dataKey;
+var selectOrderedTooltipTicks = createSelector(selectTooltipAxisTicks, (ticks) => {
+	return sortBy(ticks, (o) => o.coordinate);
+});
+var selectTooltipInteractionState = createSelector([
+	selectTooltipState,
+	pickTooltipEventType,
+	pickTrigger,
+	pickDefaultIndex
+], combineTooltipInteractionState);
+var selectActiveIndex = createSelector([
+	selectTooltipInteractionState,
+	selectTooltipDisplayedData,
+	createSelector([selectTooltipAxis], (axis) => axis?.dataKey),
+	selectTooltipAxisDomain
+], combineActiveTooltipIndex);
+function selectTooltipDataKey(state, tooltipEventType, trigger) {
+	const tooltipState = selectTooltipState(state);
+	if (tooltipEventType === "axis") {
+		if (trigger === "hover") return tooltipState.axisInteraction.hover.dataKey;
+		return tooltipState.axisInteraction.click.dataKey;
+	}
+	if (trigger === "hover") return tooltipState.itemInteraction.hover.dataKey;
+	return tooltipState.itemInteraction.click.dataKey;
 }
-var N = C([
-	g,
-	E,
-	D,
-	O
-], m), P = C([
-	n,
-	t,
-	a,
-	r,
-	b,
-	O,
-	N,
-	h
-], p), F = C([A, P], (e, t) => e.coordinate ?? t), I = C(b, j, u), L = C([
-	N,
-	j,
-	e,
-	v,
-	I,
-	h,
-	E
-], _), R = C([A], (e) => ({
-	isActive: e.active,
-	activeIndex: e.index
-}));
-function z(e, t, n, r, i, a, u, d) {
-	if (!e || !t || !r || !i || !a) return;
-	let f = l(e.chartX, e.chartY, t, n, d);
-	if (!f) return;
-	let p = s(f, t);
-	if (p == null) return;
-	let m = o(p, u, a, r, i), h = c(t, a, m, f);
+var selectTooltipPayloadConfigurations = createSelector([
+	selectTooltipState,
+	pickTooltipEventType,
+	pickTrigger,
+	pickDefaultIndex
+], combineTooltipPayloadConfigurations);
+var selectCoordinateForDefaultIndex = createSelector([
+	selectChartWidth,
+	selectChartHeight,
+	selectChartLayout,
+	selectChartOffset,
+	selectTooltipAxisTicks,
+	pickDefaultIndex,
+	selectTooltipPayloadConfigurations,
+	selectTooltipPayloadSearcher
+], combineCoordinateForDefaultIndex);
+var selectActiveCoordinate = createSelector([selectTooltipInteractionState, selectCoordinateForDefaultIndex], (tooltipInteractionState, defaultIndexCoordinate) => {
+	return tooltipInteractionState.coordinate ?? defaultIndexCoordinate;
+});
+var selectActiveLabel = createSelector(selectTooltipAxisTicks, selectActiveIndex, combineActiveLabel);
+var selectTooltipPayload = createSelector([
+	selectTooltipPayloadConfigurations,
+	selectActiveIndex,
+	selectChartDataWithIndexes,
+	selectTooltipAxis,
+	selectActiveLabel,
+	selectTooltipPayloadSearcher,
+	pickTooltipEventType
+], combineTooltipPayload);
+var selectIsTooltipActive = createSelector([selectTooltipInteractionState], (tooltipInteractionState) => {
 	return {
-		activeIndex: String(m),
-		activeCoordinate: h
+		isActive: tooltipInteractionState.active,
+		activeIndex: tooltipInteractionState.index
+	};
+});
+function combineActiveProps(chartEvent, layout, polarViewBox, tooltipAxisType, tooltipAxisRange, tooltipTicks, orderedTooltipTicks, offset) {
+	if (!chartEvent || !layout || !tooltipAxisType || !tooltipAxisRange || !tooltipTicks) return;
+	const rangeObj = inRange(chartEvent.chartX, chartEvent.chartY, layout, polarViewBox, offset);
+	if (!rangeObj) return;
+	const pos = calculateTooltipPos(rangeObj, layout);
+	if (pos == null) return;
+	const activeIndex = calculateActiveTickIndex(pos, orderedTooltipTicks, tooltipTicks, tooltipAxisType, tooltipAxisRange);
+	const activeCoordinate = getActiveCoordinate(layout, tooltipTicks, activeIndex, rangeObj);
+	return {
+		activeIndex: String(activeIndex),
+		activeCoordinate
 	};
 }
 //#endregion
-export { z as combineActiveProps, F as selectActiveCoordinate, I as selectActiveLabel, P as selectCoordinateForDefaultIndex, R as selectIsTooltipActive, k as selectOrderedTooltipTicks, M as selectTooltipDataKey, L as selectTooltipPayload, T as useChartName };
+export { combineActiveProps, selectActiveCoordinate, selectActiveLabel, selectCoordinateForDefaultIndex, selectIsTooltipActive, selectOrderedTooltipTicks, selectTooltipDataKey, selectTooltipPayload, useChartName };