npm - @widergy/energy-ui - Versions diffs - 3.172.1 → 3.172.3 - Mend

@widergy/energy-ui 3.172.1 → 3.172.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1466) hide show

package/dist/components/UTTopbar/index.js CHANGED Viewed

@@ -1,120 +1 @@
-"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);
+"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);

package/dist/components/UTTopbar/theme.js CHANGED Viewed

@@ -1,77 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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) || _colorsModule.default.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
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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:theme}=_ref;return{container:{background:(null==theme||null===(_theme$UTTopbar=theme.UTTopbar)||void 0===_theme$UTTopbar||null===(_theme$UTTopbar=_theme$UTTopbar.container)||void 0===_theme$UTTopbar?void 0:_theme$UTTopbar.background)||_colorsModule.default.white,borderBottom:null==theme||null===(_theme$UTTopbar2=theme.UTTopbar)||void 0===_theme$UTTopbar2||null===(_theme$UTTopbar2=_theme$UTTopbar2.container)||void 0===_theme$UTTopbar2?void 0:_theme$UTTopbar2.borderBottom,height:null==theme||null===(_theme$UTTopbar3=theme.UTTopbar)||void 0===_theme$UTTopbar3||null===(_theme$UTTopbar3=_theme$UTTopbar3.container)||void 0===_theme$UTTopbar3?void 0:_theme$UTTopbar3.height,padding:(null==theme||null===(_theme$UTTopbar4=theme.UTTopbar)||void 0===_theme$UTTopbar4||null===(_theme$UTTopbar4=_theme$UTTopbar4.container)||void 0===_theme$UTTopbar4?void 0:_theme$UTTopbar4.padding)||"10px 20px",position:null==theme||null===(_theme$UTTopbar5=theme.UTTopbar)||void 0===_theme$UTTopbar5||null===(_theme$UTTopbar5=_theme$UTTopbar5.container)||void 0===_theme$UTTopbar5?void 0:_theme$UTTopbar5.position,top:null==theme||null===(_theme$UTTopbar6=theme.UTTopbar)||void 0===_theme$UTTopbar6||null===(_theme$UTTopbar6=_theme$UTTopbar6.container)||void 0===_theme$UTTopbar6?void 0:_theme$UTTopbar6.top,zIndex:null==theme||null===(_theme$UTTopbar7=theme.UTTopbar)||void 0===_theme$UTTopbar7||null===(_theme$UTTopbar7=_theme$UTTopbar7.container)||void 0===_theme$UTTopbar7?void 0:_theme$UTTopbar7.zIndex},breadCrumb:{"&:hover":{backgroundColor:null==theme||null===(_theme$UTTopbar8=theme.UTTopbar)||void 0===_theme$UTTopbar8||null===(_theme$UTTopbar8=_theme$UTTopbar8.breadCrumb)||void 0===_theme$UTTopbar8||null===(_theme$UTTopbar8=_theme$UTTopbar8.hover)||void 0===_theme$UTTopbar8?void 0:_theme$UTTopbar8.backgroundColor,textDecoration:null==theme||null===(_theme$UTTopbar9=theme.UTTopbar)||void 0===_theme$UTTopbar9||null===(_theme$UTTopbar9=_theme$UTTopbar9.breadCrumb)||void 0===_theme$UTTopbar9||null===(_theme$UTTopbar9=_theme$UTTopbar9.hover)||void 0===_theme$UTTopbar9?void 0:_theme$UTTopbar9.textDecoration,cursor:null==theme||null===(_theme$UTTopbar0=theme.UTTopbar)||void 0===_theme$UTTopbar0||null===(_theme$UTTopbar0=_theme$UTTopbar0.breadCrumb)||void 0===_theme$UTTopbar0||null===(_theme$UTTopbar0=_theme$UTTopbar0.hover)||void 0===_theme$UTTopbar0?void 0:_theme$UTTopbar0.cursor}},userMenu:{borderLeft:null==theme||null===(_theme$UTTopbar1=theme.UTTopbar)||void 0===_theme$UTTopbar1||null===(_theme$UTTopbar1=_theme$UTTopbar1.userMenu)||void 0===_theme$UTTopbar1?void 0:_theme$UTTopbar1.borderLeft,margin:(null==theme||null===(_theme$UTTopbar10=theme.UTTopbar)||void 0===_theme$UTTopbar10||null===(_theme$UTTopbar10=_theme$UTTopbar10.userMenu)||void 0===_theme$UTTopbar10?void 0:_theme$UTTopbar10.margin)||"0 0 0 20px",minWidth:null==theme||null===(_theme$UTTopbar11=theme.UTTopbar)||void 0===_theme$UTTopbar11||null===(_theme$UTTopbar11=_theme$UTTopbar11.userMenu)||void 0===_theme$UTTopbar11?void 0:_theme$UTTopbar11.minWidth,padding:(null==theme||null===(_theme$UTTopbar12=theme.UTTopbar)||void 0===_theme$UTTopbar12||null===(_theme$UTTopbar12=_theme$UTTopbar12.userMenu)||void 0===_theme$UTTopbar12?void 0:_theme$UTTopbar12.padding)||"0 0 0 20px",justifyContent:null==theme||null===(_theme$UTTopbar13=theme.UTTopbar)||void 0===_theme$UTTopbar13||null===(_theme$UTTopbar13=_theme$UTTopbar13.userMenu)||void 0===_theme$UTTopbar13?void 0:_theme$UTTopbar13.justifyContent},userMenuAvatar:{background:null==theme||null===(_theme$UTTopbar14=theme.UTTopbar)||void 0===_theme$UTTopbar14||null===(_theme$UTTopbar14=_theme$UTTopbar14.userMenuAvatar)||void 0===_theme$UTTopbar14?void 0:_theme$UTTopbar14.background,border:null==theme||null===(_theme$UTTopbar15=theme.UTTopbar)||void 0===_theme$UTTopbar15||null===(_theme$UTTopbar15=_theme$UTTopbar15.userMenuAvatar)||void 0===_theme$UTTopbar15?void 0:_theme$UTTopbar15.border,borderRadius:(null==theme||null===(_theme$UTTopbar16=theme.UTTopbar)||void 0===_theme$UTTopbar16||null===(_theme$UTTopbar16=_theme$UTTopbar16.userMenuAvatar)||void 0===_theme$UTTopbar16?void 0:_theme$UTTopbar16.borderRadius)||"50%",color:null==theme||null===(_theme$UTTopbar17=theme.UTTopbar)||void 0===_theme$UTTopbar17||null===(_theme$UTTopbar17=_theme$UTTopbar17.userMenuAvatar)||void 0===_theme$UTTopbar17?void 0:_theme$UTTopbar17.color,fontSize:(null==theme||null===(_theme$UTTopbar18=theme.UTTopbar)||void 0===_theme$UTTopbar18||null===(_theme$UTTopbar18=_theme$UTTopbar18.userMenuAvatar)||void 0===_theme$UTTopbar18?void 0:_theme$UTTopbar18.fontSize)||24,fontWeight:(null==theme||null===(_theme$UTTopbar19=theme.UTTopbar)||void 0===_theme$UTTopbar19||null===(_theme$UTTopbar19=_theme$UTTopbar19.userMenuAvatar)||void 0===_theme$UTTopbar19?void 0:_theme$UTTopbar19.fontWeight)||500,height:(null==theme||null===(_theme$UTTopbar20=theme.UTTopbar)||void 0===_theme$UTTopbar20||null===(_theme$UTTopbar20=_theme$UTTopbar20.userMenuAvatar)||void 0===_theme$UTTopbar20?void 0:_theme$UTTopbar20.height)||40,margin:(null==theme||null===(_theme$UTTopbar21=theme.UTTopbar)||void 0===_theme$UTTopbar21||null===(_theme$UTTopbar21=_theme$UTTopbar21.userMenuAvatar)||void 0===_theme$UTTopbar21?void 0:_theme$UTTopbar21.margin)||"0 10px 0 0",width:(null==theme||null===(_theme$UTTopbar22=theme.UTTopbar)||void 0===_theme$UTTopbar22||null===(_theme$UTTopbar22=_theme$UTTopbar22.userMenuAvatar)||void 0===_theme$UTTopbar22?void 0:_theme$UTTopbar22.width)||40},userMenuArrow:{alignSelf:null==theme||null===(_theme$UTTopbar23=theme.UTTopbar)||void 0===_theme$UTTopbar23||null===(_theme$UTTopbar23=_theme$UTTopbar23.userMenuArrow)||void 0===_theme$UTTopbar23?void 0:_theme$UTTopbar23.alignSelf,color:null==theme||null===(_theme$UTTopbar24=theme.UTTopbar)||void 0===_theme$UTTopbar24||null===(_theme$UTTopbar24=_theme$UTTopbar24.userMenuArrow)||void 0===_theme$UTTopbar24?void 0:_theme$UTTopbar24.color,fontSize:null==theme||null===(_theme$UTTopbar25=theme.UTTopbar)||void 0===_theme$UTTopbar25||null===(_theme$UTTopbar25=_theme$UTTopbar25.userMenuArrow)||void 0===_theme$UTTopbar25?void 0:_theme$UTTopbar25.fontSize,height:(null==theme||null===(_theme$UTTopbar26=theme.UTTopbar)||void 0===_theme$UTTopbar26||null===(_theme$UTTopbar26=_theme$UTTopbar26.userMenuArrow)||void 0===_theme$UTTopbar26?void 0:_theme$UTTopbar26.height)||20,margin:(null==theme||null===(_theme$UTTopbar27=theme.UTTopbar)||void 0===_theme$UTTopbar27||null===(_theme$UTTopbar27=_theme$UTTopbar27.userMenuArrow)||void 0===_theme$UTTopbar27?void 0:_theme$UTTopbar27.margin)||"0 0 0 6px",width:(null==theme||null===(_theme$UTTopbar28=theme.UTTopbar)||void 0===_theme$UTTopbar28||null===(_theme$UTTopbar28=_theme$UTTopbar28.userMenuArrow)||void 0===_theme$UTTopbar28?void 0:_theme$UTTopbar28.width)||"auto"},userMenuTitle:{color:null==theme||null===(_theme$UTTopbar29=theme.UTTopbar)||void 0===_theme$UTTopbar29||null===(_theme$UTTopbar29=_theme$UTTopbar29.userMenuTitle)||void 0===_theme$UTTopbar29?void 0:_theme$UTTopbar29.color,fontSize:null==theme||null===(_theme$UTTopbar30=theme.UTTopbar)||void 0===_theme$UTTopbar30||null===(_theme$UTTopbar30=_theme$UTTopbar30.userMenuTitle)||void 0===_theme$UTTopbar30?void 0:_theme$UTTopbar30.fontSize,fontWeight:(null==theme||null===(_theme$UTTopbar31=theme.UTTopbar)||void 0===_theme$UTTopbar31||null===(_theme$UTTopbar31=_theme$UTTopbar31.userMenuTitle)||void 0===_theme$UTTopbar31?void 0:_theme$UTTopbar31.fontWeight)||500,margin:null==theme||null===(_theme$UTTopbar32=theme.UTTopbar)||void 0===_theme$UTTopbar32||null===(_theme$UTTopbar32=_theme$UTTopbar32.userMenuTitle)||void 0===_theme$UTTopbar32?void 0:_theme$UTTopbar32.margin},notifications:{padding:(null==theme||null===(_theme$UTTopbar33=theme.UTTopbar)||void 0===_theme$UTTopbar33||null===(_theme$UTTopbar33=_theme$UTTopbar33.notifications)||void 0===_theme$UTTopbar33?void 0:_theme$UTTopbar33.padding)||"0 20px"},notificationsIcon:{height:(null==theme||null===(_theme$UTTopbar34=theme.UTTopbar)||void 0===_theme$UTTopbar34||null===(_theme$UTTopbar34=_theme$UTTopbar34.notificationsIcon)||void 0===_theme$UTTopbar34?void 0:_theme$UTTopbar34.height)||32,fontSize:(null==theme||null===(_theme$UTTopbar35=theme.UTTopbar)||void 0===_theme$UTTopbar35||null===(_theme$UTTopbar35=_theme$UTTopbar35.notificationsIcon)||void 0===_theme$UTTopbar35?void 0:_theme$UTTopbar35.fontSize)||30,padding:null==theme||null===(_theme$UTTopbar36=theme.UTTopbar)||void 0===_theme$UTTopbar36||null===(_theme$UTTopbar36=_theme$UTTopbar36.notificationsIcon)||void 0===_theme$UTTopbar36?void 0:_theme$UTTopbar36.padding},menuIcon:{color:null==theme||null===(_theme$UTTopbar37=theme.UTTopbar)||void 0===_theme$UTTopbar37||null===(_theme$UTTopbar37=_theme$UTTopbar37.menuIcon)||void 0===_theme$UTTopbar37?void 0:_theme$UTTopbar37.color,fontSize:(null==theme||null===(_theme$UTTopbar38=theme.UTTopbar)||void 0===_theme$UTTopbar38||null===(_theme$UTTopbar38=_theme$UTTopbar38.menuIcon)||void 0===_theme$UTTopbar38?void 0:_theme$UTTopbar38.fontSize)||25}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTTopbar/types.js CHANGED Viewed

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuPropsType = exports.iconType = exports.classType = exports.avatarType = void 0;
-var _propTypes = require("prop-types");
-const classType = exports.classType = (0, _propTypes.shape)({
-  container: _propTypes.string,
-  notifications: _propTypes.string,
-  title: _propTypes.string,
-  userMenu: _propTypes.string,
-  userMenuAvatar: _propTypes.string,
-  userMenuArrow: _propTypes.string
-});
-const avatarType = exports.avatarType = (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.elementType, _propTypes.func]);
-const iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func]);
-const menuPropsType = exports.menuPropsType = (0, _propTypes.shape)({
-  ItemComponent: _propTypes.elementType.isRequired,
-  items: _propTypes.array.isRequired,
-  itemComponentProps: _propTypes.object,
-  LastItem: _propTypes.elementType
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.menuPropsType=exports.iconType=exports.classType=exports.avatarType=void 0;var _propTypes=require("prop-types");const classType=exports.classType=(0,_propTypes.shape)({container:_propTypes.string,notifications:_propTypes.string,title:_propTypes.string,userMenu:_propTypes.string,userMenuAvatar:_propTypes.string,userMenuArrow:_propTypes.string}),avatarType=exports.avatarType=(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType,_propTypes.func]),iconType=exports.iconType=(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.func]),menuPropsType=exports.menuPropsType=(0,_propTypes.shape)({ItemComponent:_propTypes.elementType.isRequired,items:_propTypes.array.isRequired,itemComponentProps:_propTypes.object,LastItem:_propTypes.elementType});

