@octanejs/recharts 0.1.0

package/src/state/selectors/polarAxisSelectors.js

@@ -0,0 +1,237 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/polarAxisSelectors.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		(r &&
+			(o = o.filter(function (r) {
+				return Object.getOwnPropertyDescriptor(e, r).enumerable;
+			})),
+			t.push.apply(t, o));
+	}
+	return t;
+}
+function _objectSpread(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2
+			? ownKeys(Object(t), !0).forEach(function (r) {
+					_defineProperty(e, r, t[r]);
+				})
+			: Object.getOwnPropertyDescriptors
+				? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t))
+				: ownKeys(Object(t)).forEach(function (r) {
+						Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+					});
+	}
+	return e;
+}
+function _defineProperty(e, r, t) {
+	return (
+		(r = _toPropertyKey(r)) in e
+			? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 })
+			: (e[r] = t),
+		e
+	);
+}
+function _toPropertyKey(t) {
+	var i = _toPrimitive(t, 'string');
+	return 'symbol' == typeof i ? i : i + '';
+}
+function _toPrimitive(t, r) {
+	if ('object' != typeof t || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || 'default');
+		if ('object' != typeof i) return i;
+		throw new TypeError('@@toPrimitive must return a primitive value.');
+	}
+	return ('string' === r ? String : Number)(t);
+}
+import { createSelector } from 'reselect';
+import { selectChartHeight, selectChartWidth } from './containerSelectors';
+import { selectChartOffsetInternal } from './selectChartOffsetInternal';
+import { getMaxRadius } from '../../util/PolarUtils';
+import { getPercentValue } from '../../util/DataUtils';
+import { defaultPolarAngleAxisProps } from '../../polar/defaultPolarAngleAxisProps';
+import { defaultPolarRadiusAxisProps } from '../../polar/defaultPolarRadiusAxisProps';
+import { combineAxisRangeWithReverse } from './combiners/combineAxisRangeWithReverse';
+import { selectChartLayout, selectPolarChartLayout } from '../../context/chartLayoutContext';
+import { getAxisTypeBasedOnLayout } from '../../util/getAxisTypeBasedOnLayout';
+export var implicitAngleAxis = {
+	allowDataOverflow: defaultPolarAngleAxisProps.allowDataOverflow,
+	allowDecimals: defaultPolarAngleAxisProps.allowDecimals,
+	allowDuplicatedCategory: false,
+	// defaultPolarAngleAxisProps.allowDuplicatedCategory has it set to true but the actual axis rendering ignores the prop because reasons,
+	dataKey: undefined,
+	domain: undefined,
+	id: defaultPolarAngleAxisProps.angleAxisId,
+	includeHidden: false,
+	name: undefined,
+	reversed: defaultPolarAngleAxisProps.reversed,
+	scale: defaultPolarAngleAxisProps.scale,
+	tick: defaultPolarAngleAxisProps.tick,
+	tickCount: undefined,
+	ticks: undefined,
+	type: defaultPolarAngleAxisProps.type,
+	unit: undefined,
+	niceTicks: 'auto',
+};
+export var implicitRadiusAxis = {
+	allowDataOverflow: defaultPolarRadiusAxisProps.allowDataOverflow,
+	allowDecimals: defaultPolarRadiusAxisProps.allowDecimals,
+	allowDuplicatedCategory: defaultPolarRadiusAxisProps.allowDuplicatedCategory,
+	dataKey: undefined,
+	domain: undefined,
+	id: defaultPolarRadiusAxisProps.radiusAxisId,
+	includeHidden: defaultPolarRadiusAxisProps.includeHidden,
+	name: undefined,
+	reversed: defaultPolarRadiusAxisProps.reversed,
+	scale: defaultPolarRadiusAxisProps.scale,
+	tick: defaultPolarRadiusAxisProps.tick,
+	tickCount: defaultPolarRadiusAxisProps.tickCount,
+	ticks: undefined,
+	type: defaultPolarRadiusAxisProps.type,
+	unit: undefined,
+	niceTicks: 'auto',
+};
+var selectAngleAxisNoDefaults = (state, angleAxisId) => {
+	if (angleAxisId == null) {
+		return undefined;
+	}
+	return state.polarAxis.angleAxis[angleAxisId];
+};
+export var selectAngleAxis = createSelector(
+	[selectAngleAxisNoDefaults, selectPolarChartLayout],
+	(angleAxisSettings, layout) => {
+		var _getAxisTypeBasedOnLa;
+		if (angleAxisSettings != null) {
+			return angleAxisSettings;
+		}
+		var evaluatedType =
+			(_getAxisTypeBasedOnLa = getAxisTypeBasedOnLayout(
+				layout,
+				'angleAxis',
+				implicitAngleAxis.type,
+			)) !== null && _getAxisTypeBasedOnLa !== void 0
+				? _getAxisTypeBasedOnLa
+				: 'category';
+		return _objectSpread(
+			_objectSpread({}, implicitAngleAxis),
+			{},
+			{
+				type: evaluatedType,
+			},
+		);
+	},
+);
+var selectRadiusAxisNoDefaults = (state, radiusAxisId) => {
+	return state.polarAxis.radiusAxis[radiusAxisId];
+};
+export var selectRadiusAxis = createSelector(
+	[selectRadiusAxisNoDefaults, selectPolarChartLayout],
+	(radiusAxisSettings, layout) => {
+		var _getAxisTypeBasedOnLa2;
+		if (radiusAxisSettings != null) {
+			return radiusAxisSettings;
+		}
+		var evaluatedType =
+			(_getAxisTypeBasedOnLa2 = getAxisTypeBasedOnLayout(
+				layout,
+				'radiusAxis',
+				implicitRadiusAxis.type,
+			)) !== null && _getAxisTypeBasedOnLa2 !== void 0
+				? _getAxisTypeBasedOnLa2
+				: 'category';
+		return _objectSpread(
+			_objectSpread({}, implicitRadiusAxis),
+			{},
+			{
+				type: evaluatedType,
+			},
+		);
+	},
+);
+export var selectPolarOptions = (state) => state.polarOptions;
+export var selectMaxRadius = createSelector(
+	[selectChartWidth, selectChartHeight, selectChartOffsetInternal],
+	getMaxRadius,
+);
+var selectInnerRadius = createSelector(
+	[selectPolarOptions, selectMaxRadius],
+	(polarChartOptions, maxRadius) => {
+		if (polarChartOptions == null) {
+			return undefined;
+		}
+		return getPercentValue(polarChartOptions.innerRadius, maxRadius, 0);
+	},
+);
+export var selectOuterRadius = createSelector(
+	[selectPolarOptions, selectMaxRadius],
+	(polarChartOptions, maxRadius) => {
+		if (polarChartOptions == null) {
+			return undefined;
+		}
+		return getPercentValue(polarChartOptions.outerRadius, maxRadius, maxRadius * 0.8);
+	},
+);
+var combineAngleAxisRange = (polarOptions) => {
+	if (polarOptions == null) {
+		return [0, 0];
+	}
+	var startAngle = polarOptions.startAngle,
+		endAngle = polarOptions.endAngle;
+	return [startAngle, endAngle];
+};
+export var selectAngleAxisRange = createSelector([selectPolarOptions], combineAngleAxisRange);
+export var selectAngleAxisRangeWithReversed = createSelector(
+	[selectAngleAxis, selectAngleAxisRange],
+	combineAxisRangeWithReverse,
+);
+export var selectRadiusAxisRange = createSelector(
+	[selectMaxRadius, selectInnerRadius, selectOuterRadius],
+	(maxRadius, innerRadius, outerRadius) => {
+		if (maxRadius == null || innerRadius == null || outerRadius == null) {
+			return undefined;
+		}
+		return [innerRadius, outerRadius];
+	},
+);
+export var selectRadiusAxisRangeWithReversed = createSelector(
+	[selectRadiusAxis, selectRadiusAxisRange],
+	combineAxisRangeWithReverse,
+);
+export var selectPolarViewBox = createSelector(
+	[
+		selectChartLayout,
+		selectPolarOptions,
+		selectInnerRadius,
+		selectOuterRadius,
+		selectChartWidth,
+		selectChartHeight,
+	],
+	(layout, polarOptions, innerRadius, outerRadius, width, height) => {
+		if (
+			(layout !== 'centric' && layout !== 'radial') ||
+			polarOptions == null ||
+			innerRadius == null ||
+			outerRadius == null
+		) {
+			return undefined;
+		}
+		var cx = polarOptions.cx,
+			cy = polarOptions.cy,
+			startAngle = polarOptions.startAngle,
+			endAngle = polarOptions.endAngle;
+		return {
+			cx: getPercentValue(cx, width, width / 2),
+			cy: getPercentValue(cy, height, height / 2),
+			innerRadius,
+			outerRadius,
+			startAngle,
+			endAngle,
+			clockWise: false, // this property look useful, why not use it?
+		};
+	},
+);

