@widergy/energy-ui 2.10.1 → 2.12.0

package/dist/components/UTBarChart/components/YAxis/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
 });
@@ -13,37 +12,32 @@ var _utils = require("./utils");
 var _AxisElement = _interopRequireDefault(require("./AxisElement"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var YAxis = function YAxis(_ref) {
+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 YAxis = _ref => {
   var _labelRef$current, _labelRef$current$get;
-  var classes = _ref.classes,
-    graphYEnd = _ref.graphYEnd,
-    graphYStart = _ref.graphYStart,
-    maxValue = _ref.maxValue,
-    setRef = _ref.setRef,
-    textAnchor = _ref.textAnchor,
-    unit = _ref.unit,
-    _ref$valueDecorator = _ref.valueDecorator,
-    valueDecorator = _ref$valueDecorator === void 0 ? function (value) {
-      return value;
-    } : _ref$valueDecorator,
-    x = _ref.x,
-    yAxis = _ref.yAxis,
-    yAxisTicks = _ref.yAxisTicks,
-    graphXEnd = _ref.graphXEnd,
-    unitSubtitle = _ref.unitSubtitle,
-    linearData = _ref.linearData;
-  var labelRef = (0, _react.useRef)();
-  var height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
-  var axis = (0, _react.useMemo)(function () {
-    return new Array(yAxisTicks).fill(0).map(function (_, index) {
-      return index;
-    });
-  }, [yAxisTicks]);
-  var linearDataUnitXPosition = graphXEnd - graphXEnd * 0.04;
-  var unitYPosition = unitSubtitle ? (graphYEnd - _constants.UNIT_PADDING) / 2 : graphYEnd - _constants.UNIT_PADDING;
-  var unitSubtitleYPosition = graphYEnd - graphYEnd * 0.5;
+  let {
+    classes,
+    graphYEnd,
+    graphYStart,
+    maxValue,
+    setRef,
+    textAnchor,
+    unit,
+    valueDecorator = value => value,
+    x,
+    yAxis,
+    yAxisTicks,
+    graphXEnd,
+    unitSubtitle,
+    linearData
+  } = _ref;
+  const labelRef = (0, _react.useRef)();
+  const height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
+  const axis = (0, _react.useMemo)(() => new Array(yAxisTicks).fill(0).map((_, index) => index), [yAxisTicks]);
+  const linearDataUnitXPosition = graphXEnd - graphXEnd * 0.04;
+  const unitYPosition = unitSubtitle ? (graphYEnd - _constants.UNIT_PADDING) / 2 : graphYEnd - _constants.UNIT_PADDING;
+  const unitSubtitleYPosition = graphYEnd - graphYEnd * 0.5;
   return /*#__PURE__*/_react.default.createElement("g", {
     textAnchor: textAnchor,
     ref: setRef
@@ -55,10 +49,10 @@ var YAxis = function YAxis(_ref) {
     className: classes.yAxisUnit,
     x: x,
     y: unitSubtitleYPosition
-  }, unitSubtitle), axis.map(function (index) {
-    var newMaxValue = (0, _utils.yAxisMaxValueRounder)(maxValue, yAxisTicks);
-    var value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
-    var labelValue = Math.round((newMaxValue - index * newMaxValue / (yAxisTicks - 1)) * 100) / 100;
+  }, unitSubtitle), axis.map(index => {
+    const newMaxValue = (0, _utils.yAxisMaxValueRounder)(maxValue, yAxisTicks);
+    const value = Math.round((maxValue - index * maxValue / (yAxisTicks - 1)) * 100) / 100;
+    const labelValue = Math.round((newMaxValue - index * newMaxValue / (yAxisTicks - 1)) * 100) / 100;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
       className: classes.yAxisLabel,
       setRef: (0, _utils.applyToIndex)(0, index, labelRef),

package/dist/components/UTBarChart/components/YAxis/utils.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.yAxisMaxValueRounder = exports.applyToIndex = void 0;
-var applyToIndex = exports.applyToIndex = function applyToIndex(targetIndex, currentIndex, prop) {
-  var defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+const applyToIndex = function (targetIndex, currentIndex, prop) {
+  let defaultValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   return currentIndex === targetIndex ? prop : defaultValue;
 };
-var TICKS_MULTIPLIER_DISTANCE = 5;
-var yAxisMaxValueRounder = exports.yAxisMaxValueRounder = function yAxisMaxValueRounder(maxValue, yAxisTicks) {
-  return maxValue < 25 ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
-};
+exports.applyToIndex = applyToIndex;
+const TICKS_MULTIPLIER_DISTANCE = 5;
+const yAxisMaxValueRounder = (maxValue, yAxisTicks) => maxValue < 25 ? maxValue : Math.ceil(maxValue / (yAxisTicks - 1) / TICKS_MULTIPLIER_DISTANCE) * TICKS_MULTIPLIER_DISTANCE * (yAxisTicks - 1);
+exports.yAxisMaxValueRounder = yAxisMaxValueRounder;

package/dist/components/UTBarChart/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_SCROLL_PADDING = exports.DEFAULT_MAX_VALUE = exports.DEFAULT_MARGIN_TOP = exports.DEFAULT_AXIS_PADDING = void 0;
-var DEFAULT_AXIS_PADDING = exports.DEFAULT_AXIS_PADDING = 10;
-var DEFAULT_SCROLL_PADDING = exports.DEFAULT_SCROLL_PADDING = 20;
-var DEFAULT_MARGIN_TOP = exports.DEFAULT_MARGIN_TOP = 40;
-var DEFAULT_MAX_VALUE = exports.DEFAULT_MAX_VALUE = 100;
+const DEFAULT_AXIS_PADDING = exports.DEFAULT_AXIS_PADDING = 10;
+const DEFAULT_SCROLL_PADDING = exports.DEFAULT_SCROLL_PADDING = 20;
+const DEFAULT_MARGIN_TOP = exports.DEFAULT_MARGIN_TOP = 40;
+const DEFAULT_MAX_VALUE = exports.DEFAULT_MAX_VALUE = 100;

package/dist/components/UTBarChart/hooks/use-dynamic-margins.js

@@ -5,38 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-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 LATERAL_DEFAULT_MARGIN = 30;
-var VERTICAL_DEFAULT_MARGIN = 0;
-var useDynamicMargins = function useDynamicMargins(center, options) {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    marginLeft = _useState2[0],
-    setMarginLeft = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    marginRight = _useState4[0],
-    setMarginRight = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    marginBottom = _useState6[0],
-    setMarginBottom = _useState6[1];
-  var _useState7 = (0, _react.useState)(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    marginTop = _useState8[0],
-    setMarginTop = _useState8[1];
-  var lateralMargin = options.lateralMargin,
-    verticalMargin = options.verticalMargin;
-  var marginLeftRef = (0, _react.useRef)();
-  var marginRightRef = (0, _react.useRef)();
-  var marginBottomRef = (0, _react.useRef)();
-  var marginTopRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+const LATERAL_DEFAULT_MARGIN = 30;
+const VERTICAL_DEFAULT_MARGIN = 0;
+const useDynamicMargins = (center, options) => {
+  const [marginLeft, setMarginLeft] = (0, _react.useState)(0);
+  const [marginRight, setMarginRight] = (0, _react.useState)(0);
+  const [marginBottom, setMarginBottom] = (0, _react.useState)(0);
+  const [marginTop, setMarginTop] = (0, _react.useState)(0);
+  const {
+    lateralMargin,
+    verticalMargin
+  } = options;
+  const marginLeftRef = (0, _react.useRef)();
+  const marginRightRef = (0, _react.useRef)();
+  const marginBottomRef = (0, _react.useRef)();
+  const marginTopRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
     var _marginLeftRef$curren, _marginRightRef$curre, _marginBottomRef$curr, _marginTopRef$current;
     setMarginLeft(Math.ceil((_marginLeftRef$curren = marginLeftRef.current) === null || _marginLeftRef$curren === void 0 ? void 0 : _marginLeftRef$curren.getBoundingClientRect().width) || lateralMargin || LATERAL_DEFAULT_MARGIN);
     setMarginRight(Math.ceil((_marginRightRef$curre = marginRightRef.current) === null || _marginRightRef$curre === void 0 ? void 0 : _marginRightRef$curre.getBoundingClientRect().width) || lateralMargin || LATERAL_DEFAULT_MARGIN);
@@ -44,12 +28,12 @@ var useDynamicMargins = function useDynamicMargins(center, options) {
     setMarginTop(Math.ceil((_marginTopRef$current = marginTopRef.current) === null || _marginTopRef$current === void 0 ? void 0 : _marginTopRef$current.getBoundingClientRect().height) || verticalMargin || VERTICAL_DEFAULT_MARGIN);
   }, []);
   return {
-    marginLeftRef: marginLeftRef,
-    marginRightRef: marginRightRef,
-    marginBottomRef: marginBottomRef,
-    marginTopRef: marginTopRef,
-    marginBottom: marginBottom,
-    marginTop: marginTop,
+    marginLeftRef,
+    marginRightRef,
+    marginBottomRef,
+    marginTopRef,
+    marginBottom,
+    marginTop,
     marginLeft: center ? Math.max(marginLeft, marginRight) : marginLeft,
     marginRight: center ? Math.max(marginLeft, marginRight) : marginRight
   };

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,142 +25,130 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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,
-    buttonProps = _ref.buttonProps,
-    center = _ref.center,
-    theme = _ref.classes,
-    className = _ref.className,
-    classNames = _ref.classNames,
-    decoratorRenderer = _ref.decoratorRenderer,
-    displayLegendAs = _ref.displayLegendAs,
-    fitLegend = _ref.fitLegend,
-    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,
-    references = _ref.references,
-    selectable = _ref.selectable,
-    showGrid = _ref.showGrid,
-    singleYAxis = _ref.singleYAxis,
-    spacingOptions = _ref.spacingOptions,
-    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 () {
+const UTBarChart = _ref => {
+  let {
+    barBorderRadius,
+    barData,
+    barPadding,
+    buttonProps,
+    center,
+    classes: theme,
+    className,
+    classNames,
+    decoratorRenderer,
+    displayLegendAs,
+    fitLegend,
+    gradientGenerator,
+    hideYAxis,
+    highlightWidth,
+    labelFormatters,
+    labels,
+    levels,
+    linearData,
+    minBarWidth,
+    NoDataComponent,
+    onBarClick,
+    pagination,
+    references,
+    selectable,
+    showGrid,
+    singleYAxis,
+    spacingOptions,
+    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,
-    barUnitSubtitle = units.barSubtitle,
-    linearUnit = units.linear,
-    linearUnitSubtitle = units.linearSubtitle;
-  var Wrapper = pagination ? 'div' : _reactPerfectScrollbar.default;
-  var wrapperProps = pagination ? {} : {
+  const {
+    bar: barAxisLabelFormatter,
+    linear: linearAxisLabelFormatter
+  } = labelFormatters;
+  const {
+    bar: barUnit,
+    barSubtitle: barUnitSubtitle,
+    linear: linearUnit,
+    linearSubtitle: linearUnitSubtitle
+  } = units;
+  const Wrapper = pagination ? 'div' : _reactPerfectScrollbar.default;
+  const wrapperProps = pagination ? {} : {
     suppressScrollX: !!pagination,
     suppressScrollY: true
   };
@@ -182,37 +169,37 @@ var UTBarChart = function UTBarChart(_ref) {
     graphYStart: GRAPH_Y_START,
     levels: (0, _utils.getGrid)(yAxisTicks, singleYAxis ? maxAbsoluteValue : roundedMaxBarValue),
     yAxis: yAxis
-  }), formattedData.map(function (data, group) {
-    return /*#__PURE__*/_react.default.createElement(_Bars.default, {
-      barBorderRadius: barBorderRadius,
-      barData: data,
-      barWidth: barWidth,
-      classes: classes,
-      currentPage: currentPage,
-      graphYStart: GRAPH_Y_START,
-      group: group,
-      groups: groups,
-      groupWidth: groupWidth,
-      highlightWidth: highlightWidth,
-      maxBarValue: roundedMaxBarValue,
-      onBarClick: onBarClick,
-      padding: barPadding,
-      selectable: selectable,
-      setCurrentLabel: setCurrentLabel,
-      spacingOptions: spacingOptions,
-      totalData: barData,
-      transitionDuration: transitionDuration,
-      valuesOnTop: valuesOnTop,
-      xAxis: xAxis,
-      xSubAxis: xSubAxis,
-      yAxis: yAxis
-    });
-  }), 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, {
+    barBorderRadius: barBorderRadius,
+    barData: data,
+    barWidth: barWidth,
+    classes: classes,
+    currentPage: currentPage,
+    graphYStart: GRAPH_Y_START,
+    group: group,
+    groups: groups,
+    groupWidth: groupWidth,
+    highlightWidth: highlightWidth,
+    maxBarValue: roundedMaxBarValue,
+    onBarClick: onBarClick,
+    padding: barPadding,
+    selectable: selectable,
+    setCurrentLabel: setCurrentLabel,
+    spacingOptions: spacingOptions,
+    totalData: barData,
+    transitionDuration: transitionDuration,
+    valuesOnTop: valuesOnTop,
+    xAxis: xAxis,
+    xSubAxis: xSubAxis,
+    yAxis: yAxis
+  })), formattedLinearData.map(_ref3 => {
+    let {
+      data,
+      type,
+      color,
+      customLineProps,
+      markers
+    } = _ref3;
     return /*#__PURE__*/_react.default.createElement(_LinearPlot.default, {
       barWidth: groupWidth,
       color: color,
@@ -295,7 +282,7 @@ var UTBarChart = function UTBarChart(_ref) {
     flatData: {
       bar: flatBarData,
       linear: flatLinearData,
-      levels: levels
+      levels
     },
     references: references,
     title: title,

package/dist/components/UTBarChart/theme.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _classesUtils = require("../../utils/classesUtils");
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+const retrieveStyle = _ref => {
   var _theme$UTBarChart, _theme$UTBarChart2, _theme$UTBarChart3, _theme$UTBarChart4, _theme$UTBarChart5, _theme$UTBarChart6;
-  var theme = _ref.theme;
+  let {
+    theme
+  } = _ref;
   return {
     solidLevel: {
       strokeWidth: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'solidLevel', 'strokeWidth'], 1)
@@ -111,4 +113,5 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
       backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'tooltip', 'width'])
     }
   };
-};
+};
+exports.retrieveStyle = retrieveStyle;