package/dist/components/UTTouchableWithoutFeedback/index.js CHANGED Viewed

@@ -1,64 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTRipple = _interopRequireDefault(require("../UTRipple"));
-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 UTTouchableWithoutFeedback = _ref => {
-  let {
-    children,
-    className,
-    containerSetter,
-    dataTestId,
-    disabled = false,
-    keyName,
-    onClick,
-    onMouseDown,
-    withRipple = false,
-    ...props
-  } = _ref;
-  const [buttonRef, setButtonRef] = (0, _react.useState)(null);
-  const setRef = ref => {
-    setButtonRef(ref);
-    if (containerSetter) containerSetter(ref);
-  };
-  const handleClick = event => {
-    if (!disabled) onClick(event);
-  };
-  const handleMouseDown = event => {
-    event.preventDefault();
-    if (!disabled) onMouseDown(event);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
-    "aria-disabled": disabled,
-    className: "".concat(_stylesModule.default.container, " ").concat(className, " ").concat(disabled && _stylesModule.default.disabled),
-    "data-testid": dataTestId,
-    key: keyName,
-    onMouseDown: onMouseDown ? handleMouseDown : undefined,
-    onClick: onClick ? handleClick : undefined,
-    ref: setRef,
-    role: "button",
-    tabIndex: disabled ? -1 : 0
-  }), children, /*#__PURE__*/_react.default.createElement(_UTRipple.default, {
-    elem: buttonRef,
-    withRipple: withRipple && !disabled
-  }));
-};
-UTTouchableWithoutFeedback.propTypes = {
-  className: _propTypes.string,
-  containerSetter: _propTypes.func,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  keyName: _propTypes.string,
-  onClick: _propTypes.func,
-  onMouseDown: _propTypes.func,
-  withRipple: _propTypes.bool
-};
-var _default = exports.default = UTTouchableWithoutFeedback;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTRipple=_interopRequireDefault(require("../UTRipple")),_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 UTTouchableWithoutFeedback=_ref=>{let{children:children,className:className,containerSetter:containerSetter,dataTestId:dataTestId,disabled:disabled=!1,keyName:keyName,onClick:onClick,onMouseDown:onMouseDown,withRipple:withRipple=!1,...props}=_ref;const[buttonRef,setButtonRef]=(0,_react.useState)(null);return _react.default.createElement("div",_extends({},props,{"aria-disabled":disabled,className:"".concat(_stylesModule.default.container," ").concat(className," ").concat(disabled&&_stylesModule.default.disabled),"data-testid":dataTestId,key:keyName,onMouseDown:onMouseDown?event=>{event.preventDefault(),disabled||onMouseDown(event)}:void 0,onClick:onClick?event=>{disabled||onClick(event)}:void 0,ref:ref=>{setButtonRef(ref),containerSetter&&containerSetter(ref)},role:"button",tabIndex:disabled?-1:0}),children,_react.default.createElement(_UTRipple.default,{elem:buttonRef,withRipple:withRipple&&!disabled}))};UTTouchableWithoutFeedback.propTypes={className:_propTypes.string,containerSetter:_propTypes.func,dataTestId:_propTypes.string,disabled:_propTypes.bool,keyName:_propTypes.string,onClick:_propTypes.func,onMouseDown:_propTypes.func,withRipple:_propTypes.bool};var _default=exports.default=UTTouchableWithoutFeedback;

package/dist/components/UTTracker/components/Step/index.js CHANGED Viewed

@@ -1,66 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _propTypes2 = require("../../propTypes");
-var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
-var _constants = require("../../constants");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _utils = require("../../utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ERROR_ICON_SIZE = 16;
-const Step = _ref => {
-  let {
-    first,
-    isActive,
-    isCompleted,
-    step,
-    classes = {},
-    variant
-  } = _ref;
-  const stepCompleted = isCompleted(step.id);
-  const stepActive = isActive(step.id);
-  const themedStyles = (0, _classesUtils.mergeClasses)(classes, _stylesModule.default);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n     ".concat(themedStyles.outerContainer, "\n      ").concat(stepActive && themedStyles.activeOuterContainer, "\n      ").concat(first && _stylesModule.default.stepMargin, "\n    ")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: themedStyles.containerStep
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n        ".concat(themedStyles.container, "\n        ").concat(classes.containerStep, "\n        ").concat(stepCompleted && classes.completedLight, "\n        ").concat(stepActive && classes.activeContainer, "\n        ").concat(stepActive && variant === _constants.ERROR && classes.fullContainer, "\n      ")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n          ".concat(themedStyles.innerContainer, "\n          ").concat(classes.innerContainer, "\n          ").concat(stepCompleted && classes.completedInnerContainer, "\n          ").concat(stepActive && classes.activeInnerContainer, "\n          ").concat(stepCompleted && themedStyles.completedOuterContainer, "\n        ")
-  }, stepActive && variant === _constants.ERROR && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    colorTheme: "light",
-    name: "IconX",
-    size: ERROR_ICON_SIZE,
-    className: themedStyles.icon
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(themedStyles.textContainer, " ").concat(stepCompleted && themedStyles.completedOuterContainer)
-  }, step.title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(stepCompleted ? themedStyles.completedTitleColor : stepActive ? themedStyles.activeTitleColor : themedStyles.titleColor),
-    colorTheme: stepActive ? (0, _utils.getLabelTheme)(variant) : 'dark',
-    variant: "small",
-    weight: "medium"
-  }, step.title), step.subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(themedStyles.subtitleColor, " ").concat(themedStyles.subtitle)
-  }, step.subtitle), step.description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "small",
-    colorTheme: "gray",
-    className: themedStyles.description
-  }, step.description)));
-};
-Step.propTypes = {
-  classes: _propTypes.object,
-  first: _propTypes.bool,
-  isActive: _propTypes.func,
-  isCompleted: _propTypes.func,
-  step: _propTypes2.StepPropTypes,
-  variant: _propTypes2.VariantPropTypes
-};
-var _default = exports.default = Step;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_propTypes2=require("../../propTypes"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_constants=require("../../constants"),_classesUtils=require("../../../../utils/classesUtils"),_utils=require("../../utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ERROR_ICON_SIZE=16,Step=_ref=>{let{first:first,isActive:isActive,isCompleted:isCompleted,step:step,classes:classes={},variant:variant}=_ref;const stepCompleted=isCompleted(step.id),stepActive=isActive(step.id),themedStyles=(0,_classesUtils.mergeClasses)(classes,_stylesModule.default);return _react.default.createElement("div",{className:"\n     ".concat(themedStyles.outerContainer,"\n      ").concat(stepActive&&themedStyles.activeOuterContainer,"\n      ").concat(first&&_stylesModule.default.stepMargin,"\n    ")},_react.default.createElement("div",{className:themedStyles.containerStep},_react.default.createElement("div",{className:"\n        ".concat(themedStyles.container,"\n        ").concat(classes.containerStep,"\n        ").concat(stepCompleted&&classes.completedLight,"\n        ").concat(stepActive&&classes.activeContainer,"\n        ").concat(stepActive&&variant===_constants.ERROR&&classes.fullContainer,"\n      ")},_react.default.createElement("div",{className:"\n          ".concat(themedStyles.innerContainer,"\n          ").concat(classes.innerContainer,"\n          ").concat(stepCompleted&&classes.completedInnerContainer,"\n          ").concat(stepActive&&classes.activeInnerContainer,"\n          ").concat(stepCompleted&&themedStyles.completedOuterContainer,"\n        ")},stepActive&&variant===_constants.ERROR&&_react.default.createElement(_UTIcon.default,{colorTheme:"light",name:"IconX",size:16,className:themedStyles.icon})))),_react.default.createElement("div",{className:"".concat(themedStyles.textContainer," ").concat(stepCompleted&&themedStyles.completedOuterContainer)},step.title&&_react.default.createElement(_UTLabel.default,{className:"".concat(stepCompleted?themedStyles.completedTitleColor:stepActive?themedStyles.activeTitleColor:themedStyles.titleColor),colorTheme:stepActive?(0,_utils.getLabelTheme)(variant):"dark",variant:"small",weight:"medium"},step.title),step.subtitle&&_react.default.createElement(_UTLabel.default,{className:"".concat(themedStyles.subtitleColor," ").concat(themedStyles.subtitle)},step.subtitle),step.description&&_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:"gray",className:themedStyles.description},step.description)))};Step.propTypes={classes:_propTypes.object,first:_propTypes.bool,isActive:_propTypes.func,isCompleted:_propTypes.func,step:_propTypes2.StepPropTypes,variant:_propTypes2.VariantPropTypes};var _default=exports.default=Step;

package/dist/components/UTTracker/components/SubStep/index.js CHANGED Viewed

@@ -1,38 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SubStep = _ref => {
-  let {
-    style,
-    subtitle,
-    title
-  } = _ref;
-  const themedStyles = (0, _merge.default)({}, _stylesModule.default, style);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: themedStyles.container
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    className: themedStyles.titleColor,
-    variant: "small"
-  }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    className: themedStyles.subtitleColor,
-    variant: "small",
-    shade: "01"
-  }, subtitle));
-};
-SubStep.propTypes = {
-  style: _propTypes.string,
-  subtitle: _propTypes.string,
-  title: _propTypes.string
-};
-var _default = exports.default = SubStep;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_merge=_interopRequireDefault(require("lodash/merge")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SubStep=_ref=>{let{style:style,subtitle:subtitle,title:title}=_ref;const themedStyles=(0,_merge.default)({},_stylesModule.default,style);return _react.default.createElement("div",{className:themedStyles.container},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:themedStyles.titleColor,variant:"small"},title),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:themedStyles.subtitleColor,variant:"small",shade:"01"},subtitle))};SubStep.propTypes={style:_propTypes.string,subtitle:_propTypes.string,title:_propTypes.string};var _default=exports.default=SubStep;

package/dist/components/UTTracker/constants.js CHANGED Viewed

@@ -1,39 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ownModeStyles = exports.VARIANTS = exports.STANDARD = exports.OVAL_SIZE = exports.FLAT = exports.ERROR = exports.DETAILS_ICON_FLAT_SIZE = exports.DETAILS_ICON_CARD_SIZE = exports.DEFAULT_PROPS = exports.CARD = void 0;
-const CARD = exports.CARD = 'card';
-const FLAT = exports.FLAT = 'flat';
-const STANDARD = exports.STANDARD = 'standard';
-const ERROR = exports.ERROR = 'error';
-const OVAL_SIZE = exports.OVAL_SIZE = 20;
-const DETAILS_ICON_CARD_SIZE = exports.DETAILS_ICON_CARD_SIZE = 20;
-const DETAILS_ICON_FLAT_SIZE = exports.DETAILS_ICON_FLAT_SIZE = 24;
-const ownModeStyles = exports.ownModeStyles = {
-  [CARD]: {
-    container: {
-      backgroundColor: 'white',
-      elevation: 2,
-      shadowColor: 'black',
-      shadowOffset: {
-        height: 3,
-        width: 0
-      },
-      shadowOpacity: 0.1
-    }
-  },
-  [FLAT]: {
-    container: {
-      backgroundColor: 'transparent'
-    }
-  }
-};
-const VARIANTS = exports.VARIANTS = {
-  error: 'error',
-  standar: 'standar'
-};
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  variant: 'standar'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ownModeStyles=exports.VARIANTS=exports.STANDARD=exports.OVAL_SIZE=exports.FLAT=exports.ERROR=exports.DETAILS_ICON_FLAT_SIZE=exports.DETAILS_ICON_CARD_SIZE=exports.DEFAULT_PROPS=exports.CARD=void 0;const CARD=exports.CARD="card",FLAT=exports.FLAT="flat",STANDARD=exports.STANDARD="standard",ERROR=exports.ERROR="error",OVAL_SIZE=exports.OVAL_SIZE=20,DETAILS_ICON_CARD_SIZE=exports.DETAILS_ICON_CARD_SIZE=20,DETAILS_ICON_FLAT_SIZE=exports.DETAILS_ICON_FLAT_SIZE=24,ownModeStyles=exports.ownModeStyles={[CARD]:{container:{backgroundColor:"white",elevation:2,shadowColor:"black",shadowOffset:{height:3,width:0},shadowOpacity:.1}},[FLAT]:{container:{backgroundColor:"transparent"}}},VARIANTS=exports.VARIANTS={error:"error",standar:"standar"},DEFAULT_PROPS=exports.DEFAULT_PROPS={variant:"standar"};

package/dist/components/UTTracker/index.js CHANGED Viewed

@@ -1,119 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _classesUtils = require("../../utils/classesUtils");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _Step = _interopRequireDefault(require("./components/Step"));
-var _SubStep = _interopRequireDefault(require("./components/SubStep"));
-var _propTypes2 = require("./propTypes");
-var _constants = require("./constants");
-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 UTTracker = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    currentStep,
-    description,
-    detailsTab,
-    mode = _constants.CARD,
-    steps,
-    subtitle,
-    title,
-    variant = _constants.STANDARD
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const [isCollapsed, setIsCollapsed] = (0, _react.useState)(false);
-  const [height, setHeight] = (0, _react.useState)(0);
-  const isCompleted = stepNumber => stepNumber < currentStep;
-  const isActive = stepNumber => stepNumber === currentStep;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.outerContainer)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.container, " ").concat(mode !== _constants.FLAT ? _stylesModule.default.container : _stylesModule.default.containerFlat, " ").concat(!detailsTab && _stylesModule.default.roundedBorders)
-  }, title && (mode === _constants.FLAT && detailsTab !== null && detailsTab !== void 0 && detailsTab.enabled ? /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    onClick: () => setIsCollapsed(!isCollapsed),
-    classNames: {
-      childrenContainer: _stylesModule.default.button,
-      root: _stylesModule.default.titleTouchable,
-      text: _stylesModule.default.text
-    },
-    variant: "text",
-    Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
-    iconPlacement: "right"
-  }, title) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "medium",
-    variant: "subtitle1"
-  }, title)), /*#__PURE__*/_react.default.createElement("div", null, (subtitle || description) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.subtitleAndDescription, " ").concat(mode === _constants.FLAT ? _stylesModule.default.paddingLeft : '', " ").concat(variant === _constants.ERROR ? classes.errorBanner : '')
-  }, subtitle && variant === _constants.ERROR && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "small",
-    weight: "medium"
-  }, subtitle), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, description)), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height
-    },
-    className: "".concat(title && _stylesModule.default.connectorTitle, " ").concat(isCollapsed ? _stylesModule.default.connectorCollapsed : _stylesModule.default.connector, " ").concat(classes.connector)
-  }), steps && /*#__PURE__*/_react.default.createElement("div", {
-    ref: el => {
-      if (!el) return;
-      setHeight(el.getBoundingClientRect().height - 45);
-    }
-  }, steps === null || steps === void 0 ? void 0 : steps.map((step, index) => {
-    var _step$subSteps;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: step.id
-    }, /*#__PURE__*/_react.default.createElement(_Step.default, {
-      first: index === 0,
-      index,
-      isActive,
-      isCompleted,
-      step,
-      variant,
-      classes: classes
-    }), isCollapsed && /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(step.subSteps) && ((_step$subSteps = step.subSteps) === null || _step$subSteps === void 0 ? void 0 : _step$subSteps.map(subStep => /*#__PURE__*/_react.default.createElement(_SubStep.default, _extends({
-      key: subStep.id
-    }, subStep, {
-      className: classes.subStep
-    }))))));
-  })))), (detailsTab === null || detailsTab === void 0 ? void 0 : detailsTab.enabled) && mode === _constants.CARD && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.detailButtonContainer, " ").concat(classes.detailButtonContainer)
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      childrenContainer: _stylesModule.default.button,
-      icon: _stylesModule.default.detailIcon,
-      text: _stylesModule.default.text
-    },
-    Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
-    iconPlacement: "right",
-    onClick: () => setIsCollapsed(!isCollapsed),
-    variant: "text"
-  }, detailsTab.title)));
-};
-UTTracker.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  currentStep: _propTypes.number,
-  description: _propTypes.string,
-  detailsTab: _propTypes2.DetailsTabPropTypes,
-  mode: _propTypes2.ModePropTypes,
-  steps: _propTypes2.StepsPropTypes,
-  subtitle: _propTypes.string,
-  title: _propTypes.string,
-  variant: _propTypes2.VariantPropTypes
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTracker);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_Step=_interopRequireDefault(require("./components/Step")),_SubStep=_interopRequireDefault(require("./components/SubStep")),_propTypes2=require("./propTypes"),_constants=require("./constants");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 UTTracker=_ref=>{let{classes:themeClasses={},classNames:classNames,currentStep:currentStep,description:description,detailsTab:detailsTab,mode:mode=_constants.CARD,steps:steps,subtitle:subtitle,title:title,variant:variant=_constants.STANDARD}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),[isCollapsed,setIsCollapsed]=(0,_react.useState)(!1),[height,setHeight]=(0,_react.useState)(0),isCompleted=stepNumber=>stepNumber<currentStep,isActive=stepNumber=>stepNumber===currentStep;return _react.default.createElement("div",{className:"".concat(classes.outerContainer)},_react.default.createElement("div",{className:"".concat(classes.container," ").concat(mode!==_constants.FLAT?_stylesModule.default.container:_stylesModule.default.containerFlat," ").concat(!detailsTab&&_stylesModule.default.roundedBorders)},title&&(mode===_constants.FLAT&&null!=detailsTab&&detailsTab.enabled?_react.default.createElement(_UTButton.default,{onClick:()=>setIsCollapsed(!isCollapsed),classNames:{childrenContainer:_stylesModule.default.button,root:_stylesModule.default.titleTouchable,text:_stylesModule.default.text},variant:"text",Icon:isCollapsed?"IconChevronUp":"IconChevronDown",iconPlacement:"right"},title):_react.default.createElement(_UTLabel.default,{weight:"medium",variant:"subtitle1"},title)),_react.default.createElement("div",null,(subtitle||description)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.subtitleAndDescription," ").concat(mode===_constants.FLAT?_stylesModule.default.paddingLeft:""," ").concat(variant===_constants.ERROR?classes.errorBanner:"")},subtitle&&variant===_constants.ERROR&&_react.default.createElement(_UTLabel.default,{variant:"small",weight:"medium"},subtitle),description&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},description)),_react.default.createElement("div",{style:{height:height},className:"".concat(title&&_stylesModule.default.connectorTitle," ").concat(isCollapsed?_stylesModule.default.connectorCollapsed:_stylesModule.default.connector," ").concat(classes.connector)}),steps&&_react.default.createElement("div",{ref:el=>{el&&setHeight(el.getBoundingClientRect().height-45)}},null==steps?void 0:steps.map((step,index)=>{var _step$subSteps;return _react.default.createElement("div",{key:step.id},_react.default.createElement(_Step.default,{first:0===index,index:index,isActive:isActive,isCompleted:isCompleted,step:step,variant:variant,classes:classes}),isCollapsed&&_react.default.createElement("div",null,!(0,_isEmpty.default)(step.subSteps)&&(null===(_step$subSteps=step.subSteps)||void 0===_step$subSteps?void 0:_step$subSteps.map(subStep=>_react.default.createElement(_SubStep.default,_extends({key:subStep.id},subStep,{className:classes.subStep}))))))})))),(null==detailsTab?void 0:detailsTab.enabled)&&mode===_constants.CARD&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.detailButtonContainer," ").concat(classes.detailButtonContainer)},_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:_stylesModule.default.button,icon:_stylesModule.default.detailIcon,text:_stylesModule.default.text},Icon:isCollapsed?"IconChevronUp":"IconChevronDown",iconPlacement:"right",onClick:()=>setIsCollapsed(!isCollapsed),variant:"text"},detailsTab.title)))};UTTracker.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),currentStep:_propTypes.number,description:_propTypes.string,detailsTab:_propTypes2.DetailsTabPropTypes,mode:_propTypes2.ModePropTypes,steps:_propTypes2.StepsPropTypes,subtitle:_propTypes.string,title:_propTypes.string,variant:_propTypes2.VariantPropTypes};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTracker);