@widergy/energy-ui 2.10.1 → 3.0.0

package/dist/components/UTSidebar/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +12,7 @@ var _List = _interopRequireDefault(require("@material-ui/core/List"));
 var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
 require("react-perfect-scrollbar/dist/css/styles.css");
 var _array = require("@widergy/web-utils/lib/array");
-var _useScreenSize2 = require("../../utils/useScreenSize");
+var _useScreenSize = require("../../utils/useScreenSize");
 var _classesUtils = require("../../utils/classesUtils");
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _types = require("./types");
@@ -23,41 +22,37 @@ var _LogosContainer = _interopRequireDefault(require("./components/LogosContaine
 var _Option = _interopRequireDefault(require("./components/Option"));
 var _Toggler = _interopRequireDefault(require("./components/Toggler"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _excluded = ["show", "options"];
 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 _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; }
-var UTSidebar = function UTSidebar(_ref) {
-  var badgeContent = _ref.badgeContent,
-    BigLogo = _ref.BigLogo,
-    themeClasses = _ref.classes,
-    classNames = _ref.classNames,
-    FooterBigLogo = _ref.FooterBigLogo,
-    FooterSmallLogo = _ref.FooterSmallLogo,
-    handleClose = _ref.handleClose,
-    handleOpen = _ref.handleOpen,
-    handleRedirect = _ref.handleRedirect,
-    labelAlwaysVisible = _ref.labelAlwaysVisible,
-    location = _ref.location,
-    open = _ref.open,
-    options = _ref.options,
-    SmallLogo = _ref.SmallLogo,
-    subtitle = _ref.subtitle,
-    title = _ref.title,
-    withMouseActions = _ref.withMouseActions,
-    withoutToggler = _ref.withoutToggler,
-    withTooltip = _ref.withTooltip;
-  var _useScreenSize = (0, _useScreenSize2.useScreenSize)(),
-    isTabletOrDesktop = _useScreenSize.isTabletOrDesktop;
-  var classes = (0, _react.useMemo)(function () {
-    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-  }, [classNames]);
-  var toggleDrawer = function toggleDrawer() {
-    return open ? handleClose() : handleOpen();
-  };
+const UTSidebar = _ref => {
+  let {
+    badgeContent,
+    BigLogo,
+    classes: themeClasses,
+    classNames,
+    FooterBigLogo,
+    FooterSmallLogo,
+    handleClose,
+    handleOpen,
+    handleRedirect,
+    labelAlwaysVisible,
+    location,
+    open,
+    options,
+    SmallLogo,
+    subtitle,
+    title,
+    withMouseActions,
+    withoutToggler,
+    withTooltip
+  } = _ref;
+  const {
+    isTabletOrDesktop
+  } = (0, _useScreenSize.useScreenSize)();
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const toggleDrawer = () => open ? handleClose() : handleOpen();
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
     open: isTabletOrDesktop || open,
     variant: isTabletOrDesktop ? 'persistent' : 'temporary',
@@ -68,12 +63,8 @@ var UTSidebar = function UTSidebar(_ref) {
     ModalProps: {
       onClose: handleClose
     },
-    onMouseLeave: function onMouseLeave() {
-      return withMouseActions && handleClose();
-    },
-    onMouseEnter: function onMouseEnter() {
-      return withMouseActions && handleOpen();
-    }
+    onMouseLeave: () => withMouseActions && handleClose(),
+    onMouseEnter: () => withMouseActions && handleOpen()
   }, (BigLogo || SmallLogo) && /*#__PURE__*/_react.default.createElement(_LogosContainer.default, {
     badgeClassName: open ? classes.logoBadgeOpen : classes.logoBadgeClose,
     badgeContent: badgeContent,
@@ -98,18 +89,17 @@ var UTSidebar = function UTSidebar(_ref) {
     options: {
       suppressScrollX: true
     }
-  }, options.map(function (_ref2) {
-    var _ref2$show = _ref2.show,
-      show = _ref2$show === void 0 ? true : _ref2$show,
-      menuOptions = _ref2.options,
-      props = _objectWithoutProperties(_ref2, _excluded);
+  }, options.map(_ref2 => {
+    let {
+      show = true,
+      options: menuOptions,
+      ...props
+    } = _ref2;
     if (!show) return false;
-    var hasMenuOptions = !(0, _array.isEmpty)(menuOptions);
-    var menuOptionsToShow = hasMenuOptions && menuOptions.filter(function (opt) {
-      return opt.show;
-    });
+    const hasMenuOptions = !(0, _array.isEmpty)(menuOptions);
+    const menuOptionsToShow = hasMenuOptions && menuOptions.filter(opt => opt.show);
     if (hasMenuOptions && (0, _array.isEmpty)(menuOptionsToShow)) return false;
-    var Component = (0, _array.isEmpty)(menuOptions) ? _Option.default : _ListOption.default;
+    const Component = (0, _array.isEmpty)(menuOptions) ? _Option.default : _ListOption.default;
     return /*#__PURE__*/_react.default.createElement(Component, _extends({
       classes: classes,
       handleClose: handleClose,

package/dist/components/UTSidebar/theme.js

@@ -8,9 +8,11 @@ var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _fontSizesModule = _interopRequireDefault(require("../../scss/variables/fontSizes.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
+const retrieveStyle = _ref => {
   var _theme$UTSidebar, _theme$UTSidebar2, _theme$UTSidebar3, _theme$UTSidebar4, _theme$UTSidebar5, _theme$UTSidebar6, _theme$UTSidebar7, _theme$UTSidebar8, _theme$UTSidebar9, _theme$UTSidebar10, _theme$UTSidebar11, _theme$UTSidebar12, _theme$UTSidebar13, _theme$UTSidebar14, _theme$UTSidebar15, _theme$UTSidebar16;
-  var theme = _ref.theme;
+  let {
+    theme
+  } = _ref;
   return {
     drawerRoot: {
       width: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'drawer', 'width'], 60)
@@ -247,4 +249,5 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
       color: (0, _seamlessImmutable.getIn)(theme, ['UTSidebar', 'tooltipLabel', 'color'])
     }
   };
-};
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTSidebar/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.subOptionType = exports.optionsType = exports.optionType = exports.iconType = exports.classType = void 0;
 var _propTypes = require("prop-types");
-var classType = exports.classType = (0, _propTypes.shape)({
+const classType = exports.classType = (0, _propTypes.shape)({
   bigLogo: _propTypes.string,
   closeDrawerContainer: _propTypes.string,
   closeIcon: _propTypes.string,
@@ -32,15 +32,15 @@ var classType = exports.classType = (0, _propTypes.shape)({
   optionSelected: _propTypes.string,
   togglerContainer: _propTypes.string
 });
-var iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.elementType]);
-var subOptionType = exports.subOptionType = (0, _propTypes.shape)({
+const iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.elementType]);
+const subOptionType = exports.subOptionType = (0, _propTypes.shape)({
   id: _propTypes.string,
   key: _propTypes.string,
   label: _propTypes.string,
   link: _propTypes.string,
   show: _propTypes.bool
 });
-var optionType = exports.optionType = (0, _propTypes.shape)({
+const optionType = exports.optionType = (0, _propTypes.shape)({
   id: _propTypes.string,
   key: _propTypes.string,
   IconActive: _propTypes.elementType,
@@ -50,4 +50,4 @@ var optionType = exports.optionType = (0, _propTypes.shape)({
   show: _propTypes.bool,
   options: (0, _propTypes.arrayOf)(subOptionType)
 });
-var optionsType = exports.optionsType = (0, _propTypes.arrayOf)(optionType);
+const optionsType = exports.optionsType = (0, _propTypes.arrayOf)(optionType);

package/dist/components/UTSkeleton/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,42 +8,18 @@ var _react = _interopRequireDefault(require("react"));
 var _reactSkeletor = require("@trainline/react-skeletor");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-var SkeletonWrapper = (0, _reactSkeletor.createSkeletonElement)('div', _stylesModule.default.skeleton);
-var hasMock = function hasMock(string) {
+const SkeletonWrapper = (0, _reactSkeletor.createSkeletonElement)('div', _stylesModule.default.skeleton);
+const hasMock = string => {
   var _string$props$childre;
   if (string && string.props.source) return string.props.source.toString().includes('MOCK');
   if (string && string.props.children) return string.props.children.toString().includes('MOCK') || ((_string$props$childre = string.props.children) === null || _string$props$childre === void 0 || (_string$props$childre = _string$props$childre.props) === null || _string$props$childre === void 0 || (_string$props$childre = _string$props$childre.children) === null || _string$props$childre === void 0 ? void 0 : _string$props$childre.toString().includes('MOCK'));
 };
-var hiddenChildren = function hiddenChildren(child) {
-  return /*#__PURE__*/_react.default.cloneElement(child, {
-    className: "".concat(child.className, " ").concat(_stylesModule.default.skeletonHiddenChild)
-  });
-};
-var Skeleton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Skeleton, _React$PureComponent);
-  var _super = _createSuper(Skeleton);
-  function Skeleton() {
-    _classCallCheck(this, Skeleton);
-    return _super.apply(this, arguments);
+const hiddenChildren = child => /*#__PURE__*/_react.default.cloneElement(child, {
+  className: "".concat(child.className, " ").concat(_stylesModule.default.skeletonHiddenChild)
+});
+class Skeleton extends _react.default.PureComponent {
+  render() {
+    return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
   }
-  _createClass(Skeleton, [{
-    key: "render",
-    value: function render() {
-      return hasMock(this.props.children) ? /*#__PURE__*/_react.default.createElement(SkeletonWrapper, null, hiddenChildren(this.props.children)) : this.props.children;
-    }
-  }]);
-  return Skeleton;
-}(_react.default.PureComponent);
+}
 var _default = exports.default = Skeleton;

package/dist/components/UTStatus/constants.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VARIANTS = exports.TYPES = exports.SIZES = exports.DEFAULT_PROPS = void 0;
-var SIZES = exports.SIZES = {
+const SIZES = exports.SIZES = {
   large: 'body',
   medium: 'small'
 };
-var VARIANTS = exports.VARIANTS = {
+const VARIANTS = exports.VARIANTS = {
   error: 'error',
   information: 'information',
   success: 'success',
   unassigned: 'unassigned',
   warning: 'warning'
 };
-var TYPES = exports.TYPES = {
+const TYPES = exports.TYPES = {
   default: 'default',
   light: 'light',
   negative: 'negative'
 };
-var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
   size: 'medium',
   type: 'default',
   variant: 'success'

package/dist/components/UTStatus/index.js

@@ -14,17 +14,19 @@ var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /* eslint-disable react/no-children-prop */
 
-var UTStatus = function UTStatus(_ref) {
-  var children = _ref.children,
-    classes = _ref.classes,
-    className = _ref.className,
-    Icon = _ref.Icon,
-    size = _ref.size,
-    title = _ref.title,
-    type = _ref.type,
-    variant = _ref.variant,
-    withoutIcon = _ref.withoutIcon;
-  var StatusIcon = Icon !== null && Icon !== void 0 ? Icon : (0, _theme.defaultIconMapper)(variant);
+const UTStatus = _ref => {
+  let {
+    children,
+    classes,
+    className,
+    Icon,
+    size,
+    title,
+    type,
+    variant,
+    withoutIcon
+  } = _ref;
+  const StatusIcon = Icon !== null && Icon !== void 0 ? Icon : (0, _theme.defaultIconMapper)(variant);
   return /*#__PURE__*/_react.default.createElement(_UTSkeleton.default, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes.root, " ").concat(className),
     title: title
@@ -34,8 +36,8 @@ var UTStatus = function UTStatus(_ref) {
     className: classes.label,
     variant: _constants.SIZES[size] || _constants.SIZES[_constants.DEFAULT_PROPS.size],
     colorTheme: (0, _theme.getLabelTheme)((0, _theme.validateProps)({
-      type: type,
-      variant: variant
+      type,
+      variant
     })),
     weight: "medium"
   }, children)));

package/dist/components/UTStatus/theme.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
 });
@@ -8,23 +7,17 @@ exports.validateProps = exports.retrieveStyle = exports.getLabelTheme = exports.
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 ErrorIcon = function ErrorIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4.41 4.41a.833.833 0 0 1 1.18 0L10 8.823l4.41-4.411a.833.833 0 1 1 1.18 1.178L11.177 10l4.411 4.41a.833.833 0 0 1-1.178 1.18L10 11.178l-4.41 4.41a.833.833 0 1 1-1.18-1.178L8.823 10 4.41 5.588a.833.833 0 0 1 0-1.178z",
+    d: "M4.41 4.41a.833.833 0 0 1 1.18 0L10 8.823l4.41-4.411a.833.833 0 1 1 1.18 1.178L11.177 10l4.411 4.41a.833.833 0 0 1-1.178 1.18L10 11.178l-4.41 4.41a.833.833 0 1 1-1.18-1.178L8.823 10 4.41 5.588a.833.833 0 0 1 0-1.178Z",
     fill: "#091E42"
   }));
 };
 ErrorIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -32,14 +25,13 @@ var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334zM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0zm7.5-3.333c0-.46.373-.834.833-.834h.008a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.833zM8.333 10c0-.46.373-.833.834-.833H10c.46 0 .833.373.833.833v2.5a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.834v-2.5A.833.833 0 0 1 8.333 10z",
+    d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.5-3.333c0-.46.373-.834.833-.834h.008a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.833ZM8.333 10c0-.46.373-.833.834-.833H10c.46 0 .833.373.833.833v2.5a.833.833 0 0 1 0 1.667H10a.833.833 0 0 1-.833-.834v-2.5A.833.833 0 0 1 8.333 10Z",
     fill: "#091E42"
   }));
 };
 InfoIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -47,14 +39,13 @@ var SuccessIcon = function SuccessIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M17.256 5.244a.833.833 0 0 1 0 1.179l-8.333 8.333a.833.833 0 0 1-1.179 0l-4.167-4.167a.833.833 0 0 1 1.179-1.178l3.577 3.577 7.744-7.744a.833.833 0 0 1 1.179 0z",
+    d: "M17.256 5.244a.833.833 0 0 1 0 1.179l-8.333 8.333a.833.833 0 0 1-1.179 0l-4.167-4.167a.833.833 0 0 1 1.179-1.178l3.577 3.577 7.744-7.744a.833.833 0 0 1 1.179 0Z",
     fill: "#091E42"
   }));
 };
 SuccessIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -62,14 +53,13 @@ var UnassignedIcon = function UnassignedIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M4.167 4.167a.833.833 0 1 0 0 1.666h11.666a.833.833 0 0 0 0-1.666H4.167zM1.667 5a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 .834 4.858V15a2.5 2.5 0 0 1-2.5 2.5H5.833a2.5 2.5 0 0 1-2.5-2.5V7.358A2.501 2.501 0 0 1 1.667 5zM5 7.5V15a.833.833 0 0 0 .833.833h8.334A.833.833 0 0 0 15 15V7.5H5zM7.5 10c0-.46.373-.833.833-.833h3.334a.833.833 0 0 1 0 1.666H8.333A.833.833 0 0 1 7.5 10z",
+    d: "M4.167 4.167a.833.833 0 1 0 0 1.666h11.666a.833.833 0 0 0 0-1.666H4.167ZM1.667 5a2.5 2.5 0 0 1 2.5-2.5h11.666a2.5 2.5 0 0 1 .834 4.858V15a2.5 2.5 0 0 1-2.5 2.5H5.833a2.5 2.5 0 0 1-2.5-2.5V7.358A2.501 2.501 0 0 1 1.667 5ZM5 7.5V15a.833.833 0 0 0 .833.833h8.334A.833.833 0 0 0 15 15V7.5H5ZM7.5 10c0-.46.373-.833.833-.833h3.334a.833.833 0 0 1 0 1.666H8.333A.833.833 0 0 1 7.5 10Z",
     fill: "#091E42"
   }));
 };
 UnassignedIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
@@ -77,56 +67,72 @@ var WarningIcon = function WarningIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M8.722 1.987a2.5 2.5 0 0 1 3.453.935l5.913 10.202c.02.034.037.069.051.105a2.5 2.5 0 0 1-2.3 3.438H4.167c-.016 0-.03 0-.046-.002a.855.855 0 0 1-.089 0 2.499 2.499 0 0 1-2.187-3.437.83.83 0 0 1 .05-.104L7.81 2.922a2.5 2.5 0 0 1 .913-.935zM4.121 15L4.167 15H15.83a.833.833 0 0 0 .781-1.1L10.73 3.75l-.008-.014a.833.833 0 0 0-1.458 0l-.009.014-5.882 10.15a.833.833 0 0 0 .746 1.1h.003zM10 6.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V7.5c0-.46.373-.833.833-.833zm0 5c.46 0 .833.373.833.833v.008a.833.833 0 0 1-1.666 0V12.5c0-.46.373-.833.833-.833z",
+    d: "M8.722 1.987a2.5 2.5 0 0 1 3.453.935l5.913 10.202c.02.034.037.069.051.105a2.5 2.5 0 0 1-2.3 3.438H4.167c-.016 0-.03 0-.046-.002a.855.855 0 0 1-.089 0 2.499 2.499 0 0 1-2.187-3.437.83.83 0 0 1 .05-.104L7.81 2.922a2.5 2.5 0 0 1 .913-.935ZM4.121 15 4.167 15H15.83a.833.833 0 0 0 .781-1.1L10.73 3.75l-.008-.014a.833.833 0 0 0-1.458 0l-.009.014-5.882 10.15a.833.833 0 0 0 .746 1.1h.003ZM10 6.667c.46 0 .833.373.833.833v1.667a.833.833 0 0 1-1.666 0V7.5c0-.46.373-.833.833-.833Zm0 5c.46 0 .833.373.833.833v.008a.833.833 0 0 1-1.666 0V12.5c0-.46.373-.833.833-.833Z",
     fill: "#091E42"
   }));
 };
 WarningIcon.defaultProps = {
   width: "20",
   height: "20",
-  viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-var getBackgroundColor = function getBackgroundColor(_ref) {
-  var theme = _ref.theme,
-    type = _ref.type,
-    variant = _ref.variant;
+const getBackgroundColor = _ref => {
+  let {
+    theme,
+    type,
+    variant
+  } = _ref;
   return variant !== _constants.VARIANTS.unassigned ? theme.Palette[variant][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
 };
-var getIconFill = function getIconFill(_ref2) {
-  var _TYPES$default$TYPES$;
-  var theme = _ref2.theme,
-    type = _ref2.type,
-    variant = _ref2.variant;
-  return (_TYPES$default$TYPES$ = {}, _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.default, theme.Palette.dark['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.light, theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05']), _defineProperty(_TYPES$default$TYPES$, _constants.TYPES.negative, theme.Palette.light['01']), _TYPES$default$TYPES$)[type];
-};
-var defaultIconMapper = exports.defaultIconMapper = function defaultIconMapper(variant) {
-  var _VARIANTS$error$VARIA;
-  return (_VARIANTS$error$VARIA = {}, _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.error, ErrorIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.information, InfoIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.success, SuccessIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.unassigned, UnassignedIcon), _defineProperty(_VARIANTS$error$VARIA, _constants.VARIANTS.warning, WarningIcon), _VARIANTS$error$VARIA)[variant];
+const getIconFill = _ref2 => {
+  let {
+    theme,
+    type,
+    variant
+  } = _ref2;
+  return {
+    [_constants.TYPES.default]: theme.Palette.dark['05'],
+    [_constants.TYPES.light]: theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05'],
+    [_constants.TYPES.negative]: theme.Palette.light['01']
+  }[type];
 };
-var validateProps = exports.validateProps = function validateProps(_ref3) {
-  var type = _ref3.type,
-    variant = _ref3.variant;
+const defaultIconMapper = variant => ({
+  [_constants.VARIANTS.error]: ErrorIcon,
+  [_constants.VARIANTS.information]: InfoIcon,
+  [_constants.VARIANTS.success]: SuccessIcon,
+  [_constants.VARIANTS.unassigned]: UnassignedIcon,
+  [_constants.VARIANTS.warning]: WarningIcon
+})[variant];
+exports.defaultIconMapper = defaultIconMapper;
+const validateProps = _ref3 => {
+  let {
+    type,
+    variant
+  } = _ref3;
   return {
     type: _constants.TYPES[type] || _constants.TYPES[_constants.DEFAULT_PROPS.type],
     variant: _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant]
   };
 };
-var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref4) {
-  var theme = _ref4.theme,
-    type = _ref4.type,
-    uppercase = _ref4.uppercase,
-    variant = _ref4.variant;
+exports.validateProps = validateProps;
+const retrieveStyle = _ref4 => {
+  let {
+    theme,
+    type,
+    uppercase,
+    variant
+  } = _ref4;
   return {
     root: {
       alignItems: 'center',
-      backgroundColor: getBackgroundColor(_objectSpread({
-        theme: theme
-      }, validateProps({
-        type: type,
-        variant: variant
-      }))),
+      backgroundColor: getBackgroundColor({
+        theme,
+        ...validateProps({
+          type,
+          variant
+        })
+      }),
       borderRadius: '4px',
       display: 'flex',
       gridGap: '8px',
@@ -137,27 +143,37 @@ var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref4) {
         display: 'none'
       }
     },
-    label: _objectSpread({}, uppercase ? {
-      textTransform: 'uppercase'
-    } : {}),
+    label: {
+      ...(uppercase ? {
+        textTransform: 'uppercase'
+      } : {})
+    },
     icon: {
       flexShrink: '0',
       height: '20px',
       width: '20px',
       '& path': {
-        fill: getIconFill(_objectSpread({
-          theme: theme
-        }, validateProps({
-          type: type,
-          variant: variant
-        })))
+        fill: getIconFill({
+          theme,
+          ...validateProps({
+            type,
+            variant
+          })
+        })
       }
     }
   };
 };
-var getLabelTheme = exports.getLabelTheme = function getLabelTheme(_ref5) {
-  var _TYPES$default$TYPES$2;
-  var type = _ref5.type,
-    variant = _ref5.variant;
-  return (_TYPES$default$TYPES$2 = {}, _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.default, 'dark'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.light, variant !== _constants.VARIANTS.unassigned ? variant : 'gray'), _defineProperty(_TYPES$default$TYPES$2, _constants.TYPES.negative, 'light'), _TYPES$default$TYPES$2)[type];
-};
+exports.retrieveStyle = retrieveStyle;
+const getLabelTheme = _ref5 => {
+  let {
+    type,
+    variant
+  } = _ref5;
+  return {
+    [_constants.TYPES.default]: 'dark',
+    [_constants.TYPES.light]: variant !== _constants.VARIANTS.unassigned ? variant : 'gray',
+    [_constants.TYPES.negative]: 'light'
+  }[type];
+};
+exports.getLabelTheme = getLabelTheme;

package/dist/components/UTSwitch/constants.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
-var STATES = exports.STATES = {
+const STATES = exports.STATES = {
   ON: 'SI',
   OFF: 'NO'
 };
-var DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
-var TRUE = exports.TRUE = 'true';
+const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
+const TRUE = exports.TRUE = 'true';