@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,95 +1 @@
-"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);
+"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);

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

@@ -1,27 +1 @@
-"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);
+"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);

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

@@ -1,47 +1 @@
-"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);
+"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);

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

@@ -1,15 +1 @@
-"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
-  }
-};
+"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}};

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

@@ -1,119 +1 @@
-"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);
+"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);

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

@@ -1,50 +1 @@
-"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);
+"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);

package/dist/components/UTSidebar/index.js

@@ -1,147 +1 @@
-"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);
+"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);