@patternfly/react-charts
Version:
This library provides a set of React chart components for use with the PatternFly reference implementation.
36 lines • 2.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChartStack = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
const victory_stack_1 = require("victory-stack");
const ChartContainer_1 = require("../ChartContainer/ChartContainer");
const chart_helpers_1 = require("../ChartUtils/chart-helpers");
const chart_patterns_1 = require("../ChartUtils/chart-patterns");
const chart_theme_1 = require("../ChartUtils/chart-theme");
const ChartStack = (_a) => {
var { ariaDesc, ariaTitle, children, colorScale, containerComponent = (0, jsx_runtime_1.jsx)(ChartContainer_1.ChartContainer, {}), hasPatterns, patternScale, themeColor,
// destructure last
theme = (0, chart_theme_1.getTheme)(themeColor) } = _a, rest = tslib_1.__rest(_a, ["ariaDesc", "ariaTitle", "children", "colorScale", "containerComponent", "hasPatterns", "patternScale", "themeColor", "theme"]);
// Clone so users can override container props
const container = (0, react_1.cloneElement)(containerComponent, Object.assign(Object.assign({ desc: ariaDesc, title: ariaTitle, theme }, containerComponent.props), { className: (0, chart_helpers_1.getClassName)({ className: containerComponent.props.className }) // Override VictoryContainer class name
}));
const { defaultPatternScale } = (0, chart_patterns_1.useDefaultPatternProps)({
colorScale,
hasPatterns,
patternScale,
themeColorScale: theme.stack.colorScale
});
// Note: containerComponent is required for theme
return ((0, jsx_runtime_1.jsx)(victory_stack_1.VictoryStack, Object.assign({ colorScale: colorScale, containerComponent: container, theme: theme }, rest, { children: (0, chart_patterns_1.renderChildrenWithPatterns)({
children,
patternScale: defaultPatternScale
}) })));
};
exports.ChartStack = ChartStack;
exports.ChartStack.displayName = 'ChartStack';
// Note: VictoryStack.getChildren & VictoryStack.role must be hoisted
(0, hoist_non_react_statics_1.default)(exports.ChartStack, victory_stack_1.VictoryStack);
//# sourceMappingURL=ChartStack.js.map