package/src/state/selectors/rootPropsSelectors.js

@@ -0,0 +1,13 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/rootPropsSelectors.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+export var selectRootMaxBarSize = (state) => state.rootProps.maxBarSize;
+export var selectBarGap = (state) => state.rootProps.barGap;
+export var selectBarCategoryGap = (state) => state.rootProps.barCategoryGap;
+export var selectRootBarSize = (state) => state.rootProps.barSize;
+export var selectStackOffsetType = (state) => state.rootProps.stackOffset;
+export var selectReverseStackOrder = (state) => state.rootProps.reverseStackOrder;
+export var selectChartName = (state) => state.options.chartName;
+export var selectSyncId = (state) => state.rootProps.syncId;
+export var selectSyncMethod = (state) => state.rootProps.syncMethod;
+export var selectEventEmitter = (state) => state.options.eventEmitter;
+export var selectChartBaseValue = (state) => state.rootProps.baseValue;

package/src/state/selectors/selectActivePropsFromChartPointer.js

@@ -0,0 +1,23 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectActivePropsFromChartPointer.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { createSelector } from 'reselect';
+import { selectChartLayout } from '../../context/chartLayoutContext';
+import { selectTooltipAxisRangeWithReverse, selectTooltipAxisTicks } from './tooltipSelectors';
+import { selectChartOffsetInternal } from './selectChartOffsetInternal';
+import { combineActiveProps, selectOrderedTooltipTicks } from './selectors';
+import { selectPolarViewBox } from './polarAxisSelectors';
+import { selectTooltipAxisType } from './selectTooltipAxisType';
+var pickChartPointer = (_state, chartPointer) => chartPointer;
+export var selectActivePropsFromChartPointer = createSelector(
+	[
+		pickChartPointer,
+		selectChartLayout,
+		selectPolarViewBox,
+		selectTooltipAxisType,
+		selectTooltipAxisRangeWithReverse,
+		selectTooltipAxisTicks,
+		selectOrderedTooltipTicks,
+		selectChartOffsetInternal,
+	],
+	combineActiveProps,
+);

