@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,201 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.propTypes=exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireWildcard(require("../../../UTValidation")),_constants=require("../../../UTBaseInputField/constants"),_utils=require("../../../UTValidation/utils"),_buttonTypes=require("../../../../types/buttonTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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=(0,_react.useMemo)(()=>(0,_isEmpty.default)(validations)?error&&(0,_utils.formatErrorToValidation)(error):validations,[error,validations]),leftAdornments=(0,_react.useMemo)(()=>{const adornments=[];return LeftIcon&&adornments.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:LeftIcon}}),prefix&&adornments.push({name:_constants.COMPONENT_KEYS.PREFIX,props:{text:prefix}}),adornments},[LeftIcon,prefix]),rightAdornments=(0,_react.useMemo)(()=>{const adornments=[];return suffix&&adornments.push({name:_constants.COMPONENT_KEYS.SUFFIX,props:{text:suffix}}),(RightIcon||error)&&adornments.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:RightIcon,changeOnError:!0}}),action&&adornments.push({name:_constants.COMPONENT_KEYS.ACTION,props:{action:action,dataTestId:actionDataTestId}}),tooltip&&adornments.push({name:_constants.COMPONENT_KEYS.TOOLTIP,props:{contentDataTestId:tooltipContentDataTestId,dataTestId:tooltipIconDataTestId,tooltip:tooltip}}),adornments},[suffix,RightIcon,error,action,tooltip]);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(classNames.container)},title&&_react.default.createElement(_UTFieldLabel.default,{actions:titleActions,dataTestId:labelDataTestId,readOnly:readOnly,required:required,size:titleVariant},title),_react.default.createElement(_UTBaseInputField.default,{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.default.createElement(_UTLabel.default,{className:_stylesModule.default.textHelp,colorTheme:"gray",dataTestId:helperTextDataTestId,variant:"small",withMarkdown:!0},helpText),validationData&&_react.default.createElement(_UTValidation.default,{dataTestId:validationDataTestId,validationData:validationData}))},propTypes=exports.propTypes={action:_propTypes.elementType,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),actionDataTestId:_propTypes.string,alwaysShowPlaceholder:_propTypes.bool,autocomplete:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,error:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),helpText:_propTypes.string,helperTextDataTestId:_propTypes.string,id:_propTypes.string,inputRef:(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})]),inputSize:_propTypes.string,labelDataTestId:_propTypes.string,LeftIcon:_propTypes.elementType,maxLength:_propTypes.number,minRows:_propTypes.number,maxRows:_propTypes.number,name:_propTypes.string,onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,onKeyDown:_propTypes.func,placeholder:_propTypes.string,prefix:_propTypes.string,readOnly:_propTypes.bool,required:_propTypes.bool,RightIcon:_propTypes.elementType,showCharacterCount:_propTypes.bool,suffix:_propTypes.string,title:_propTypes.string,titleVariant:_propTypes.string,tooltip:_propTypes.string,tooltipContentDataTestId:_propTypes.string,tooltipIconDataTestId:_propTypes.string,type:_propTypes.string,validationDataTestId:_propTypes.string,validations:_UTValidation.validationDataProptypes,value:_propTypes.string};UTTextInput.propTypes=propTypes;var _default=exports.default=UTTextInput;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _propTypes = require("prop-types");
+var _UTBaseInputField = _interopRequireDefault(require("../../../UTBaseInputField"));
+var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _UTValidation = _interopRequireWildcard(require("../../../UTValidation"));
+var _constants = require("../../../UTBaseInputField/constants");
+var _utils = require("../../../UTValidation/utils");
+var _buttonTypes = require("../../../../types/buttonTypes");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const 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 = (0, _react.useMemo)(() => !(0, _isEmpty.default)(validations) ? validations : error && (0, _utils.formatErrorToValidation)(error), [error, validations]);
+  const leftAdornments = (0, _react.useMemo)(() => {
+    const adornments = [];
+    if (LeftIcon) adornments.push({
+      name: _constants.COMPONENT_KEYS.ICON,
+      props: {
+        Icon: LeftIcon
+      }
+    });
+    if (prefix) adornments.push({
+      name: _constants.COMPONENT_KEYS.PREFIX,
+      props: {
+        text: prefix
+      }
+    });
+    return adornments;
+  }, [LeftIcon, prefix]);
+  const rightAdornments = (0, _react.useMemo)(() => {
+    const adornments = [];
+    if (suffix) adornments.push({
+      name: _constants.COMPONENT_KEYS.SUFFIX,
+      props: {
+        text: suffix
+      }
+    });
+    if (RightIcon || error) adornments.push({
+      name: _constants.COMPONENT_KEYS.ICON,
+      props: {
+        Icon: RightIcon,
+        changeOnError: true
+      }
+    });
+    if (action) adornments.push({
+      name: _constants.COMPONENT_KEYS.ACTION,
+      props: {
+        action,
+        dataTestId: actionDataTestId
+      }
+    });
+    if (tooltip) adornments.push({
+      name: _constants.COMPONENT_KEYS.TOOLTIP,
+      props: {
+        contentDataTestId: tooltipContentDataTestId,
+        dataTestId: tooltipIconDataTestId,
+        tooltip
+      }
+    });
+    return adornments;
+  }, [suffix, RightIcon, error, action, tooltip]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(classNames.container)
+  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+    actions: titleActions,
+    dataTestId: labelDataTestId,
+    readOnly: readOnly,
+    required: required,
+    size: titleVariant
+  }, title), /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
+    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.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.textHelp,
+    colorTheme: "gray",
+    dataTestId: helperTextDataTestId,
+    variant: "small",
+    withMarkdown: true
+  }, helpText), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
+    dataTestId: validationDataTestId,
+    validationData: validationData
+  }));
+};
+const propTypes = exports.propTypes = {
+  action: _propTypes.elementType,
+  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
+  actionDataTestId: _propTypes.string,
+  alwaysShowPlaceholder: _propTypes.bool,
+  autocomplete: _propTypes.string,
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  error: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
+  helpText: _propTypes.string,
+  helperTextDataTestId: _propTypes.string,
+  id: _propTypes.string,
+  inputRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
+    current: (0, _propTypes.instanceOf)(Element)
+  })]),
+  inputSize: _propTypes.string,
+  labelDataTestId: _propTypes.string,
+  LeftIcon: _propTypes.elementType,
+  maxLength: _propTypes.number,
+  minRows: _propTypes.number,
+  maxRows: _propTypes.number,
+  name: _propTypes.string,
+  onBlur: _propTypes.func,
+  onChange: _propTypes.func,
+  onFocus: _propTypes.func,
+  onKeyDown: _propTypes.func,
+  placeholder: _propTypes.string,
+  prefix: _propTypes.string,
+  readOnly: _propTypes.bool,
+  required: _propTypes.bool,
+  RightIcon: _propTypes.elementType,
+  showCharacterCount: _propTypes.bool,
+  suffix: _propTypes.string,
+  title: _propTypes.string,
+  titleVariant: _propTypes.string,
+  tooltip: _propTypes.string,
+  tooltipContentDataTestId: _propTypes.string,
+  tooltipIconDataTestId: _propTypes.string,
+  type: _propTypes.string,
+  validationDataTestId: _propTypes.string,
+  validations: _UTValidation.validationDataProptypes,
+  value: _propTypes.string
+};
+UTTextInput.propTypes = propTypes;
+var _default = exports.default = UTTextInput;

