@widergy/energy-ui 1.136.0 → 1.136.2

package/dist/components/UTBarChart/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,7 +15,7 @@ var _commonTypes = require("../../types/commonTypes");
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _theme = require("./theme");
 var _utils = require("./utils");
-var _useDynamicMargins2 = _interopRequireDefault(require("./hooks/use-dynamic-margins"));
+var _useDynamicMargins = _interopRequireDefault(require("./hooks/use-dynamic-margins"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _YAxis = _interopRequireDefault(require("./components/YAxis"));
 var _XAxis = _interopRequireDefault(require("./components/XAxis"));
@@ -26,137 +25,125 @@ var _Levels = _interopRequireDefault(require("./components/Levels"));
 var _Pagination = _interopRequireDefault(require("./components/Pagination"));
 var _Legend = _interopRequireDefault(require("./components/Legend"));
 var _types = require("./types");
-var _excluded = ["data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var UTBarChart = function UTBarChart(_ref) {
-  var barBorderRadius = _ref.barBorderRadius,
-    barData = _ref.barData,
-    barPadding = _ref.barPadding,
-    center = _ref.center,
-    theme = _ref.classes,
-    className = _ref.className,
-    classNames = _ref.classNames,
-    decoratorRenderer = _ref.decoratorRenderer,
-    displayLegendAs = _ref.displayLegendAs,
-    gradientGenerator = _ref.gradientGenerator,
-    hideYAxis = _ref.hideYAxis,
-    highlightWidth = _ref.highlightWidth,
-    labelFormatters = _ref.labelFormatters,
-    labels = _ref.labels,
-    levels = _ref.levels,
-    linearData = _ref.linearData,
-    minBarWidth = _ref.minBarWidth,
-    NoDataComponent = _ref.NoDataComponent,
-    onBarClick = _ref.onBarClick,
-    pagination = _ref.pagination,
-    selectable = _ref.selectable,
-    references = _ref.references,
-    showGrid = _ref.showGrid,
-    singleYAxis = _ref.singleYAxis,
-    spacingOptions = _ref.spacingOptions,
-    fitLegend = _ref.fitLegend,
-    title = _ref.title,
-    transitionDuration = _ref.transitionDuration,
-    units = _ref.units,
-    valuesOnTop = _ref.valuesOnTop,
-    xAxisDefinition = _ref.xAxisDefinition,
-    yAxisTicks = _ref.yAxisTicks;
-  var classes = (0, _classesUtils.mergeClasses)(theme, classNames);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentLabel = _useState4[0],
-    setCurrentLabel = _useState4[1];
-  var _useDynamicMargins = (0, _useDynamicMargins2.default)(center, spacingOptions),
-    marginLeftRef = _useDynamicMargins.marginLeftRef,
-    marginRightRef = _useDynamicMargins.marginRightRef,
-    marginBottomRef = _useDynamicMargins.marginBottomRef,
-    marginBottom = _useDynamicMargins.marginBottom,
-    marginRight = _useDynamicMargins.marginRight,
-    marginLeft = _useDynamicMargins.marginLeft;
-  var _useComponentDimensio = (0, _energyHooks.useComponentDimensions)(),
-    containerRef = _useComponentDimensio.ref,
-    containerWidth = _useComponentDimensio.width,
-    containerHeight = _useComponentDimensio.height;
-  var _useComponentPosition = (0, _energyHooks.useComponentPosition)({
-      externalRef: containerRef
-    }),
-    parentYPosition = _useComponentPosition.y;
-  var paginationRef = (0, _react.useRef)();
-  var groups = barData.length;
-  var totalPages = (0, _react.useMemo)(function () {
-    return (0, _utils.getPages)(barData[0], pagination);
-  }, [barData, pagination]);
-  var formattedData = (0, _react.useMemo)(function () {
-    return pagination ? barData === null || barData === void 0 ? void 0 : barData.map(function (data) {
-      return (0, _utils.getFormattedData)(data, pagination, currentPage);
-    }) : barData;
-  }, [pagination, barData, currentPage]);
-  var formattedLinearData = (0, _react.useMemo)(function () {
-    return linearData === null || linearData === void 0 ? void 0 : linearData.map(function (_ref2) {
-      var data = _ref2.data,
-        config = _objectWithoutProperties(_ref2, _excluded);
-      return _objectSpread({
-        data: pagination ? (0, _utils.getFormattedLinearData)(data, currentPage, pagination) : data
-      }, config);
-    });
-  }, [pagination, linearData, currentPage]);
-  var flattenedAndReducedBarData = (0, _utils.flattenAndReduceBarData)(barData);
-  var _flattenData = (0, _utils.flattenData)(formattedData, linearData),
-    flatBarData = _flattenData.flatBarData,
-    flatLinearData = _flattenData.flatLinearData;
-  var _flattenData2 = (0, _utils.flattenData)(barData, linearData),
-    fullFlatBarData = _flattenData2.flatBarData;
-  var _getMaxValues = (0, _utils.getMaxValues)(flattenedAndReducedBarData, flatLinearData, levels),
-    maxBarValue = _getMaxValues.maxBarValue,
-    maxLinearValue = _getMaxValues.maxLinearValue;
-  var withLinearData = !(0, _array.isEmpty)(flatLinearData);
-  var withBarData = !(0, _array.isEmpty)(fullFlatBarData);
-  var _getGraphAttributes = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, formattedData[0].length, barPadding, groups, spacingOptions),
-    TOTAL_HEIGHT = _getGraphAttributes.TOTAL_HEIGHT,
-    TOTAL_WIDTH = _getGraphAttributes.TOTAL_WIDTH,
-    GRAPH_X_END = _getGraphAttributes.GRAPH_X_END,
-    GRAPH_X_START = _getGraphAttributes.GRAPH_X_START,
-    GRAPH_Y_END = _getGraphAttributes.GRAPH_Y_END,
-    GRAPH_Y_START = _getGraphAttributes.GRAPH_Y_START;
-  var roundedMaxBarValue = Math.round(maxBarValue);
-  var roundedMaxLinearValue = Math.round(maxLinearValue);
-  var maxAbsoluteValue = Math.max(roundedMaxBarValue, roundedMaxLinearValue);
-  var yAxis = d3.scaleLinear().domain([0, singleYAxis ? maxAbsoluteValue : roundedMaxBarValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
-  var xAxis = d3.scaleBand().domain(d3.range(formattedData[0].length)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
-  var groupWidth = xAxis.bandwidth();
-  var xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
-  var barWidth = xSubAxis.bandwidth();
-  var linearYAxis = singleYAxis ? yAxis : d3.scaleLinear().domain([0, roundedMaxLinearValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
-  (0, _react.useEffect)(function () {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const UTBarChart = _ref => {
+  let {
+    barBorderRadius,
+    barData,
+    barPadding,
+    center,
+    classes: theme,
+    className,
+    classNames,
+    decoratorRenderer,
+    displayLegendAs,
+    gradientGenerator,
+    hideYAxis,
+    highlightWidth,
+    labelFormatters,
+    labels,
+    levels,
+    linearData,
+    minBarWidth,
+    NoDataComponent,
+    onBarClick,
+    pagination,
+    selectable,
+    references,
+    showGrid,
+    singleYAxis,
+    spacingOptions,
+    fitLegend,
+    title,
+    transitionDuration,
+    units,
+    valuesOnTop,
+    xAxisDefinition,
+    yAxisTicks
+  } = _ref;
+  const classes = (0, _classesUtils.mergeClasses)(theme, classNames);
+  const [currentPage, setCurrentPage] = (0, _react.useState)(0);
+  const [currentLabel, setCurrentLabel] = (0, _react.useState)();
+  const {
+    marginLeftRef,
+    marginRightRef,
+    marginBottomRef,
+    marginBottom,
+    marginRight,
+    marginLeft
+  } = (0, _useDynamicMargins.default)(center, spacingOptions);
+  const {
+    ref: containerRef,
+    width: containerWidth,
+    height: containerHeight
+  } = (0, _energyHooks.useComponentDimensions)();
+  const {
+    y: parentYPosition
+  } = (0, _energyHooks.useComponentPosition)({
+    externalRef: containerRef
+  });
+  const paginationRef = (0, _react.useRef)();
+  const groups = barData.length;
+  const totalPages = (0, _react.useMemo)(() => (0, _utils.getPages)(barData[0], pagination), [barData, pagination]);
+  const formattedData = (0, _react.useMemo)(() => pagination ? barData === null || barData === void 0 ? void 0 : barData.map(data => (0, _utils.getFormattedData)(data, pagination, currentPage)) : barData, [pagination, barData, currentPage]);
+  const formattedLinearData = (0, _react.useMemo)(() => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref2 => {
+    let {
+      data,
+      ...config
+    } = _ref2;
+    return {
+      data: pagination ? (0, _utils.getFormattedLinearData)(data, currentPage, pagination) : data,
+      ...config
+    };
+  }), [pagination, linearData, currentPage]);
+  const flattenedAndReducedBarData = (0, _utils.flattenAndReduceBarData)(barData);
+  const {
+    flatBarData,
+    flatLinearData
+  } = (0, _utils.flattenData)(formattedData, linearData);
+  const {
+    flatBarData: fullFlatBarData
+  } = (0, _utils.flattenData)(barData, linearData);
+  const {
+    maxBarValue,
+    maxLinearValue
+  } = (0, _utils.getMaxValues)(flattenedAndReducedBarData, flatLinearData, levels);
+  const withLinearData = !(0, _array.isEmpty)(flatLinearData);
+  const withBarData = !(0, _array.isEmpty)(fullFlatBarData);
+  const {
+    TOTAL_HEIGHT,
+    TOTAL_WIDTH,
+    GRAPH_X_END,
+    GRAPH_X_START,
+    GRAPH_Y_END,
+    GRAPH_Y_START
+  } = (0, _utils.getGraphAttributes)(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, pagination ? 0 : minBarWidth, formattedData[0].length, barPadding, groups, spacingOptions);
+  const roundedMaxBarValue = Math.round(maxBarValue);
+  const roundedMaxLinearValue = Math.round(maxLinearValue);
+  const maxAbsoluteValue = Math.max(roundedMaxBarValue, roundedMaxLinearValue);
+  const yAxis = d3.scaleLinear().domain([0, singleYAxis ? maxAbsoluteValue : roundedMaxBarValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  const xAxis = d3.scaleBand().domain(d3.range(formattedData[0].length)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
+  const groupWidth = xAxis.bandwidth();
+  const xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
+  const barWidth = xSubAxis.bandwidth();
+  const linearYAxis = singleYAxis ? yAxis : d3.scaleLinear().domain([0, roundedMaxLinearValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
+  (0, _react.useEffect)(() => {
     setCurrentPage(0);
   }, [barData]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setCurrentLabel(null);
   }, [currentPage]);
-  var barAxisLabelFormatter = labelFormatters.bar,
-    linearAxisLabelFormatter = labelFormatters.linear;
-  var barUnit = units.bar,
-    linearUnit = units.linear;
-  var Wrapper = pagination ? 'div' : _reactPerfectScrollbar.default;
+  const {
+    bar: barAxisLabelFormatter,
+    linear: linearAxisLabelFormatter
+  } = labelFormatters;
+  const {
+    bar: barUnit,
+    linear: linearUnit
+  } = units;
+  const Wrapper = pagination ? 'div' : _reactPerfectScrollbar.default;
   return !withBarData ? NoDataComponent ? /*#__PURE__*/_react.default.createElement(NoDataComponent, null) : null : /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -176,37 +163,37 @@ var UTBarChart = function UTBarChart(_ref) {
     graphXStart: GRAPH_X_START,
     graphXEnd: GRAPH_X_END,
     graphYStart: GRAPH_Y_START
-  }), formattedData.map(function (data, group) {
-    return /*#__PURE__*/_react.default.createElement(_Bars.default, {
-      totalData: barData,
-      highlightWidth: highlightWidth,
-      selectable: selectable,
-      groupWidth: groupWidth,
-      xSubAxis: xSubAxis,
-      barData: data,
-      xAxis: xAxis,
-      classes: classes,
-      yAxis: yAxis,
-      barBorderRadius: barBorderRadius,
-      onBarClick: onBarClick,
-      barWidth: barWidth,
-      graphYStart: GRAPH_Y_START,
-      maxBarValue: roundedMaxBarValue,
-      padding: barPadding,
-      group: group,
-      groups: groups,
-      spacingOptions: spacingOptions,
-      currentPage: currentPage,
-      valuesOnTop: valuesOnTop,
-      transitionDuration: transitionDuration,
-      setCurrentLabel: setCurrentLabel
-    });
-  }), formattedLinearData.map(function (_ref3) {
-    var data = _ref3.data,
-      type = _ref3.type,
-      color = _ref3.color,
-      customLineProps = _ref3.customLineProps,
-      markers = _ref3.markers;
+  }), formattedData.map((data, group) => /*#__PURE__*/_react.default.createElement(_Bars.default, {
+    totalData: barData,
+    highlightWidth: highlightWidth,
+    selectable: selectable,
+    groupWidth: groupWidth,
+    xSubAxis: xSubAxis,
+    barData: data,
+    xAxis: xAxis,
+    classes: classes,
+    yAxis: yAxis,
+    barBorderRadius: barBorderRadius,
+    onBarClick: onBarClick,
+    barWidth: barWidth,
+    graphYStart: GRAPH_Y_START,
+    maxBarValue: roundedMaxBarValue,
+    padding: barPadding,
+    group: group,
+    groups: groups,
+    spacingOptions: spacingOptions,
+    currentPage: currentPage,
+    valuesOnTop: valuesOnTop,
+    transitionDuration: transitionDuration,
+    setCurrentLabel: setCurrentLabel
+  })), formattedLinearData.map(_ref3 => {
+    let {
+      data,
+      type,
+      color,
+      customLineProps,
+      markers
+    } = _ref3;
     return /*#__PURE__*/_react.default.createElement(_LinearPlot.default, {
       data: data,
       type: type,
@@ -283,7 +270,7 @@ var UTBarChart = function UTBarChart(_ref) {
     flatData: {
       bar: flatBarData,
       linear: flatLinearData,
-      levels: levels
+      levels
     },
     references: references,
     title: title,
@@ -344,5 +331,4 @@ UTBarChart.defaultProps = {
   linearData: [],
   transitionDuration: 0
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBarChart);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBarChart);

package/dist/components/UTBarChart/theme.js

@@ -5,108 +5,106 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var retrieveStyle = function retrieveStyle(theme) {
-  return {
-    solidLevel: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'solidLevel', 'strokeWidth'], 1)
-    },
-    dashedLevel: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeWidth'], 1),
-      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeDasharray'], 2.2)
-    },
-    dottedLevel: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeWidth'], 2),
-      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeDasharray'], 4)
-    },
-    gridLine: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeWidth'], 1),
-      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeDasharray'], 5.5),
-      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'stroke'])
-    },
-    legendItemLabel: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontWeight']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'color']),
-      userSelect: 'none'
-    },
-    showLegendButton: {
-      backgroundColor: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendButton', 'backgroundColor']), " !important"),
-      padding: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendButton', 'padding']), " !important"),
-      borderRadius: '0 !important'
-    },
-    showLegendIcon: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'color']),
-      marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
-    },
-    showLegendLabel: {
-      fontSize: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'fontSize']), " !important"),
-      fontWeight: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'fontWeight']), " !important"),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'color']), " !important"),
-      userSelect: 'none'
-    },
-    paginationButton: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButton', 'color'])
-    },
-    paginationButtonDisabled: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButtonDisabled', 'color'])
-    },
-    xAxis: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'strokeWidth'], 1),
-      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'stroke'])
-    },
-    xAxisMainLabel: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontWeight']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fill']),
-      userSelect: 'none'
-    },
-    xAxisSelectedLabel: {
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSelectedLabel', 'fill'])
-    },
-    xAxisSecondaryLabel: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontWeight']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'color']),
-      userSelect: 'none'
-    },
-    decoration: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontWeight']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'color']),
-      userSelect: 'none'
-    },
-    decorationLine: {
-      strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeWidth'], 1),
-      strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeDasharray'], 0),
-      stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'stroke'])
-    },
-    yAxisUnit: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontWeight']),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fill']),
-      userSelect: 'none'
-    },
-    yAxisLabel: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontWeight']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fill']),
-      userSelect: 'none'
-    },
-    onTopBarLabel: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontSize']),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontWeight']),
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'color']),
-      userSelect: 'none'
-    },
-    tooltip: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'tooltip', 'width'])
-    }
-  };
-};
+const retrieveStyle = theme => ({
+  solidLevel: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'solidLevel', 'strokeWidth'], 1)
+  },
+  dashedLevel: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeWidth'], 1),
+    strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dashedLevel', 'strokeDasharray'], 2.2)
+  },
+  dottedLevel: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeWidth'], 2),
+    strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'dottedLevel', 'strokeDasharray'], 4)
+  },
+  gridLine: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeWidth'], 1),
+    strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'strokeDasharray'], 5.5),
+    stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'gridLine', 'stroke'])
+  },
+  legendItemLabel: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'fontWeight']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'legendItemLabel', 'color']),
+    userSelect: 'none'
+  },
+  showLegendButton: {
+    backgroundColor: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendButton', 'backgroundColor']), " !important"),
+    padding: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendButton', 'padding']), " !important"),
+    borderRadius: '0 !important'
+  },
+  showLegendIcon: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'color']),
+    marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
+  },
+  showLegendLabel: {
+    fontSize: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'fontSize']), " !important"),
+    fontWeight: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'fontWeight']), " !important"),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    color: "".concat((0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendLabel', 'color']), " !important"),
+    userSelect: 'none'
+  },
+  paginationButton: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButton', 'color'])
+  },
+  paginationButtonDisabled: {
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'paginationButtonDisabled', 'color'])
+  },
+  xAxis: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'strokeWidth'], 1),
+    stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxis', 'stroke'])
+  },
+  xAxisMainLabel: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fontWeight']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisMainLabel', 'fill']),
+    userSelect: 'none'
+  },
+  xAxisSelectedLabel: {
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSelectedLabel', 'fill'])
+  },
+  xAxisSecondaryLabel: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'fontWeight']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'xAxisSecondaryLabel', 'color']),
+    userSelect: 'none'
+  },
+  decoration: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'fontWeight']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decoration', 'color']),
+    userSelect: 'none'
+  },
+  decorationLine: {
+    strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeWidth'], 1),
+    strokeDasharray: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'strokeDasharray'], 0),
+    stroke: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'decorationLine', 'stroke'])
+  },
+  yAxisUnit: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fontWeight']),
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisUnit', 'fill']),
+    userSelect: 'none'
+  },
+  yAxisLabel: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fontWeight']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    fill: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'yAxisLabel', 'fill']),
+    userSelect: 'none'
+  },
+  onTopBarLabel: {
+    fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontSize']),
+    fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'fontWeight']),
+    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'Fonts', 'fontFamily']),
+    color: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'onTopBarLabel', 'color']),
+    userSelect: 'none'
+  },
+  tooltip: {
+    backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'tooltip', 'width'])
+  }
+});
 exports.retrieveStyle = retrieveStyle;