@mui/x-charts
Version:
The community edition of MUI X Charts components.
82 lines (81 loc) • 3.56 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.selectorChartPreviewComputedYAxis = exports.selectorChartPreviewComputedXAxis = void 0;
var _selectors = require("../../utils/selectors");
var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
var _useChartSeries = require("../../corePlugins/useChartSeries");
var _computeAxisValue = require("./computeAxisValue");
var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
var _useChartDimensions = require("../../corePlugins/useChartDimensions");
var _constants = require("../../../constants");
function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
return axisDirection === 'x' ? {
left: 0,
top: 0,
width: mainChartDrawingArea.width,
height: _constants.ZOOM_SLIDER_PREVIEW_SIZE,
right: mainChartDrawingArea.width,
bottom: _constants.ZOOM_SLIDER_PREVIEW_SIZE
} : {
left: 0,
top: 0,
width: _constants.ZOOM_SLIDER_PREVIEW_SIZE,
height: mainChartDrawingArea.height,
right: _constants.ZOOM_SLIDER_PREVIEW_SIZE,
bottom: mainChartDrawingArea.height
};
}
const selectorChartPreviewComputedXAxis = exports.selectorChartPreviewComputedXAxis = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartZoomAxisFilters, _useChartDimensions.selectorChartDrawingArea, (_, axisId) => axisId], (xAxes, formattedSeries, seriesConfig, zoomOptions, getFilters, chartDrawingArea, axisId) => {
const hasAxis = xAxes?.some(axis => axis.id === axisId);
const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
const options = zoomOptions[axisId];
const zoomMap = new Map([[axisId, {
axisId,
start: options.minStart,
end: options.maxEnd
}]]);
const computedAxes = (0, _computeAxisValue.computeAxisValue)({
drawingArea,
formattedSeries,
axis: xAxes,
seriesConfig,
axisDirection: 'x',
zoomMap,
zoomOptions,
getFilters
});
if (computedAxes.axis[axisId]) {
return {
[axisId]: computedAxes.axis[axisId]
};
}
return computedAxes.axis;
});
const selectorChartPreviewComputedYAxis = exports.selectorChartPreviewComputedYAxis = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawYAxis, _useChartSeries.selectorChartSeriesProcessed, _useChartSeries.selectorChartSeriesConfig, _useChartCartesianAxisRendering.selectorChartZoomOptionsLookup, _useChartCartesianAxisRendering.selectorChartZoomAxisFilters, _useChartDimensions.selectorChartDrawingArea, (_, axisId) => axisId], (yAxes, formattedSeries, seriesConfig, zoomOptions, getFilters, chartDrawingArea, axisId) => {
const hasAxis = yAxes?.some(axis => axis.id === axisId);
const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
const options = zoomOptions[axisId];
const zoomMap = new Map([[axisId, {
axisId,
start: options.minStart,
end: options.maxEnd
}]]);
const computedAxes = (0, _computeAxisValue.computeAxisValue)({
drawingArea,
formattedSeries,
axis: yAxes,
seriesConfig,
axisDirection: 'y',
zoomMap,
zoomOptions,
getFilters
});
if (computedAxes.axis[axisId]) {
return {
[axisId]: computedAxes.axis[axisId]
};
}
return computedAxes.axis;
});