@widergy/energy-ui 2.10.1 → 2.12.0

package/dist/components/UTBarChart/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.xAxisDefinitionType = exports.referencesType = exports.linearType = exports.linearMarkersType = exports.linearDataType = exports.levelsType = exports.buttonPropsTypes = exports.barType = exports.barDataType = void 0;
 var _propTypes = require("prop-types");
-var barType = exports.barType = (0, _propTypes.shape)({
+const barType = exports.barType = (0, _propTypes.shape)({
   clickable: _propTypes.bool,
   color: _propTypes.string,
   highlightColor: _propTypes.string,
@@ -21,11 +21,11 @@ var barType = exports.barType = (0, _propTypes.shape)({
     value: _propTypes.number
   }))
 });
-var barDataType = exports.barDataType = (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(barType), barType]));
-var linearMarkersType = exports.linearMarkersType = (0, _propTypes.shape)({
+const barDataType = exports.barDataType = (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(barType), barType]));
+const linearMarkersType = exports.linearMarkersType = (0, _propTypes.shape)({
   type: _propTypes.string
 });
-var linearType = exports.linearType = (0, _propTypes.shape)({
+const linearType = exports.linearType = (0, _propTypes.shape)({
   color: _propTypes.string,
   data: (0, _propTypes.arrayOf)({
     xCoodrinate: _propTypes.number,
@@ -34,13 +34,13 @@ var linearType = exports.linearType = (0, _propTypes.shape)({
   marker: linearMarkersType,
   type: _propTypes.string
 });
-var linearDataType = exports.linearDataType = (0, _propTypes.arrayOf)(linearType);
-var levelsType = exports.levelsType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+const linearDataType = exports.linearDataType = (0, _propTypes.arrayOf)(linearType);
+const levelsType = exports.levelsType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
   value: _propTypes.number,
   color: _propTypes.string,
   id: _propTypes.string
 }));
-var referencesType = exports.referencesType = (0, _propTypes.shape)({
+const referencesType = exports.referencesType = (0, _propTypes.shape)({
   check: _propTypes.func,
   className: _propTypes.string,
   CustomIcon: _propTypes.elementType,
@@ -48,13 +48,13 @@ var referencesType = exports.referencesType = (0, _propTypes.shape)({
   label: _propTypes.string,
   orderFunction: _propTypes.func
 });
-var xAxisDefinitionType = exports.xAxisDefinitionType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+const xAxisDefinitionType = exports.xAxisDefinitionType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
   labelBackgroundPadding: _propTypes.number,
   mainLabel: _propTypes.string,
   secondaryLabel: _propTypes.string,
   selectedLabelBackground: _propTypes.string
 }));
-var buttonPropsTypes = exports.buttonPropsTypes = (0, _propTypes.shape)({
+const buttonPropsTypes = exports.buttonPropsTypes = (0, _propTypes.shape)({
   colorTheme: _propTypes.string,
   iconPlacement: _propTypes.string,
   size: _propTypes.string,

package/dist/components/UTBarChart/utils.js

@@ -7,75 +7,67 @@ 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");
-var _excluded = ["x"],
-  _excluded2 = ["x"];
-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 _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 = exports.getPages = function getPages() {
-  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var pagination = arguments.length > 1 ? arguments[1] : undefined;
+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;
   return Math.ceil(data.length / pagination);
 };
-var getFormattedData = exports.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;
+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;
   return data.slice(index * pagination, (index + 1) * pagination);
 };
-var getFormattedLinearData = exports.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;
+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;
     return Math.floor(xCoordinate / pagination) === currentPage;
-  }).map(function (item, i) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      xCoordinate: i
-    });
-  });
-};
-var getMaxValue = exports.getMaxValue = function getMaxValue(dataSet) {
-  return dataSet && !(0, _array.isEmpty)(dataSet) && (d3.max(dataSet, function (_ref2) {
-    var value = _ref2.value;
-    return value;
-  }) || 0);
-};
-var getMinValue = exports.getMinValue = function getMinValue(dataSet) {
-  return dataSet && !(0, _array.isEmpty)(dataSet) && d3.min(dataSet, function (_ref3) {
-    var value = _ref3.value;
-    return value;
-  }) || 0;
-};
-var maxValueOrDefault = function maxValueOrDefault(value) {
-  return value === 0 ? _constants.DEFAULT_MAX_VALUE : value;
+  }).map((item, i) => ({
+    ...item,
+    xCoordinate: i
+  }));
 };
