@widergy/energy-ui 2.10.1 → 3.0.0

package/dist/components/UTSelect/components/Option/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
 });
@@ -9,16 +8,18 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 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 Option = function Option(_ref) {
-  var classes = _ref.classes,
-    isMultiple = _ref.isMultiple,
-    labelKey = _ref.labelKey,
-    optionProps = _ref.optionProps,
-    value = _ref.value,
-    valueKey = _ref.valueKey;
-  var OptionIcon = optionProps.icon;
+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 Option = _ref => {
+  let {
+    classes,
+    isMultiple,
+    labelKey,
+    optionProps,
+    value,
+    valueKey
+  } = _ref;
+  const OptionIcon = optionProps.icon;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isMultiple && /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
     color: "primary",
     checked: value.indexOf(optionProps[valueKey]) > -1

package/dist/components/UTSelect/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VALUE_KEY = exports.MENU_TITLE_MULTIPLE = exports.MENU_TITLE = exports.LABEL_KEY = void 0;
-var VALUE_KEY = exports.VALUE_KEY = 'value';
-var LABEL_KEY = exports.LABEL_KEY = 'name';
-var MENU_TITLE = exports.MENU_TITLE = 'Seleccione una opción';
-var MENU_TITLE_MULTIPLE = exports.MENU_TITLE_MULTIPLE = 'Seleccione una o más opciones';
+const VALUE_KEY = exports.VALUE_KEY = 'value';
+const LABEL_KEY = exports.LABEL_KEY = 'name';
+const MENU_TITLE = exports.MENU_TITLE = 'Seleccione una opción';
+const MENU_TITLE_MULTIPLE = exports.MENU_TITLE_MULTIPLE = 'Seleccione una o más opciones';

package/dist/components/UTSelect/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
 });
@@ -30,74 +29,56 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _constants = require("./constants");
 var _utils = require("./utils");
 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 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 _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 _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 _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 _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; }
-var UTSelect = function UTSelect(_ref) {
-  var captionLabel = _ref.captionLabel,
-    classNames = _ref.classNames,
-    themeClasses = _ref.classes,
-    disabled = _ref.disabled,
-    disableFirstOption = _ref.disableFirstOption,
-    field = _ref.field,
-    IconPlaceholder = _ref.iconPlaceholder,
-    input = _ref.input,
-    labelKey = _ref.labelKey,
-    labelProps = _ref.labelProps,
-    menuPlaceholder = _ref.menuPlaceholder,
-    meta = _ref.meta,
-    options = _ref.options,
-    placeholder = _ref.placeholder,
-    selectProps = _ref.selectProps,
-    tooltip = _ref.tooltip,
-    valueKey = _ref.valueKey,
-    variant = _ref.variant,
-    withAutoReset = _ref.withAutoReset,
-    withOrder = _ref.withOrder,
-    withoutFirstOption = _ref.withoutFirstOption;
-  var _ref2 = (field === null || field === void 0 ? void 0 : field.configuration) || {},
-    isMultiple = _ref2.multiple,
-    upperTitle = _ref2.upperTitle;
-  var classes = (0, _react.useMemo)(function () {
-    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  }, [classNames]);
-  (0, _react.useEffect)(function () {
+const UTSelect = _ref => {
+  let {
+    captionLabel,
+    classNames,
+    classes: themeClasses,
+    disabled,
+    disableFirstOption,
+    field,
+    iconPlaceholder: IconPlaceholder,
+    input,
+    labelKey,
+    labelProps,
+    menuPlaceholder,
+    meta,
+    options,
+    placeholder,
+    selectProps,
+    tooltip,
+    valueKey,
+    variant,
+    withAutoReset,
+    withOrder,
+    withoutFirstOption
+  } = _ref;
+  const {
+    multiple: isMultiple,
+    upperTitle
+  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  (0, _react.useEffect)(() => {
     if (withAutoReset && (0, _utils.shouldReset)(input.value, options, valueKey, isMultiple)) input.onChange(null);
   }, [options]);
-  var handleChange = function handleChange(event) {
-    return input.onChange(event.target.value);
-  };
-  var handleRenderValue = function handleRenderValue(selected) {
-    var selectedOptions = options.filter(function (option) {
-      return selected.includes(option[valueKey]);
-    });
-    return selectedOptions.map(function (selection) {
-      return selection[labelKey];
-    }).join(', ');
+  const handleChange = event => input.onChange(event.target.value);
+  const handleRenderValue = selected => {
+    const selectedOptions = options.filter(option => selected.includes(option[valueKey]));
+    return selectedOptions.map(selection => selection[labelKey]).join(', ');
   };
-  var sortedOptions = _toConsumableArray(options);
-  sortedOptions = withOrder ? sortedOptions.sort(function (a, b) {
-    return a.order < b.order ? -1 : 1;
-  }) : sortedOptions;
-  var optionCommonProps = {
-    classes: classes,
-    isMultiple: isMultiple,
-    labelKey: labelKey,
+  let sortedOptions = [...options];
+  sortedOptions = withOrder ? sortedOptions.sort((a, b) => a.order < b.order ? -1 : 1) : sortedOptions;
+  const optionCommonProps = {
+    classes,
+    isMultiple,
+    labelKey,
     value: input.value,
-    valueKey: valueKey
+    valueKey
   };
-  var SelectInput = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, upperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  const SelectInput = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, upperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.upperTitle
   }, upperTitle), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     className: classes.formControl,
@@ -124,26 +105,24 @@ var UTSelect = function UTSelect(_ref) {
   } : {}, selectProps), !withoutFirstOption && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     value: "",
     disabled: isMultiple || disableFirstOption
-  }, menuPlaceholder || (isMultiple ? _constants.MENU_TITLE_MULTIPLE : _constants.MENU_TITLE)), sortedOptions.map(function (option) {
-    return (0, _array.isEmpty)(option.subOptions) ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      key: option[valueKey],
-      value: option[valueKey]
-    }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-      optionProps: option
-    }, optionCommonProps))) : [/*#__PURE__*/_react.default.createElement(_ListSubheader.default, {
-      className: _stylesModule.default.subHeader
-    }, option[labelKey]), option.subOptions.map(function (subOption) {
-      return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        className: classes.subOption,
-        key: subOption[valueKey],
-        value: subOption[valueKey]
-      }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-        isSuboption: true,
-        optionProps: subOption
-      }, optionCommonProps)));
-    })];
-  })), captionLabel && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
-    classes: _objectSpread({}, classes.formHelperText)
+  }, menuPlaceholder || (isMultiple ? _constants.MENU_TITLE_MULTIPLE : _constants.MENU_TITLE)), sortedOptions.map(option => (0, _array.isEmpty)(option.subOptions) ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    key: option[valueKey],
+    value: option[valueKey]
+  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
+    optionProps: option
+  }, optionCommonProps))) : [/*#__PURE__*/_react.default.createElement(_ListSubheader.default, {
+    className: _stylesModule.default.subHeader
+  }, option[labelKey]), option.subOptions.map(subOption => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    className: classes.subOption,
+    key: subOption[valueKey],
+    value: subOption[valueKey]
+  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
+    isSuboption: true,
+    optionProps: subOption
+  }, optionCommonProps))))])), captionLabel && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
+    classes: {
+      ...classes.formHelperText
+    }
   }, captionLabel), (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.errorLabel,
     colorTheme: "error",

package/dist/components/UTSelect/theme.js

@@ -9,8 +9,10 @@ var _styles = require("@material-ui/core/styles");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
-  var theme = _ref.theme;
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return {
     container: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'display'], 'flex'),
@@ -54,8 +56,9 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
-  var mui = {
+exports.retrieveStyle = retrieveStyle;
+const retrieveMuiTheme = (theme, muiTheme) => {
+  const mui = {
     typography: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
     },
@@ -200,4 +203,5 @@ var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(them
     }
   };
   return (0, _styles.createTheme)(_lodash.default.merge(muiTheme, mui));
-};
+};
+exports.retrieveMuiTheme = retrieveMuiTheme;

package/dist/components/UTSelect/utils.js

@@ -5,19 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldReset = void 0;
 var _array = require("@widergy/web-utils/lib/array");
