@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,95 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_Option=_interopRequireDefault(require("../Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const ListOption=_ref=>{let{classes:classes,handleClose:handleClose,handleRedirect:handleRedirect,IconActive:IconActive,IconInactive:IconInactive,iconProps:iconProps,label:label,labelAlwaysVisible:labelAlwaysVisible,location:location,open:open,openDrawer:openDrawer,options:options}=_ref;const[openMenu,setOpenMenu]=(0,_react.useState)(!1),optionRef=(0,_react.useRef)();(0,_react.useEffect)(()=>{open||setOpenMenu(!1)},[open]);const optionHeight=(0,_react.useMemo)(()=>{if(!openMenu||!open||null==optionRef||!optionRef.current)return 0;const{marginTop:marginTop,marginBottom:marginBottom}=window.getComputedStyle(optionRef.current),margin=parseFloat(marginTop)+parseFloat(marginBottom);return options.length*(optionRef.current.clientHeight+margin)},[openMenu,open]),hasSelectedItem=(0,_react.useMemo)(()=>options.some(opt=>opt.link===location),[location,options]);return _react.default.createElement("div",null,_react.default.createElement(_Option.default,{classes:classes,IconActive:IconActive,IconInactive:IconInactive,iconProps:iconProps,isSelectedGroup:hasSelectedItem&&(!open||!openMenu),label:label,labelAlwaysVisible:labelAlwaysVisible,location:location,onClick:()=>{open?setOpenMenu(!openMenu):(openDrawer(),setOpenMenu(!0))},open:open,optionRef:optionRef,toggleArrowActive:openMenu,withToggleArrow:!0}),_react.default.createElement("div",{className:_stylesModule.default.optionMenu,style:{height:optionHeight}},options.map(op=>_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),handleClose:_propTypes.func,handleRedirect:_propTypes.func,IconActive:_propTypes.elementType,IconInactive:_propTypes.elementType,iconProps:_propTypes.object,label:_propTypes.string,labelAlwaysVisible:_propTypes.bool,location:_propTypes.string,open:_propTypes.bool,openDrawer:_propTypes.func,options:(0,_propTypes.arrayOf)(_types.subOptionType)};var _default=exports.default=(0,_react.memo)(ListOption);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _types = require("../../types");
+var _Option = _interopRequireDefault(require("../Option"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ListOption = _ref => {
+  let {
+    classes,
+    handleClose,
+    handleRedirect,
+    IconActive,
+    IconInactive,
+    iconProps,
+    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]);
+  const toogleMenu = () => {
+    if (!open) {
+      openDrawer();
+      setOpenMenu(true);
+    } else setOpenMenu(!openMenu);
+  };
+  const optionHeight = (0, _react.useMemo)(() => {
+    if (!openMenu || !open || !(optionRef !== null && optionRef !== void 0 && optionRef.current)) return 0;
+    const {
+      marginTop,
+      marginBottom
+    } = window.getComputedStyle(optionRef.current);
+    const margin = parseFloat(marginTop) + parseFloat(marginBottom);
+    return options.length * (optionRef.current.clientHeight + margin);
+  }, [openMenu, open]);
+  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,
+    IconInactive: IconInactive,
+    iconProps: iconProps,
+    isSelectedGroup: hasSelectedItem && (!open || !openMenu),
+    label: label,
+    labelAlwaysVisible: labelAlwaysVisible,
+    location: location,
+    onClick: toogleMenu,
+    open: open,
+    optionRef: optionRef,
+    toggleArrowActive: openMenu,
+    withToggleArrow: true
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.optionMenu,
+    style: {
+      height: optionHeight
+    }
+  }, 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),
+  handleClose: _propTypes.func,
+  handleRedirect: _propTypes.func,
+  IconActive: _propTypes.elementType,
+  IconInactive: _propTypes.elementType,
+  iconProps: _propTypes.object,
+  label: _propTypes.string,
+  labelAlwaysVisible: _propTypes.bool,
+  location: _propTypes.string,
+  open: _propTypes.bool,
+  openDrawer: _propTypes.func,
+  options: (0, _propTypes.arrayOf)(_types.subOptionType)
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ListOption);

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

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const DynamicIcon=_ref=>{let{className:className,Icon:Icon}=_ref;return"string"==typeof Icon?_react.default.createElement("img",{src:Icon,alt:"",className:className}):_react.default.createElement(Icon,{className:className})};DynamicIcon.propTypes={className:_propTypes.string,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.func,_propTypes.string])};var _default=exports.default=(0,_react.memo)(DynamicIcon);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DynamicIcon = _ref => {
+  let {
+    className,
+    Icon
+  } = _ref;
+  return typeof Icon === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
+    src: Icon,
+    alt: "",
+    className: className
+  }) : /*#__PURE__*/_react.default.createElement(Icon, {
+    className: className
+  });
+};
+DynamicIcon.propTypes = {
+  className: _propTypes.string,
+  Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func, _propTypes.string])
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DynamicIcon);

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