package/dist/components/UTThirdPartyCookieChecker/index.js

@@ -1 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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=(0,_react.useRef)(null),handleCallback=event=>"MM:3PCsupported"===event.data&&enabledCallback?enabledCallback():"MM:3PCunsupported"===event.data&&disabledCallback?disabledCallback():()=>{};return(0,_react.useEffect)(()=>(window.addEventListener("message",handleCallback,!1),iframeRef.current.src=iframeSrc||DEFAULT_IFRAME_SRC,()=>window.removeEventListener("message",handleCallback,!1)),[]),_react.default.createElement("iframe",{ref:iframeRef,title:iframeTitle||DEFAULT_IFRAME_TITLE,style:{display:"none"}})};UTThirdPartyCookieChecker.propTypes={disabledCallback:_propTypes.func,enabledCallback:_propTypes.func,iframeSrc:_propTypes.string,iframeTitle:_propTypes.string};var _default=exports.default=(0,_react.memo)(UTThirdPartyCookieChecker);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const 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 = (0, _react.useRef)(null);
+  const handleCallback = event => {
+    if (event.data === 'MM:3PCsupported' && enabledCallback) {
+      return enabledCallback();
+    }
+    if (event.data === 'MM:3PCunsupported' && disabledCallback) {
+      return disabledCallback();
+    }
+    return () => undefined;
+  };
+  (0, _react.useEffect)(() => {
+    window.addEventListener('message', handleCallback, false);
+    iframeRef.current.src = iframeSrc || DEFAULT_IFRAME_SRC;
+    return () => window.removeEventListener('message', handleCallback, false);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("iframe", {
+    ref: iframeRef,
+    title: iframeTitle || DEFAULT_IFRAME_TITLE,
+    style: {
+      display: 'none'
+    }
+  });
+};
+UTThirdPartyCookieChecker.propTypes = {
+  disabledCallback: _propTypes.func,
+  enabledCallback: _propTypes.func,
+  iframeSrc: _propTypes.string,
+  iframeTitle: _propTypes.string
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UTThirdPartyCookieChecker);

package/dist/components/UTTooltip/index.js

@@ -1 +1,76 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_react2=_interopRequireDefault(require("@tippy.js/react"));require("tippy.js/dist/tippy.css"),require("tippy.js/animations/shift-toward.css");var _propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_classesUtils=require("../../utils/classesUtils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const 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=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeStyles,{container:className,stringContent:stringContentClassName}),[className,stringContentClassName]);return content?_react.default.createElement(_react2.default,_extends({animation:"shift-toward",inertia:inertia,duration:duration,arrow:arrow,hideOnClick:hideOnClick,className:"".concat(theme.container," ").concat(forceArrow&&_stylesModule.default.arrow),interactive:interactive},tippyProps,{content:_react.default.isValidElement(content)?content:_react.default.createElement(_UTLabel.default,_extends({className:"".concat(_stylesModule.default.baseContent," ").concat(stringContentClassName),colorTheme:"light",dataTestId:dataTestId,variant:"xsmall",withMarkdown:!0},stringContentProps),content)}),children):children};UTTooltip.propTypes={arrow:_propTypes.bool,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,content:_propTypes.node,dataTestId:_propTypes.string,duration:(0,_propTypes.arrayOf)(_propTypes.number),forceArrow:_propTypes.bool,hideOnClick:_propTypes.bool,inertia:_propTypes.bool,interactive:_propTypes.bool,placement:_propTypes.string,stringContentClassName:_propTypes.string,stringContentProps:_propTypes.object,tippyProps:_propTypes.object};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTooltip);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireDefault(require("@tippy.js/react"));
+require("tippy.js/dist/tippy.css");
+require("tippy.js/animations/shift-toward.css");
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _classesUtils = require("../../utils/classesUtils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _theme = require("./theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const 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 = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeStyles, {
+    container: className,
+    stringContent: stringContentClassName
+  }), [className, stringContentClassName]);
+  if (!content) return children;
+  return /*#__PURE__*/_react.default.createElement(_react2.default, _extends({
+    animation: "shift-toward",
+    inertia: inertia,
+    duration: duration,
+    arrow: arrow,
+    hideOnClick: hideOnClick,
+    className: "".concat(theme.container, " ").concat(forceArrow && _stylesModule.default.arrow),
+    interactive: interactive
+  }, tippyProps, {
+    content: /*#__PURE__*/_react.default.isValidElement(content) ? content : /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+      className: "".concat(_stylesModule.default.baseContent, " ").concat(stringContentClassName),
+      colorTheme: "light",
+      dataTestId: dataTestId,
+      variant: "xsmall",
+      withMarkdown: true
+    }, stringContentProps), content)
+  }), children);
+};
+UTTooltip.propTypes = {
+  arrow: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  content: _propTypes.node,
+  dataTestId: _propTypes.string,
+  duration: (0, _propTypes.arrayOf)(_propTypes.number),
+  forceArrow: _propTypes.bool,
+  hideOnClick: _propTypes.bool,
+  inertia: _propTypes.bool,
+  interactive: _propTypes.bool,
+  placement: _propTypes.string,
+  stringContentClassName: _propTypes.string,
+  stringContentProps: _propTypes.object,
+  tippyProps: _propTypes.object
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTooltip);

