vccs 0.0.1 → 0.2.0

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

@@ -0,0 +1,77 @@
+import { isCategoricalAxis } from "../../utils/validate.mjs";
+import { selectChartDataWithIndexesIfNotInPanorama } from "./dataSelectors.mjs";
+import { selectChartLayout } from "./common.mjs";
+import { getBandSizeOfAxis, getNormalizedStackId } from "../../utils/chart.mjs";
+import { selectAxisWithScale, selectStackGroups, selectTicksOfGraphicalItem, selectUnfilteredCartesianItems } from "./axisSelectors.mjs";
+import { computeArea } from "../../cartesian/area/utils.mjs";
+import { createSelector } from "@reduxjs/toolkit";
+//#region src/state/selectors/areaSelectors.ts
+function selectXAxisWithScale(state, xAxisId, _yAxisId, isPanorama) {
+	return selectAxisWithScale(state, "xAxis", xAxisId, isPanorama);
+}
+function selectXAxisTicks(state, xAxisId, _yAxisId, isPanorama) {
+	return selectTicksOfGraphicalItem(state, "xAxis", xAxisId, isPanorama);
+}
+function selectYAxisWithScale(state, _xAxisId, yAxisId, isPanorama) {
+	return selectAxisWithScale(state, "yAxis", yAxisId, isPanorama);
+}
+function selectYAxisTicks(state, _xAxisId, yAxisId, isPanorama) {
+	return selectTicksOfGraphicalItem(state, "yAxis", yAxisId, isPanorama);
+}
+var selectBandSize = createSelector([
+	selectChartLayout,
+	selectXAxisWithScale,
+	selectYAxisWithScale,
+	selectXAxisTicks,
+	selectYAxisTicks
+], (layout, xAxis, yAxis, xAxisTicks, yAxisTicks) => {
+	if (isCategoricalAxis(layout, "xAxis")) return getBandSizeOfAxis(xAxis, xAxisTicks, false);
+	return getBandSizeOfAxis(yAxis, yAxisTicks, false);
+});
+function selectGraphicalItemStackedData(state, xAxisId, yAxisId, isPanorama, areaSettings) {
+	const isXAxisCategorical = isCategoricalAxis(selectChartLayout(state), "xAxis");
+	let stackGroups;
+	if (isXAxisCategorical) stackGroups = selectStackGroups(state, "yAxis", yAxisId, isPanorama);
+	else stackGroups = selectStackGroups(state, "xAxis", xAxisId, isPanorama);
+	if (stackGroups == null) return;
+	const { dataKey, stackId } = areaSettings;
+	return (stackGroups[stackId]?.stackedData)?.find((v) => v.key === dataKey);
+}
+function pickAreaSettings(_state, _xAxisId, _yAxisId, _isPanorama, areaSettings) {
+	return areaSettings;
+}
+var selectArea = createSelector([
+	selectChartLayout,
+	selectXAxisWithScale,
+	selectYAxisWithScale,
+	selectXAxisTicks,
+	selectYAxisTicks,
+	selectGraphicalItemStackedData,
+	selectChartDataWithIndexesIfNotInPanorama,
+	selectBandSize,
+	createSelector([selectUnfilteredCartesianItems, pickAreaSettings], (graphicalItems, areaSettingsFromProps) => {
+		if (graphicalItems.some((cgis) => cgis.type === "area" && areaSettingsFromProps.dataKey === cgis.dataKey && getNormalizedStackId(areaSettingsFromProps.stackId) === cgis.stackId && areaSettingsFromProps.data === cgis.data)) return areaSettingsFromProps;
+	})
+], (layout, xAxis, yAxis, xAxisTicks, yAxisTicks, stackedData, { chartData, dataStartIndex, dataEndIndex }, bandSize, areaSettings) => {
+	if (areaSettings == null || layout !== "horizontal" && layout !== "vertical" || xAxis == null || yAxis == null || xAxisTicks == null || yAxisTicks == null || xAxisTicks.length === 0 || yAxisTicks.length === 0) return;
+	const { data } = areaSettings;
+	let displayedData;
+	if (data && data.length > 0) displayedData = data;
+	else displayedData = chartData?.slice(dataStartIndex, dataEndIndex + 1);
+	if (displayedData == null) return;
+	return computeArea({
+		layout,
+		xAxis,
+		yAxis,
+		xAxisTicks,
+		yAxisTicks,
+		dataStartIndex,
+		areaSettings,
+		stackedData,
+		displayedData,
+		chartBaseValue: void 0,
+		bandSize
+	});
+});
+//#endregion
+export { selectArea };