@@ -1 +1,47 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_DynamicIcon=_interopRequireDefault(require("./components/DynamicIcon")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const LogosContainer=_ref=>{let{badgeClassName:badgeClassName,badgeContent:badgeContent,BigLogo:BigLogo,bigLogoClassName:bigLogoClassName,containerClassName:containerClassName,SmallLogo:SmallLogo,smallLogoClassName:smallLogoClassName,showBigLogo:showBigLogo}=_ref;return _react.default.createElement("div",{className:"".concat(containerClassName," ").concat(_stylesModule.default.logoContainer)},BigLogo&&_react.default.createElement(_DynamicIcon.default,{Icon:BigLogo,className:"".concat(bigLogoClassName," ").concat(_stylesModule.default.logo," ").concat(showBigLogo&&_stylesModule.default.visibleIcon)}),SmallLogo&&_react.default.createElement(_DynamicIcon.default,{Icon:SmallLogo,className:"".concat(smallLogoClassName," ").concat(_stylesModule.default.logo," ").concat(!showBigLogo&&_stylesModule.default.visibleIcon)}),badgeContent&&_react.default.createElement(_UTLabel.default,{className:badgeClassName},badgeContent))};LogosContainer.propTypes={badgeClassName:_propTypes.string,badgeContent:_propTypes.string,BigLogo:_propTypes.elementType,bigLogoClassName:_propTypes.string,containerClassName:_propTypes.string,smallLogoClassName:_propTypes.string,SmallLogo:_propTypes.elementType,showBigLogo:_propTypes.bool};var _default=exports.default=(0,_react.memo)(LogosContainer);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _DynamicIcon = _interopRequireDefault(require("./components/DynamicIcon"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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, {
+    Icon: BigLogo,
+    className: "".concat(bigLogoClassName, " ").concat(_stylesModule.default.logo, " ").concat(showBigLogo && _stylesModule.default.visibleIcon)
+  }), SmallLogo && /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, {
+    Icon: SmallLogo,
+    className: "".concat(smallLogoClassName, " ").concat(_stylesModule.default.logo, " ").concat(!showBigLogo && _stylesModule.default.visibleIcon)
+  }), badgeContent && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: badgeClassName
+  }, badgeContent));
+};
+LogosContainer.propTypes = {
+  badgeClassName: _propTypes.string,
+  badgeContent: _propTypes.string,
+  BigLogo: _propTypes.elementType,
+  bigLogoClassName: _propTypes.string,
+  containerClassName: _propTypes.string,
+  smallLogoClassName: _propTypes.string,
+  SmallLogo: _propTypes.elementType,
+  showBigLogo: _propTypes.bool
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(LogosContainer);

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

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_CONFIG=void 0;const TOOLTIP_CONFIG=exports.TOOLTIP_CONFIG={tippyProps:{placement:"right",interactive:!1,arrow:!1,boundary:"viewport",appendTo:document.body}};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TOOLTIP_CONFIG = void 0;
+const TOOLTIP_CONFIG = exports.TOOLTIP_CONFIG = {
+  tippyProps: {
+    placement: 'right',
+    interactive: false,
+    arrow: false,
+    boundary: 'viewport',
+    appendTo: document.body
+  }
+};

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

@@ -1 +1,119 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ListItem=_interopRequireDefault(require("@material-ui/core/ListItem")),_ListItemIcon=_interopRequireDefault(require("@material-ui/core/ListItemIcon")),_ListItemText=_interopRequireDefault(require("@material-ui/core/ListItemText")),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_componentUtils=require("../../../../utils/componentUtils"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_types=require("../../types"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const Option=_ref=>{let{classes:classes,dataTestId:dataTestId,handleClose:handleClose,handleRedirect:handleRedirect,IconActive:IconActive,IconInactive:IconInactive,iconProps:iconProps,isSelectedGroup:isSelectedGroup,label:label,labelAlwaysVisible:labelAlwaysVisible,link:link,location:location,onClick:onClick,open:open,optionRef:optionRef,toggleArrowActive:toggleArrowActive,withToggleArrow:withToggleArrow,withTooltip:withTooltip}=_ref;const isSelected=isSelectedGroup||link===location,Container=withTooltip?_UTTooltip.default:_react.Fragment,containerProps=withTooltip&&{..._constants.TOOLTIP_CONFIG,content:_react.default.createElement(_UTLabel.default,{className:classes.tooltipLabel},label),className:classes.tooltip};return _react.default.createElement(Container,containerProps,_react.default.createElement(_ListItem.default,{"data-testid":dataTestId,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||(()=>{handleRedirect(link),handleClose&&handleClose()}),ref:optionRef},_react.default.createElement(_ListItemIcon.default,{className:"\n          ".concat(classes.optionIconContainer,"\n          ").concat(isSelected&&"".concat(classes.optionIconContainerSelected," ").concat(_stylesModule.default.optionIconContainerSelected),"\n          ").concat(_stylesModule.default.optionIconContainer,"\n        ")},IconInactive&&((0,_componentUtils.isUTIcon)(IconInactive)?_react.default.createElement(_UTIcon.default,_extends({name:IconInactive,className:"".concat(classes.optionIcon," ").concat(_stylesModule.default.optionIcon)},(null==iconProps?void 0:iconProps.inactive)||{})):_react.default.createElement(IconInactive,{className:"".concat(classes.optionIcon," ").concat(_stylesModule.default.optionIcon)})),IconActive&&((0,_componentUtils.isUTIcon)(IconActive)?_react.default.createElement(_UTIcon.default,_extends({name:IconActive,className:"".concat(classes.optionIcon," ").concat(_stylesModule.default.optionIconSelected," ").concat(classes.optionIconSelected)},(null==iconProps?void 0:iconProps.active)||{})):_react.default.createElement(IconActive,{className:"".concat(classes.optionIcon," ").concat(_stylesModule.default.optionIconSelected," ").concat(classes.optionIconSelected)}))),_react.default.createElement(_ListItemText.default,{disableTypography:!0,className:"\n          ".concat(classes.optionLabel,"\n          ").concat(isSelected&&classes.optionLabelSelected,"\n          ").concat(!open&&_stylesModule.default.hidden,"\n        "),primary:label}),!open&&labelAlwaysVisible&&_react.default.createElement(_ListItemText.default,{disableTypography:!0,className:"\n            ".concat(_stylesModule.default.optionLabelBottom,"\n            ").concat(classes.optionLabelBottom,"\n            ").concat(isSelected&&classes.optionLabelBottomSelected,"\n          "),primary:label}),open&&withToggleArrow&&_react.default.createElement(_ExpandMore.default,{className:"\n            ".concat(_stylesModule.default.toggleArrow,"\n            ").concat(classes.toggleArrow,"\n            ").concat(toggleArrowActive&&_stylesModule.default.toggleArrowActive,"\n          ")})))};Option.propTypes={classes:_types.classType,dataTestId:_propTypes.string,handleClose:_propTypes.func,handleRedirect:_propTypes.func,IconActive:_types.iconType,IconInactive:_types.iconType,iconProps:(0,_propTypes.shape)({active:(0,_propTypes.shape)({colorTheme:_propTypes.string,name:_propTypes.string,shade:_propTypes.string,size:_propTypes.number}),inactive:(0,_propTypes.shape)({colorTheme:_propTypes.string,name:_propTypes.string,shade:_propTypes.string,size:_propTypes.number})}),isSelectedGroup:_propTypes.bool,label:_propTypes.string,labelAlwaysVisible:_propTypes.bool,link:_propTypes.string,location:_propTypes.string,onClick:_propTypes.func,open:_propTypes.bool,optionRef:_propTypes.any,toggleArrowActive:_propTypes.bool,withToggleArrow:_propTypes.bool,withTooltip:_propTypes.bool};var _default=exports.default=(0,_react.memo)(Option);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _componentUtils = require("../../../../utils/componentUtils");
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _types = require("../../types");
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Option = _ref => {
+  let {
+    classes,
+    dataTestId,
+    handleClose,
+    handleRedirect,
+    IconActive,
+    IconInactive,
+    iconProps,
+    isSelectedGroup,
+    label,
+    labelAlwaysVisible,
+    link,
+    location,
+    onClick,
+    open,
+    optionRef,
+    toggleArrowActive,
+    withToggleArrow,
+    withTooltip
+  } = _ref;
+  const isSelected = isSelectedGroup || link === location;
+  const handleRedirection = () => {
+    handleRedirect(link);
+    if (handleClose) handleClose();
+  };
+  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, {
+    "data-testid": dataTestId,
+    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,
+    ref: optionRef
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+    className: "\n          ".concat(classes.optionIconContainer, "\n          ").concat(isSelected && "".concat(classes.optionIconContainerSelected, " ").concat(_stylesModule.default.optionIconContainerSelected), "\n          ").concat(_stylesModule.default.optionIconContainer, "\n        ")
+  }, IconInactive && ((0, _componentUtils.isUTIcon)(IconInactive) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    name: IconInactive,
+    className: "".concat(classes.optionIcon, " ").concat(_stylesModule.default.optionIcon)
+  }, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.inactive) || {})) : /*#__PURE__*/_react.default.createElement(IconInactive, {
+    className: "".concat(classes.optionIcon, " ").concat(_stylesModule.default.optionIcon)
+  })), IconActive && ((0, _componentUtils.isUTIcon)(IconActive) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    name: IconActive,
+    className: "".concat(classes.optionIcon, " ").concat(_stylesModule.default.optionIconSelected, " ").concat(classes.optionIconSelected)
+  }, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.active) || {})) : /*#__PURE__*/_react.default.createElement(IconActive, {
+    className: "".concat(classes.optionIcon, " ").concat(_stylesModule.default.optionIconSelected, " ").concat(classes.optionIconSelected)
+  }))), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    disableTypography: true,
+    className: "\n          ".concat(classes.optionLabel, "\n          ").concat(isSelected && classes.optionLabelSelected, "\n          ").concat(!open && _stylesModule.default.hidden, "\n        "),
+    primary: label
+  }), !open && labelAlwaysVisible && /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    disableTypography: true,
+    className: "\n            ".concat(_stylesModule.default.optionLabelBottom, "\n            ").concat(classes.optionLabelBottom, "\n            ").concat(isSelected && classes.optionLabelBottomSelected, "\n          "),
+    primary: label
+  }), open && withToggleArrow && /*#__PURE__*/_react.default.createElement(_ExpandMore.default, {
+    className: "\n            ".concat(_stylesModule.default.toggleArrow, "\n            ").concat(classes.toggleArrow, "\n            ").concat(toggleArrowActive && _stylesModule.default.toggleArrowActive, "\n          ")
+  })));
+};
+Option.propTypes = {
+  classes: _types.classType,
+  dataTestId: _propTypes.string,
+  handleClose: _propTypes.func,
+  handleRedirect: _propTypes.func,
+  IconActive: _types.iconType,
+  IconInactive: _types.iconType,
+  iconProps: (0, _propTypes.shape)({
+    active: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      name: _propTypes.string,
+      shade: _propTypes.string,
+      size: _propTypes.number
+    }),
+    inactive: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      name: _propTypes.string,
+      shade: _propTypes.string,
+      size: _propTypes.number
+    })
+  }),
+  isSelectedGroup: _propTypes.bool,
+  label: _propTypes.string,
+  labelAlwaysVisible: _propTypes.bool,
+  link: _propTypes.string,
+  location: _propTypes.string,
+  onClick: _propTypes.func,
+  open: _propTypes.bool,
+  optionRef: _propTypes.any,
+  toggleArrowActive: _propTypes.bool,
+  withToggleArrow: _propTypes.bool,
+  withTooltip: _propTypes.bool
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Option);

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