package/dist/components/UTTooltip/theme.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;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}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+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
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

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

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_NotificationsNone=_interopRequireDefault(require("@material-ui/icons/NotificationsNone")),_array=require("@widergy/web-utils/lib/array"),_types=require("../../types.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const Notifications=_ref=>{let{classes:classes,IconActive:IconActive=_NotificationsNone.default,IconInactive:IconInactive=_NotificationsNone.default,notifications:notifications=[]}=_ref;const IconComponent=(0,_array.isEmpty)(notifications)?IconActive:IconInactive;return _react.default.createElement(IconComponent,{className:"".concat(_stylesModule.default.notificationsIcon," ").concat(classes.notificationsIcon)})};Notifications.propTypes={classes:_types.classType,IconActive:_types.iconType,IconInactive:_types.iconType,notifications:(0,_propTypes.arrayOf)(_propTypes.object)};var _default=exports.default=(0,_react.memo)(Notifications);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _NotificationsNone = _interopRequireDefault(require("@material-ui/icons/NotificationsNone"));
+var _array = require("@widergy/web-utils/lib/array");
+var _types = require("../../types.js");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Notifications = _ref => {
+  let {
+    classes,
+    IconActive = _NotificationsNone.default,
+    IconInactive = _NotificationsNone.default,
+    notifications = []
+  } = _ref;
+  const IconComponent = (0, _array.isEmpty)(notifications) ? IconActive : IconInactive;
+  return /*#__PURE__*/_react.default.createElement(IconComponent, {
+    className: "".concat(_stylesModule.default.notificationsIcon, " ").concat(classes.notificationsIcon)
+  });
+};
+Notifications.propTypes = {
+  classes: _types.classType,
+  IconActive: _types.iconType,
+  IconInactive: _types.iconType,
+  notifications: (0, _propTypes.arrayOf)(_propTypes.object)
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Notifications);

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

@@ -1 +1,59 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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.default.createElement(_react.Fragment,null,_react.default.createElement(_UTTouchableWithoutFeedback.default,{dataTestId:dataTestId,onClick:handleClick,className:"".concat(justAvatar?_stylesModule.default.justAvatarUserMenu:_stylesModule.default.userMenu," ").concat(classes.userMenu," ").concat(!handleClick&&_stylesModule.default.disableMenu)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.userMenuAvatar," ").concat(classes.userMenuAvatar)},avatar),!justAvatar&&_react.default.createElement("div",null,_react.default.createElement("div",{className:_stylesModule.default.labelWithArrow},_react.default.createElement(_UTLabel.default,{className:"".concat(classes.userMenuTitle," ").concat(_stylesModule.default.userMenuTitle),withMarkdown:!0},title),handleClick&&MenuComponent&&_react.default.createElement(Arrow,{className:"\n                ".concat(classes.userMenuArrow,"\n                ").concat(_stylesModule.default.userMenuArrow,"\n                ").concat(!!menuOpened&&_stylesModule.default.opened,"\n              ")})),subtitle)),MenuComponent)};UserMenu.propTypes={Arrow:_types.iconType,avatar:_types.avatarType,classes:_types.classType,dataTestId:_propTypes.string,handleClick:_propTypes.func,justAvatar:_propTypes.bool,MenuComponent:_propTypes.node,menuOpened:_propTypes.bool,subtitle:_propTypes.node,title:_propTypes.string},UserMenu.defaultProps={Arrow:_ExpandMore.default};var _default=exports.default=(0,_react.memo)(UserMenu);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _types = require("../../types.js");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const UserMenu = _ref => {
+  let {
+    Arrow,
+    avatar,
+    classes,
+    dataTestId,
+    handleClick,
+    justAvatar,
+    MenuComponent,
+    menuOpened,
+    subtitle,
+    title
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    dataTestId: dataTestId,
+    onClick: handleClick,
+    className: "".concat(justAvatar ? _stylesModule.default.justAvatarUserMenu : _stylesModule.default.userMenu, " ").concat(classes.userMenu, " ").concat(!handleClick && _stylesModule.default.disableMenu)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_stylesModule.default.userMenuAvatar, " ").concat(classes.userMenuAvatar)
+  }, avatar), !justAvatar && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.labelWithArrow
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "".concat(classes.userMenuTitle, " ").concat(_stylesModule.default.userMenuTitle),
+    withMarkdown: true
+  }, title), handleClick && MenuComponent && /*#__PURE__*/_react.default.createElement(Arrow, {
+    className: "\n                ".concat(classes.userMenuArrow, "\n                ").concat(_stylesModule.default.userMenuArrow, "\n                ").concat(!!menuOpened && _stylesModule.default.opened, "\n              ")
+  })), subtitle)), MenuComponent);
+};
+UserMenu.propTypes = {
+  Arrow: _types.iconType,
+  avatar: _types.avatarType,
+  classes: _types.classType,
+  dataTestId: _propTypes.string,
+  handleClick: _propTypes.func,
+  justAvatar: _propTypes.bool,
+  MenuComponent: _propTypes.node,
+  menuOpened: _propTypes.bool,
+  subtitle: _propTypes.node,
+  title: _propTypes.string
+};
+UserMenu.defaultProps = {
+  Arrow: _ExpandMore.default
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UserMenu);