-var shouldResetMultipleSelect = function shouldResetMultipleSelect(value, options, valueKey) {
-  return !(0, _array.isEmpty)(value) && ((0, _array.isEmpty)(options) || value.some(function (el) {
-    return !options.some(function (opt) {
-      return opt[valueKey] === el;
-    });
-  }));
-};
-var shouldResetSimpleSelect = function shouldResetSimpleSelect(value, options, valueKey) {
-  return value && ((0, _array.isEmpty)(options) || !options.some(function (el) {
-    return el[valueKey] === value;
-  }));
-};
-var shouldReset = exports.shouldReset = function shouldReset(value, options, valueKey, isMultiple) {
+const shouldResetMultipleSelect = (value, options, valueKey) => !(0, _array.isEmpty)(value) && ((0, _array.isEmpty)(options) || value.some(el => !options.some(opt => opt[valueKey] === el)));
+const shouldResetSimpleSelect = (value, options, valueKey) => value && ((0, _array.isEmpty)(options) || !options.some(el => el[valueKey] === value));
+const shouldReset = (value, options, valueKey, isMultiple) => {
   if (isMultiple) return shouldResetMultipleSelect(value, options, valueKey);
   return shouldResetSimpleSelect(value, options, valueKey);
-};
+};
+exports.shouldReset = shouldReset;

package/dist/components/UTSidebar/components/ListOption/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
 });
@@ -11,49 +10,38 @@ var _types = require("../../types");
 var _Option = _interopRequireDefault(require("../Option"));
 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 _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 ListOption = function ListOption(_ref) {
-  var classes = _ref.classes,
-    handleClose = _ref.handleClose,
-    handleRedirect = _ref.handleRedirect,
-    IconActive = _ref.IconActive,
-    IconInactive = _ref.IconInactive,
-    label = _ref.label,
-    labelAlwaysVisible = _ref.labelAlwaysVisible,
-    location = _ref.location,
-    open = _ref.open,
-    openDrawer = _ref.openDrawer,
-    options = _ref.options;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openMenu = _useState2[0],
-    setOpenMenu = _useState2[1];
-  var optionRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ListOption = _ref => {
+  let {
+    classes,
+    handleClose,
+    handleRedirect,
+    IconActive,
+    IconInactive,
+    label,
+    labelAlwaysVisible,
+    location,
+    open,
+    openDrawer,
+    options
+  } = _ref;
+  const [openMenu, setOpenMenu] = (0, _react.useState)(false);
+  const optionRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
     if (!open) setOpenMenu(false);
   }, [open]);
-  var toogleMenu = function toogleMenu() {
+  const toogleMenu = () => {
     if (!open) {
       openDrawer();
       setOpenMenu(true);
     } else setOpenMenu(!openMenu);
   };
-  var optionHeight = (0, _react.useMemo)(function () {
+  const optionHeight = (0, _react.useMemo)(() => {
     var _optionRef$current;
     return openMenu && open ? options.length * (optionRef === null || optionRef === void 0 || (_optionRef$current = optionRef.current) === null || _optionRef$current === void 0 ? void 0 : _optionRef$current.clientHeight) : 0;
   }, [openMenu, open]);
-  var hasSelectedItem = (0, _react.useMemo)(function () {
-    return options.some(function (opt) {
-      return opt.link === location;
-    });
-  }, [location, options]);
+  const hasSelectedItem = (0, _react.useMemo)(() => options.some(opt => opt.link === location), [location, options]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Option.default, {
     classes: classes,
     IconActive: IconActive,
@@ -72,19 +60,17 @@ var ListOption = function ListOption(_ref) {
     style: {
       height: optionHeight
     }
-  }, options.map(function (op) {
-    return /*#__PURE__*/_react.default.createElement(_Option.default, {
-      classes: classes,
-      handleClose: handleClose,
-      handleRedirect: handleRedirect,
-      key: op.key,
-      label: op.label,
-      labelAlwaysVisible: labelAlwaysVisible,
-      link: op.link,
-      location: location,
-      open: open
-    });
-  })));
+  }, options.map(op => /*#__PURE__*/_react.default.createElement(_Option.default, {
+    classes: classes,
+    handleClose: handleClose,
+    handleRedirect: handleRedirect,
+    key: op.key,
+    label: op.label,
+    labelAlwaysVisible: labelAlwaysVisible,
+    link: op.link,
+    location: location,
+    open: open
+  }))));
 };
 ListOption.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),

package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js

@@ -1,17 +1,18 @@
 "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
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
-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 DynamicIcon = function DynamicIcon(_ref) {
-  var className = _ref.className,
-    Icon = _ref.Icon;
+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 DynamicIcon = _ref => {
+  let {
+    className,
+    Icon
+  } = _ref;
   return typeof Icon === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
     src: Icon,
     alt: "",

package/dist/components/UTSidebar/components/LogosContainer/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
 });
@@ -11,17 +10,19 @@ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _DynamicIcon = _interopRequireDefault(require("./components/DynamicIcon"));
 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; }