@@ -1 +1,50 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Menu=_interopRequireDefault(require("@material-ui/icons/Menu")),_Close=_interopRequireDefault(require("@material-ui/icons/Close")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const Toggler=_ref=>{let{classes:classes,open:open,toggleDrawer:toggleDrawer,title:title,subtitle:subtitle}=_ref;return _react.default.createElement("div",{className:"".concat(classes.togglerContainer," ").concat(_stylesModule.default.togglerContainer)},open?_react.default.createElement("div",{className:"".concat(classes.closeDrawerContainer," ").concat(_stylesModule.default.closeDrawerContainer)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:toggleDrawer},_react.default.createElement(_Close.default,{className:classes.closeIcon})),_react.default.createElement("div",null,_react.default.createElement(_UTLabel.default,{className:classes.drawerTitle},title),_react.default.createElement(_UTLabel.default,{className:classes.drawerSubtitle},subtitle))):_react.default.createElement(_UTTouchableWithoutFeedback.default,{onClick:toggleDrawer},_react.default.createElement(_Menu.default,{className:classes.menuIcon})))};Toggler.propTypes={classes:_types.classType,open:_propTypes.bool,subtitle:_propTypes.string,title:_propTypes.string,toggleDrawer:_propTypes.func};var _default=exports.default=(0,_react.memo)(Toggler);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _types = require("../../types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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", {
+    className: "".concat(classes.closeDrawerContainer, " ").concat(_stylesModule.default.closeDrawerContainer)
+  }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    onClick: toggleDrawer
+  }, /*#__PURE__*/_react.default.createElement(_Close.default, {
+    className: classes.closeIcon
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: classes.drawerTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: classes.drawerSubtitle
+  }, subtitle))) : /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    onClick: toggleDrawer
+  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    className: classes.menuIcon
+  })));
+};
+Toggler.propTypes = {
+  classes: _types.classType,
+  open: _propTypes.bool,
+  subtitle: _propTypes.string,
+  title: _propTypes.string,
+  toggleDrawer: _propTypes.func
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Toggler);

package/dist/components/UTSidebar/index.js

@@ -1 +1,147 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Backdrop=_interopRequireDefault(require("@material-ui/core/Backdrop")),_Drawer=_interopRequireDefault(require("@material-ui/core/Drawer")),_List=_interopRequireDefault(require("@material-ui/core/List")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar"));require("react-perfect-scrollbar/dist/css/styles.css");var _array=require("@widergy/web-utils/lib/array"),_useScreenSize=require("../../utils/useScreenSize"),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_types=require("./types"),_theme=require("./theme"),_ListOption=_interopRequireDefault(require("./components/ListOption")),_LogosContainer=_interopRequireDefault(require("./components/LogosContainer")),_Option=_interopRequireDefault(require("./components/Option")),_Toggler=_interopRequireDefault(require("./components/Toggler")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const UTSidebar=_ref=>{let{badgeContent:badgeContent,BigLogo:BigLogo,classes:themeClasses,classNames:classNames,FooterBigLogo:FooterBigLogo,FooterSmallLogo:FooterSmallLogo,handleClose:handleClose,handleOpen:handleOpen,handleRedirect:handleRedirect,labelAlwaysVisible:labelAlwaysVisible,location:location,open:open,options:options,SmallLogo:SmallLogo,subtitle:subtitle,title:title,withMouseActions:withMouseActions,withoutToggler:withoutToggler,withTooltip:withTooltip}=_ref;const{isTabletOrDesktop:isTabletOrDesktop}=(0,_useScreenSize.useScreenSize)(),classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),toggleDrawer=()=>open?handleClose():handleOpen();return _react.default.createElement(_react.Fragment,null,_react.default.createElement(_Drawer.default,{open:isTabletOrDesktop||open,variant:isTabletOrDesktop?"persistent":"temporary",classes:{root:classes.drawerRoot,paper:"\n            ".concat(classes.drawer,"\n            ").concat(_stylesModule.default.drawer,"\n            ").concat(open?classes.openedDrawer:_stylesModule.default.removeShadow,"\n          ")},ModalProps:{onClose:handleClose},onMouseLeave:()=>withMouseActions&&handleClose(),onMouseEnter:()=>withMouseActions&&handleOpen()},(BigLogo||SmallLogo)&&_react.default.createElement(_LogosContainer.default,{badgeClassName:open?classes.logoBadgeOpen:classes.logoBadgeClose,badgeContent:badgeContent,BigLogo:BigLogo,SmallLogo:SmallLogo,bigLogoClassName:classes.bigLogo,smallLogoClassName:classes.smallLogo,containerClassName:classes.logoContainer,showBigLogo:open}),!withoutToggler&&_react.default.createElement(_Toggler.default,{toggleDrawer:toggleDrawer,open:open,classes:classes,title:title,subtitle:subtitle}),_react.default.createElement("div",{className:_stylesModule.default.sidebarContent},_react.default.createElement(_List.default,{className:"".concat(classes.list," ").concat(open&&classes.listOpened," ").concat(_stylesModule.default.list)},_react.default.createElement(_reactPerfectScrollbar.default,{className:"".concat(!open&&_stylesModule.default.scrollbarClosed," ").concat(classes.listScrollbar),options:{suppressScrollX:!0}},options.map(_ref2=>{let{show:show=!0,options:menuOptions,...props}=_ref2;if(!show)return!1;const hasMenuOptions=!(0,_array.isEmpty)(menuOptions),menuOptionsToShow=hasMenuOptions&&menuOptions.filter(opt=>opt.show);if(hasMenuOptions&&(0,_array.isEmpty)(menuOptionsToShow))return!1;const Component=(0,_array.isEmpty)(menuOptions)?_Option.default:_ListOption.default;return _react.default.createElement(Component,_extends({classes:classes,handleClose:handleClose,handleRedirect:handleRedirect,labelAlwaysVisible:labelAlwaysVisible,location:location,open:open,openDrawer:handleOpen,options:menuOptionsToShow,withTooltip:withTooltip},props))}))),FooterBigLogo&&FooterSmallLogo&&_react.default.createElement(_LogosContainer.default,{BigLogo:FooterBigLogo,SmallLogo:FooterSmallLogo,bigLogoClassName:classes.footerBigLogo,smallLogoClassName:classes.footerSmallLogo,containerClassName:classes.footerLogoContainer,showBigLogo:open}))),_react.default.createElement(_Backdrop.default,{open:isTabletOrDesktop&&open,className:_stylesModule.default.backdrop,onClick:toggleDrawer}))};UTSidebar.propTypes={badgeContent:_propTypes.string,BigLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),classes:_types.classType,classNames:(0,_propTypes.objectOf)(_propTypes.string),FooterBigLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),FooterSmallLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),handleClose:_propTypes.func,handleOpen:_propTypes.func,handleRedirect:_propTypes.func,labelAlwaysVisible:_propTypes.bool,location:_propTypes.string,open:_propTypes.bool,options:_types.optionsType,SmallLogo:(0,_propTypes.oneOfType)([_types.iconType,_propTypes.string]),subtitle:_propTypes.string,title:_propTypes.string,withMouseActions:_propTypes.bool,withoutToggler:_propTypes.bool,withTooltip:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSidebar);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _Backdrop = _interopRequireDefault(require("@material-ui/core/Backdrop"));
+var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
+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 _useScreenSize = require("../../utils/useScreenSize");
+var _classesUtils = require("../../utils/classesUtils");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _types = require("./types");
+var _theme = require("./theme");
+var _ListOption = _interopRequireDefault(require("./components/ListOption"));
+var _LogosContainer = _interopRequireDefault(require("./components/LogosContainer"));
+var _Option = _interopRequireDefault(require("./components/Option"));
+var _Toggler = _interopRequireDefault(require("./components/Toggler"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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',
+    classes: {
+      root: classes.drawerRoot,
+      paper: "\n            ".concat(classes.drawer, "\n            ").concat(_stylesModule.default.drawer, "\n            ").concat(open ? classes.openedDrawer : _stylesModule.default.removeShadow, "\n          ")
+    },
+    ModalProps: {
+      onClose: handleClose
+    },
+    onMouseLeave: () => withMouseActions && handleClose(),
+    onMouseEnter: () => withMouseActions && handleOpen()
+  }, (BigLogo || SmallLogo) && /*#__PURE__*/_react.default.createElement(_LogosContainer.default, {
+    badgeClassName: open ? classes.logoBadgeOpen : classes.logoBadgeClose,
+    badgeContent: badgeContent,
+    BigLogo: BigLogo,
+    SmallLogo: SmallLogo,
+    bigLogoClassName: classes.bigLogo,
+    smallLogoClassName: classes.smallLogo,
+    containerClassName: classes.logoContainer,
+    showBigLogo: open
+  }), !withoutToggler && /*#__PURE__*/_react.default.createElement(_Toggler.default, {
+    toggleDrawer: toggleDrawer,
+    open: open,
+    classes: classes,
+    title: title,
+    subtitle: subtitle
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.sidebarContent
+  }, /*#__PURE__*/_react.default.createElement(_List.default, {
+    className: "".concat(classes.list, " ").concat(open && classes.listOpened, " ").concat(_stylesModule.default.list)
+  }, /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
+    className: "".concat(!open && _stylesModule.default.scrollbarClosed, " ").concat(classes.listScrollbar),
+    options: {
+      suppressScrollX: true
+    }
+  }, options.map(_ref2 => {
+    let {
+      show = true,
+      options: menuOptions,
+      ...props
+    } = _ref2;
+    if (!show) return false;
+    const hasMenuOptions = !(0, _array.isEmpty)(menuOptions);
+    const menuOptionsToShow = hasMenuOptions && menuOptions.filter(opt => opt.show);
+    if (hasMenuOptions && (0, _array.isEmpty)(menuOptionsToShow)) return false;
+    const Component = (0, _array.isEmpty)(menuOptions) ? _Option.default : _ListOption.default;
+    return /*#__PURE__*/_react.default.createElement(Component, _extends({
+      classes: classes,
+      handleClose: handleClose,
+      handleRedirect: handleRedirect,
+      labelAlwaysVisible: labelAlwaysVisible,
+      location: location,
+      open: open,
+      openDrawer: handleOpen,
+      options: menuOptionsToShow,
+      withTooltip: withTooltip
+    }, props));
+  }))), FooterBigLogo && FooterSmallLogo && /*#__PURE__*/_react.default.createElement(_LogosContainer.default, {
+    BigLogo: FooterBigLogo,
+    SmallLogo: FooterSmallLogo,
+    bigLogoClassName: classes.footerBigLogo,
+    smallLogoClassName: classes.footerSmallLogo,
+    containerClassName: classes.footerLogoContainer,
+    showBigLogo: open
+  }))), /*#__PURE__*/_react.default.createElement(_Backdrop.default, {
+    open: isTabletOrDesktop && open,
+    className: _stylesModule.default.backdrop,
+    onClick: toggleDrawer
+  }));
+};
+UTSidebar.propTypes = {
+  badgeContent: _propTypes.string,
+  BigLogo: (0, _propTypes.oneOfType)([_types.iconType, _propTypes.string]),
+  classes: _types.classType,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  FooterBigLogo: (0, _propTypes.oneOfType)([_types.iconType, _propTypes.string]),
+  FooterSmallLogo: (0, _propTypes.oneOfType)([_types.iconType, _propTypes.string]),
+  handleClose: _propTypes.func,
+  handleOpen: _propTypes.func,
+  handleRedirect: _propTypes.func,
+  labelAlwaysVisible: _propTypes.bool,
+  location: _propTypes.string,
+  open: _propTypes.bool,
+  options: _types.optionsType,
+  SmallLogo: (0, _propTypes.oneOfType)([_types.iconType, _propTypes.string]),
+  subtitle: _propTypes.string,
+  title: _propTypes.string,
+  withMouseActions: _propTypes.bool,
+  withoutToggler: _propTypes.bool,
+  withTooltip: _propTypes.bool
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSidebar);