@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,35 +1 @@
-import React from 'react';
-import { bool, func, string, refType } from 'prop-types';
-import { iconPropTypes } from '../../types/iconTypes';
-import GroupingPanel from './components/GroupingPanel';
-const UTShortcutPanel = _ref => {
-  let {
-    children,
-    containerRef,
-    dataTestId,
-    handleTogglePanel,
-    iconProps,
-    open,
-    panelTitle,
-    position
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GroupingPanel, {
-    containerRef: containerRef,
-    dataTestId: dataTestId,
-    iconProps: iconProps,
-    onClose: handleTogglePanel,
-    open: open,
-    panelTitle: panelTitle,
-    position: position
-  }), children);
-};
-UTShortcutPanel.propTypes = {
-  containerRef: refType,
-  dataTestId: string,
-  handleTogglePanel: func,
-  iconProps: iconPropTypes,
-  open: bool,
-  panelTitle: string,
-  position: string
-};
-export default UTShortcutPanel;
+import React from"react";import{bool,func,string,refType}from"prop-types";import{iconPropTypes}from"../../types/iconTypes";import GroupingPanel from"./components/GroupingPanel";const UTShortcutPanel=e=>{let{children:o,containerRef:n,dataTestId:t,handleTogglePanel:r,iconProps:p,open:a,panelTitle:i,position:l}=e;return React.createElement(React.Fragment,null,React.createElement(GroupingPanel,{containerRef:n,dataTestId:t,iconProps:p,onClose:r,open:a,panelTitle:i,position:l}),o)};UTShortcutPanel.propTypes={containerRef:refType,dataTestId:string,handleTogglePanel:func,iconProps:iconPropTypes,open:bool,panelTitle:string,position:string};export default UTShortcutPanel;

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=e=>{let{theme:t,position:n}=e;return{backdrop:{backgroundColor:t.Palette.dark["05"],opacity:"0.25 !important"},expandedPanelContentCategoryEmpty:{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryEmpty","backgroundColor"],"".concat(t.Palette.light["03"]))},expandedPanelContentCategoryHeader:{"&:hover":{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor","&:hover"],"".concat(t.Palette.light["04"]))}},expandedPanelContentCategoryItem:{"&:hover":{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItem","backgroundColor","&:hover"],"".concat(t.Palette.light["04"]))}},expandedPanelContentCategoryItemSelected:{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor"],"".concat(t.Palette.accent["01"])),"&:hover":{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor","&:hover"],"".concat(t.Palette.accent["01"]," !important"))}},expandedPanelContentHeader:{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor"],"".concat(t.Palette.light["01"]))},expandedPanelContentPopperContent:{backgroundColor:get(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentPopperContent","backgroundColor"],"".concat(t.Palette.light["01"]))},paper:{backgroundColor:get(t,["UTShortcutPanel","closedPanelBar","backgroundColor"],"".concat(t.Palette.light["01"]," !important")),borderRight:n===PANEL_POSITIONS.LEFT?get(t,["UTShortcutPanel","borderRight"],"1px solid ".concat(t.Palette.light["04"]," !important")):"none",borderLeft:n===PANEL_POSITIONS.RIGHT?get(t,["UTShortcutPanel","borderLeft"],"1px solid ".concat(t.Palette.light["04"]," !important")):"none"},perfectScrollbar:{width:get(t,["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=(n,e)=>{var p,r;null!==(p=n.current)&&void 0!==p&&p.popperInstance&&n.current.popperInstance.update(),null!==(r=e.current)&&void 0!==r&&r.popperInstance&&e.current.popperInstance.update()};

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

@@ -1,91 +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,
-    dataTestId,
-    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,
-    dataTestId: dataTestId,
-    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,
-    dataTestId: op.dataTestId,
-    handleClose: handleClose,
-    handleRedirect: handleRedirect,
-    key: op.key,
-    label: op.label,
-    labelAlwaysVisible: labelAlwaysVisible,
-    link: op.link,
-    location: location,
-    open: open
-  }))));
-};
-ListOption.propTypes = {
-  classes: objectOf(string),
-  dataTestId: 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=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:l,IconActive:s,IconInactive:a,iconProps:i,label:c,labelAlwaysVisible:r,location:p,open:m,openDrawer:u,options:d}=e;const[b,f]=useState(!1),y=useRef();useEffect(()=>{m||f(!1)},[m]);const g=useMemo(()=>{if(!b||!m||null==y||!y.current)return 0;const{marginTop:e,marginBottom:t}=window.getComputedStyle(y.current),o=parseFloat(e)+parseFloat(t);return d.length*(y.current.clientHeight+o)},[b,m]),I=useMemo(()=>d.some(e=>e.link===p),[p,d]);return React.createElement("div",null,React.createElement(Option,{classes:t,dataTestId:o,IconActive:s,IconInactive:a,iconProps:i,isSelectedGroup:I&&(!m||!b),label:c,labelAlwaysVisible:r,location:p,onClick:()=>{m?f(!b):(u(),f(!0))},open:m,optionRef:y,toggleArrowActive:b,withToggleArrow:!0}),React.createElement("div",{className:styles.optionMenu,style:{height:g}},d.map(e=>React.createElement(Option,{classes:t,dataTestId:e.dataTestId,handleClose:n,handleRedirect:l,key:e.key,label:e.label,labelAlwaysVisible:r,link:e.link,location:p,open:m}))))};ListOption.propTypes={classes:objectOf(string),dataTestId: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=e=>{let{className:t,Icon:c}=e;return"string"==typeof c?React.createElement("img",{src:c,alt:"",className:t}):React.createElement(c,{className:t})};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=o=>{let{badgeClassName:e,badgeContent:a,BigLogo:s,bigLogoClassName:t,containerClassName:n,SmallLogo:c,smallLogoClassName:l,showBigLogo:m}=o;return React.createElement("div",{className:"".concat(n," ").concat(styles.logoContainer)},s&&React.createElement(DynamicIcon,{Icon:s,className:"".concat(t," ").concat(styles.logo," ").concat(m&&styles.visibleIcon)}),c&&React.createElement(DynamicIcon,{Icon:c,className:"".concat(l," ").concat(styles.logo," ").concat(!m&&styles.visibleIcon)}),a&&React.createElement(UTLabel,{className:e},a))};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(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_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=e=>{let{classes:t,dataTestId:o,handleClose:n,handleRedirect:c,IconActive:a,IconInactive:i,iconProps:s,isSelectedGroup:l,label:r,labelAlwaysVisible:p,link:m,location:I,onClick:d,open:T,optionRef:y,toggleArrowActive:g,withToggleArrow:b,withTooltip:f}=e;const u=l||m===I,h=f?UTTooltip:Fragment,L=f&&{...TOOLTIP_CONFIG,content:React.createElement(UTLabel,{className:t.tooltipLabel},r),className:t.tooltip};return React.createElement(h,L,React.createElement(ListItem,{"data-testid":o,className:"\n        ".concat(styles.option,"\n        ").concat(t.option,"\n        ").concat(u&&"".concat(styles.optionSelected," ").concat(t.optionSelected),"\n        ").concat(u&&T&&t.optionSelectedOpened,"\n        ").concat(u&&!l&&!f&&styles.removeEvents,"\n      "),onClick:d||(()=>{c(m),n&&n()}),ref:y},React.createElement(ListItemIcon,{className:"\n          ".concat(t.optionIconContainer,"\n          ").concat(u&&"".concat(t.optionIconContainerSelected," ").concat(styles.optionIconContainerSelected),"\n          ").concat(styles.optionIconContainer,"\n        ")},i&&(isUTIcon(i)?React.createElement(UTIcon,_extends({name:i,className:"".concat(t.optionIcon," ").concat(styles.optionIcon)},(null==s?void 0:s.inactive)||{})):React.createElement(i,{className:"".concat(t.optionIcon," ").concat(styles.optionIcon)})),a&&(isUTIcon(a)?React.createElement(UTIcon,_extends({name:a,className:"".concat(t.optionIcon," ").concat(styles.optionIconSelected," ").concat(t.optionIconSelected)},(null==s?void 0:s.active)||{})):React.createElement(a,{className:"".concat(t.optionIcon," ").concat(styles.optionIconSelected," ").concat(t.optionIconSelected)}))),React.createElement(ListItemText,{disableTypography:!0,className:"\n          ".concat(t.optionLabel,"\n          ").concat(u&&t.optionLabelSelected,"\n          ").concat(!T&&styles.hidden,"\n        "),primary:r}),!T&&p&&React.createElement(ListItemText,{disableTypography:!0,className:"\n            ".concat(styles.optionLabelBottom,"\n            ").concat(t.optionLabelBottom,"\n            ").concat(u&&t.optionLabelBottomSelected,"\n          "),primary:r}),T&&b&&React.createElement(ExpandMoreIcon,{className:"\n            ".concat(styles.toggleArrow,"\n            ").concat(t.toggleArrow,"\n            ").concat(g&&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=e=>{let{classes:t,open:o,toggleDrawer:a,title:c,subtitle:l}=e;return React.createElement("div",{className:"".concat(t.togglerContainer," ").concat(styles.togglerContainer)},o?React.createElement("div",{className:"".concat(t.closeDrawerContainer," ").concat(styles.closeDrawerContainer)},React.createElement(UTTouchableWithoutFeedback,{onClick:a},React.createElement(CloseIcon,{className:t.closeIcon})),React.createElement("div",null,React.createElement(UTLabel,{className:t.drawerTitle},c),React.createElement(UTLabel,{className:t.drawerSubtitle},l))):React.createElement(UTTouchableWithoutFeedback,{onClick:a},React.createElement(MenuIcon,{className:t.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,141 +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 { mergeMultipleClassNames } 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(() => mergeMultipleClassNames(themeClasses, classNames), [classNames]);
-  const toggleDrawer = () => open ? handleClose() : handleOpen();
-  return /*#__PURE__*/React.createElement(React.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 {
-      key,
-      show = true,
-      options: menuOptions,
-      ...optionProps
-    } = _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,
-      key: key,
-      labelAlwaysVisible: labelAlwaysVisible,
-      location: location,
-      open: open,
-      openDrawer: handleOpen,
-      options: menuOptionsToShow,
-      withTooltip: withTooltip
-    }, optionProps));
-  }))), 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(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var s in t)({}).hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},_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{mergeMultipleClassNames}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=e=>{let{badgeContent:o,BigLogo:t,classes:s,classNames:r,FooterBigLogo:a,FooterSmallLogo:l,handleClose:n,handleOpen:i,handleRedirect:c,labelAlwaysVisible:p,location:m,open:g,options:d,SmallLogo:y,subtitle:f,title:b,withMouseActions:u,withoutToggler:L,withTooltip:T}=e;const{isTabletOrDesktop:h}=useScreenSize(),w=useMemo(()=>mergeMultipleClassNames(s,r),[r]),C=()=>g?n():i();return React.createElement(React.Fragment,null,React.createElement(Drawer,{open:h||g,variant:h?"persistent":"temporary",classes:{root:w.drawerRoot,paper:"\n            ".concat(w.drawer,"\n            ").concat(styles.drawer,"\n            ").concat(g?w.openedDrawer:styles.removeShadow,"\n          ")},ModalProps:{onClose:n},onMouseLeave:()=>u&&n(),onMouseEnter:()=>u&&i()},(t||y)&&React.createElement(LogosContainer,{badgeClassName:g?w.logoBadgeOpen:w.logoBadgeClose,badgeContent:o,BigLogo:t,SmallLogo:y,bigLogoClassName:w.bigLogo,smallLogoClassName:w.smallLogo,containerClassName:w.logoContainer,showBigLogo:g}),!L&&React.createElement(Toggler,{toggleDrawer:C,open:g,classes:w,title:b,subtitle:f}),React.createElement("div",{className:styles.sidebarContent},React.createElement(List,{className:"".concat(w.list," ").concat(g&&w.listOpened," ").concat(styles.list)},React.createElement(ScrollBar,{className:"".concat(!g&&styles.scrollbarClosed," ").concat(w.listScrollbar),options:{suppressScrollX:!0}},d.map(e=>{let{key:o,show:t=!0,options:s,...r}=e;if(!t)return!1;const a=!isEmpty(s),l=a&&s.filter(e=>e.show);if(a&&isEmpty(l))return!1;const d=isEmpty(s)?Option:ListOption;return React.createElement(d,_extends({classes:w,handleClose:n,handleRedirect:c,key:o,labelAlwaysVisible:p,location:m,open:g,openDrawer:i,options:l,withTooltip:T},r))}))),a&&l&&React.createElement(LogosContainer,{BigLogo:a,SmallLogo:l,bigLogoClassName:w.footerBigLogo,smallLogoClassName:w.footerSmallLogo,containerClassName:w.footerLogoContainer,showBigLogo:g}))),React.createElement(Backdrop,{open:h&&g,className:styles.backdrop,onClick:C}))};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);