@apptane/react-ui-charts
Version:
Chart components in Apptane React UI framework
75 lines (68 loc) • 14.6 kB
JavaScript
import { css as _css } from "@emotion/react";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
import { Text } from "@apptane/react-ui-typography";
import { css } from "@emotion/react";
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
export const StyleContainer = height => /*#__PURE__*/css("height:", height, "px;display:flex;align-items:center;justify-content:flex-start;" + (process.env.NODE_ENV === "production" ? "" : ";label:StyleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFEIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLXR5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hhcnRIZWFkZXJQcm9wcyB9IGZyb20gXCIuL0NoYXJ0SGVhZGVyLnR5cGVzLmpzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZUNvbnRhaW5lciA9IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVMZWdlbmQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuYDtcblxuLyoqXG4gKiBDaGFydCBwYW5lIGhlYWRlciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDaGFydEhlYWRlcih7IHRoZW1lLCBjb2xvck1vZGUsIGhlYWRlciwgbGVnZW5kLCBheGlzWVRpdGxlIH06IENoYXJ0SGVhZGVyUHJvcHMpIHtcbiAgY29uc3QgdmlzdWFsU3R5bGUgPSB0aGVtZS5jaGFydHMueHkuc3R5bGU7XG4gIGNvbnN0IHZpc3VhbEFwcGVhcmFuY2UgPSB0aGVtZS5jaGFydHMueHkuYXBwZWFyYW5jZSh0aGVtZS5wYWxldHRlW2NvbG9yTW9kZV0sIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG5cbiAgY29uc3QgaGVhZGVyUm93ID0gKGhlYWRlciB8fCBsZWdlbmQpICYmIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgU3R5bGVDb250YWluZXIodmlzdWFsU3R5bGUuaGVhZGVyLmhlaWdodCksXG4gICAgICAgIHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGF4aXNZVGl0bGUgPyB2aXN1YWxTdHlsZS55QXhpcy50aXRsZVNwYWNpbmcgOiB2aXN1YWxTdHlsZS5oZWFkZXIuc3BhY2luZyxcbiAgICAgICAgfSxcbiAgICAgIF19PlxuICAgICAge2hlYWRlciAmJiAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmhlYWRlcn0gey4uLnZpc3VhbFN0eWxlLmZvbnQuaGVhZGVyfT5cbiAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAge2xlZ2VuZCAmJiA8ZGl2IGNzcz17U3R5bGVMZWdlbmR9PntsZWdlbmR9PC9kaXY+fVxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBheGlzWVRpdGxlID8gKFxuICAgIGhlYWRlclJvdyA/IChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpbkJvdHRvbTogdmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmcgfX0+XG4gICAgICAgIHtoZWFkZXJSb3d9XG4gICAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmF4aXMudGV4dH0gey4uLnZpc3VhbFN0eWxlLmZvbnQuYXhpc30+XG4gICAgICAgICAgICB7YXhpc1lUaXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICA8VGV4dCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5heGlzLnRleHR9IHsuLi52aXN1YWxTdHlsZS5mb250LmF4aXN9IG1hcmdpbkJvdHRvbT17dmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmd9PlxuICAgICAgICAgIHtheGlzWVRpdGxlfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gICkgOiAoXG4gICAgaGVhZGVyUm93ID8/IG51bGxcbiAgKTtcbn1cbiJdfQ== */");
export const StyleLegend = process.env.NODE_ENV === "production" ? {
name: "1o3nkn",
styles: "margin-left:auto"
} : {
name: "lgxm6d-StyleLegend",
styles: "margin-left:auto;label:StyleLegend;",
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLXR5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hhcnRIZWFkZXJQcm9wcyB9IGZyb20gXCIuL0NoYXJ0SGVhZGVyLnR5cGVzLmpzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZUNvbnRhaW5lciA9IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVMZWdlbmQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuYDtcblxuLyoqXG4gKiBDaGFydCBwYW5lIGhlYWRlciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDaGFydEhlYWRlcih7IHRoZW1lLCBjb2xvck1vZGUsIGhlYWRlciwgbGVnZW5kLCBheGlzWVRpdGxlIH06IENoYXJ0SGVhZGVyUHJvcHMpIHtcbiAgY29uc3QgdmlzdWFsU3R5bGUgPSB0aGVtZS5jaGFydHMueHkuc3R5bGU7XG4gIGNvbnN0IHZpc3VhbEFwcGVhcmFuY2UgPSB0aGVtZS5jaGFydHMueHkuYXBwZWFyYW5jZSh0aGVtZS5wYWxldHRlW2NvbG9yTW9kZV0sIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG5cbiAgY29uc3QgaGVhZGVyUm93ID0gKGhlYWRlciB8fCBsZWdlbmQpICYmIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgU3R5bGVDb250YWluZXIodmlzdWFsU3R5bGUuaGVhZGVyLmhlaWdodCksXG4gICAgICAgIHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGF4aXNZVGl0bGUgPyB2aXN1YWxTdHlsZS55QXhpcy50aXRsZVNwYWNpbmcgOiB2aXN1YWxTdHlsZS5oZWFkZXIuc3BhY2luZyxcbiAgICAgICAgfSxcbiAgICAgIF19PlxuICAgICAge2hlYWRlciAmJiAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmhlYWRlcn0gey4uLnZpc3VhbFN0eWxlLmZvbnQuaGVhZGVyfT5cbiAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAge2xlZ2VuZCAmJiA8ZGl2IGNzcz17U3R5bGVMZWdlbmR9PntsZWdlbmR9PC9kaXY+fVxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBheGlzWVRpdGxlID8gKFxuICAgIGhlYWRlclJvdyA/IChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpbkJvdHRvbTogdmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmcgfX0+XG4gICAgICAgIHtoZWFkZXJSb3d9XG4gICAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmF4aXMudGV4dH0gey4uLnZpc3VhbFN0eWxlLmZvbnQuYXhpc30+XG4gICAgICAgICAgICB7YXhpc1lUaXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICA8VGV4dCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5heGlzLnRleHR9IHsuLi52aXN1YWxTdHlsZS5mb250LmF4aXN9IG1hcmdpbkJvdHRvbT17dmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmd9PlxuICAgICAgICAgIHtheGlzWVRpdGxlfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gICkgOiAoXG4gICAgaGVhZGVyUm93ID8/IG51bGxcbiAgKTtcbn1cbiJdfQ== */",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
/**
* Chart pane header component.
*/
export function ChartHeader(_ref) {
let {
theme,
colorMode,
header,
legend,
axisYTitle
} = _ref;
const visualStyle = theme.charts.xy.style;
const visualAppearance = theme.charts.xy.appearance(theme.palette[colorMode], colorMode, undefined, "none");
const headerRow = (header || legend) && _jsxs("div", {
css: [StyleContainer(visualStyle.header.height), {
marginBottom: axisYTitle ? visualStyle.yAxis.titleSpacing : visualStyle.header.spacing
}, process.env.NODE_ENV === "production" ? "" : ";label:headerRow;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JNIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLXR5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hhcnRIZWFkZXJQcm9wcyB9IGZyb20gXCIuL0NoYXJ0SGVhZGVyLnR5cGVzLmpzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZUNvbnRhaW5lciA9IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVMZWdlbmQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuYDtcblxuLyoqXG4gKiBDaGFydCBwYW5lIGhlYWRlciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDaGFydEhlYWRlcih7IHRoZW1lLCBjb2xvck1vZGUsIGhlYWRlciwgbGVnZW5kLCBheGlzWVRpdGxlIH06IENoYXJ0SGVhZGVyUHJvcHMpIHtcbiAgY29uc3QgdmlzdWFsU3R5bGUgPSB0aGVtZS5jaGFydHMueHkuc3R5bGU7XG4gIGNvbnN0IHZpc3VhbEFwcGVhcmFuY2UgPSB0aGVtZS5jaGFydHMueHkuYXBwZWFyYW5jZSh0aGVtZS5wYWxldHRlW2NvbG9yTW9kZV0sIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG5cbiAgY29uc3QgaGVhZGVyUm93ID0gKGhlYWRlciB8fCBsZWdlbmQpICYmIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgU3R5bGVDb250YWluZXIodmlzdWFsU3R5bGUuaGVhZGVyLmhlaWdodCksXG4gICAgICAgIHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGF4aXNZVGl0bGUgPyB2aXN1YWxTdHlsZS55QXhpcy50aXRsZVNwYWNpbmcgOiB2aXN1YWxTdHlsZS5oZWFkZXIuc3BhY2luZyxcbiAgICAgICAgfSxcbiAgICAgIF19PlxuICAgICAge2hlYWRlciAmJiAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmhlYWRlcn0gey4uLnZpc3VhbFN0eWxlLmZvbnQuaGVhZGVyfT5cbiAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAge2xlZ2VuZCAmJiA8ZGl2IGNzcz17U3R5bGVMZWdlbmR9PntsZWdlbmR9PC9kaXY+fVxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBheGlzWVRpdGxlID8gKFxuICAgIGhlYWRlclJvdyA/IChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpbkJvdHRvbTogdmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmcgfX0+XG4gICAgICAgIHtoZWFkZXJSb3d9XG4gICAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmF4aXMudGV4dH0gey4uLnZpc3VhbFN0eWxlLmZvbnQuYXhpc30+XG4gICAgICAgICAgICB7YXhpc1lUaXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICA8VGV4dCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5heGlzLnRleHR9IHsuLi52aXN1YWxTdHlsZS5mb250LmF4aXN9IG1hcmdpbkJvdHRvbT17dmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmd9PlxuICAgICAgICAgIHtheGlzWVRpdGxlfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gICkgOiAoXG4gICAgaGVhZGVyUm93ID8/IG51bGxcbiAgKTtcbn1cbiJdfQ== */"],
children: [header && _jsx(Text, _objectSpread(_objectSpread({
color: visualAppearance.header
}, visualStyle.font.header), {}, {
children: header
})), legend && _jsx("div", {
css: StyleLegend,
children: legend
})]
});
return axisYTitle ? headerRow ? _jsxs("div", {
css: /*#__PURE__*/_css({
marginBottom: visualStyle.header.spacing
}, process.env.NODE_ENV === "production" ? "" : ";label:ChartHeader;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNXIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXJ0cy9DaGFydEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLXR5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ2hhcnRIZWFkZXJQcm9wcyB9IGZyb20gXCIuL0NoYXJ0SGVhZGVyLnR5cGVzLmpzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZUNvbnRhaW5lciA9IChoZWlnaHQ6IG51bWJlcikgPT4gY3NzYFxuICBoZWlnaHQ6ICR7aGVpZ2h0fXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVMZWdlbmQgPSBjc3NgXG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuYDtcblxuLyoqXG4gKiBDaGFydCBwYW5lIGhlYWRlciBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDaGFydEhlYWRlcih7IHRoZW1lLCBjb2xvck1vZGUsIGhlYWRlciwgbGVnZW5kLCBheGlzWVRpdGxlIH06IENoYXJ0SGVhZGVyUHJvcHMpIHtcbiAgY29uc3QgdmlzdWFsU3R5bGUgPSB0aGVtZS5jaGFydHMueHkuc3R5bGU7XG4gIGNvbnN0IHZpc3VhbEFwcGVhcmFuY2UgPSB0aGVtZS5jaGFydHMueHkuYXBwZWFyYW5jZSh0aGVtZS5wYWxldHRlW2NvbG9yTW9kZV0sIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG5cbiAgY29uc3QgaGVhZGVyUm93ID0gKGhlYWRlciB8fCBsZWdlbmQpICYmIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgU3R5bGVDb250YWluZXIodmlzdWFsU3R5bGUuaGVhZGVyLmhlaWdodCksXG4gICAgICAgIHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGF4aXNZVGl0bGUgPyB2aXN1YWxTdHlsZS55QXhpcy50aXRsZVNwYWNpbmcgOiB2aXN1YWxTdHlsZS5oZWFkZXIuc3BhY2luZyxcbiAgICAgICAgfSxcbiAgICAgIF19PlxuICAgICAge2hlYWRlciAmJiAoXG4gICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmhlYWRlcn0gey4uLnZpc3VhbFN0eWxlLmZvbnQuaGVhZGVyfT5cbiAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAge2xlZ2VuZCAmJiA8ZGl2IGNzcz17U3R5bGVMZWdlbmR9PntsZWdlbmR9PC9kaXY+fVxuICAgIDwvZGl2PlxuICApO1xuXG4gIHJldHVybiBheGlzWVRpdGxlID8gKFxuICAgIGhlYWRlclJvdyA/IChcbiAgICAgIDxkaXYgY3NzPXt7IG1hcmdpbkJvdHRvbTogdmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmcgfX0+XG4gICAgICAgIHtoZWFkZXJSb3d9XG4gICAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPXt2aXN1YWxBcHBlYXJhbmNlLmF4aXMudGV4dH0gey4uLnZpc3VhbFN0eWxlLmZvbnQuYXhpc30+XG4gICAgICAgICAgICB7YXhpc1lUaXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgIDxkaXYgY3NzPXtTdHlsZUNvbnRhaW5lcih2aXN1YWxTdHlsZS55QXhpcy50aXRsZUhlaWdodCl9PlxuICAgICAgICA8VGV4dCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5heGlzLnRleHR9IHsuLi52aXN1YWxTdHlsZS5mb250LmF4aXN9IG1hcmdpbkJvdHRvbT17dmlzdWFsU3R5bGUuaGVhZGVyLnNwYWNpbmd9PlxuICAgICAgICAgIHtheGlzWVRpdGxlfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gICkgOiAoXG4gICAgaGVhZGVyUm93ID8/IG51bGxcbiAgKTtcbn1cbiJdfQ== */"),
children: [headerRow, _jsx("div", {
css: StyleContainer(visualStyle.yAxis.titleHeight),
children: _jsx(Text, _objectSpread(_objectSpread({
color: visualAppearance.axis.text
}, visualStyle.font.axis), {}, {
children: axisYTitle
}))
})]
}) : _jsx("div", {
css: StyleContainer(visualStyle.yAxis.titleHeight),
children: _jsx(Text, _objectSpread(_objectSpread({
color: visualAppearance.axis.text
}, visualStyle.font.axis), {}, {
marginBottom: visualStyle.header.spacing,
children: axisYTitle
}))
}) : headerRow !== null && headerRow !== void 0 ? headerRow : null;
}
//# sourceMappingURL=ChartHeader.js.map