recharts
Version:
React charts
163 lines • 7.86 kB
JavaScript
import { createSelector } from 'reselect';
import { selectAxisWithScale, selectCartesianAxisSize, selectStackGroups, selectTicksOfGraphicalItem, selectUnfilteredCartesianItems } from './axisSelectors';
import { isNullish } from '../../util/DataUtils';
import { getBandSizeOfAxis } from '../../util/ChartUtils';
import { computeBarRectangles } from '../../cartesian/Bar';
import { selectChartLayout } from '../../context/chartLayoutContext';
import { selectChartDataWithIndexesIfNotInPanoramaPosition3 } from './dataSelectors';
import { selectAxisViewBox, selectChartOffsetInternal } from './selectChartOffsetInternal';
import { selectBarCategoryGap, selectBarGap, selectRootBarSize, selectRootMaxBarSize } from './rootPropsSelectors';
import { combineBarSizeList } from './combiners/combineBarSizeList';
import { combineAllBarPositions } from './combiners/combineAllBarPositions';
import { combineStackedData } from './combiners/combineStackedData';
import { selectXAxisIdFromGraphicalItemId, selectYAxisIdFromGraphicalItemId } from './graphicalItemSelectors';
import { combineBarPosition } from './combiners/combineBarPosition';
var pickIsPanorama = (_state, _id, isPanorama) => isPanorama;
var pickBarId = (_state, id) => id;
var selectSynchronisedBarSettings = createSelector([selectUnfilteredCartesianItems, pickBarId], (graphicalItems, id) => graphicalItems.filter(item => item.type === 'bar').find(item => item.id === id));
export var selectMaxBarSize = createSelector([selectSynchronisedBarSettings], barSettings => barSettings === null || barSettings === void 0 ? void 0 : barSettings.maxBarSize);
var pickCells = (_state, _id, _isPanorama, cells) => cells;
export var selectAllVisibleBars = createSelector([selectChartLayout, selectUnfilteredCartesianItems, selectXAxisIdFromGraphicalItemId, selectYAxisIdFromGraphicalItemId, pickIsPanorama], (layout, allItems, xAxisId, yAxisId, isPanorama) => allItems.filter(i => {
if (layout === 'horizontal') {
return i.xAxisId === xAxisId;
}
return i.yAxisId === yAxisId;
}).filter(i => i.isPanorama === isPanorama).filter(i => i.hide === false).filter(i => i.type === 'bar'));
var selectBarStackGroups = (state, id, isPanorama) => {
var layout = selectChartLayout(state);
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null || yAxisId == null) {
return undefined;
}
if (layout === 'horizontal') {
return selectStackGroups(state, 'yAxis', yAxisId, isPanorama);
}
return selectStackGroups(state, 'xAxis', xAxisId, isPanorama);
};
export var selectBarCartesianAxisSize = (state, id) => {
var layout = selectChartLayout(state);
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null || yAxisId == null) {
return undefined;
}
if (layout === 'horizontal') {
return selectCartesianAxisSize(state, 'xAxis', xAxisId);
}
return selectCartesianAxisSize(state, 'yAxis', yAxisId);
};
export var selectBarSizeList = createSelector([selectAllVisibleBars, selectRootBarSize, selectBarCartesianAxisSize], combineBarSizeList);
export var selectBarBandSize = (state, id, isPanorama) => {
var _ref, _getBandSizeOfAxis;
var barSettings = selectSynchronisedBarSettings(state, id);
if (barSettings == null) {
return 0;
}
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null || yAxisId == null) {
return 0;
}
var layout = selectChartLayout(state);
var globalMaxBarSize = selectRootMaxBarSize(state);
var {
maxBarSize: childMaxBarSize
} = barSettings;
var maxBarSize = isNullish(childMaxBarSize) ? globalMaxBarSize : childMaxBarSize;
var axis, ticks;
if (layout === 'horizontal') {
axis = selectAxisWithScale(state, 'xAxis', xAxisId, isPanorama);
ticks = selectTicksOfGraphicalItem(state, 'xAxis', xAxisId, isPanorama);
} else {
axis = selectAxisWithScale(state, 'yAxis', yAxisId, isPanorama);
ticks = selectTicksOfGraphicalItem(state, 'yAxis', yAxisId, isPanorama);
}
return (_ref = (_getBandSizeOfAxis = getBandSizeOfAxis(axis, ticks, true)) !== null && _getBandSizeOfAxis !== void 0 ? _getBandSizeOfAxis : maxBarSize) !== null && _ref !== void 0 ? _ref : 0;
};
export var selectAxisBandSize = (state, id, isPanorama) => {
var layout = selectChartLayout(state);
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null || yAxisId == null) {
return undefined;
}
var axis, ticks;
if (layout === 'horizontal') {
axis = selectAxisWithScale(state, 'xAxis', xAxisId, isPanorama);
ticks = selectTicksOfGraphicalItem(state, 'xAxis', xAxisId, isPanorama);
} else {
axis = selectAxisWithScale(state, 'yAxis', yAxisId, isPanorama);
ticks = selectTicksOfGraphicalItem(state, 'yAxis', yAxisId, isPanorama);
}
return getBandSizeOfAxis(axis, ticks);
};
export var selectAllBarPositions = createSelector([selectBarSizeList, selectRootMaxBarSize, selectBarGap, selectBarCategoryGap, selectBarBandSize, selectAxisBandSize, selectMaxBarSize], combineAllBarPositions);
var selectXAxisWithScale = (state, id, isPanorama) => {
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null) {
return undefined;
}
return selectAxisWithScale(state, 'xAxis', xAxisId, isPanorama);
};
var selectYAxisWithScale = (state, id, isPanorama) => {
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (yAxisId == null) {
return undefined;
}
return selectAxisWithScale(state, 'yAxis', yAxisId, isPanorama);
};
var selectXAxisTicks = (state, id, isPanorama) => {
var xAxisId = selectXAxisIdFromGraphicalItemId(state, id);
if (xAxisId == null) {
return undefined;
}
return selectTicksOfGraphicalItem(state, 'xAxis', xAxisId, isPanorama);
};
var selectYAxisTicks = (state, id, isPanorama) => {
var yAxisId = selectYAxisIdFromGraphicalItemId(state, id);
if (yAxisId == null) {
return undefined;
}
return selectTicksOfGraphicalItem(state, 'yAxis', yAxisId, isPanorama);
};
export var selectBarPosition = createSelector([selectAllBarPositions, selectSynchronisedBarSettings], combineBarPosition);
export var selectStackedDataOfItem = createSelector([selectBarStackGroups, selectSynchronisedBarSettings], combineStackedData);
export var selectBarRectangles = createSelector([selectChartOffsetInternal, selectAxisViewBox, selectXAxisWithScale, selectYAxisWithScale, selectXAxisTicks, selectYAxisTicks, selectBarPosition, selectChartLayout, selectChartDataWithIndexesIfNotInPanoramaPosition3, selectAxisBandSize, selectStackedDataOfItem, selectSynchronisedBarSettings, pickCells], (offset, axisViewBox, xAxis, yAxis, xAxisTicks, yAxisTicks, pos, layout, _ref2, bandSize, stackedData, barSettings, cells) => {
var {
chartData,
dataStartIndex,
dataEndIndex
} = _ref2;
if (barSettings == null || pos == null || axisViewBox == null || layout !== 'horizontal' && layout !== 'vertical' || xAxis == null || yAxis == null || xAxisTicks == null || yAxisTicks == null || bandSize == null) {
return undefined;
}
var {
data
} = barSettings;
var displayedData;
if (data != null && data.length > 0) {
displayedData = data;
} else {
displayedData = chartData === null || chartData === void 0 ? void 0 : chartData.slice(dataStartIndex, dataEndIndex + 1);
}
if (displayedData == null) {
return undefined;
}
return computeBarRectangles({
layout,
barSettings,
pos,
parentViewBox: axisViewBox,
bandSize,
xAxis,
yAxis,
xAxisTicks,
yAxisTicks,
stackedData,
displayedData,
offset,
cells,
dataStartIndex
});
});