package/src/state/selectors/selectAllAxes.js

@@ -0,0 +1,15 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectAllAxes.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { createSelector } from 'reselect';
+export var selectAllXAxes = createSelector(
+	(state) => state.cartesianAxis.xAxis,
+	(xAxisMap) => {
+		return Object.values(xAxisMap);
+	},
+);
+export var selectAllYAxes = createSelector(
+	(state) => state.cartesianAxis.yAxis,
+	(yAxisMap) => {
+		return Object.values(yAxisMap);
+	},
+);

package/src/state/selectors/selectChartOffset.js

@@ -0,0 +1,12 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectChartOffset.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { createSelector } from 'reselect';
+import { selectChartOffsetInternal } from './selectChartOffsetInternal';
+export var selectChartOffset = createSelector([selectChartOffsetInternal], (offsetInternal) => {
+	return {
+		top: offsetInternal.top,
+		bottom: offsetInternal.bottom,
+		left: offsetInternal.left,
+		right: offsetInternal.right,
+	};
+});

package/src/state/selectors/selectChartOffsetInternal.js

@@ -0,0 +1,174 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectChartOffsetInternal.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		(r &&
+			(o = o.filter(function (r) {
+				return Object.getOwnPropertyDescriptor(e, r).enumerable;
+			})),
+			t.push.apply(t, o));
+	}
+	return t;
+}
+function _objectSpread(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2
+			? ownKeys(Object(t), !0).forEach(function (r) {
+					_defineProperty(e, r, t[r]);
+				})
+			: Object.getOwnPropertyDescriptors
+				? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t))
+				: ownKeys(Object(t)).forEach(function (r) {
+						Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+					});
+	}
+	return e;
+}
+function _defineProperty(e, r, t) {
+	return (
+		(r = _toPropertyKey(r)) in e
+			? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 })
+			: (e[r] = t),
+		e
+	);
+}
+function _toPropertyKey(t) {
+	var i = _toPrimitive(t, 'string');
+	return 'symbol' == typeof i ? i : i + '';
+}
+function _toPrimitive(t, r) {
+	if ('object' != typeof t || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || 'default');
+		if ('object' != typeof i) return i;
+		throw new TypeError('@@toPrimitive must return a primitive value.');
+	}
+	return ('string' === r ? String : Number)(t);
+}
+import { createSelector } from 'reselect';
+import { selectLegendSettings, selectLegendSize } from './legendSelectors';
+import { appendOffsetOfLegend } from '../../util/ChartUtils';
+import { selectChartHeight, selectChartWidth, selectMargin } from './containerSelectors';
+import { selectAllXAxes, selectAllYAxes } from './selectAllAxes';
+import { DEFAULT_Y_AXIS_WIDTH } from '../../util/Constants';
+export var selectBrushHeight = (state) => state.brush.height;
+function selectLeftAxesOffset(state) {
+	var yAxes = selectAllYAxes(state);
+	return yAxes.reduce((result, entry) => {
+		if (entry.orientation === 'left' && !entry.mirror && !entry.hide) {
+			var width = typeof entry.width === 'number' ? entry.width : DEFAULT_Y_AXIS_WIDTH;
+			return result + width;
+		}
+		return result;
+	}, 0);
+}
+function selectRightAxesOffset(state) {
+	var yAxes = selectAllYAxes(state);
+	return yAxes.reduce((result, entry) => {
+		if (entry.orientation === 'right' && !entry.mirror && !entry.hide) {
+			var width = typeof entry.width === 'number' ? entry.width : DEFAULT_Y_AXIS_WIDTH;
+			return result + width;
+		}
+		return result;
+	}, 0);
+}
+function selectTopAxesOffset(state) {
+	var xAxes = selectAllXAxes(state);
+	return xAxes.reduce((result, entry) => {
+		if (entry.orientation === 'top' && !entry.mirror && !entry.hide) {
+			return result + entry.height;
+		}
+		return result;
+	}, 0);
+}
+function selectBottomAxesOffset(state) {
+	var xAxes = selectAllXAxes(state);
+	return xAxes.reduce((result, entry) => {
+		if (entry.orientation === 'bottom' && !entry.mirror && !entry.hide) {
+			return result + entry.height;
+		}
+		return result;
+	}, 0);
+}
+
+/**
+ * For internal use only.
+ *
+ * @param root state
+ * @return ChartOffsetInternal
+ */
+export var selectChartOffsetInternal = createSelector(
+	[
+		selectChartWidth,
+		selectChartHeight,
+		selectMargin,
+		selectBrushHeight,
+		selectLeftAxesOffset,
+		selectRightAxesOffset,
+		selectTopAxesOffset,
+		selectBottomAxesOffset,
+		selectLegendSettings,
+		selectLegendSize,
+	],
+	(
+		chartWidth,
+		chartHeight,
+		margin,
+		brushHeight,
+		leftAxesOffset,
+		rightAxesOffset,
+		topAxesOffset,
+		bottomAxesOffset,
+		legendSettings,
+		legendSize,
+	) => {
+		var offsetH = {
+			left: (margin.left || 0) + leftAxesOffset,
+			right: (margin.right || 0) + rightAxesOffset,
+		};
+		var offsetV = {
+			top: (margin.top || 0) + topAxesOffset,
+			bottom: (margin.bottom || 0) + bottomAxesOffset,
+		};
+		var offset = _objectSpread(_objectSpread({}, offsetV), offsetH);
+		var brushBottom = offset.bottom;
+		offset.bottom += brushHeight;
+		offset = appendOffsetOfLegend(offset, legendSettings, legendSize);
+		var offsetWidth = chartWidth - offset.left - offset.right;
+		var offsetHeight = chartHeight - offset.top - offset.bottom;
+		return _objectSpread(
+			_objectSpread(
+				{
+					brushBottom,
+				},
+				offset,
+			),
+			{},
+			{
+				// never return negative values for height and width
+				width: Math.max(offsetWidth, 0),
+				height: Math.max(offsetHeight, 0),
+			},
+		);
+	},
+);
+export var selectChartViewBox = createSelector(selectChartOffsetInternal, (offset) => ({
+	x: offset.left,
+	y: offset.top,
+	width: offset.width,
+	height: offset.height,
+}));
+export var selectAxisViewBox = createSelector(
+	selectChartWidth,
+	selectChartHeight,
+	(width, height) => ({
+		x: 0,
+		y: 0,
+		width,
+		height,
+	}),
+);