-var LogosContainer = function LogosContainer(_ref) {
-  var badgeClassName = _ref.badgeClassName,
-    badgeContent = _ref.badgeContent,
-    BigLogo = _ref.BigLogo,
-    bigLogoClassName = _ref.bigLogoClassName,
-    containerClassName = _ref.containerClassName,
-    SmallLogo = _ref.SmallLogo,
-    smallLogoClassName = _ref.smallLogoClassName,
-    showBigLogo = _ref.showBigLogo;
+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 LogosContainer = _ref => {
+  let {
+    badgeClassName,
+    badgeContent,
+    BigLogo,
+    bigLogoClassName,
+    containerClassName,
+    SmallLogo,
+    smallLogoClassName,
+    showBigLogo
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(containerClassName, " ").concat(_stylesModule.default.logoContainer)
   }, BigLogo && /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, {

package/dist/components/UTSidebar/components/Option/constants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TOOLTIP_CONFIG = void 0;
-var TOOLTIP_CONFIG = exports.TOOLTIP_CONFIG = {
+const TOOLTIP_CONFIG = exports.TOOLTIP_CONFIG = {
   tippyProps: {
     placement: 'right',
     interactive: false,

package/dist/components/UTSidebar/components/Option/index.js

@@ -16,43 +16,40 @@ var _types = require("../../types");
 var _constants = require("./constants");
 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 _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 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 Option = function Option(_ref) {
-  var classes = _ref.classes,
-    handleClose = _ref.handleClose,
-    handleRedirect = _ref.handleRedirect,
-    IconActive = _ref.IconActive,
-    IconInactive = _ref.IconInactive,
-    isSelectedGroup = _ref.isSelectedGroup,
-    label = _ref.label,
-    labelAlwaysVisible = _ref.labelAlwaysVisible,
-    link = _ref.link,
-    location = _ref.location,
-    onClick = _ref.onClick,
-    open = _ref.open,
-    optionRef = _ref.optionRef,
-    toggleArrowActive = _ref.toggleArrowActive,
-    withToggleArrow = _ref.withToggleArrow,
-    withTooltip = _ref.withTooltip;
-  var isSelected = isSelectedGroup || link === location;
-  var handleRedirection = function handleRedirection() {
+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 Option = _ref => {
+  let {
+    classes,
+    handleClose,
+    handleRedirect,
+    IconActive,
+    IconInactive,
+    isSelectedGroup,
+    label,
+    labelAlwaysVisible,
+    link,
+    location,
+    onClick,
+    open,
+    optionRef,
+    toggleArrowActive,
+    withToggleArrow,
+    withTooltip
+  } = _ref;
+  const isSelected = isSelectedGroup || link === location;
+  const handleRedirection = () => {
     handleRedirect(link);
     if (handleClose) handleClose();
   };
-  var Container = withTooltip ? _UTTooltip.default : _react.Fragment;
-  var containerProps = withTooltip && _objectSpread(_objectSpread({}, _constants.TOOLTIP_CONFIG), {}, {
+  const Container = withTooltip ? _UTTooltip.default : _react.Fragment;
+  const containerProps = withTooltip && {
+    ..._constants.TOOLTIP_CONFIG,
     content: /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
       className: classes.tooltipLabel
     }, label),
     className: classes.tooltip
-  });
+  };
   return /*#__PURE__*/_react.default.createElement(Container, containerProps, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     className: "\n        ".concat(_stylesModule.default.option, "\n        ").concat(classes.option, "\n        ").concat(isSelected && "".concat(_stylesModule.default.optionSelected, " ").concat(classes.optionSelected), "\n        ").concat(isSelected && open && classes.optionSelectedOpened, "\n        ").concat(isSelected && !isSelectedGroup && !withTooltip && _stylesModule.default.removeEvents, "\n      "),
     onClick: onClick || handleRedirection,

package/dist/components/UTSidebar/components/Toggler/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
 });
@@ -14,14 +13,16 @@ var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _types = require("../../types");
 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; }
-var Toggler = function Toggler(_ref) {
-  var classes = _ref.classes,
-    open = _ref.open,
-    toggleDrawer = _ref.toggleDrawer,
-    title = _ref.title,
-    subtitle = _ref.subtitle;
+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 Toggler = _ref => {
+  let {
+    classes,
+    open,
+    toggleDrawer,
+    title,
+    subtitle
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.togglerContainer, " ").concat(_stylesModule.default.togglerContainer)
   }, open ? /*#__PURE__*/_react.default.createElement("div", {