@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/esm/components/UTShortcutPanel/theme.js

@@ -1,47 +1 @@
-import get from 'lodash/get';
-import { PANEL_POSITIONS } from './constants';
-export const retrieveStyle = _ref => {
-  let {
-    theme,
-    position
-  } = _ref;
-  return {
-    backdrop: {
-      backgroundColor: theme.Palette.dark['05'],
-      opacity: '0.25 !important'
-    },
-    expandedPanelContentCategoryEmpty: {
-      backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryEmpty', 'backgroundColor'], "".concat(theme.Palette.light['03']))
-    },
-    expandedPanelContentCategoryHeader: {
-      '&:hover': {
-        backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItem: {
-      '&:hover': {
-        backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItem', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItemSelected: {
-      backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor'], "".concat(theme.Palette.accent['01'])),
-      '&:hover': {
-        backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor', '&:hover'], "".concat(theme.Palette.accent['01'], " !important"))
-      }
-    },
-    expandedPanelContentHeader: {
-      backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    expandedPanelContentPopperContent: {
-      backgroundColor: get(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentPopperContent', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    paper: {
-      backgroundColor: get(theme, ['UTShortcutPanel', 'closedPanelBar', 'backgroundColor'], "".concat(theme.Palette.light['01'], " !important")),
-      borderRight: position === PANEL_POSITIONS.LEFT ? get(theme, ['UTShortcutPanel', 'borderRight'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none',
-      borderLeft: position === PANEL_POSITIONS.RIGHT ? get(theme, ['UTShortcutPanel', 'borderLeft'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none'
-    },
-    perfectScrollbar: {
-      width: get(theme, ['UTShortcutPanel', 'perfectScrollbar', 'width'], '100%')
-    }
-  };
-};
+import get from"lodash/get";import{PANEL_POSITIONS}from"./constants";export const retrieveStyle=_ref=>{let{theme:theme,position:position}=_ref;return{backdrop:{backgroundColor:theme.Palette.dark["05"],opacity:"0.25 !important"},expandedPanelContentCategoryEmpty:{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryEmpty","backgroundColor"],"".concat(theme.Palette.light["03"]))},expandedPanelContentCategoryHeader:{"&:hover":{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor","&:hover"],"".concat(theme.Palette.light["04"]))}},expandedPanelContentCategoryItem:{"&:hover":{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItem","backgroundColor","&:hover"],"".concat(theme.Palette.light["04"]))}},expandedPanelContentCategoryItemSelected:{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor"],"".concat(theme.Palette.accent["01"])),"&:hover":{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor","&:hover"],"".concat(theme.Palette.accent["01"]," !important"))}},expandedPanelContentHeader:{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor"],"".concat(theme.Palette.light["01"]))},expandedPanelContentPopperContent:{backgroundColor:get(theme,["UTShortcutPanel","expandedPanelContent","expandedPanelContentPopperContent","backgroundColor"],"".concat(theme.Palette.light["01"]))},paper:{backgroundColor:get(theme,["UTShortcutPanel","closedPanelBar","backgroundColor"],"".concat(theme.Palette.light["01"]," !important")),borderRight:position===PANEL_POSITIONS.LEFT?get(theme,["UTShortcutPanel","borderRight"],"1px solid ".concat(theme.Palette.light["04"]," !important")):"none",borderLeft:position===PANEL_POSITIONS.RIGHT?get(theme,["UTShortcutPanel","borderLeft"],"1px solid ".concat(theme.Palette.light["04"]," !important")):"none"},perfectScrollbar:{width:get(theme,["UTShortcutPanel","perfectScrollbar","width"],"100%")}}};

package/dist/esm/components/UTShortcutPanel/types.js

@@ -1,45 +1 @@
-import { arrayOf, bool, func, number, objectOf, shape, string } from 'prop-types';
-export const customSearchActionType = shape({
-  dataTestId: string,
-  Icon: string,
-  onClick: func,
-  size: string
-});
-export const refType = shape({
-  current: shape({
-    popperInstance: shape({
-      update: func
-    })
-  })
-});
-export const filterParamsType = shape({
-  key: string,
-  values: arrayOf(string)
-});
-export const filtersType = arrayOf(shape({
-  backoffice_user_id: string,
-  category: string,
-  description: string,
-  filter_params: arrayOf(filterParamsType),
-  id: number,
-  name: string,
-  order: number,
-  pinned: bool,
-  visible: bool
-}));
-export const categoryType = shape({
-  category: string,
-  filters: filtersType,
-  id: number,
-  name: string
-});
-export const categoriesType = arrayOf(categoryType);
-export const avatarPaletteType = shape({
-  backgroundColor: string,
-  color: string,
-  colorTheme: string
-});
-export const categoryConfigType = objectOf(shape({
-  avatarPalette: avatarPaletteType,
-  icon: string
-}));
+import{arrayOf,bool,func,number,objectOf,shape,string}from"prop-types";export const customSearchActionType=shape({dataTestId:string,Icon:string,onClick:func,size:string});export const refType=shape({current:shape({popperInstance:shape({update:func})})});export const filterParamsType=shape({key:string,values:arrayOf(string)});export const filtersType=arrayOf(shape({backoffice_user_id:string,category:string,description:string,filter_params:arrayOf(filterParamsType),id:number,name:string,order:number,pinned:bool,visible:bool}));export const categoryType=shape({category:string,filters:filtersType,id:number,name:string});export const categoriesType=arrayOf(categoryType);export const avatarPaletteType=shape({backgroundColor:string,color:string,colorTheme:string});export const categoryConfigType=objectOf(shape({avatarPalette:avatarPaletteType,icon:string}));

package/dist/esm/components/UTShortcutPanel/utils.js

@@ -1,20 +1 @@
-/**
- * Handles animation-end-event by updating Tippy popper instances.
- *
- * This function updates the popper instances for both the search button and collapse button
- * Tippy tooltips after an animation completes. This ensures that the tooltip positions are
- * recalculated and properly aligned after any layout changes caused by the animation.
- *
- * @param {React.MutableRefObject} searchButtonTippyRef - Reference to the search button's Tippy instance
- * @param {React.MutableRefObject} collapseButtonTippyRef - Reference to the collapse button's Tippy instance
- * @returns {void}
- */
-export const handleAnimationEnd = (searchButtonTippyRef, collapseButtonTippyRef) => {
-  var _searchButtonTippyRef, _collapseButtonTippyR;
-  if ((_searchButtonTippyRef = searchButtonTippyRef.current) !== null && _searchButtonTippyRef !== void 0 && _searchButtonTippyRef.popperInstance) {
-    searchButtonTippyRef.current.popperInstance.update();
-  }
-  if ((_collapseButtonTippyR = collapseButtonTippyRef.current) !== null && _collapseButtonTippyR !== void 0 && _collapseButtonTippyR.popperInstance) {
-    collapseButtonTippyRef.current.popperInstance.update();
-  }
-};
+export const handleAnimationEnd=(searchButtonTippyRef,collapseButtonTippyRef)=>{var _searchButtonTippyRef,_collapseButtonTippyR;null!==(_searchButtonTippyRef=searchButtonTippyRef.current)&&void 0!==_searchButtonTippyRef&&_searchButtonTippyRef.popperInstance&&searchButtonTippyRef.current.popperInstance.update(),null!==(_collapseButtonTippyR=collapseButtonTippyRef.current)&&void 0!==_collapseButtonTippyR&&_collapseButtonTippyR.popperInstance&&collapseButtonTippyRef.current.popperInstance.update()};

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

@@ -1,87 +1 @@
-import React, { memo, useState, useRef, useMemo, useEffect } from 'react';
-import { arrayOf, bool, elementType, func, object, objectOf, string } from 'prop-types';
-import { subOptionType } from '../../types';
-import Option from '../Option';
-import styles from './styles.module.scss';
-const ListOption = _ref => {
-  let {
-    classes,
-    handleClose,
-    handleRedirect,
-    IconActive,
-    IconInactive,
-    iconProps,
-    label,
-    labelAlwaysVisible,
-    location,
-    open,
-    openDrawer,
-    options
-  } = _ref;
-  const [openMenu, setOpenMenu] = useState(false);
-  const optionRef = useRef();
-  useEffect(() => {
-    if (!open) setOpenMenu(false);
-  }, [open]);
-  const toogleMenu = () => {
-    if (!open) {
-      openDrawer();
-      setOpenMenu(true);
-    } else setOpenMenu(!openMenu);
-  };
-  const optionHeight = 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 = useMemo(() => options.some(opt => opt.link === location), [location, options]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Option, {
-    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.createElement("div", {
-    className: styles.optionMenu,
-    style: {
-      height: optionHeight
-    }
-  }, options.map(op => /*#__PURE__*/React.createElement(Option, {
-    classes: classes,
-    handleClose: handleClose,
-    handleRedirect: handleRedirect,
-    key: op.key,
-    label: op.label,
-    labelAlwaysVisible: labelAlwaysVisible,
-    link: op.link,
-    location: location,
-    open: open
-  }))));
-};
-ListOption.propTypes = {
-  classes: objectOf(string),
-  handleClose: func,
-  handleRedirect: func,
-  IconActive: elementType,
-  IconInactive: elementType,
-  iconProps: object,
-  label: string,
-  labelAlwaysVisible: bool,
-  location: string,
-  open: bool,
-  openDrawer: func,
-  options: arrayOf(subOptionType)
-};
-export default /*#__PURE__*/memo(ListOption);
+import React,{memo,useState,useRef,useMemo,useEffect}from"react";import{arrayOf,bool,elementType,func,object,objectOf,string}from"prop-types";import{subOptionType}from"../../types";import Option from"../Option";import styles from"./styles.module.scss";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]=useState(!1),optionRef=useRef();useEffect(()=>{open||setOpenMenu(!1)},[open]);const optionHeight=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=useMemo(()=>options.some(opt=>opt.link===location),[location,options]);return React.createElement("div",null,React.createElement(Option,{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.createElement("div",{className:styles.optionMenu,style:{height:optionHeight}},options.map(op=>React.createElement(Option,{classes:classes,handleClose:handleClose,handleRedirect:handleRedirect,key:op.key,label:op.label,labelAlwaysVisible:labelAlwaysVisible,link:op.link,location:location,open:open}))))};ListOption.propTypes={classes:objectOf(string),handleClose:func,handleRedirect:func,IconActive:elementType,IconInactive:elementType,iconProps:object,label:string,labelAlwaysVisible:bool,location:string,open:bool,openDrawer:func,options:arrayOf(subOptionType)};export default memo(ListOption);

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

@@ -1,20 +1 @@
-import React, { memo } from 'react';
-import { elementType, func, oneOfType, string } from 'prop-types';
-const DynamicIcon = _ref => {
-  let {
-    className,
-    Icon
-  } = _ref;
-  return typeof Icon === 'string' ? /*#__PURE__*/React.createElement("img", {
-    src: Icon,
-    alt: "",
-    className: className
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    className: className
-  });
-};
-DynamicIcon.propTypes = {
-  className: string,
-  Icon: oneOfType([elementType, func, string])
-};
-export default /*#__PURE__*/memo(DynamicIcon);
+import React,{memo}from"react";import{elementType,func,oneOfType,string}from"prop-types";const DynamicIcon=_ref=>{let{className:className,Icon:Icon}=_ref;return"string"==typeof Icon?React.createElement("img",{src:Icon,alt:"",className:className}):React.createElement(Icon,{className:className})};DynamicIcon.propTypes={className:string,Icon:oneOfType([elementType,func,string])};export default memo(DynamicIcon);

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

@@ -1,39 +1 @@
-import React, { memo } from 'react';
-import { bool, elementType, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import DynamicIcon from './components/DynamicIcon';
-import styles from './styles.module.scss';
-const LogosContainer = _ref => {
-  let {
-    badgeClassName,
-    badgeContent,
-    BigLogo,
-    bigLogoClassName,
-    containerClassName,
-    SmallLogo,
-    smallLogoClassName,
-    showBigLogo
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(containerClassName, " ").concat(styles.logoContainer)
-  }, BigLogo && /*#__PURE__*/React.createElement(DynamicIcon, {
-    Icon: BigLogo,
-    className: "".concat(bigLogoClassName, " ").concat(styles.logo, " ").concat(showBigLogo && styles.visibleIcon)
-  }), SmallLogo && /*#__PURE__*/React.createElement(DynamicIcon, {
-    Icon: SmallLogo,
-    className: "".concat(smallLogoClassName, " ").concat(styles.logo, " ").concat(!showBigLogo && styles.visibleIcon)
-  }), badgeContent && /*#__PURE__*/React.createElement(UTLabel, {
-    className: badgeClassName
-  }, badgeContent));
-};
-LogosContainer.propTypes = {
-  badgeClassName: string,
-  badgeContent: string,
-  BigLogo: elementType,
-  bigLogoClassName: string,
-  containerClassName: string,
-  smallLogoClassName: string,
-  SmallLogo: elementType,
-  showBigLogo: bool
-};
-export default /*#__PURE__*/memo(LogosContainer);
+import React,{memo}from"react";import{bool,elementType,string}from"prop-types";import UTLabel from"../../../UTLabel";import DynamicIcon from"./components/DynamicIcon";import styles from"./styles.module.scss";const LogosContainer=_ref=>{let{badgeClassName:badgeClassName,badgeContent:badgeContent,BigLogo:BigLogo,bigLogoClassName:bigLogoClassName,containerClassName:containerClassName,SmallLogo:SmallLogo,smallLogoClassName:smallLogoClassName,showBigLogo:showBigLogo}=_ref;return React.createElement("div",{className:"".concat(containerClassName," ").concat(styles.logoContainer)},BigLogo&&React.createElement(DynamicIcon,{Icon:BigLogo,className:"".concat(bigLogoClassName," ").concat(styles.logo," ").concat(showBigLogo&&styles.visibleIcon)}),SmallLogo&&React.createElement(DynamicIcon,{Icon:SmallLogo,className:"".concat(smallLogoClassName," ").concat(styles.logo," ").concat(!showBigLogo&&styles.visibleIcon)}),badgeContent&&React.createElement(UTLabel,{className:badgeClassName},badgeContent))};LogosContainer.propTypes={badgeClassName:string,badgeContent:string,BigLogo:elementType,bigLogoClassName:string,containerClassName:string,smallLogoClassName:string,SmallLogo:elementType,showBigLogo:bool};export default memo(LogosContainer);

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

@@ -1,9 +1 @@
-export const TOOLTIP_CONFIG = {
-  tippyProps: {
-    placement: 'right',
-    interactive: false,
-    arrow: false,
-    boundary: 'viewport',
-    appendTo: document.body
-  }
-};
+export const TOOLTIP_CONFIG={tippyProps:{placement:"right",interactive:!1,arrow:!1,boundary:"viewport",appendTo:document.body}};

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

@@ -1,111 +1 @@
-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); }
-import React, { Fragment, memo } from 'react';
-import { string, bool, func, any, shape, number } from 'prop-types';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import { isUTIcon } from '../../../../utils/componentUtils';
-import UTLabel from '../../../UTLabel';
-import UTTooltip from '../../../UTTooltip';
-import UTIcon from '../../../UTIcon';
-import { classType, iconType } from '../../types';
-import { TOOLTIP_CONFIG } from './constants';
-import styles from './styles.module.scss';
-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 : Fragment;
-  const containerProps = withTooltip && {
-    ...TOOLTIP_CONFIG,
-    content: /*#__PURE__*/React.createElement(UTLabel, {
-      className: classes.tooltipLabel
-    }, label),
-    className: classes.tooltip
-  };
-  return /*#__PURE__*/React.createElement(Container, containerProps, /*#__PURE__*/React.createElement(ListItem, {
-    "data-testid": dataTestId,
-    className: "\n        ".concat(styles.option, "\n        ").concat(classes.option, "\n        ").concat(isSelected && "".concat(styles.optionSelected, " ").concat(classes.optionSelected), "\n        ").concat(isSelected && open && classes.optionSelectedOpened, "\n        ").concat(isSelected && !isSelectedGroup && !withTooltip && styles.removeEvents, "\n      "),
-    onClick: onClick || handleRedirection,
-    ref: optionRef
-  }, /*#__PURE__*/React.createElement(ListItemIcon, {
-    className: "\n          ".concat(classes.optionIconContainer, "\n          ").concat(isSelected && "".concat(classes.optionIconContainerSelected, " ").concat(styles.optionIconContainerSelected), "\n          ").concat(styles.optionIconContainer, "\n        ")
-  }, IconInactive && (isUTIcon(IconInactive) ? /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: IconInactive,
-    className: "".concat(classes.optionIcon, " ").concat(styles.optionIcon)
-  }, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.inactive) || {})) : /*#__PURE__*/React.createElement(IconInactive, {
-    className: "".concat(classes.optionIcon, " ").concat(styles.optionIcon)
-  })), IconActive && (isUTIcon(IconActive) ? /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: IconActive,
-    className: "".concat(classes.optionIcon, " ").concat(styles.optionIconSelected, " ").concat(classes.optionIconSelected)
-  }, (iconProps === null || iconProps === void 0 ? void 0 : iconProps.active) || {})) : /*#__PURE__*/React.createElement(IconActive, {
-    className: "".concat(classes.optionIcon, " ").concat(styles.optionIconSelected, " ").concat(classes.optionIconSelected)
-  }))), /*#__PURE__*/React.createElement(ListItemText, {
-    disableTypography: true,
-    className: "\n          ".concat(classes.optionLabel, "\n          ").concat(isSelected && classes.optionLabelSelected, "\n          ").concat(!open && styles.hidden, "\n        "),
-    primary: label
-  }), !open && labelAlwaysVisible && /*#__PURE__*/React.createElement(ListItemText, {
-    disableTypography: true,
-    className: "\n            ".concat(styles.optionLabelBottom, "\n            ").concat(classes.optionLabelBottom, "\n            ").concat(isSelected && classes.optionLabelBottomSelected, "\n          "),
-    primary: label
-  }), open && withToggleArrow && /*#__PURE__*/React.createElement(ExpandMoreIcon, {
-    className: "\n            ".concat(styles.toggleArrow, "\n            ").concat(classes.toggleArrow, "\n            ").concat(toggleArrowActive && styles.toggleArrowActive, "\n          ")
-  })));
-};
-Option.propTypes = {
-  classes: classType,
-  dataTestId: string,
-  handleClose: func,
-  handleRedirect: func,
-  IconActive: iconType,
-  IconInactive: iconType,
-  iconProps: shape({
-    active: shape({
-      colorTheme: string,
-      name: string,
-      shade: string,
-      size: number
-    }),
-    inactive: shape({
-      colorTheme: string,
-      name: string,
-      shade: string,
-      size: number
-    })
-  }),
-  isSelectedGroup: bool,
-  label: string,
-  labelAlwaysVisible: bool,
-  link: string,
-  location: string,
-  onClick: func,
-  open: bool,
-  optionRef: any,
-  toggleArrowActive: bool,
-  withToggleArrow: bool,
-  withTooltip: bool
-};
-export default /*#__PURE__*/memo(Option);
+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)}import React,{Fragment,memo}from"react";import{string,bool,func,any,shape,number}from"prop-types";import ListItem from"@material-ui/core/ListItem";import ListItemIcon from"@material-ui/core/ListItemIcon";import ListItemText from"@material-ui/core/ListItemText";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import{isUTIcon}from"../../../../utils/componentUtils";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import UTIcon from"../../../UTIcon";import{classType,iconType}from"../../types";import{TOOLTIP_CONFIG}from"./constants";import styles from"./styles.module.scss";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:Fragment,containerProps=withTooltip&&{...TOOLTIP_CONFIG,content:React.createElement(UTLabel,{className:classes.tooltipLabel},label),className:classes.tooltip};return React.createElement(Container,containerProps,React.createElement(ListItem,{"data-testid":dataTestId,className:"\n        ".concat(styles.option,"\n        ").concat(classes.option,"\n        ").concat(isSelected&&"".concat(styles.optionSelected," ").concat(classes.optionSelected),"\n        ").concat(isSelected&&open&&classes.optionSelectedOpened,"\n        ").concat(isSelected&&!isSelectedGroup&&!withTooltip&&styles.removeEvents,"\n      "),onClick:onClick||(()=>{handleRedirect(link),handleClose&&handleClose()}),ref:optionRef},React.createElement(ListItemIcon,{className:"\n          ".concat(classes.optionIconContainer,"\n          ").concat(isSelected&&"".concat(classes.optionIconContainerSelected," ").concat(styles.optionIconContainerSelected),"\n          ").concat(styles.optionIconContainer,"\n        ")},IconInactive&&(isUTIcon(IconInactive)?React.createElement(UTIcon,_extends({name:IconInactive,className:"".concat(classes.optionIcon," ").concat(styles.optionIcon)},(null==iconProps?void 0:iconProps.inactive)||{})):React.createElement(IconInactive,{className:"".concat(classes.optionIcon," ").concat(styles.optionIcon)})),IconActive&&(isUTIcon(IconActive)?React.createElement(UTIcon,_extends({name:IconActive,className:"".concat(classes.optionIcon," ").concat(styles.optionIconSelected," ").concat(classes.optionIconSelected)},(null==iconProps?void 0:iconProps.active)||{})):React.createElement(IconActive,{className:"".concat(classes.optionIcon," ").concat(styles.optionIconSelected," ").concat(classes.optionIconSelected)}))),React.createElement(ListItemText,{disableTypography:!0,className:"\n          ".concat(classes.optionLabel,"\n          ").concat(isSelected&&classes.optionLabelSelected,"\n          ").concat(!open&&styles.hidden,"\n        "),primary:label}),!open&&labelAlwaysVisible&&React.createElement(ListItemText,{disableTypography:!0,className:"\n            ".concat(styles.optionLabelBottom,"\n            ").concat(classes.optionLabelBottom,"\n            ").concat(isSelected&&classes.optionLabelBottomSelected,"\n          "),primary:label}),open&&withToggleArrow&&React.createElement(ExpandMoreIcon,{className:"\n            ".concat(styles.toggleArrow,"\n            ").concat(classes.toggleArrow,"\n            ").concat(toggleArrowActive&&styles.toggleArrowActive,"\n          ")})))};Option.propTypes={classes:classType,dataTestId:string,handleClose:func,handleRedirect:func,IconActive:iconType,IconInactive:iconType,iconProps:shape({active:shape({colorTheme:string,name:string,shade:string,size:number}),inactive:shape({colorTheme:string,name:string,shade:string,size:number})}),isSelectedGroup:bool,label:string,labelAlwaysVisible:bool,link:string,location:string,onClick:func,open:bool,optionRef:any,toggleArrowActive:bool,withToggleArrow:bool,withTooltip:bool};export default memo(Option);

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

@@ -1,42 +1 @@
-import React, { memo } from 'react';
-import { bool, func, string } from 'prop-types';
-import MenuIcon from '@material-ui/icons/Menu';
-import CloseIcon from '@material-ui/icons/Close';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import UTLabel from '../../../UTLabel';
-import { classType } from '../../types';
-import styles from './styles.module.scss';
-const Toggler = _ref => {
-  let {
-    classes,
-    open,
-    toggleDrawer,
-    title,
-    subtitle
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.togglerContainer, " ").concat(styles.togglerContainer)
-  }, open ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.closeDrawerContainer, " ").concat(styles.closeDrawerContainer)
-  }, /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    onClick: toggleDrawer
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
-    className: classes.closeIcon
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.drawerTitle
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.drawerSubtitle
-  }, subtitle))) : /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    onClick: toggleDrawer
-  }, /*#__PURE__*/React.createElement(MenuIcon, {
-    className: classes.menuIcon
-  })));
-};
-Toggler.propTypes = {
-  classes: classType,
-  open: bool,
-  subtitle: string,
-  title: string,
-  toggleDrawer: func
-};
-export default /*#__PURE__*/memo(Toggler);
+import React,{memo}from"react";import{bool,func,string}from"prop-types";import MenuIcon from"@material-ui/icons/Menu";import CloseIcon from"@material-ui/icons/Close";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTLabel from"../../../UTLabel";import{classType}from"../../types";import styles from"./styles.module.scss";const Toggler=_ref=>{let{classes:classes,open:open,toggleDrawer:toggleDrawer,title:title,subtitle:subtitle}=_ref;return React.createElement("div",{className:"".concat(classes.togglerContainer," ").concat(styles.togglerContainer)},open?React.createElement("div",{className:"".concat(classes.closeDrawerContainer," ").concat(styles.closeDrawerContainer)},React.createElement(UTTouchableWithoutFeedback,{onClick:toggleDrawer},React.createElement(CloseIcon,{className:classes.closeIcon})),React.createElement("div",null,React.createElement(UTLabel,{className:classes.drawerTitle},title),React.createElement(UTLabel,{className:classes.drawerSubtitle},subtitle))):React.createElement(UTTouchableWithoutFeedback,{onClick:toggleDrawer},React.createElement(MenuIcon,{className:classes.menuIcon})))};Toggler.propTypes={classes:classType,open:bool,subtitle:string,title:string,toggleDrawer:func};export default memo(Toggler);

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

@@ -1,139 +1 @@
-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); }
-import React, { Fragment, useMemo } from 'react';
-import { bool, func, objectOf, oneOfType, string } from 'prop-types';
-import Backdrop from '@material-ui/core/Backdrop';
-import Drawer from '@material-ui/core/Drawer';
-import List from '@material-ui/core/List';
-import ScrollBar from 'react-perfect-scrollbar';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { useScreenSize } from '../../utils/useScreenSize';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import { classType, iconType, optionsType } from './types';
-import { retrieveStyle } from './theme';
-import ListOption from './components/ListOption';
-import LogosContainer from './components/LogosContainer';
-import Option from './components/Option';
-import Toggler from './components/Toggler';
-import styles from './styles.module.scss';
-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
-  } = useScreenSize();
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const toggleDrawer = () => open ? handleClose() : handleOpen();
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
-    open: isTabletOrDesktop || open,
-    variant: isTabletOrDesktop ? 'persistent' : 'temporary',
-    classes: {
-      root: classes.drawerRoot,
-      paper: "\n            ".concat(classes.drawer, "\n            ").concat(styles.drawer, "\n            ").concat(open ? classes.openedDrawer : styles.removeShadow, "\n          ")
-    },
-    ModalProps: {
-      onClose: handleClose
-    },
-    onMouseLeave: () => withMouseActions && handleClose(),
-    onMouseEnter: () => withMouseActions && handleOpen()
-  }, (BigLogo || SmallLogo) && /*#__PURE__*/React.createElement(LogosContainer, {
-    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.createElement(Toggler, {
-    toggleDrawer: toggleDrawer,
-    open: open,
-    classes: classes,
-    title: title,
-    subtitle: subtitle
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.sidebarContent
-  }, /*#__PURE__*/React.createElement(List, {
-    className: "".concat(classes.list, " ").concat(open && classes.listOpened, " ").concat(styles.list)
-  }, /*#__PURE__*/React.createElement(ScrollBar, {
-    className: "".concat(!open && styles.scrollbarClosed, " ").concat(classes.listScrollbar),
-    options: {
-      suppressScrollX: true
-    }
-  }, options.map(_ref2 => {
-    let {
-      show = true,
-      options: menuOptions,
-      ...props
-    } = _ref2;
-    if (!show) return false;
-    const hasMenuOptions = !isEmpty(menuOptions);
-    const menuOptionsToShow = hasMenuOptions && menuOptions.filter(opt => opt.show);
-    if (hasMenuOptions && isEmpty(menuOptionsToShow)) return false;
-    const Component = isEmpty(menuOptions) ? Option : ListOption;
-    return /*#__PURE__*/React.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.createElement(LogosContainer, {
-    BigLogo: FooterBigLogo,
-    SmallLogo: FooterSmallLogo,
-    bigLogoClassName: classes.footerBigLogo,
-    smallLogoClassName: classes.footerSmallLogo,
-    containerClassName: classes.footerLogoContainer,
-    showBigLogo: open
-  }))), /*#__PURE__*/React.createElement(Backdrop, {
-    open: isTabletOrDesktop && open,
-    className: styles.backdrop,
-    onClick: toggleDrawer
-  }));
-};
-UTSidebar.propTypes = {
-  badgeContent: string,
-  BigLogo: oneOfType([iconType, string]),
-  classes: classType,
-  classNames: objectOf(string),
-  FooterBigLogo: oneOfType([iconType, string]),
-  FooterSmallLogo: oneOfType([iconType, string]),
-  handleClose: func,
-  handleOpen: func,
-  handleRedirect: func,
-  labelAlwaysVisible: bool,
-  location: string,
-  open: bool,
-  options: optionsType,
-  SmallLogo: oneOfType([iconType, string]),
-  subtitle: string,
-  title: string,
-  withMouseActions: bool,
-  withoutToggler: bool,
-  withTooltip: bool
-};
-export default WithTheme(retrieveStyle)(UTSidebar);
+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)}import React,{Fragment,useMemo}from"react";import{bool,func,objectOf,oneOfType,string}from"prop-types";import Backdrop from"@material-ui/core/Backdrop";import Drawer from"@material-ui/core/Drawer";import List from"@material-ui/core/List";import ScrollBar from"react-perfect-scrollbar";import"react-perfect-scrollbar/dist/css/styles.css";import{isEmpty}from"@widergy/web-utils/lib/array";import{useScreenSize}from"../../utils/useScreenSize";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{classType,iconType,optionsType}from"./types";import{retrieveStyle}from"./theme";import ListOption from"./components/ListOption";import LogosContainer from"./components/LogosContainer";import Option from"./components/Option";import Toggler from"./components/Toggler";import styles from"./styles.module.scss";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}=useScreenSize(),classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),toggleDrawer=()=>open?handleClose():handleOpen();return React.createElement(Fragment,null,React.createElement(Drawer,{open:isTabletOrDesktop||open,variant:isTabletOrDesktop?"persistent":"temporary",classes:{root:classes.drawerRoot,paper:"\n            ".concat(classes.drawer,"\n            ").concat(styles.drawer,"\n            ").concat(open?classes.openedDrawer:styles.removeShadow,"\n          ")},ModalProps:{onClose:handleClose},onMouseLeave:()=>withMouseActions&&handleClose(),onMouseEnter:()=>withMouseActions&&handleOpen()},(BigLogo||SmallLogo)&&React.createElement(LogosContainer,{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.createElement(Toggler,{toggleDrawer:toggleDrawer,open:open,classes:classes,title:title,subtitle:subtitle}),React.createElement("div",{className:styles.sidebarContent},React.createElement(List,{className:"".concat(classes.list," ").concat(open&&classes.listOpened," ").concat(styles.list)},React.createElement(ScrollBar,{className:"".concat(!open&&styles.scrollbarClosed," ").concat(classes.listScrollbar),options:{suppressScrollX:!0}},options.map(_ref2=>{let{show:show=!0,options:menuOptions,...props}=_ref2;if(!show)return!1;const hasMenuOptions=!isEmpty(menuOptions),menuOptionsToShow=hasMenuOptions&&menuOptions.filter(opt=>opt.show);if(hasMenuOptions&&isEmpty(menuOptionsToShow))return!1;const Component=isEmpty(menuOptions)?Option:ListOption;return React.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.createElement(LogosContainer,{BigLogo:FooterBigLogo,SmallLogo:FooterSmallLogo,bigLogoClassName:classes.footerBigLogo,smallLogoClassName:classes.footerSmallLogo,containerClassName:classes.footerLogoContainer,showBigLogo:open}))),React.createElement(Backdrop,{open:isTabletOrDesktop&&open,className:styles.backdrop,onClick:toggleDrawer}))};UTSidebar.propTypes={badgeContent:string,BigLogo:oneOfType([iconType,string]),classes:classType,classNames:objectOf(string),FooterBigLogo:oneOfType([iconType,string]),FooterSmallLogo:oneOfType([iconType,string]),handleClose:func,handleOpen:func,handleRedirect:func,labelAlwaysVisible:bool,location:string,open:bool,options:optionsType,SmallLogo:oneOfType([iconType,string]),subtitle:string,title:string,withMouseActions:bool,withoutToggler:bool,withTooltip:bool};export default WithTheme(retrieveStyle)(UTSidebar);