package/src/state/selectors/selectPlotArea.js

@@ -0,0 +1,19 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectPlotArea.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { createSelector } from 'reselect';
+import { selectChartOffset } from './selectChartOffset';
+import { selectChartHeight, selectChartWidth } from './containerSelectors';
+export var selectPlotArea = createSelector(
+	[selectChartOffset, selectChartWidth, selectChartHeight],
+	(offset, chartWidth, chartHeight) => {
+		if (!offset || chartWidth == null || chartHeight == null) {
+			return undefined;
+		}
+		return {
+			x: offset.left,
+			y: offset.top,
+			width: Math.max(0, chartWidth - offset.left - offset.right),
+			height: Math.max(0, chartHeight - offset.top - offset.bottom),
+		};
+	},
+);

package/src/state/selectors/selectTooltipAxisId.js

@@ -0,0 +1,3 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipAxisId.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+export var selectTooltipAxisId = (state) => state.tooltip.settings.axisId;

package/src/state/selectors/selectTooltipAxisType.js

@@ -0,0 +1,25 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipAxisType.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { selectChartLayout } from '../../context/chartLayoutContext';
+
+/**
+ * angle, radius, X, Y, and Z axes all have domain and range and scale and associated settings
+ */
+
+/**
+ * Z axis is never displayed and so it lacks ticks and tick settings.
+ */
+
+export var selectTooltipAxisType = (state) => {
+	var layout = selectChartLayout(state);
+	if (layout === 'horizontal') {
+		return 'xAxis';
+	}
+	if (layout === 'vertical') {
+		return 'yAxis';
+	}
+	if (layout === 'centric') {
+		return 'angleAxis';
+	}
+	return 'radiusAxis';
+};

package/src/state/selectors/selectTooltipEventType.js

@@ -0,0 +1,27 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipEventType.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+import { useAppSelector } from '../hooks';
+export var selectDefaultTooltipEventType = (state) => state.options.defaultTooltipEventType;
+export var selectValidateTooltipEventTypes = (state) => state.options.validateTooltipEventTypes;
+export function combineTooltipEventType(
+	shared,
+	defaultTooltipEventType,
+	validateTooltipEventTypes,
+) {
+	if (shared == null) {
+		return defaultTooltipEventType;
+	}
+	var eventType = shared ? 'axis' : 'item';
+	if (validateTooltipEventTypes == null) {
+		return defaultTooltipEventType;
+	}
+	return validateTooltipEventTypes.includes(eventType) ? eventType : defaultTooltipEventType;
+}
+export function selectTooltipEventType(state, shared) {
+	var defaultTooltipEventType = selectDefaultTooltipEventType(state);
+	var validateTooltipEventTypes = selectValidateTooltipEventTypes(state);
+	return combineTooltipEventType(shared, defaultTooltipEventType, validateTooltipEventTypes);
+}
+export function useTooltipEventType(shared) {
+	return useAppSelector((state) => selectTooltipEventType(state, shared));
+}

package/src/state/selectors/selectTooltipPayloadSearcher.js

@@ -0,0 +1,3 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipPayloadSearcher.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+export var selectTooltipPayloadSearcher = (state) => state.options.tooltipPayloadSearcher;

package/src/state/selectors/selectTooltipSettings.js

@@ -0,0 +1,3 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipSettings.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+export var selectTooltipSettings = (state) => state.tooltip.settings;

package/src/state/selectors/selectTooltipState.js

@@ -0,0 +1,3 @@
+// Vendored verbatim from recharts@3.9.2 es6/state/selectors/selectTooltipState.js (framework-agnostic).
+// Do not edit — update by re-vendoring when the recharts devDependency moves.
+export var selectTooltipState = (state) => state.tooltip;