@widergy/energy-ui 2.12.1 → 2.12.2

package/dist/components/UTBarChart/utils.js

@@ -7,67 +7,81 @@ exports.getPages = exports.getMinValue = exports.getMaxValues = exports.getMaxVa
 var _array = require("@widergy/web-utils/lib/array");
 var d3 = _interopRequireWildcard(require("d3"));
 var _constants = require("./constants");
-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 getPages = function () {
-  let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let pagination = arguments.length > 1 ? arguments[1] : undefined;
+var _excluded = ["x"],
+  _excluded2 = ["x"];
+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 _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); }
+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 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); }
+var getPages = function getPages() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var pagination = arguments.length > 1 ? arguments[1] : undefined;
   return Math.ceil(data.length / pagination);
 };
 exports.getPages = getPages;
-const getFormattedData = function () {
-  let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let pagination = arguments.length > 1 ? arguments[1] : undefined;
-  let index = arguments.length > 2 ? arguments[2] : undefined;
+var getFormattedData = function getFormattedData() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var pagination = arguments.length > 1 ? arguments[1] : undefined;
+  var index = arguments.length > 2 ? arguments[2] : undefined;
   return data.slice(index * pagination, (index + 1) * pagination);
 };
 exports.getFormattedData = getFormattedData;
-const getFormattedLinearData = function () {
-  let linearData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let currentPage = arguments.length > 1 ? arguments[1] : undefined;
-  let pagination = arguments.length > 2 ? arguments[2] : undefined;
-  return linearData.filter(_ref => {
-    let {
-      xCoordinate
-    } = _ref;
+var getFormattedLinearData = function getFormattedLinearData() {
+  var linearData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var currentPage = arguments.length > 1 ? arguments[1] : undefined;
+  var pagination = arguments.length > 2 ? arguments[2] : undefined;
+  return linearData.filter(function (_ref) {
+    var xCoordinate = _ref.xCoordinate;
     return Math.floor(xCoordinate / pagination) === currentPage;
-  }).map((item, i) => ({
-    ...item,
-    xCoordinate: i
-  }));
+  }).map(function (item, i) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      xCoordinate: i
+    });
+  });
 };
 exports.getFormattedLinearData = getFormattedLinearData;
-const getMaxValue = dataSet => dataSet && !(0, _array.isEmpty)(dataSet) && (d3.max(dataSet, _ref2 => {
-  let {
-    value
-  } = _ref2;
-  return value;
-}) || 0);
+var getMaxValue = function getMaxValue(dataSet) {
+  return dataSet && !(0, _array.isEmpty)(dataSet) && (d3.max(dataSet, function (_ref2) {
+    var value = _ref2.value;
+    return value;
+  }) || 0);
+};
 exports.getMaxValue = getMaxValue;
-const getMinValue = dataSet => dataSet && !(0, _array.isEmpty)(dataSet) && d3.min(dataSet, _ref3 => {
-  let {
-    value
-  } = _ref3;
-  return value;
-}) || 0;
+var getMinValue = function getMinValue(dataSet) {
+  return dataSet && !(0, _array.isEmpty)(dataSet) && d3.min(dataSet, function (_ref3) {
+    var value = _ref3.value;
+    return value;
+  }) || 0;
+};
 exports.getMinValue = getMinValue;
-const maxValueOrDefault = value => value === 0 ? _constants.DEFAULT_MAX_VALUE : value;
-const getMaxValues = (flatBarData, flatLinearData, levels) => ({
-  maxLinearValue: maxValueOrDefault(getMaxValue(flatLinearData)),
-  maxBarValue: maxValueOrDefault(Math.max(getMaxValue(flatBarData), getMaxValue(levels)))
-});
+var maxValueOrDefault = function maxValueOrDefault(value) {
+  return value === 0 ? _constants.DEFAULT_MAX_VALUE : value;
+};
+var getMaxValues = function getMaxValues(flatBarData, flatLinearData, levels) {
+  return {
+    maxLinearValue: maxValueOrDefault(getMaxValue(flatLinearData)),
+    maxBarValue: maxValueOrDefault(Math.max(getMaxValue(flatBarData), getMaxValue(levels)))
+  };
+};
 exports.getMaxValues = getMaxValues;