-var getMaxValues = exports.getMaxValues = function getMaxValues(flatBarData, flatLinearData, levels) {
-  return {
-    maxLinearValue: maxValueOrDefault(getMaxValue(flatLinearData)),
-    maxBarValue: maxValueOrDefault(Math.max(getMaxValue(flatBarData), getMaxValue(levels)))
-  };
-};
-var calculateTotalWidth = function calculateTotalWidth(minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) {
-  var minimumNeededWidth = dataLength * groups * (minBarWidth + 2 * padding) + marginLeft + marginRight;
+exports.getFormattedLinearData = getFormattedLinearData;
+const getMaxValue = dataSet => dataSet && !(0, _array.isEmpty)(dataSet) && (d3.max(dataSet, _ref2 => {
+  let {
+    value
+  } = _ref2;
+  return value;
+}) || 0);
+exports.getMaxValue = getMaxValue;
+const getMinValue = dataSet => dataSet && !(0, _array.isEmpty)(dataSet) && d3.min(dataSet, _ref3 => {
+  let {
+    value
+  } = _ref3;
+  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)))
+});
+exports.getMaxValues = getMaxValues;
+const calculateTotalWidth = (minBarWidth, dataLength, padding, containerWidth, marginLeft, marginRight, groups) => {
+  const minimumNeededWidth = dataLength * groups * (minBarWidth + 2 * padding) + marginLeft + marginRight;
   return Math.max(containerWidth, minimumNeededWidth);
 };
-var getGraphAttributes = exports.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;
+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;
   return {
     TOTAL_WIDTH: totalWidth,
     TOTAL_HEIGHT: containerHeight,
@@ -85,73 +77,88 @@ var getGraphAttributes = exports.getGraphAttributes = function getGraphAttribute
     GRAPH_Y_END: marginTop + 4 * axisPadding
   };
 };
-var flattenBarData = function flattenBarData(data) {
+exports.getGraphAttributes = getGraphAttributes;
+const 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(function (_ref4) {
-    var values = _ref4.values;
+  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 values;
   }).flat() : data.flat();
 };
