@widergy/energy-ui 3.172.2 → 3.172.3

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=_ref=>{let{action:action,actions:titleActions,actionDataTestId:actionDataTestId,alwaysShowPlaceholder:alwaysShowPlaceholder,autocomplete:autocomplete,classNames:classNames={},dataTestId:dataTestId,disabled:disabled,error:error,helpText:helpText,helperTextDataTestId:helperTextDataTestId,id:id,inputRef:inputRef,inputSize:inputSize,labelDataTestId:labelDataTestId,LeftIcon:LeftIcon,maxLength:maxLength,maxRows:maxRows=1,minRows:minRows,name:name,onBlur:onBlur,onChange:onChange=()=>{},onFocus:onFocus,onKeyDown:onKeyDown=()=>{},placeholder:placeholder,prefix:prefix,readOnly:readOnly,required:required,RightIcon:RightIcon,showCharacterCount:showCharacterCount,suffix:suffix,title:title,titleVariant:titleVariant="large",tooltip:tooltip,tooltipContentDataTestId:tooltipContentDataTestId,tooltipIconDataTestId:tooltipIconDataTestId,type:type,validationDataTestId:validationDataTestId,validations:validations,value:value=null}=_ref;const validationData=useMemo(()=>isEmpty(validations)?error&&formatErrorToValidation(error):validations,[error,validations]),leftAdornments=useMemo(()=>{const adornments=[];return LeftIcon&&adornments.push({name:COMPONENT_KEYS.ICON,props:{Icon:LeftIcon}}),prefix&&adornments.push({name:COMPONENT_KEYS.PREFIX,props:{text:prefix}}),adornments},[LeftIcon,prefix]),rightAdornments=useMemo(()=>{const adornments=[];return suffix&&adornments.push({name:COMPONENT_KEYS.SUFFIX,props:{text:suffix}}),(RightIcon||error)&&adornments.push({name:COMPONENT_KEYS.ICON,props:{Icon:RightIcon,changeOnError:!0}}),action&&adornments.push({name:COMPONENT_KEYS.ACTION,props:{action:action,dataTestId:actionDataTestId}}),tooltip&&adornments.push({name:COMPONENT_KEYS.TOOLTIP,props:{contentDataTestId:tooltipContentDataTestId,dataTestId:tooltipIconDataTestId,tooltip:tooltip}}),adornments},[suffix,RightIcon,error,action,tooltip]);return React.createElement("div",{className:"".concat(styles.container," ").concat(classNames.container)},title&&React.createElement(UTFieldLabel,{actions:titleActions,dataTestId:labelDataTestId,readOnly:readOnly,required:required,size:titleVariant},title),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&&React.createElement(UTLabel,{className:styles.textHelp,colorTheme:"gray",dataTestId:helperTextDataTestId,variant:"small",withMarkdown:!0},helpText),validationData&&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;

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=_ref=>{let{disabledCallback:disabledCallback,enabledCallback:enabledCallback,iframeSrc:iframeSrc,iframeTitle:iframeTitle}=_ref;const iframeRef=useRef(null),handleCallback=event=>"MM:3PCsupported"===event.data&&enabledCallback?enabledCallback():"MM:3PCunsupported"===event.data&&disabledCallback?disabledCallback():()=>{};return useEffect(()=>(window.addEventListener("message",handleCallback,!1),iframeRef.current.src=iframeSrc||DEFAULT_IFRAME_SRC,()=>window.removeEventListener("message",handleCallback,!1)),[]),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 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(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:arrow=!0,children:children,classes:themeStyles,className:className,content:content,dataTestId:dataTestId,duration:duration=[600,350],forceArrow:forceArrow,hideOnClick:hideOnClick=!1,inertia:inertia=!0,interactive:interactive=!0,stringContentClassName:stringContentClassName,stringContentProps:stringContentProps,tippyProps:tippyProps}=_ref;const theme=useMemo(()=>mergeClasses(themeStyles,{container:className,stringContent:stringContentClassName}),[className,stringContentClassName]);return content?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:React.isValidElement(content)?content:React.createElement(UTLabel,_extends({className:"".concat(styles.baseContent," ").concat(stringContentClassName),colorTheme:"light",dataTestId:dataTestId,variant:"xsmall",withMarkdown:!0},stringContentProps),content)}),children):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);

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=_ref=>{var _theme$UTTooltip,_theme$UTTooltip2,_theme$UTTooltip3,_theme$UTTooltip4,_theme$UTTooltip5,_theme$UTTooltip6,_theme$UTTooltip7,_theme$UTTooltip8,_theme$UTTooltip9,_theme$UTTooltip0;let{theme:theme}=_ref;return{container:{backgroundColor:null==theme||null===(_theme$UTTooltip=theme.UTTooltip)||void 0===_theme$UTTooltip||null===(_theme$UTTooltip=_theme$UTTooltip.container)||void 0===_theme$UTTooltip?void 0:_theme$UTTooltip.backgroundColor,borderRadius:null==theme||null===(_theme$UTTooltip2=theme.UTTooltip)||void 0===_theme$UTTooltip2||null===(_theme$UTTooltip2=_theme$UTTooltip2.container)||void 0===_theme$UTTooltip2?void 0:_theme$UTTooltip2.borderRadius,boxShadow:null==theme||null===(_theme$UTTooltip3=theme.UTTooltip)||void 0===_theme$UTTooltip3||null===(_theme$UTTooltip3=_theme$UTTooltip3.container)||void 0===_theme$UTTooltip3?void 0:_theme$UTTooltip3.boxShadow,fontSize:null==theme||null===(_theme$UTTooltip4=theme.UTTooltip)||void 0===_theme$UTTooltip4||null===(_theme$UTTooltip4=_theme$UTTooltip4.container)||void 0===_theme$UTTooltip4?void 0:_theme$UTTooltip4.fontSize,padding:null==theme||null===(_theme$UTTooltip5=theme.UTTooltip)||void 0===_theme$UTTooltip5||null===(_theme$UTTooltip5=_theme$UTTooltip5.container)||void 0===_theme$UTTooltip5?void 0:_theme$UTTooltip5.padding,"& > .tippy-arrow":{display:null==theme||null===(_theme$UTTooltip6=theme.UTTooltip)||void 0===_theme$UTTooltip6||null===(_theme$UTTooltip6=_theme$UTTooltip6.arrow)||void 0===_theme$UTTooltip6?void 0:_theme$UTTooltip6.display}},stringContent:{fontSize:null==theme||null===(_theme$UTTooltip7=theme.UTTooltip)||void 0===_theme$UTTooltip7||null===(_theme$UTTooltip7=_theme$UTTooltip7.stringContent)||void 0===_theme$UTTooltip7?void 0:_theme$UTTooltip7.fontSize,fontWeight:null==theme||null===(_theme$UTTooltip8=theme.UTTooltip)||void 0===_theme$UTTooltip8||null===(_theme$UTTooltip8=_theme$UTTooltip8.stringContent)||void 0===_theme$UTTooltip8?void 0:_theme$UTTooltip8.fontWeight,lineHeight:null==theme||null===(_theme$UTTooltip9=theme.UTTooltip)||void 0===_theme$UTTooltip9||null===(_theme$UTTooltip9=_theme$UTTooltip9.stringContent)||void 0===_theme$UTTooltip9?void 0:_theme$UTTooltip9.lineHeight,color:null==theme||null===(_theme$UTTooltip0=theme.UTTooltip)||void 0===_theme$UTTooltip0||null===(_theme$UTTooltip0=_theme$UTTooltip0.stringContent)||void 0===_theme$UTTooltip0?void 0:_theme$UTTooltip0.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=_ref=>{let{classes:classes,IconActive:IconActive=NotificationsNoneIcon,IconInactive:IconInactive=NotificationsNoneIcon,notifications:notifications=[]}=_ref;const IconComponent=isEmpty(notifications)?IconActive:IconInactive;return React.createElement(IconComponent,{className:"".concat(styles.notificationsIcon," ").concat(classes.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=_ref=>{let{Arrow:Arrow,avatar:avatar,classes:classes,dataTestId:dataTestId,handleClick:handleClick,justAvatar:justAvatar,MenuComponent:MenuComponent,menuOpened:menuOpened,subtitle:subtitle,title:title}=_ref;return React.createElement(Fragment,null,React.createElement(UTTouchableWithoutFeedback,{dataTestId:dataTestId,onClick:handleClick,className:"".concat(justAvatar?styles.justAvatarUserMenu:styles.userMenu," ").concat(classes.userMenu," ").concat(!handleClick&&styles.disableMenu)},React.createElement("span",{className:"".concat(styles.userMenuAvatar," ").concat(classes.userMenuAvatar)},avatar),!justAvatar&&React.createElement("div",null,React.createElement("div",{className:styles.labelWithArrow},React.createElement(UTLabel,{className:"".concat(classes.userMenuTitle," ").concat(styles.userMenuTitle),withMarkdown:!0},title),handleClick&&MenuComponent&&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 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(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:Arrow,avatar:avatar,breadcrumbs:breadcrumbs,breadcrumbsProps:breadcrumbsProps,children:children,classes:themeClasses,classNames:classNames,enableNotifications:enableNotifications=!1,handleClick:handleClick,handleMenu:handleMenu,isMobileOrTablet:isMobileOrTablet=!1,isMobileSize:isMobileSize,justAvatar:justAvatar,MenuComponent:MenuComponent,menuOpened:menuOpened,notificationIconActive:notificationIconActive,notificationIconInactive:notificationIconInactive,separator:separator="/",title:title,titleProps:titleProps,userMenuDataTestId:userMenuDataTestId,userSubtitle:userSubtitle,userTitle:userTitle,UTMenu:UTMenu}=_ref;const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),showSideBarMenu=handleMenu&&(isMobileSize||isMobileOrTablet);return React.createElement("div",{className:"".concat(styles.container," ").concat(showSideBarMenu&&styles.containerWithMenu," ").concat(classes.container)},showSideBarMenu&&React.createElement(MenuIcon,{onClick:handleMenu,className:classes.menuIcon}),isEmpty(breadcrumbs)?React.createElement(UTLabel,_extends({className:"".concat(isMobileSize&&styles.mobileTitle)},titleProps),title):isMobileSize?React.createElement("div",{className:styles.showLastBreadcrumbContainer},breadcrumbs.length>1&&UTMenu,breadcrumbs.length>1&&React.createElement(UTLabel,{className:styles.separator,variant:"small",weight:"medium",colorTheme:"gray"},separator),React.createElement(UTLabel,{className:styles.lastBreadcrumb,colorTheme:"gray",weight:"medium"},breadcrumbs[breadcrumbs.length-1].label)):React.createElement(UTBreadcrumbs,_extends({breadcrumbs:breadcrumbs},breadcrumbsProps)),React.createElement("div",{className:"".concat(styles.rightSection," ").concat(showSideBarMenu&&styles.rightSectionWithMenu)},children,enableNotifications&&React.createElement(Notifications,{classes:classes,IconActive:notificationIconActive,IconInactive:notificationIconInactive,notifications:[]}),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);