@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTTextInput/versions/V1/index.js

@@ -1,193 +1 @@
-import React, { useMemo } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { arrayOf, bool, elementType, func, instanceOf, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTBaseInputField from '../../../UTBaseInputField';
-import UTFieldLabel from '../../../UTFieldLabel';
-import UTLabel from '../../../UTLabel';
-import UTValidation, { validationDataProptypes } from '../../../UTValidation';
-import { COMPONENT_KEYS } from '../../../UTBaseInputField/constants';
-import { formatErrorToValidation } from '../../../UTValidation/utils';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import styles from './styles.module.scss';
-const UTTextInput = _ref => {
-  let {
-    action,
-    actions: titleActions,
-    actionDataTestId,
-    alwaysShowPlaceholder,
-    autocomplete,
-    classNames = {},
-    dataTestId,
-    disabled,
-    error,
-    helpText,
-    helperTextDataTestId,
-    id,
-    inputRef,
-    inputSize,
-    labelDataTestId,
-    LeftIcon,
-    maxLength,
-    maxRows = 1,
-    minRows,
-    name,
-    onBlur,
-    onChange = () => {},
-    onFocus,
-    onKeyDown = () => {},
-    placeholder,
-    prefix,
-    readOnly,
-    required,
-    RightIcon,
-    showCharacterCount,
-    suffix,
-    title,
-    titleVariant = 'large',
-    tooltip,
-    tooltipContentDataTestId,
-    tooltipIconDataTestId,
-    type,
-    validationDataTestId,
-    validations,
-    value = null
-  } = _ref;
-  const validationData = useMemo(() => !isEmpty(validations) ? validations : error && formatErrorToValidation(error), [error, validations]);
-  const leftAdornments = useMemo(() => {
-    const adornments = [];
-    if (LeftIcon) adornments.push({
-      name: COMPONENT_KEYS.ICON,
-      props: {
-        Icon: LeftIcon
-      }
-    });
-    if (prefix) adornments.push({
-      name: COMPONENT_KEYS.PREFIX,
-      props: {
-        text: prefix
-      }
-    });
-    return adornments;
-  }, [LeftIcon, prefix]);
-  const rightAdornments = useMemo(() => {
-    const adornments = [];
-    if (suffix) adornments.push({
-      name: COMPONENT_KEYS.SUFFIX,
-      props: {
-        text: suffix
-      }
-    });
-    if (RightIcon || error) adornments.push({
-      name: COMPONENT_KEYS.ICON,
-      props: {
-        Icon: RightIcon,
-        changeOnError: true
-      }
-    });
-    if (action) adornments.push({
-      name: COMPONENT_KEYS.ACTION,
-      props: {
-        action,
-        dataTestId: actionDataTestId
-      }
-    });
-    if (tooltip) adornments.push({
-      name: COMPONENT_KEYS.TOOLTIP,
-      props: {
-        contentDataTestId: tooltipContentDataTestId,
-        dataTestId: tooltipIconDataTestId,
-        tooltip
-      }
-    });
-    return adornments;
-  }, [suffix, RightIcon, error, action, tooltip]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classNames.container)
-  }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: titleActions,
-    dataTestId: labelDataTestId,
-    readOnly: readOnly,
-    required: required,
-    size: titleVariant
-  }, title), /*#__PURE__*/React.createElement(UTBaseInputField, {
-    alwaysShowPlaceholder: alwaysShowPlaceholder,
-    autocomplete: autocomplete,
-    classNames: classNames,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    error: error,
-    id: id,
-    inputSize: inputSize,
-    inputRef: inputRef,
-    leftAdornments: leftAdornments,
-    maxLength: maxLength,
-    maxRows: maxRows,
-    minRows: minRows,
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    rightAdornments: rightAdornments,
-    showCharacterCount: showCharacterCount,
-    type: type,
-    value: value
-  }), helpText && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.textHelp,
-    colorTheme: "gray",
-    dataTestId: helperTextDataTestId,
-    variant: "small",
-    withMarkdown: true
-  }, helpText), validationData && /*#__PURE__*/React.createElement(UTValidation, {
-    dataTestId: validationDataTestId,
-    validationData: validationData
-  }));
-};
-export const propTypes = {
-  action: elementType,
-  actions: arrayOf(buttonTypes),
-  actionDataTestId: string,
-  alwaysShowPlaceholder: bool,
-  autocomplete: string,
-  classNames: objectOf(string),
-  dataTestId: string,
-  disabled: bool,
-  error: oneOfType([bool, string]),
-  helpText: string,
-  helperTextDataTestId: string,
-  id: string,
-  inputRef: oneOfType([func, shape({
-    current: instanceOf(Element)
-  })]),
-  inputSize: string,
-  labelDataTestId: string,
-  LeftIcon: elementType,
-  maxLength: number,
-  minRows: number,
-  maxRows: number,
-  name: string,
-  onBlur: func,
-  onChange: func,
-  onFocus: func,
-  onKeyDown: func,
-  placeholder: string,
-  prefix: string,
-  readOnly: bool,
-  required: bool,
-  RightIcon: elementType,
-  showCharacterCount: bool,
-  suffix: string,
-  title: string,
-  titleVariant: string,
-  tooltip: string,
-  tooltipContentDataTestId: string,
-  tooltipIconDataTestId: string,
-  type: string,
-  validationDataTestId: string,
-  validations: validationDataProptypes,
-  value: string
-};
-UTTextInput.propTypes = propTypes;
-export default UTTextInput;
+import React,{useMemo}from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,elementType,func,instanceOf,number,objectOf,oneOfType,shape,string}from"prop-types";import UTBaseInputField from"../../../UTBaseInputField";import UTFieldLabel from"../../../UTFieldLabel";import UTLabel from"../../../UTLabel";import UTValidation,{validationDataProptypes}from"../../../UTValidation";import{COMPONENT_KEYS}from"../../../UTBaseInputField/constants";import{formatErrorToValidation}from"../../../UTValidation/utils";import{buttonTypes}from"../../../../types/buttonTypes";import styles from"./styles.module.scss";const UTTextInput=t=>{let{action:e,actions:a,actionDataTestId:o,alwaysShowPlaceholder:n,autocomplete:s,classNames:r={},dataTestId:i,disabled:l,error:p,helpText:d,helperTextDataTestId:m,id:c,inputRef:T,inputSize:u,labelDataTestId:I,LeftIcon:f,maxLength:h,maxRows:y=1,minRows:g,name:O,onBlur:b,onChange:E=()=>{},onFocus:x,onKeyDown:N=()=>{},placeholder:C,prefix:w,readOnly:D,required:R,RightIcon:U,showCharacterCount:P,suffix:S,title:F,titleVariant:v="large",tooltip:L,tooltipContentDataTestId:M,tooltipIconDataTestId:K,type:V,validationDataTestId:B,validations:Y,value:_=null}=t;const z=useMemo(()=>isEmpty(Y)?p&&formatErrorToValidation(p):Y,[p,Y]),q=useMemo(()=>{const t=[];return f&&t.push({name:COMPONENT_KEYS.ICON,props:{Icon:f}}),w&&t.push({name:COMPONENT_KEYS.PREFIX,props:{text:w}}),t},[f,w]),A=useMemo(()=>{const t=[];return S&&t.push({name:COMPONENT_KEYS.SUFFIX,props:{text:S}}),(U||p)&&t.push({name:COMPONENT_KEYS.ICON,props:{Icon:U,changeOnError:!0}}),e&&t.push({name:COMPONENT_KEYS.ACTION,props:{action:e,dataTestId:o}}),L&&t.push({name:COMPONENT_KEYS.TOOLTIP,props:{contentDataTestId:M,dataTestId:K,tooltip:L}}),t},[S,U,p,e,L]);return React.createElement("div",{className:"".concat(styles.container," ").concat(r.container)},F&&React.createElement(UTFieldLabel,{actions:a,dataTestId:I,readOnly:D,required:R,size:v},F),React.createElement(UTBaseInputField,{alwaysShowPlaceholder:n,autocomplete:s,classNames:r,dataTestId:i,disabled:l,error:p,id:c,inputSize:u,inputRef:T,leftAdornments:q,maxLength:h,maxRows:y,minRows:g,name:O,onBlur:b,onChange:E,onFocus:x,onKeyDown:N,placeholder:C,readOnly:D,rightAdornments:A,showCharacterCount:P,type:V,value:_}),d&&React.createElement(UTLabel,{className:styles.textHelp,colorTheme:"gray",dataTestId:m,variant:"small",withMarkdown:!0},d),z&&React.createElement(UTValidation,{dataTestId:B,validationData:z}))};export const propTypes={action:elementType,actions:arrayOf(buttonTypes),actionDataTestId:string,alwaysShowPlaceholder:bool,autocomplete:string,classNames:objectOf(string),dataTestId:string,disabled:bool,error:oneOfType([bool,string]),helpText:string,helperTextDataTestId:string,id:string,inputRef:oneOfType([func,shape({current:instanceOf(Element)})]),inputSize:string,labelDataTestId:string,LeftIcon:elementType,maxLength:number,minRows:number,maxRows:number,name:string,onBlur:func,onChange:func,onFocus:func,onKeyDown:func,placeholder:string,prefix:string,readOnly:bool,required:bool,RightIcon:elementType,showCharacterCount:bool,suffix:string,title:string,titleVariant:string,tooltip:string,tooltipContentDataTestId:string,tooltipIconDataTestId:string,type:string,validationDataTestId:string,validations:validationDataProptypes,value:string};UTTextInput.propTypes=propTypes;export default UTTextInput;

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