-var flattenAndReduceBarData = exports.flattenAndReduceBarData = function flattenAndReduceBarData(data) {
+const 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(function (_ref5) {
-    var values = _ref5.values;
+  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 {
-      value: values.reduce(function (acc, _ref6) {
-        var value = _ref6.value;
+      value: values.reduce((acc, _ref6) => {
+        let {
+          value
+        } = _ref6;
         return acc + value;
       }, 0)
     };
   }) : data.flat());
 };
-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 = exports.flattenData = function flattenData(barData, linearData) {
-  return {
-    flatBarData: flattenBarData(barData),
-    flatLinearData: flattenLinearData(linearData)
-  };
-};
-var getFormattedDecorators = exports.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;
+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)
+});
+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;
   if (pagination) {
-    var rangeStart = currentPage * pagination;
-    var rangeEnd = (currentPage + 1) * pagination;
-    var validDecorators = pagination ? decorators.filter(function (_ref8) {
-      var x = _ref8.x;
+    const rangeStart = currentPage * pagination;
+    const rangeEnd = (currentPage + 1) * pagination;
+    const validDecorators = pagination ? decorators.filter(_ref8 => {
+      let {
+        x
+      } = _ref8;
       return rangeStart <= x && rangeEnd > x;
     }) : decorators;
-    return validDecorators.map(function (_ref9) {
-      var x = _ref9.x,
-        config = _objectWithoutProperties(_ref9, _excluded);
-      return _objectSpread({
+    return validDecorators.map(_ref9 => {
+      let {
+        x,
+        ...config
+      } = _ref9;
+      return {
         x: pagination ? xAxis(x - currentPage * pagination) : xAxis(x),
-        id: x
-      }, config);
+        id: x,
+        ...config
+      };
     });
   }
-  return decorators.map(function (_ref10) {
-    var x = _ref10.x,
-      config = _objectWithoutProperties(_ref10, _excluded2);
-    return _objectSpread({
-      x: xAxis(x)
-    }, config);
-  });
-};
-var getGrid = exports.getGrid = function getGrid(ticks, maxValue) {
-  return new Array(ticks).fill(0).map(function (_, index) {
+  return decorators.map(_ref10 => {
+    let {
+      x,
+      ...config
+    } = _ref10;
     return {
-      value: maxValue - index * maxValue / (ticks - 1),
-      type: 'grid'
+      x: xAxis(x),
+      ...config
     };
-  }).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,37 +4,35 @@ 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;
-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 = '/';
-var DEFAULT_ELIPSIS = exports.DEFAULT_ELIPSIS = '...';
-var DEFAULT_ELIPSIS_WIDTH_ESTIMATE = exports.DEFAULT_ELIPSIS_WIDTH_ESTIMATE = 100;
-var COLOR_THEMES = exports.COLOR_THEMES = {
+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 = {
   DARK: 'dark',
   LIGHT: 'light'
 };
-var COMPONENTS_THEME_PROPS = exports.COMPONENTS_THEME_PROPS = (_COMPONENTS_THEME_PRO = {}, _defineProperty(_COMPONENTS_THEME_PRO, COLOR_THEMES.DARK, {
-  button: {
-    colorTheme: 'secondary'
+const COMPONENTS_THEME_PROPS = exports.COMPONENTS_THEME_PROPS = {
+  [COLOR_THEMES.DARK]: {
+    button: {
+      colorTheme: 'secondary'
+    },
+    label: {
+      colorTheme: 'gray'
+    }
   },
-  label: {
-    colorTheme: 'gray'
+  [COLOR_THEMES.LIGHT]: {
+    button: {
+      colorTheme: 'negative'
+    },
+    label: {
+      colorTheme: 'negative',
+      shade: '03'
+    }
   }
-}), _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
-var COLOR_THEMES_MAPPER = exports.COLOR_THEMES_MAPPER = {
+const COLOR_THEMES_MAPPER = exports.COLOR_THEMES_MAPPER = {
   negative: COLOR_THEMES.LIGHT,
   primary: COLOR_THEMES.DARK,
   secondary: COLOR_THEMES.DARK

package/dist/components/UTBreadcrumbs/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,130 +15,107 @@ 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 _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 _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) {
+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 => {
       accumulatedWidth += section.offsetWidth;
       if (accumulatedWidth <= availableWidth) itemsBeforeCollapse += 1;
     });
     return itemsBeforeCollapse;
   };
-  var truncate = function truncate() {
+  const truncate = () => {
     if (!containerRef.current) return;
-    var containerWidth = containerRef.current.offsetWidth;
-    var childrenTotalWidth = getSectionsTotalWidth(containerRef);
+    const {
+      offsetWidth: containerWidth
+    } = containerRef.current;
+    const childrenTotalWidth = getSectionsTotalWidth(containerRef);
     if (childrenTotalWidth > containerWidth) {
-      setContent(function (prevContent) {
-        var isCollapsed = prevContent.some(function (_ref2) {
-          var label = _ref2.label;
+      setContent(prevContent => {
+        const isCollapsed = prevContent.some(_ref2 => {
+          let {
+            label
+          } = _ref2;
           return label === elipsis;
         });
         if (isCollapsed) return prevContent;
         if (prevContent.length <= 2) return prevContent;
-        var itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
-        return [].concat(_toConsumableArray(prevContent.slice(0, itemsBeforeCollapse)), [{
+        const itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
+        return [...prevContent.slice(0, itemsBeforeCollapse), {
           label: elipsis,
           menuItems: prevContent.slice(itemsBeforeCollapse, prevContent.length - 1)
-        }, prevContent[prevContent.length - 1]]);
+        }, prevContent[prevContent.length - 1]];
       });
     }
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setContent(breadcrumbs);
   }, [breadcrumbs]);
-  (0, _react.useEffect)(function () {
-    if (containerRef.current) window.requestAnimationFrame(function () {
-      return truncate();
-    });
+  (0, _react.useEffect)(() => {
+    if (containerRef.current) window.requestAnimationFrame(() => truncate());
   }, [content]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     window.addEventListener('resize', truncate);
-    return function () {
-      return window.removeEventListener('resize', truncate);
-    };
+    return () => window.removeEventListener('resize', truncate);
   }, []);
-  var handleCloseMenu = function handleCloseMenu() {
-    return setMenu({
-      anchor: null,
-      items: []
-    });
-  };
+  const handleCloseMenu = () => setMenu({
+    anchor: null,
+    items: []
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.breadcrumbs,
     ref: containerRef
-  }, 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) {
+  }, content.map((_ref3, index) => {
+    let {
+      buttonColorTheme,
+      itemClassName,
+      label,
+      menuItems,
+      route
+    } = _ref3;
+    const handleClick = event => {
       if (menuItems) setMenu({
         anchor: event.currentTarget,
-        items: _toConsumableArray(menuItems).map(function (_ref4) {
-          var menuItemLabel = _ref4.label,
-            menuItemRoute = _ref4.route;
+        items: [...menuItems].map(_ref4 => {
+          let {
+            label: menuItemLabel,
+            route: menuItemRoute
+          } = _ref4;
           return {
             label: menuItemLabel,
-            onClick: function onClick() {
+            onClick: () => {
               setContent(breadcrumbs);
               handleCloseMenu();
               onRedirect(menuItemRoute);
@@ -148,9 +124,9 @@ var UTBreadcrumbs = function UTBreadcrumbs(_ref) {
         })
       });else onRedirect(route);
     };
-    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];
+    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];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.section, " ").concat(overflowControl && _stylesModule.default.firstItem),
       key: "".concat(route, "-").concat(label)

package/dist/components/UTBreadcrumbs/theme.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _classesUtils = require("../../utils/classesUtils");
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+const retrieveStyle = _ref => {
   var _theme$UTBreadcrumbs;
-  var theme = _ref.theme;
+  let {
+    theme
+  } = _ref;
   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')
     }
   };
-};
+};
+exports.retrieveStyle = retrieveStyle;