package/dist/components/UTTopbar/index.js

@@ -1 +1,120 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Menu=_interopRequireDefault(require("@material-ui/icons/Menu")),_array=require("@widergy/web-utils/lib/array"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTBreadcrumbs=_interopRequireDefault(require("../UTBreadcrumbs")),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UserMenu=_interopRequireDefault(require("./components/UserMenu")),_Notifications=_interopRequireDefault(require("./components/Notifications")),_theme=require("./theme"),_types=require("./types.js"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const 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=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),showSideBarMenu=handleMenu&&(isMobileSize||isMobileOrTablet);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(showSideBarMenu&&_stylesModule.default.containerWithMenu," ").concat(classes.container)},showSideBarMenu&&_react.default.createElement(_Menu.default,{onClick:handleMenu,className:classes.menuIcon}),(0,_array.isEmpty)(breadcrumbs)?_react.default.createElement(_UTLabel.default,_extends({className:"".concat(isMobileSize&&_stylesModule.default.mobileTitle)},titleProps),title):isMobileSize?_react.default.createElement("div",{className:_stylesModule.default.showLastBreadcrumbContainer},breadcrumbs.length>1&&UTMenu,breadcrumbs.length>1&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.separator,variant:"small",weight:"medium",colorTheme:"gray"},separator),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.lastBreadcrumb,colorTheme:"gray",weight:"medium"},breadcrumbs[breadcrumbs.length-1].label)):_react.default.createElement(_UTBreadcrumbs.default,_extends({breadcrumbs:breadcrumbs},breadcrumbsProps)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.rightSection," ").concat(showSideBarMenu&&_stylesModule.default.rightSectionWithMenu)},children,enableNotifications&&_react.default.createElement(_Notifications.default,{classes:classes,IconActive:notificationIconActive,IconInactive:notificationIconInactive,notifications:[]}),_react.default.createElement(_UserMenu.default,{Arrow:Arrow,avatar:avatar,classes:classes,dataTestId:userMenuDataTestId,handleClick:handleClick,justAvatar:justAvatar,MenuComponent:MenuComponent,menuOpened:menuOpened,subtitle:userSubtitle,title:userTitle})))};UTTopbar.propTypes={Arrow:_types.iconType,avatar:_types.avatarType,breadcrumbs:_propTypes.array,breadcrumbsProps:_propTypes.object,classes:_types.classType,classNames:_types.classType,enableNotifications:_propTypes.bool,handleClick:_propTypes.func,handleMenu:_propTypes.func,isMobileOrTablet:_propTypes.bool,isMobileSize:_propTypes.bool,justAvatar:_propTypes.bool,MenuComponent:_propTypes.node,menuOpened:_propTypes.bool,notificationIconActive:_types.iconType,notificationIconInactive:_types.iconType,title:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,route:_propTypes.string}))]),titleProps:_propTypes.object,userMenuDataTestId:_propTypes.string,userSubtitle:_propTypes.node,userTitle:_propTypes.string,UTMenu:_propTypes.node,separator:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTopbar);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
+var _array = require("@widergy/web-utils/lib/array");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTBreadcrumbs = _interopRequireDefault(require("../UTBreadcrumbs"));
+var _classesUtils = require("../../utils/classesUtils");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _UserMenu = _interopRequireDefault(require("./components/UserMenu"));
+var _Notifications = _interopRequireDefault(require("./components/Notifications"));
+var _theme = require("./theme");
+var _types = require("./types.js");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const 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 = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const showSideBarMenu = handleMenu && (isMobileSize || isMobileOrTablet);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(showSideBarMenu && _stylesModule.default.containerWithMenu, " ").concat(classes.container)
+  }, showSideBarMenu && /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    onClick: handleMenu,
+    className: classes.menuIcon
+  }), (0, _array.isEmpty)(breadcrumbs) ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: "".concat(isMobileSize && _stylesModule.default.mobileTitle)
+  }, titleProps), title) : isMobileSize ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.showLastBreadcrumbContainer
+  }, breadcrumbs.length > 1 && UTMenu, breadcrumbs.length > 1 && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.separator,
+    variant: "small",
+    weight: "medium",
+    colorTheme: "gray"
+  }, separator), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.lastBreadcrumb,
+    colorTheme: "gray",
+    weight: "medium"
+  }, breadcrumbs[breadcrumbs.length - 1].label)) : /*#__PURE__*/_react.default.createElement(_UTBreadcrumbs.default, _extends({
+    breadcrumbs: breadcrumbs
+  }, breadcrumbsProps)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.rightSection, " ").concat(showSideBarMenu && _stylesModule.default.rightSectionWithMenu)
+  }, children, enableNotifications && /*#__PURE__*/_react.default.createElement(_Notifications.default, {
+    classes: classes,
+    IconActive: notificationIconActive,
+    IconInactive: notificationIconInactive,
+    notifications: []
+  }), /*#__PURE__*/_react.default.createElement(_UserMenu.default, {
+    Arrow: Arrow,
+    avatar: avatar,
+    classes: classes,
+    dataTestId: userMenuDataTestId,
+    handleClick: handleClick,
+    justAvatar: justAvatar,
+    MenuComponent: MenuComponent,
+    menuOpened: menuOpened,
+    subtitle: userSubtitle,
+    title: userTitle
+  })));
+};
+UTTopbar.propTypes = {
+  Arrow: _types.iconType,
+  avatar: _types.avatarType,
+  breadcrumbs: _propTypes.array,
+  breadcrumbsProps: _propTypes.object,
+  classes: _types.classType,
+  classNames: _types.classType,
+  enableNotifications: _propTypes.bool,
+  handleClick: _propTypes.func,
+  handleMenu: _propTypes.func,
+  isMobileOrTablet: _propTypes.bool,
+  isMobileSize: _propTypes.bool,
+  justAvatar: _propTypes.bool,
+  MenuComponent: _propTypes.node,
+  menuOpened: _propTypes.bool,
+  notificationIconActive: _types.iconType,
+  notificationIconInactive: _types.iconType,
+  title: (0, _propTypes.oneOfType)([_propTypes.string, (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    label: _propTypes.string,
+    route: _propTypes.string
+  }))]),
+  titleProps: _propTypes.object,
+  userMenuDataTestId: _propTypes.string,
+  userSubtitle: _propTypes.node,
+  userTitle: _propTypes.string,
+  UTMenu: _propTypes.node,
+  separator: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTopbar);