@patternfly/react-charts
Version:
This library provides a set of React chart components for use with the PatternFly reference implementation.
41 lines • 2.24 kB
JavaScript
/* eslint-disable camelcase */
import chart_container_cursor_line_Fill from '@patternfly/react-tokens/dist/esm/chart_container_cursor_line_Fill';
import * as React from 'react';
import { createContainer as victoryCreateContainer } from 'victory-create-container';
import { ChartCursorTooltip } from '../ChartCursorTooltip';
import { ChartLabel } from '../ChartLabel';
import { LineSegment } from 'victory-core';
/**
* Makes a container component with multiple behaviors. It allows you to effectively combine any two
* containers of type 'brush', 'cursor', 'selection', 'voronoi', or 'zoom'. Default container props are applied to
* support the PatternFly theme.
*
* Each behavior must be one of the following strings: 'brush', 'cursor', 'selection', 'voronoi', and 'zoom'. The
* resulting container uses the events from both behaviors. For example, if both behaviors use the click event (like
* zoom and selection) the combined container will trigger both behaviors' events on each click.
*
* Note: Order of the behaviors matters in a few cases. It is recommended to use 'zoom' before any other behaviors: for
* example, createContainer('zoom', 'voronoi') instead of createContainer('voronoi', 'zoom').
*
* See https://formidable.com/open-source/victory/docs/create-container
*
* @param {string} behaviorA 'brush', 'cursor', 'selection', 'voronoi', or 'zoom'
* @param {string} behaviorB 'brush', 'cursor', 'selection', 'voronoi', or 'zoom'
* @public
*/
export const createContainer = (behaviorA, behaviorB) => {
const container = victoryCreateContainer(behaviorA, behaviorB);
const isCursor = behaviorA === 'cursor' || behaviorB === 'cursor';
const isVoronoi = behaviorA === 'voronoi' || behaviorB === 'voronoi';
if (isCursor) {
container.defaultProps.cursorLabelComponent = React.createElement(ChartLabel, { textAnchor: "start" });
container.defaultProps.cursorComponent = (React.createElement(LineSegment, { style: {
stroke: chart_container_cursor_line_Fill.var
} }));
}
if (isVoronoi) {
container.defaultProps.labelComponent = React.createElement(ChartCursorTooltip, null);
}
return container;
};
//# sourceMappingURL=chart-container.js.map