-const calculateTotalWidth = (minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) => {
-  const minimumNeededWidth = dataLength * groups * (minBarWidth + 2 * padding) + marginLeft + marginRight;
+var calculateTotalWidth = function calculateTotalWidth(minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) {
+  var minimumNeededWidth = dataLength * groups * (minBarWidth + 2 * padding) + marginLeft + marginRight;
   return Math.max(containerWidth, minimumNeededWidth);
 };
-const getGraphAttributes = (containerWidth, containerHeight, marginLeft, marginRight, marginBottom, minBarWidth, dataLength, padding, groups, spacingOptions) => {
-  const totalWidth = minBarWidth ? calculateTotalWidth(minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) : containerWidth;
-  const {
-    axisPadding = _constants.DEFAULT_AXIS_PADDING,
-    scrollPadding = _constants.DEFAULT_SCROLL_PADDING,
-    marginTop = _constants.DEFAULT_MARGIN_TOP
-  } = spacingOptions;
+var getGraphAttributes = function getGraphAttributes(containerWidth, containerHeight, marginLeft, marginRight, marginBottom, minBarWidth, dataLength, padding, groups, spacingOptions) {
+  var totalWidth = minBarWidth ? calculateTotalWidth(minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) : containerWidth;
+  var _spacingOptions$axisP = spacingOptions.axisPadding,
+    axisPadding = _spacingOptions$axisP === void 0 ? _constants.DEFAULT_AXIS_PADDING : _spacingOptions$axisP,
+    _spacingOptions$scrol = spacingOptions.scrollPadding,
+    scrollPadding = _spacingOptions$scrol === void 0 ? _constants.DEFAULT_SCROLL_PADDING : _spacingOptions$scrol,
+    _spacingOptions$margi = spacingOptions.marginTop,
+    marginTop = _spacingOptions$margi === void 0 ? _constants.DEFAULT_MARGIN_TOP : _spacingOptions$margi;
   return {
     TOTAL_WIDTH: totalWidth,
     TOTAL_HEIGHT: containerHeight,
@@ -78,87 +92,77 @@ const getGraphAttributes = (containerWidth, containerHeight, marginLeft, marginR
   };
 };
 exports.getGraphAttributes = getGraphAttributes;
-const flattenBarData = data => {
+var flattenBarData = function flattenBarData(data) {
   var _data$0$;
-  return data && Array.isArray((_data$0$ = data[0][0]) === null || _data$0$ === void 0 ? void 0 : _data$0$.values) ? data.flat().map(_ref4 => {
-    let {
-      values
-    } = _ref4;
+  return data && Array.isArray((_data$0$ = data[0][0]) === null || _data$0$ === void 0 ? void 0 : _data$0$.values) ? data.flat().map(function (_ref4) {
+    var values = _ref4.values;
     return values;
   }).flat() : data.flat();
 };
-const flattenAndReduceBarData = data => {
+var flattenAndReduceBarData = function flattenAndReduceBarData(data) {
   var _data$0$2;
-  return data && (Array.isArray((_data$0$2 = data[0][0]) === null || _data$0$2 === void 0 ? void 0 : _data$0$2.values) ? data.flat().map(_ref5 => {
-    let {
-      values
-    } = _ref5;
+  return data && (Array.isArray((_data$0$2 = data[0][0]) === null || _data$0$2 === void 0 ? void 0 : _data$0$2.values) ? data.flat().map(function (_ref5) {
+    var values = _ref5.values;
     return {
-      value: values.reduce((acc, _ref6) => {
-        let {
-          value
-        } = _ref6;
+      value: values.reduce(function (acc, _ref6) {
+        var value = _ref6.value;
         return acc + value;
       }, 0)
     };
   }) : data.flat());
 };
 exports.flattenAndReduceBarData = flattenAndReduceBarData;
-const flattenLinearData = linearData => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref7 => {
-  let {
-    data
-  } = _ref7;
-  return data;
-}).flat();
-const flattenData = (barData, linearData) => ({
-  flatBarData: flattenBarData(barData),
-  flatLinearData: flattenLinearData(linearData)
-});
+var flattenLinearData = function flattenLinearData(linearData) {
+  return linearData === null || linearData === void 0 ? void 0 : linearData.map(function (_ref7) {
+    var data = _ref7.data;
+    return data;
+  }).flat();
+};
+var flattenData = function flattenData(barData, linearData) {
+  return {
+    flatBarData: flattenBarData(barData),
+    flatLinearData: flattenLinearData(linearData)
+  };
+};
 exports.flattenData = flattenData;
-const getFormattedDecorators = function (xAxis) {
-  let decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let currentPage = arguments.length > 2 ? arguments[2] : undefined;
-  let pagination = arguments.length > 3 ? arguments[3] : undefined;
+var getFormattedDecorators = function getFormattedDecorators(xAxis) {
+  var decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var currentPage = arguments.length > 2 ? arguments[2] : undefined;
+  var pagination = arguments.length > 3 ? arguments[3] : undefined;
   if (pagination) {
-    const rangeStart = currentPage * pagination;
-    const rangeEnd = (currentPage + 1) * pagination;
-    const validDecorators = pagination ? decorators.filter(_ref8 => {
-      let {
-        x
-      } = _ref8;
+    var rangeStart = currentPage * pagination;
+    var rangeEnd = (currentPage + 1) * pagination;
+    var validDecorators = pagination ? decorators.filter(function (_ref8) {
+      var x = _ref8.x;
       return rangeStart <= x && rangeEnd > x;
     }) : decorators;
-    return validDecorators.map(_ref9 => {
-      let {
-        x,
-        ...config
-      } = _ref9;
-      return {
+    return validDecorators.map(function (_ref9) {
+      var x = _ref9.x,
+        config = _objectWithoutProperties(_ref9, _excluded);
+      return _objectSpread({
         x: pagination ? xAxis(x - currentPage * pagination) : xAxis(x),
-        id: x,
-        ...config
-      };
+        id: x
+      }, config);
     });
   }
-  return decorators.map(_ref10 => {
-    let {
-      x,
-      ...config
-    } = _ref10;
+  return decorators.map(function (_ref10) {
+    var x = _ref10.x,
+      config = _objectWithoutProperties(_ref10, _excluded2);
+    return _objectSpread({
+      x: xAxis(x)
+    }, config);
+  });
+};
+exports.getFormattedDecorators = getFormattedDecorators;
+var getGrid = function getGrid(ticks, maxValue) {
+  return new Array(ticks).fill(0).map(function (_, index) {
     return {
-      x: xAxis(x),
-      ...config
+      value: maxValue - index * maxValue / (ticks - 1),
+      type: 'grid'
     };
+  }).filter(function (_ref11) {
+    var value = _ref11.value;
+    return !!value;
   });
 };
-exports.getFormattedDecorators = getFormattedDecorators;
-const getGrid = (ticks, maxValue) => new Array(ticks).fill(0).map((_, index) => ({
-  value: maxValue - index * maxValue / (ticks - 1),
-  type: 'grid'
-})).filter(_ref11 => {
-  let {
-    value
-  } = _ref11;
-  return !!value;
-});
 exports.getGrid = getGrid;

package/dist/components/UTBreadcrumbs/constants.js

@@ -4,36 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_SEPARATOR = exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = exports.DEFAULT_ELIPSIS = exports.COMPONENTS_THEME_PROPS = exports.COLOR_THEMES_MAPPER = exports.COLOR_THEMES = void 0;
-const DEFAULT_SEPARATOR = exports.DEFAULT_SEPARATOR = '/';
-const DEFAULT_ELIPSIS = exports.DEFAULT_ELIPSIS = '...';
-const DEFAULT_ELIPSIS_WIDTH_ESTIMATE = exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = 100;
-const COLOR_THEMES = exports.COLOR_THEMES = {
+var _COMPONENTS_THEME_PRO;
+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); }
+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); }
+var DEFAULT_SEPARATOR = '/';
+exports.DEFAULT_SEPARATOR = DEFAULT_SEPARATOR;
+var DEFAULT_ELIPSIS = '...';
+exports.DEFAULT_ELIPSIS = DEFAULT_ELIPSIS;
+var DEFAULT_ELIPSIS_WIDTH_ESTIMATE = 100;
+exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = DEFAULT_ELIPSIS_WIDTH_ESTIMATE;
+var COLOR_THEMES = {
   DARK: 'dark',
   LIGHT: 'light'
 };
-const COMPONENTS_THEME_PROPS = exports.COMPONENTS_THEME_PROPS = {
-  [COLOR_THEMES.DARK]: {
-    button: {
-      colorTheme: 'secondary'
-    },
-    label: {
-      colorTheme: 'gray'
-    }
+exports.COLOR_THEMES = COLOR_THEMES;
+var COMPONENTS_THEME_PROPS = (_COMPONENTS_THEME_PRO = {}, _defineProperty(_COMPONENTS_THEME_PRO, COLOR_THEMES.DARK, {
+  button: {
+    colorTheme: 'secondary'
   },
-  [COLOR_THEMES.LIGHT]: {
-    button: {
-      colorTheme: 'negative'
-    },
-    label: {
-      colorTheme: 'negative',
-      shade: '03'
-    }
+  label: {
+    colorTheme: 'gray'
   }
-};
+}), _defineProperty(_COMPONENTS_THEME_PRO, COLOR_THEMES.LIGHT, {
+  button: {
+    colorTheme: 'negative'
+  },
+  label: {
+    colorTheme: 'negative',
+    shade: '03'
+  }
+}), _COMPONENTS_THEME_PRO);
 
 // temporary mapper for compatibility with 'buttonColorTheme' attribute  in office-web-edenor
-const COLOR_THEMES_MAPPER = exports.COLOR_THEMES_MAPPER = {
+exports.COMPONENTS_THEME_PROPS = COMPONENTS_THEME_PROPS;
+var COLOR_THEMES_MAPPER = {
   negative: COLOR_THEMES.LIGHT,
   primary: COLOR_THEMES.DARK,
   secondary: COLOR_THEMES.DARK
-};
+};
+exports.COLOR_THEMES_MAPPER = COLOR_THEMES_MAPPER;

package/dist/components/UTBreadcrumbs/index.js

@@ -1,5 +1,6 @@
 "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
 });
@@ -15,107 +16,130 @@ var _constants = require("./constants");
 var _theme = require("./theme");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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 (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(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 _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); }
-const UTBreadcrumbs = _ref => {
-  let {
-    breadcrumbs,
-    classes: themeClasses,
-    classNames,
-    colorTheme = _constants.COLOR_THEMES.DARK,
-    disableMenu = false,
-    elipsis = _constants.DEFAULT_ELIPSIS,
-    elipsisWidthEstimate = _constants.DEFAULT_ELIPSIS_WIDTH_ESTIMATE,
-    firstItemOverflow = false,
-    menuProps = {},
-    onRedirect,
-    separator = _constants.DEFAULT_SEPARATOR
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const containerRef = (0, _react.useRef)();
-  const [content, setContent] = (0, _react.useState)(breadcrumbs);
-  const [menu, setMenu] = (0, _react.useState)({
-    anchor: null,
-    items: []
-  });
-  const getSectionsTotalWidth = ref => [...ref.current.children].reduce((total, currentChildren) => total + currentChildren.offsetWidth, 0);
-  const getItemsBeforeCollapse = ref => {
-    const sections = [...ref.current.children];
-    const {
-      offsetWidth: containerWidth
-    } = ref.current;
-    let itemsBeforeCollapse = 1;
-    let accumulatedWidth = 0;
-    const firstItemWidth = sections[0].offsetWidth;
-    const lastItemWidth = sections[sections.length - 2].offsetWidth;
-    const availableWidth = containerWidth - firstItemWidth - lastItemWidth - elipsisWidthEstimate;
-    sections.slice(1).forEach(section => {
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 UTBreadcrumbs = function UTBreadcrumbs(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    themeClasses = _ref.classes,
+    classNames = _ref.classNames,
+    _ref$colorTheme = _ref.colorTheme,
+    colorTheme = _ref$colorTheme === void 0 ? _constants.COLOR_THEMES.DARK : _ref$colorTheme,
+    _ref$disableMenu = _ref.disableMenu,
+    disableMenu = _ref$disableMenu === void 0 ? false : _ref$disableMenu,
+    _ref$elipsis = _ref.elipsis,
+    elipsis = _ref$elipsis === void 0 ? _constants.DEFAULT_ELIPSIS : _ref$elipsis,
+    _ref$elipsisWidthEsti = _ref.elipsisWidthEstimate,
+    elipsisWidthEstimate = _ref$elipsisWidthEsti === void 0 ? _constants.DEFAULT_ELIPSIS_WIDTH_ESTIMATE : _ref$elipsisWidthEsti,
+    _ref$firstItemOverflo = _ref.firstItemOverflow,
+    firstItemOverflow = _ref$firstItemOverflo === void 0 ? false : _ref$firstItemOverflo,
+    _ref$menuProps = _ref.menuProps,
+    menuProps = _ref$menuProps === void 0 ? {} : _ref$menuProps,
+    onRedirect = _ref.onRedirect,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? _constants.DEFAULT_SEPARATOR : _ref$separator;
+  var classes = (0, _react.useMemo)(function () {
+    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
+  }, [classNames]);
+  var containerRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(breadcrumbs),
+    _useState2 = _slicedToArray(_useState, 2),
+    content = _useState2[0],
+    setContent = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      anchor: null,
+      items: []
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menu = _useState4[0],
+    setMenu = _useState4[1];
+  var getSectionsTotalWidth = function getSectionsTotalWidth(ref) {
+    return _toConsumableArray(ref.current.children).reduce(function (total, currentChildren) {
+      return total + currentChildren.offsetWidth;
+    }, 0);
+  };
+  var getItemsBeforeCollapse = function getItemsBeforeCollapse(ref) {
+    var sections = _toConsumableArray(ref.current.children);
+    var containerWidth = ref.current.offsetWidth;
+    var itemsBeforeCollapse = 1;
+    var accumulatedWidth = 0;
+    var firstItemWidth = sections[0].offsetWidth;
+    var lastItemWidth = sections[sections.length - 2].offsetWidth;
+    var availableWidth = containerWidth - firstItemWidth - lastItemWidth - elipsisWidthEstimate;
+    sections.slice(1).forEach(function (section) {
       accumulatedWidth += section.offsetWidth;
       if (accumulatedWidth <= availableWidth) itemsBeforeCollapse += 1;
     });
     return itemsBeforeCollapse;
   };
-  const truncate = () => {
+  var truncate = function truncate() {
     if (!containerRef.current) return;
-    const {
-      offsetWidth: containerWidth
-    } = containerRef.current;
-    const childrenTotalWidth = getSectionsTotalWidth(containerRef);
+    var containerWidth = containerRef.current.offsetWidth;
+    var childrenTotalWidth = getSectionsTotalWidth(containerRef);
     if (childrenTotalWidth > containerWidth) {
-      setContent(prevContent => {
-        const isCollapsed = prevContent.some(_ref2 => {
-          let {
-            label
-          } = _ref2;
+      setContent(function (prevContent) {
+        var isCollapsed = prevContent.some(function (_ref2) {
+          var label = _ref2.label;
           return label === elipsis;
         });
         if (isCollapsed) return prevContent;
         if (prevContent.length <= 2) return prevContent;
-        const itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
-        return [...prevContent.slice(0, itemsBeforeCollapse), {
+        var itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
+        return [].concat(_toConsumableArray(prevContent.slice(0, itemsBeforeCollapse)), [{
           label: elipsis,
           menuItems: prevContent.slice(itemsBeforeCollapse, prevContent.length - 1)
-        }, prevContent[prevContent.length - 1]];
+        }, prevContent[prevContent.length - 1]]);
       });
     }
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setContent(breadcrumbs);
   }, [breadcrumbs]);
-  (0, _react.useEffect)(() => {
-    if (containerRef.current) window.requestAnimationFrame(() => truncate());
+  (0, _react.useEffect)(function () {
+    if (containerRef.current) window.requestAnimationFrame(function () {
+      return truncate();
+    });
   }, [content]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     window.addEventListener('resize', truncate);
-    return () => window.removeEventListener('resize', truncate);
+    return function () {
+      return window.removeEventListener('resize', truncate);
+    };
   }, []);
-  const handleCloseMenu = () => setMenu({
-    anchor: null,
-    items: []
-  });
+  var handleCloseMenu = function handleCloseMenu() {
+    return setMenu({
+      anchor: null,
+      items: []
+    });
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.breadcrumbs,
     ref: containerRef
-  }, content.map((_ref3, index) => {
-    let {
-      buttonColorTheme,
-      itemClassName,
-      label,
-      menuItems,
-      route
-    } = _ref3;
-    const handleClick = event => {
+  }, content.map(function (_ref3, index) {
+    var buttonColorTheme = _ref3.buttonColorTheme,
+      itemClassName = _ref3.itemClassName,
+      label = _ref3.label,
+      menuItems = _ref3.menuItems,
+      route = _ref3.route;
+    var handleClick = function handleClick(event) {
       if (menuItems) setMenu({
         anchor: event.currentTarget,
-        items: [...menuItems].map(_ref4 => {
-          let {
-            label: menuItemLabel,
-            route: menuItemRoute
-          } = _ref4;
+        items: _toConsumableArray(menuItems).map(function (_ref4) {
+          var menuItemLabel = _ref4.label,
+            menuItemRoute = _ref4.route;
           return {
             label: menuItemLabel,
-            onClick: () => {
+            onClick: function onClick() {
               setContent(breadcrumbs);
               handleCloseMenu();
               onRedirect(menuItemRoute);
@@ -124,9 +148,9 @@ const UTBreadcrumbs = _ref => {
         })
       });else onRedirect(route);
     };
-    const isLast = index === content.length - 1;
-    const overflowControl = index === 0 && firstItemOverflow;
-    const colorThemesDefinition = buttonColorTheme ? _constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]] : _constants.COMPONENTS_THEME_PROPS[colorTheme];
+    var isLast = index === content.length - 1;
+    var overflowControl = index === 0 && firstItemOverflow;
+    var colorThemesDefinition = buttonColorTheme ? _constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]] : _constants.COMPONENTS_THEME_PROPS[colorTheme];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.section, " ").concat(overflowControl && _stylesModule.default.firstItem),
       key: "".concat(route, "-").concat(label)
@@ -169,4 +193,5 @@ UTBreadcrumbs.propTypes = {
   menuProps: _propTypes.object,
   separator: _propTypes.string
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBreadcrumbs);
+var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBreadcrumbs);
+exports.default = _default;

package/dist/components/UTBreadcrumbs/theme.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _classesUtils = require("../../utils/classesUtils");
-const retrieveStyle = _ref => {
+var retrieveStyle = function retrieveStyle(_ref) {
   var _theme$UTBreadcrumbs;
-  let {
-    theme
-  } = _ref;
+  var theme = _ref.theme;
   return {
     separator: {
       margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTBreadcrumbs = theme.UTBreadcrumbs) === null || _theme$UTBreadcrumbs === void 0 || (_theme$UTBreadcrumbs = _theme$UTBreadcrumbs.separator) === null || _theme$UTBreadcrumbs === void 0 ? void 0 : _theme$UTBreadcrumbs.margin) || '0 12px')