@@ -1,41 +1 @@
-import React, { useEffect, useRef, memo } from 'react';
-import { func, string } from 'prop-types';
-const DEFAULT_IFRAME_SRC = 'https://mindmup.github.io/3rdpartycookiecheck/start.html';
-const DEFAULT_IFRAME_TITLE = 'UTThirdPartyCookieChecker';
-const UTThirdPartyCookieChecker = _ref => {
-  let {
-    disabledCallback,
-    enabledCallback,
-    iframeSrc,
-    iframeTitle
-  } = _ref;
-  const iframeRef = useRef(null);
-  const handleCallback = event => {
-    if (event.data === 'MM:3PCsupported' && enabledCallback) {
-      return enabledCallback();
-    }
-    if (event.data === 'MM:3PCunsupported' && disabledCallback) {
-      return disabledCallback();
-    }
-    return () => undefined;
-  };
-  useEffect(() => {
-    window.addEventListener('message', handleCallback, false);
-    iframeRef.current.src = iframeSrc || DEFAULT_IFRAME_SRC;
-    return () => window.removeEventListener('message', handleCallback, false);
-  }, []);
-  return /*#__PURE__*/React.createElement("iframe", {
-    ref: iframeRef,
-    title: iframeTitle || DEFAULT_IFRAME_TITLE,
-    style: {
-      display: 'none'
-    }
-  });
-};
-UTThirdPartyCookieChecker.propTypes = {
-  disabledCallback: func,
-  enabledCallback: func,
-  iframeSrc: string,
-  iframeTitle: string
-};
-export default /*#__PURE__*/memo(UTThirdPartyCookieChecker);
+import React,{useEffect,useRef,memo}from"react";import{func,string}from"prop-types";const DEFAULT_IFRAME_SRC="https://mindmup.github.io/3rdpartycookiecheck/start.html",DEFAULT_IFRAME_TITLE="UTThirdPartyCookieChecker",UTThirdPartyCookieChecker=e=>{let{disabledCallback:r,enabledCallback:t,iframeSrc:a,iframeTitle:i}=e;const o=useRef(null),c=e=>"MM:3PCsupported"===e.data&&t?t():"MM:3PCunsupported"===e.data&&r?r():()=>{};return useEffect(()=>(window.addEventListener("message",c,!1),o.current.src=a||DEFAULT_IFRAME_SRC,()=>window.removeEventListener("message",c,!1)),[]),React.createElement("iframe",{ref:o,title:i||DEFAULT_IFRAME_TITLE,style:{display:"none"}})};UTThirdPartyCookieChecker.propTypes={disabledCallback:func,enabledCallback:func,iframeSrc:string,iframeTitle:string};export default memo(UTThirdPartyCookieChecker);

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

@@ -1,68 +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, { useMemo } from 'react';
-import Tippy from '@tippy.js/react';
-import 'tippy.js/dist/tippy.css';
-import 'tippy.js/animations/shift-toward.css';
-import { node, bool, object, arrayOf, number, string, objectOf } from 'prop-types';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { mergeClasses } from '../../utils/classesUtils';
-import styles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-const UTTooltip = _ref => {
-  let {
-    arrow = true,
-    children,
-    classes: themeStyles,
-    className,
-    content,
-    dataTestId,
-    duration = [600, 350],
-    forceArrow,
-    hideOnClick = false,
-    inertia = true,
-    interactive = true,
-    stringContentClassName,
-    stringContentProps,
-    tippyProps
-  } = _ref;
-  const theme = useMemo(() => mergeClasses(themeStyles, {
-    container: className,
-    stringContent: stringContentClassName
-  }), [className, stringContentClassName]);
-  if (!content) return children;
-  return /*#__PURE__*/React.createElement(Tippy, _extends({
-    animation: "shift-toward",
-    inertia: inertia,
-    duration: duration,
-    arrow: arrow,
-    hideOnClick: hideOnClick,
-    className: "".concat(theme.container, " ").concat(forceArrow && styles.arrow),
-    interactive: interactive
-  }, tippyProps, {
-    content: /*#__PURE__*/React.isValidElement(content) ? content : /*#__PURE__*/React.createElement(UTLabel, _extends({
-      className: "".concat(styles.baseContent, " ").concat(stringContentClassName),
-      colorTheme: "light",
-      dataTestId: dataTestId,
-      variant: "xsmall",
-      withMarkdown: true
-    }, stringContentProps), content)
-  }), children);
-};
-UTTooltip.propTypes = {
-  arrow: bool,
-  classes: objectOf(string),
-  className: string,
-  content: node,
-  dataTestId: string,
-  duration: arrayOf(number),
-  forceArrow: bool,
-  hideOnClick: bool,
-  inertia: bool,
-  interactive: bool,
-  placement: string,
-  stringContentClassName: string,
-  stringContentProps: object,
-  tippyProps: object
-};
-export default WithTheme(retrieveStyle)(UTTooltip);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)({}).hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},_extends.apply(null,arguments)}import React,{useMemo}from"react";import Tippy from"@tippy.js/react";import"tippy.js/dist/tippy.css";import"tippy.js/animations/shift-toward.css";import{node,bool,object,arrayOf,number,string,objectOf}from"prop-types";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";const UTTooltip=t=>{let{arrow:e=!0,children:r,classes:o,className:s,content:n,dataTestId:i,duration:a=[600,350],forceArrow:c,hideOnClick:l=!1,inertia:p=!0,interactive:m=!0,stringContentClassName:d,stringContentProps:f,tippyProps:b}=t;const y=useMemo(()=>mergeClasses(o,{container:s,stringContent:d}),[s,d]);return n?React.createElement(Tippy,_extends({animation:"shift-toward",inertia:p,duration:a,arrow:e,hideOnClick:l,className:"".concat(y.container," ").concat(c&&styles.arrow),interactive:m},b,{content:React.isValidElement(n)?n:React.createElement(UTLabel,_extends({className:"".concat(styles.baseContent," ").concat(d),colorTheme:"light",dataTestId:i,variant:"xsmall",withMarkdown:!0},f),n)}),r):r};UTTooltip.propTypes={arrow:bool,classes:objectOf(string),className:string,content:node,dataTestId:string,duration:arrayOf(number),forceArrow:bool,hideOnClick:bool,inertia:bool,interactive:bool,placement:string,stringContentClassName:string,stringContentProps:object,tippyProps:object};export default WithTheme(retrieveStyle)(UTTooltip);

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

@@ -1,24 +1 @@
-export const retrieveStyle = _ref => {
-  var _theme$UTTooltip, _theme$UTTooltip2, _theme$UTTooltip3, _theme$UTTooltip4, _theme$UTTooltip5, _theme$UTTooltip6, _theme$UTTooltip7, _theme$UTTooltip8, _theme$UTTooltip9, _theme$UTTooltip0;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme === null || theme === void 0 || (_theme$UTTooltip = theme.UTTooltip) === null || _theme$UTTooltip === void 0 || (_theme$UTTooltip = _theme$UTTooltip.container) === null || _theme$UTTooltip === void 0 ? void 0 : _theme$UTTooltip.backgroundColor,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTTooltip2 = theme.UTTooltip) === null || _theme$UTTooltip2 === void 0 || (_theme$UTTooltip2 = _theme$UTTooltip2.container) === null || _theme$UTTooltip2 === void 0 ? void 0 : _theme$UTTooltip2.borderRadius,
-      boxShadow: theme === null || theme === void 0 || (_theme$UTTooltip3 = theme.UTTooltip) === null || _theme$UTTooltip3 === void 0 || (_theme$UTTooltip3 = _theme$UTTooltip3.container) === null || _theme$UTTooltip3 === void 0 ? void 0 : _theme$UTTooltip3.boxShadow,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTooltip4 = theme.UTTooltip) === null || _theme$UTTooltip4 === void 0 || (_theme$UTTooltip4 = _theme$UTTooltip4.container) === null || _theme$UTTooltip4 === void 0 ? void 0 : _theme$UTTooltip4.fontSize,
-      padding: theme === null || theme === void 0 || (_theme$UTTooltip5 = theme.UTTooltip) === null || _theme$UTTooltip5 === void 0 || (_theme$UTTooltip5 = _theme$UTTooltip5.container) === null || _theme$UTTooltip5 === void 0 ? void 0 : _theme$UTTooltip5.padding,
-      '& > .tippy-arrow': {
-        display: theme === null || theme === void 0 || (_theme$UTTooltip6 = theme.UTTooltip) === null || _theme$UTTooltip6 === void 0 || (_theme$UTTooltip6 = _theme$UTTooltip6.arrow) === null || _theme$UTTooltip6 === void 0 ? void 0 : _theme$UTTooltip6.display
-      }
-    },
-    stringContent: {
-      fontSize: theme === null || theme === void 0 || (_theme$UTTooltip7 = theme.UTTooltip) === null || _theme$UTTooltip7 === void 0 || (_theme$UTTooltip7 = _theme$UTTooltip7.stringContent) === null || _theme$UTTooltip7 === void 0 ? void 0 : _theme$UTTooltip7.fontSize,
-      fontWeight: theme === null || theme === void 0 || (_theme$UTTooltip8 = theme.UTTooltip) === null || _theme$UTTooltip8 === void 0 || (_theme$UTTooltip8 = _theme$UTTooltip8.stringContent) === null || _theme$UTTooltip8 === void 0 ? void 0 : _theme$UTTooltip8.fontWeight,
-      lineHeight: theme === null || theme === void 0 || (_theme$UTTooltip9 = theme.UTTooltip) === null || _theme$UTTooltip9 === void 0 || (_theme$UTTooltip9 = _theme$UTTooltip9.stringContent) === null || _theme$UTTooltip9 === void 0 ? void 0 : _theme$UTTooltip9.lineHeight,
-      color: theme === null || theme === void 0 || (_theme$UTTooltip0 = theme.UTTooltip) === null || _theme$UTTooltip0 === void 0 || (_theme$UTTooltip0 = _theme$UTTooltip0.stringContent) === null || _theme$UTTooltip0 === void 0 ? void 0 : _theme$UTTooltip0.color
-    }
-  };
-};
+export const retrieveStyle=o=>{var l,n,i,t,d,u,e,v,r,T;let{theme:a}=o;return{container:{backgroundColor:null==a||null===(l=a.UTTooltip)||void 0===l||null===(l=l.container)||void 0===l?void 0:l.backgroundColor,borderRadius:null==a||null===(n=a.UTTooltip)||void 0===n||null===(n=n.container)||void 0===n?void 0:n.borderRadius,boxShadow:null==a||null===(i=a.UTTooltip)||void 0===i||null===(i=i.container)||void 0===i?void 0:i.boxShadow,fontSize:null==a||null===(t=a.UTTooltip)||void 0===t||null===(t=t.container)||void 0===t?void 0:t.fontSize,padding:null==a||null===(d=a.UTTooltip)||void 0===d||null===(d=d.container)||void 0===d?void 0:d.padding,"& > .tippy-arrow":{display:null==a||null===(u=a.UTTooltip)||void 0===u||null===(u=u.arrow)||void 0===u?void 0:u.display}},stringContent:{fontSize:null==a||null===(e=a.UTTooltip)||void 0===e||null===(e=e.stringContent)||void 0===e?void 0:e.fontSize,fontWeight:null==a||null===(v=a.UTTooltip)||void 0===v||null===(v=v.stringContent)||void 0===v?void 0:v.fontWeight,lineHeight:null==a||null===(r=a.UTTooltip)||void 0===r||null===(r=r.stringContent)||void 0===r?void 0:r.lineHeight,color:null==a||null===(T=a.UTTooltip)||void 0===T||null===(T=T.stringContent)||void 0===T?void 0:T.color}}};

package/dist/esm/components/UTTopbar/components/Notifications/index.js

@@ -1,25 +1 @@
-import React, { memo } from 'react';
-import { arrayOf, object } from 'prop-types';
-import NotificationsNoneIcon from '@material-ui/icons/NotificationsNone';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { classType, iconType } from '../../types.js';
-import styles from './styles.module.scss';
-const Notifications = _ref => {
-  let {
-    classes,
-    IconActive = NotificationsNoneIcon,
-    IconInactive = NotificationsNoneIcon,
-    notifications = []
-  } = _ref;
-  const IconComponent = isEmpty(notifications) ? IconActive : IconInactive;
-  return /*#__PURE__*/React.createElement(IconComponent, {
-    className: "".concat(styles.notificationsIcon, " ").concat(classes.notificationsIcon)
-  });
-};
-Notifications.propTypes = {
-  classes: classType,
-  IconActive: iconType,
-  IconInactive: iconType,
-  notifications: arrayOf(object)
-};
-export default /*#__PURE__*/memo(Notifications);
+import React,{memo}from"react";import{arrayOf,object}from"prop-types";import NotificationsNoneIcon from"@material-ui/icons/NotificationsNone";import{isEmpty}from"@widergy/web-utils/lib/array";import{classType,iconType}from"../../types.js";import styles from"./styles.module.scss";const Notifications=o=>{let{classes:t,IconActive:i=NotificationsNoneIcon,IconInactive:c=NotificationsNoneIcon,notifications:s=[]}=o;const e=isEmpty(s)?i:c;return React.createElement(e,{className:"".concat(styles.notificationsIcon," ").concat(t.notificationsIcon)})};Notifications.propTypes={classes:classType,IconActive:iconType,IconInactive:iconType,notifications:arrayOf(object)};export default memo(Notifications);

package/dist/esm/components/UTTopbar/components/UserMenu/index.js

@@ -1,51 +1 @@
-import React, { memo, Fragment } from 'react';
-import { bool, func, node, string } from 'prop-types';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import UTLabel from '../../../UTLabel';
-import { classType, avatarType, iconType } from '../../types.js';
-import styles from './styles.module.scss';
-const UserMenu = _ref => {
-  let {
-    Arrow,
-    avatar,
-    classes,
-    dataTestId,
-    handleClick,
-    justAvatar,
-    MenuComponent,
-    menuOpened,
-    subtitle,
-    title
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    dataTestId: dataTestId,
-    onClick: handleClick,
-    className: "".concat(justAvatar ? styles.justAvatarUserMenu : styles.userMenu, " ").concat(classes.userMenu, " ").concat(!handleClick && styles.disableMenu)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.userMenuAvatar, " ").concat(classes.userMenuAvatar)
-  }, avatar), !justAvatar && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: styles.labelWithArrow
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(classes.userMenuTitle, " ").concat(styles.userMenuTitle),
-    withMarkdown: true
-  }, title), handleClick && MenuComponent && /*#__PURE__*/React.createElement(Arrow, {
-    className: "\n                ".concat(classes.userMenuArrow, "\n                ").concat(styles.userMenuArrow, "\n                ").concat(!!menuOpened && styles.opened, "\n              ")
-  })), subtitle)), MenuComponent);
-};
-UserMenu.propTypes = {
-  Arrow: iconType,
-  avatar: avatarType,
-  classes: classType,
-  dataTestId: string,
-  handleClick: func,
-  justAvatar: bool,
-  MenuComponent: node,
-  menuOpened: bool,
-  subtitle: node,
-  title: string
-};
-UserMenu.defaultProps = {
-  Arrow: ExpandMoreIcon
-};
-export default /*#__PURE__*/memo(UserMenu);
+import React,{memo,Fragment}from"react";import{bool,func,node,string}from"prop-types";import ExpandMoreIcon from"@material-ui/icons/ExpandMore";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import UTLabel from"../../../UTLabel";import{classType,avatarType,iconType}from"../../types.js";import styles from"./styles.module.scss";const UserMenu=e=>{let{Arrow:t,avatar:a,classes:s,dataTestId:n,handleClick:r,justAvatar:o,MenuComponent:c,menuOpened:l,subtitle:u,title:m}=e;return React.createElement(Fragment,null,React.createElement(UTTouchableWithoutFeedback,{dataTestId:n,onClick:r,className:"".concat(o?styles.justAvatarUserMenu:styles.userMenu," ").concat(s.userMenu," ").concat(!r&&styles.disableMenu)},React.createElement("span",{className:"".concat(styles.userMenuAvatar," ").concat(s.userMenuAvatar)},a),!o&&React.createElement("div",null,React.createElement("div",{className:styles.labelWithArrow},React.createElement(UTLabel,{className:"".concat(s.userMenuTitle," ").concat(styles.userMenuTitle),withMarkdown:!0},m),r&&c&&React.createElement(t,{className:"\n                ".concat(s.userMenuArrow,"\n                ").concat(styles.userMenuArrow,"\n                ").concat(!!l&&styles.opened,"\n              ")})),u)),c)};UserMenu.propTypes={Arrow:iconType,avatar:avatarType,classes:classType,dataTestId:string,handleClick:func,justAvatar:bool,MenuComponent:node,menuOpened:bool,subtitle:node,title:string},UserMenu.defaultProps={Arrow:ExpandMoreIcon};export default memo(UserMenu);

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

@@ -1,112 +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, { useMemo } from 'react';
-import { array, bool, func, node, string, oneOfType, arrayOf, shape, object } from 'prop-types';
-import MenuIcon from '@material-ui/icons/Menu';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import UTLabel from '../UTLabel';
-import UTBreadcrumbs from '../UTBreadcrumbs';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import UserMenu from './components/UserMenu';
-import Notifications from './components/Notifications';
-import { retrieveStyle } from './theme';
-import { classType, iconType, avatarType } from './types.js';
-import styles from './styles.module.scss';
-const UTTopbar = _ref => {
-  let {
-    Arrow,
-    avatar,
-    breadcrumbs,
-    breadcrumbsProps,
-    children,
-    classes: themeClasses,
-    classNames,
-    enableNotifications = false,
-    handleClick,
-    handleMenu,
-    isMobileOrTablet = false,
-    isMobileSize,
-    justAvatar,
-    MenuComponent,
-    menuOpened,
-    notificationIconActive,
-    notificationIconInactive,
-    separator = '/',
-    title,
-    titleProps,
-    userMenuDataTestId,
-    userSubtitle,
-    userTitle,
-    UTMenu
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const showSideBarMenu = handleMenu && (isMobileSize || isMobileOrTablet);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(showSideBarMenu && styles.containerWithMenu, " ").concat(classes.container)
-  }, showSideBarMenu && /*#__PURE__*/React.createElement(MenuIcon, {
-    onClick: handleMenu,
-    className: classes.menuIcon
-  }), isEmpty(breadcrumbs) ? /*#__PURE__*/React.createElement(UTLabel, _extends({
-    className: "".concat(isMobileSize && styles.mobileTitle)
-  }, titleProps), title) : isMobileSize ? /*#__PURE__*/React.createElement("div", {
-    className: styles.showLastBreadcrumbContainer
-  }, breadcrumbs.length > 1 && UTMenu, breadcrumbs.length > 1 && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.separator,
-    variant: "small",
-    weight: "medium",
-    colorTheme: "gray"
-  }, separator), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.lastBreadcrumb,
-    colorTheme: "gray",
-    weight: "medium"
-  }, breadcrumbs[breadcrumbs.length - 1].label)) : /*#__PURE__*/React.createElement(UTBreadcrumbs, _extends({
-    breadcrumbs: breadcrumbs
-  }, breadcrumbsProps)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.rightSection, " ").concat(showSideBarMenu && styles.rightSectionWithMenu)
-  }, children, enableNotifications && /*#__PURE__*/React.createElement(Notifications, {
-    classes: classes,
-    IconActive: notificationIconActive,
-    IconInactive: notificationIconInactive,
-    notifications: []
-  }), /*#__PURE__*/React.createElement(UserMenu, {
-    Arrow: Arrow,
-    avatar: avatar,
-    classes: classes,
-    dataTestId: userMenuDataTestId,
-    handleClick: handleClick,
-    justAvatar: justAvatar,
-    MenuComponent: MenuComponent,
-    menuOpened: menuOpened,
-    subtitle: userSubtitle,
-    title: userTitle
-  })));
-};
-UTTopbar.propTypes = {
-  Arrow: iconType,
-  avatar: avatarType,
-  breadcrumbs: array,
-  breadcrumbsProps: object,
-  classes: classType,
-  classNames: classType,
-  enableNotifications: bool,
-  handleClick: func,
-  handleMenu: func,
-  isMobileOrTablet: bool,
-  isMobileSize: bool,
-  justAvatar: bool,
-  MenuComponent: node,
-  menuOpened: bool,
-  notificationIconActive: iconType,
-  notificationIconInactive: iconType,
-  title: oneOfType([string, arrayOf(shape({
-    label: string,
-    route: string
-  }))]),
-  titleProps: object,
-  userMenuDataTestId: string,
-  userSubtitle: node,
-  userTitle: string,
-  UTMenu: node,
-  separator: string
-};
-export default WithTheme(retrieveStyle)(UTTopbar);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}import React,{useMemo}from"react";import{array,bool,func,node,string,oneOfType,arrayOf,shape,object}from"prop-types";import MenuIcon from"@material-ui/icons/Menu";import{isEmpty}from"@widergy/web-utils/lib/array";import UTLabel from"../UTLabel";import UTBreadcrumbs from"../UTBreadcrumbs";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import UserMenu from"./components/UserMenu";import Notifications from"./components/Notifications";import{retrieveStyle}from"./theme";import{classType,iconType,avatarType}from"./types.js";import styles from"./styles.module.scss";const UTTopbar=e=>{let{Arrow:t,avatar:a,breadcrumbs:s,breadcrumbsProps:r,children:n,classes:o,classNames:i,enableNotifications:c=!1,handleClick:l,handleMenu:m,isMobileOrTablet:u=!1,isMobileSize:p,justAvatar:b,MenuComponent:d,menuOpened:T,notificationIconActive:y,notificationIconInactive:f,separator:h="/",title:v,titleProps:M,userMenuDataTestId:g,userSubtitle:U,userTitle:I,UTMenu:N}=e;const E=useMemo(()=>mergeClasses(o,i),[i]),O=m&&(p||u);return React.createElement("div",{className:"".concat(styles.container," ").concat(O&&styles.containerWithMenu," ").concat(E.container)},O&&React.createElement(MenuIcon,{onClick:m,className:E.menuIcon}),isEmpty(s)?React.createElement(UTLabel,_extends({className:"".concat(p&&styles.mobileTitle)},M),v):p?React.createElement("div",{className:styles.showLastBreadcrumbContainer},s.length>1&&N,s.length>1&&React.createElement(UTLabel,{className:styles.separator,variant:"small",weight:"medium",colorTheme:"gray"},h),React.createElement(UTLabel,{className:styles.lastBreadcrumb,colorTheme:"gray",weight:"medium"},s[s.length-1].label)):React.createElement(UTBreadcrumbs,_extends({breadcrumbs:s},r)),React.createElement("div",{className:"".concat(styles.rightSection," ").concat(O&&styles.rightSectionWithMenu)},n,c&&React.createElement(Notifications,{classes:E,IconActive:y,IconInactive:f,notifications:[]}),React.createElement(UserMenu,{Arrow:t,avatar:a,classes:E,dataTestId:g,handleClick:l,justAvatar:b,MenuComponent:d,menuOpened:T,subtitle:U,title:I})))};UTTopbar.propTypes={Arrow:iconType,avatar:avatarType,breadcrumbs:array,breadcrumbsProps:object,classes:classType,classNames:classType,enableNotifications:bool,handleClick:func,handleMenu:func,isMobileOrTablet:bool,isMobileSize:bool,justAvatar:bool,MenuComponent:node,menuOpened:bool,notificationIconActive:iconType,notificationIconInactive:iconType,title:oneOfType([string,arrayOf(shape({label:string,route:string}))]),titleProps:object,userMenuDataTestId:string,userSubtitle:node,userTitle:string,UTMenu:node,separator:string};export default WithTheme(retrieveStyle)(UTTopbar);

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

@@ -1,69 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTTopbar, _theme$UTTopbar2, _theme$UTTopbar3, _theme$UTTopbar4, _theme$UTTopbar5, _theme$UTTopbar6, _theme$UTTopbar7, _theme$UTTopbar8, _theme$UTTopbar9, _theme$UTTopbar0, _theme$UTTopbar1, _theme$UTTopbar10, _theme$UTTopbar11, _theme$UTTopbar12, _theme$UTTopbar13, _theme$UTTopbar14, _theme$UTTopbar15, _theme$UTTopbar16, _theme$UTTopbar17, _theme$UTTopbar18, _theme$UTTopbar19, _theme$UTTopbar20, _theme$UTTopbar21, _theme$UTTopbar22, _theme$UTTopbar23, _theme$UTTopbar24, _theme$UTTopbar25, _theme$UTTopbar26, _theme$UTTopbar27, _theme$UTTopbar28, _theme$UTTopbar29, _theme$UTTopbar30, _theme$UTTopbar31, _theme$UTTopbar32, _theme$UTTopbar33, _theme$UTTopbar34, _theme$UTTopbar35, _theme$UTTopbar36, _theme$UTTopbar37, _theme$UTTopbar38;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      background: (theme === null || theme === void 0 || (_theme$UTTopbar = theme.UTTopbar) === null || _theme$UTTopbar === void 0 || (_theme$UTTopbar = _theme$UTTopbar.container) === null || _theme$UTTopbar === void 0 ? void 0 : _theme$UTTopbar.background) || Colors.white,
-      borderBottom: theme === null || theme === void 0 || (_theme$UTTopbar2 = theme.UTTopbar) === null || _theme$UTTopbar2 === void 0 || (_theme$UTTopbar2 = _theme$UTTopbar2.container) === null || _theme$UTTopbar2 === void 0 ? void 0 : _theme$UTTopbar2.borderBottom,
-      height: theme === null || theme === void 0 || (_theme$UTTopbar3 = theme.UTTopbar) === null || _theme$UTTopbar3 === void 0 || (_theme$UTTopbar3 = _theme$UTTopbar3.container) === null || _theme$UTTopbar3 === void 0 ? void 0 : _theme$UTTopbar3.height,
-      padding: (theme === null || theme === void 0 || (_theme$UTTopbar4 = theme.UTTopbar) === null || _theme$UTTopbar4 === void 0 || (_theme$UTTopbar4 = _theme$UTTopbar4.container) === null || _theme$UTTopbar4 === void 0 ? void 0 : _theme$UTTopbar4.padding) || '10px 20px',
-      position: theme === null || theme === void 0 || (_theme$UTTopbar5 = theme.UTTopbar) === null || _theme$UTTopbar5 === void 0 || (_theme$UTTopbar5 = _theme$UTTopbar5.container) === null || _theme$UTTopbar5 === void 0 ? void 0 : _theme$UTTopbar5.position,
-      top: theme === null || theme === void 0 || (_theme$UTTopbar6 = theme.UTTopbar) === null || _theme$UTTopbar6 === void 0 || (_theme$UTTopbar6 = _theme$UTTopbar6.container) === null || _theme$UTTopbar6 === void 0 ? void 0 : _theme$UTTopbar6.top,
-      zIndex: theme === null || theme === void 0 || (_theme$UTTopbar7 = theme.UTTopbar) === null || _theme$UTTopbar7 === void 0 || (_theme$UTTopbar7 = _theme$UTTopbar7.container) === null || _theme$UTTopbar7 === void 0 ? void 0 : _theme$UTTopbar7.zIndex
-    },
-    breadCrumb: {
-      '&:hover': {
-        backgroundColor: theme === null || theme === void 0 || (_theme$UTTopbar8 = theme.UTTopbar) === null || _theme$UTTopbar8 === void 0 || (_theme$UTTopbar8 = _theme$UTTopbar8.breadCrumb) === null || _theme$UTTopbar8 === void 0 || (_theme$UTTopbar8 = _theme$UTTopbar8.hover) === null || _theme$UTTopbar8 === void 0 ? void 0 : _theme$UTTopbar8.backgroundColor,
-        textDecoration: theme === null || theme === void 0 || (_theme$UTTopbar9 = theme.UTTopbar) === null || _theme$UTTopbar9 === void 0 || (_theme$UTTopbar9 = _theme$UTTopbar9.breadCrumb) === null || _theme$UTTopbar9 === void 0 || (_theme$UTTopbar9 = _theme$UTTopbar9.hover) === null || _theme$UTTopbar9 === void 0 ? void 0 : _theme$UTTopbar9.textDecoration,
-        cursor: theme === null || theme === void 0 || (_theme$UTTopbar0 = theme.UTTopbar) === null || _theme$UTTopbar0 === void 0 || (_theme$UTTopbar0 = _theme$UTTopbar0.breadCrumb) === null || _theme$UTTopbar0 === void 0 || (_theme$UTTopbar0 = _theme$UTTopbar0.hover) === null || _theme$UTTopbar0 === void 0 ? void 0 : _theme$UTTopbar0.cursor
-      }
-    },
-    userMenu: {
-      borderLeft: theme === null || theme === void 0 || (_theme$UTTopbar1 = theme.UTTopbar) === null || _theme$UTTopbar1 === void 0 || (_theme$UTTopbar1 = _theme$UTTopbar1.userMenu) === null || _theme$UTTopbar1 === void 0 ? void 0 : _theme$UTTopbar1.borderLeft,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar10 = theme.UTTopbar) === null || _theme$UTTopbar10 === void 0 || (_theme$UTTopbar10 = _theme$UTTopbar10.userMenu) === null || _theme$UTTopbar10 === void 0 ? void 0 : _theme$UTTopbar10.margin) || '0 0 0 20px',
-      minWidth: theme === null || theme === void 0 || (_theme$UTTopbar11 = theme.UTTopbar) === null || _theme$UTTopbar11 === void 0 || (_theme$UTTopbar11 = _theme$UTTopbar11.userMenu) === null || _theme$UTTopbar11 === void 0 ? void 0 : _theme$UTTopbar11.minWidth,
-      padding: (theme === null || theme === void 0 || (_theme$UTTopbar12 = theme.UTTopbar) === null || _theme$UTTopbar12 === void 0 || (_theme$UTTopbar12 = _theme$UTTopbar12.userMenu) === null || _theme$UTTopbar12 === void 0 ? void 0 : _theme$UTTopbar12.padding) || '0 0 0 20px',
-      justifyContent: theme === null || theme === void 0 || (_theme$UTTopbar13 = theme.UTTopbar) === null || _theme$UTTopbar13 === void 0 || (_theme$UTTopbar13 = _theme$UTTopbar13.userMenu) === null || _theme$UTTopbar13 === void 0 ? void 0 : _theme$UTTopbar13.justifyContent
-    },
-    userMenuAvatar: {
-      background: theme === null || theme === void 0 || (_theme$UTTopbar14 = theme.UTTopbar) === null || _theme$UTTopbar14 === void 0 || (_theme$UTTopbar14 = _theme$UTTopbar14.userMenuAvatar) === null || _theme$UTTopbar14 === void 0 ? void 0 : _theme$UTTopbar14.background,
-      border: theme === null || theme === void 0 || (_theme$UTTopbar15 = theme.UTTopbar) === null || _theme$UTTopbar15 === void 0 || (_theme$UTTopbar15 = _theme$UTTopbar15.userMenuAvatar) === null || _theme$UTTopbar15 === void 0 ? void 0 : _theme$UTTopbar15.border,
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTTopbar16 = theme.UTTopbar) === null || _theme$UTTopbar16 === void 0 || (_theme$UTTopbar16 = _theme$UTTopbar16.userMenuAvatar) === null || _theme$UTTopbar16 === void 0 ? void 0 : _theme$UTTopbar16.borderRadius) || '50%',
-      color: theme === null || theme === void 0 || (_theme$UTTopbar17 = theme.UTTopbar) === null || _theme$UTTopbar17 === void 0 || (_theme$UTTopbar17 = _theme$UTTopbar17.userMenuAvatar) === null || _theme$UTTopbar17 === void 0 ? void 0 : _theme$UTTopbar17.color,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar18 = theme.UTTopbar) === null || _theme$UTTopbar18 === void 0 || (_theme$UTTopbar18 = _theme$UTTopbar18.userMenuAvatar) === null || _theme$UTTopbar18 === void 0 ? void 0 : _theme$UTTopbar18.fontSize) || 24,
-      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar19 = theme.UTTopbar) === null || _theme$UTTopbar19 === void 0 || (_theme$UTTopbar19 = _theme$UTTopbar19.userMenuAvatar) === null || _theme$UTTopbar19 === void 0 ? void 0 : _theme$UTTopbar19.fontWeight) || 500,
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar20 = theme.UTTopbar) === null || _theme$UTTopbar20 === void 0 || (_theme$UTTopbar20 = _theme$UTTopbar20.userMenuAvatar) === null || _theme$UTTopbar20 === void 0 ? void 0 : _theme$UTTopbar20.height) || 40,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar21 = theme.UTTopbar) === null || _theme$UTTopbar21 === void 0 || (_theme$UTTopbar21 = _theme$UTTopbar21.userMenuAvatar) === null || _theme$UTTopbar21 === void 0 ? void 0 : _theme$UTTopbar21.margin) || '0 10px 0 0',
-      width: (theme === null || theme === void 0 || (_theme$UTTopbar22 = theme.UTTopbar) === null || _theme$UTTopbar22 === void 0 || (_theme$UTTopbar22 = _theme$UTTopbar22.userMenuAvatar) === null || _theme$UTTopbar22 === void 0 ? void 0 : _theme$UTTopbar22.width) || 40
-    },
-    userMenuArrow: {
-      alignSelf: theme === null || theme === void 0 || (_theme$UTTopbar23 = theme.UTTopbar) === null || _theme$UTTopbar23 === void 0 || (_theme$UTTopbar23 = _theme$UTTopbar23.userMenuArrow) === null || _theme$UTTopbar23 === void 0 ? void 0 : _theme$UTTopbar23.alignSelf,
-      color: theme === null || theme === void 0 || (_theme$UTTopbar24 = theme.UTTopbar) === null || _theme$UTTopbar24 === void 0 || (_theme$UTTopbar24 = _theme$UTTopbar24.userMenuArrow) === null || _theme$UTTopbar24 === void 0 ? void 0 : _theme$UTTopbar24.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar25 = theme.UTTopbar) === null || _theme$UTTopbar25 === void 0 || (_theme$UTTopbar25 = _theme$UTTopbar25.userMenuArrow) === null || _theme$UTTopbar25 === void 0 ? void 0 : _theme$UTTopbar25.fontSize,
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar26 = theme.UTTopbar) === null || _theme$UTTopbar26 === void 0 || (_theme$UTTopbar26 = _theme$UTTopbar26.userMenuArrow) === null || _theme$UTTopbar26 === void 0 ? void 0 : _theme$UTTopbar26.height) || 20,
-      margin: (theme === null || theme === void 0 || (_theme$UTTopbar27 = theme.UTTopbar) === null || _theme$UTTopbar27 === void 0 || (_theme$UTTopbar27 = _theme$UTTopbar27.userMenuArrow) === null || _theme$UTTopbar27 === void 0 ? void 0 : _theme$UTTopbar27.margin) || '0 0 0 6px',
-      width: (theme === null || theme === void 0 || (_theme$UTTopbar28 = theme.UTTopbar) === null || _theme$UTTopbar28 === void 0 || (_theme$UTTopbar28 = _theme$UTTopbar28.userMenuArrow) === null || _theme$UTTopbar28 === void 0 ? void 0 : _theme$UTTopbar28.width) || 'auto'
-    },
-    userMenuTitle: {
-      color: theme === null || theme === void 0 || (_theme$UTTopbar29 = theme.UTTopbar) === null || _theme$UTTopbar29 === void 0 || (_theme$UTTopbar29 = _theme$UTTopbar29.userMenuTitle) === null || _theme$UTTopbar29 === void 0 ? void 0 : _theme$UTTopbar29.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTTopbar30 = theme.UTTopbar) === null || _theme$UTTopbar30 === void 0 || (_theme$UTTopbar30 = _theme$UTTopbar30.userMenuTitle) === null || _theme$UTTopbar30 === void 0 ? void 0 : _theme$UTTopbar30.fontSize,
-      fontWeight: (theme === null || theme === void 0 || (_theme$UTTopbar31 = theme.UTTopbar) === null || _theme$UTTopbar31 === void 0 || (_theme$UTTopbar31 = _theme$UTTopbar31.userMenuTitle) === null || _theme$UTTopbar31 === void 0 ? void 0 : _theme$UTTopbar31.fontWeight) || 500,
-      margin: theme === null || theme === void 0 || (_theme$UTTopbar32 = theme.UTTopbar) === null || _theme$UTTopbar32 === void 0 || (_theme$UTTopbar32 = _theme$UTTopbar32.userMenuTitle) === null || _theme$UTTopbar32 === void 0 ? void 0 : _theme$UTTopbar32.margin
-    },
-    notifications: {
-      padding: (theme === null || theme === void 0 || (_theme$UTTopbar33 = theme.UTTopbar) === null || _theme$UTTopbar33 === void 0 || (_theme$UTTopbar33 = _theme$UTTopbar33.notifications) === null || _theme$UTTopbar33 === void 0 ? void 0 : _theme$UTTopbar33.padding) || '0 20px'
-    },
-    notificationsIcon: {
-      height: (theme === null || theme === void 0 || (_theme$UTTopbar34 = theme.UTTopbar) === null || _theme$UTTopbar34 === void 0 || (_theme$UTTopbar34 = _theme$UTTopbar34.notificationsIcon) === null || _theme$UTTopbar34 === void 0 ? void 0 : _theme$UTTopbar34.height) || 32,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar35 = theme.UTTopbar) === null || _theme$UTTopbar35 === void 0 || (_theme$UTTopbar35 = _theme$UTTopbar35.notificationsIcon) === null || _theme$UTTopbar35 === void 0 ? void 0 : _theme$UTTopbar35.fontSize) || 30,
-      padding: theme === null || theme === void 0 || (_theme$UTTopbar36 = theme.UTTopbar) === null || _theme$UTTopbar36 === void 0 || (_theme$UTTopbar36 = _theme$UTTopbar36.notificationsIcon) === null || _theme$UTTopbar36 === void 0 ? void 0 : _theme$UTTopbar36.padding
-    },
-    menuIcon: {
-      color: theme === null || theme === void 0 || (_theme$UTTopbar37 = theme.UTTopbar) === null || _theme$UTTopbar37 === void 0 || (_theme$UTTopbar37 = _theme$UTTopbar37.menuIcon) === null || _theme$UTTopbar37 === void 0 ? void 0 : _theme$UTTopbar37.color,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTopbar38 = theme.UTTopbar) === null || _theme$UTTopbar38 === void 0 || (_theme$UTTopbar38 = _theme$UTTopbar38.menuIcon) === null || _theme$UTTopbar38 === void 0 ? void 0 : _theme$UTTopbar38.fontSize) || 25
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=o=>{var l,n,i,u,r,d,v,e,a,t,T,b,p,s,c,U,g,h,M,f,m,A,S,w,x,z,C,I,k,W,y,j,B,D,L,R,q,E,F,G;let{theme:H}=o;return{container:{background:(null==H||null===(l=H.UTTopbar)||void 0===l||null===(l=l.container)||void 0===l?void 0:l.background)||Colors.white,borderBottom:null==H||null===(n=H.UTTopbar)||void 0===n||null===(n=n.container)||void 0===n?void 0:n.borderBottom,height:null==H||null===(i=H.UTTopbar)||void 0===i||null===(i=i.container)||void 0===i?void 0:i.height,padding:(null==H||null===(u=H.UTTopbar)||void 0===u||null===(u=u.container)||void 0===u?void 0:u.padding)||"10px 20px",position:null==H||null===(r=H.UTTopbar)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.position,top:null==H||null===(d=H.UTTopbar)||void 0===d||null===(d=d.container)||void 0===d?void 0:d.top,zIndex:null==H||null===(v=H.UTTopbar)||void 0===v||null===(v=v.container)||void 0===v?void 0:v.zIndex},breadCrumb:{"&:hover":{backgroundColor:null==H||null===(e=H.UTTopbar)||void 0===e||null===(e=e.breadCrumb)||void 0===e||null===(e=e.hover)||void 0===e?void 0:e.backgroundColor,textDecoration:null==H||null===(a=H.UTTopbar)||void 0===a||null===(a=a.breadCrumb)||void 0===a||null===(a=a.hover)||void 0===a?void 0:a.textDecoration,cursor:null==H||null===(t=H.UTTopbar)||void 0===t||null===(t=t.breadCrumb)||void 0===t||null===(t=t.hover)||void 0===t?void 0:t.cursor}},userMenu:{borderLeft:null==H||null===(T=H.UTTopbar)||void 0===T||null===(T=T.userMenu)||void 0===T?void 0:T.borderLeft,margin:(null==H||null===(b=H.UTTopbar)||void 0===b||null===(b=b.userMenu)||void 0===b?void 0:b.margin)||"0 0 0 20px",minWidth:null==H||null===(p=H.UTTopbar)||void 0===p||null===(p=p.userMenu)||void 0===p?void 0:p.minWidth,padding:(null==H||null===(s=H.UTTopbar)||void 0===s||null===(s=s.userMenu)||void 0===s?void 0:s.padding)||"0 0 0 20px",justifyContent:null==H||null===(c=H.UTTopbar)||void 0===c||null===(c=c.userMenu)||void 0===c?void 0:c.justifyContent},userMenuAvatar:{background:null==H||null===(U=H.UTTopbar)||void 0===U||null===(U=U.userMenuAvatar)||void 0===U?void 0:U.background,border:null==H||null===(g=H.UTTopbar)||void 0===g||null===(g=g.userMenuAvatar)||void 0===g?void 0:g.border,borderRadius:(null==H||null===(h=H.UTTopbar)||void 0===h||null===(h=h.userMenuAvatar)||void 0===h?void 0:h.borderRadius)||"50%",color:null==H||null===(M=H.UTTopbar)||void 0===M||null===(M=M.userMenuAvatar)||void 0===M?void 0:M.color,fontSize:(null==H||null===(f=H.UTTopbar)||void 0===f||null===(f=f.userMenuAvatar)||void 0===f?void 0:f.fontSize)||24,fontWeight:(null==H||null===(m=H.UTTopbar)||void 0===m||null===(m=m.userMenuAvatar)||void 0===m?void 0:m.fontWeight)||500,height:(null==H||null===(A=H.UTTopbar)||void 0===A||null===(A=A.userMenuAvatar)||void 0===A?void 0:A.height)||40,margin:(null==H||null===(S=H.UTTopbar)||void 0===S||null===(S=S.userMenuAvatar)||void 0===S?void 0:S.margin)||"0 10px 0 0",width:(null==H||null===(w=H.UTTopbar)||void 0===w||null===(w=w.userMenuAvatar)||void 0===w?void 0:w.width)||40},userMenuArrow:{alignSelf:null==H||null===(x=H.UTTopbar)||void 0===x||null===(x=x.userMenuArrow)||void 0===x?void 0:x.alignSelf,color:null==H||null===(z=H.UTTopbar)||void 0===z||null===(z=z.userMenuArrow)||void 0===z?void 0:z.color,fontSize:null==H||null===(C=H.UTTopbar)||void 0===C||null===(C=C.userMenuArrow)||void 0===C?void 0:C.fontSize,height:(null==H||null===(I=H.UTTopbar)||void 0===I||null===(I=I.userMenuArrow)||void 0===I?void 0:I.height)||20,margin:(null==H||null===(k=H.UTTopbar)||void 0===k||null===(k=k.userMenuArrow)||void 0===k?void 0:k.margin)||"0 0 0 6px",width:(null==H||null===(W=H.UTTopbar)||void 0===W||null===(W=W.userMenuArrow)||void 0===W?void 0:W.width)||"auto"},userMenuTitle:{color:null==H||null===(y=H.UTTopbar)||void 0===y||null===(y=y.userMenuTitle)||void 0===y?void 0:y.color,fontSize:null==H||null===(j=H.UTTopbar)||void 0===j||null===(j=j.userMenuTitle)||void 0===j?void 0:j.fontSize,fontWeight:(null==H||null===(B=H.UTTopbar)||void 0===B||null===(B=B.userMenuTitle)||void 0===B?void 0:B.fontWeight)||500,margin:null==H||null===(D=H.UTTopbar)||void 0===D||null===(D=D.userMenuTitle)||void 0===D?void 0:D.margin},notifications:{padding:(null==H||null===(L=H.UTTopbar)||void 0===L||null===(L=L.notifications)||void 0===L?void 0:L.padding)||"0 20px"},notificationsIcon:{height:(null==H||null===(R=H.UTTopbar)||void 0===R||null===(R=R.notificationsIcon)||void 0===R?void 0:R.height)||32,fontSize:(null==H||null===(q=H.UTTopbar)||void 0===q||null===(q=q.notificationsIcon)||void 0===q?void 0:q.fontSize)||30,padding:null==H||null===(E=H.UTTopbar)||void 0===E||null===(E=E.notificationsIcon)||void 0===E?void 0:E.padding},menuIcon:{color:null==H||null===(F=H.UTTopbar)||void 0===F||null===(F=F.menuIcon)||void 0===F?void 0:F.color,fontSize:(null==H||null===(G=H.UTTopbar)||void 0===G||null===(G=G.menuIcon)||void 0===G?void 0:G.fontSize)||25}}};