@widergy/energy-ui 3.172.2 → 3.172.3

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

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

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

@@ -1,17 +1 @@
-import { array, elementType, func, object, oneOfType, shape, string } from 'prop-types';
-export const classType = shape({
-  container: string,
-  notifications: string,
-  title: string,
-  userMenu: string,
-  userMenuAvatar: string,
-  userMenuArrow: string
-});
-export const avatarType = oneOfType([string, elementType, func]);
-export const iconType = oneOfType([elementType, func]);
-export const menuPropsType = shape({
-  ItemComponent: elementType.isRequired,
-  items: array.isRequired,
-  itemComponentProps: object,
-  LastItem: elementType
-});
+import{array,elementType,func,object,oneOfType,shape,string}from"prop-types";export const classType=shape({container:string,notifications:string,title:string,userMenu:string,userMenuAvatar:string,userMenuArrow:string});export const avatarType=oneOfType([string,elementType,func]);export const iconType=oneOfType([elementType,func]);export const menuPropsType=shape({ItemComponent:elementType.isRequired,items:array.isRequired,itemComponentProps:object,LastItem:elementType});

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

@@ -1,56 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState } from 'react';
-import { func, string, bool } from 'prop-types';
-import Ripple from '../UTRipple';
-import styles from './styles.module.scss';
-const UTTouchableWithoutFeedback = _ref => {
-  let {
-    children,
-    className,
-    containerSetter,
-    dataTestId,
-    disabled = false,
-    keyName,
-    onClick,
-    onMouseDown,
-    withRipple = false,
-    ...props
-  } = _ref;
-  const [buttonRef, setButtonRef] = 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.createElement("div", _extends({}, props, {
-    "aria-disabled": disabled,
-    className: "".concat(styles.container, " ").concat(className, " ").concat(disabled && styles.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.createElement(Ripple, {
-    elem: buttonRef,
-    withRipple: withRipple && !disabled
-  }));
-};
-UTTouchableWithoutFeedback.propTypes = {
-  className: string,
-  containerSetter: func,
-  dataTestId: string,
-  disabled: bool,
-  keyName: string,
-  onClick: func,
-  onMouseDown: func,
-  withRipple: bool
-};
-export default UTTouchableWithoutFeedback;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useState}from"react";import{func,string,bool}from"prop-types";import Ripple from"../UTRipple";import styles from"./styles.module.scss";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]=useState(null);return React.createElement("div",_extends({},props,{"aria-disabled":disabled,className:"".concat(styles.container," ").concat(className," ").concat(disabled&&styles.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.createElement(Ripple,{elem:buttonRef,withRipple:withRipple&&!disabled}))};UTTouchableWithoutFeedback.propTypes={className:string,containerSetter:func,dataTestId:string,disabled:bool,keyName:string,onClick:func,onMouseDown:func,withRipple:bool};export default UTTouchableWithoutFeedback;

package/dist/esm/components/UTTracker/components/Step/index.js

@@ -1,59 +1 @@
-import React from 'react';
-import { bool, func, object } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import { StepPropTypes, VariantPropTypes } from '../../propTypes';
-import UTIcon from '../../../UTIcon';
-import { ERROR } from '../../constants';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import { getLabelTheme } from '../../utils';
-import ownStyles from './styles.module.scss';
-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 = mergeClasses(classes, ownStyles);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "\n     ".concat(themedStyles.outerContainer, "\n      ").concat(stepActive && themedStyles.activeOuterContainer, "\n      ").concat(first && ownStyles.stepMargin, "\n    ")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: themedStyles.containerStep
-  }, /*#__PURE__*/React.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 === ERROR && classes.fullContainer, "\n      ")
-  }, /*#__PURE__*/React.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 === ERROR && /*#__PURE__*/React.createElement(UTIcon, {
-    colorTheme: "light",
-    name: "IconX",
-    size: ERROR_ICON_SIZE,
-    className: themedStyles.icon
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(themedStyles.textContainer, " ").concat(stepCompleted && themedStyles.completedOuterContainer)
-  }, step.title && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(stepCompleted ? themedStyles.completedTitleColor : stepActive ? themedStyles.activeTitleColor : themedStyles.titleColor),
-    colorTheme: stepActive ? getLabelTheme(variant) : 'dark',
-    variant: "small",
-    weight: "medium"
-  }, step.title), step.subtitle && /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(themedStyles.subtitleColor, " ").concat(themedStyles.subtitle)
-  }, step.subtitle), step.description && /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "small",
-    colorTheme: "gray",
-    className: themedStyles.description
-  }, step.description)));
-};
-Step.propTypes = {
-  classes: object,
-  first: bool,
-  isActive: func,
-  isCompleted: func,
-  step: StepPropTypes,
-  variant: VariantPropTypes
-};
-export default Step;
+import React from"react";import{bool,func,object}from"prop-types";import UTLabel from"../../../UTLabel";import{StepPropTypes,VariantPropTypes}from"../../propTypes";import UTIcon from"../../../UTIcon";import{ERROR}from"../../constants";import{mergeClasses}from"../../../../utils/classesUtils";import{getLabelTheme}from"../../utils";import ownStyles from"./styles.module.scss";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=mergeClasses(classes,ownStyles);return React.createElement("div",{className:"\n     ".concat(themedStyles.outerContainer,"\n      ").concat(stepActive&&themedStyles.activeOuterContainer,"\n      ").concat(first&&ownStyles.stepMargin,"\n    ")},React.createElement("div",{className:themedStyles.containerStep},React.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===ERROR&&classes.fullContainer,"\n      ")},React.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===ERROR&&React.createElement(UTIcon,{colorTheme:"light",name:"IconX",size:16,className:themedStyles.icon})))),React.createElement("div",{className:"".concat(themedStyles.textContainer," ").concat(stepCompleted&&themedStyles.completedOuterContainer)},step.title&&React.createElement(UTLabel,{className:"".concat(stepCompleted?themedStyles.completedTitleColor:stepActive?themedStyles.activeTitleColor:themedStyles.titleColor),colorTheme:stepActive?getLabelTheme(variant):"dark",variant:"small",weight:"medium"},step.title),step.subtitle&&React.createElement(UTLabel,{className:"".concat(themedStyles.subtitleColor," ").concat(themedStyles.subtitle)},step.subtitle),step.description&&React.createElement(UTLabel,{variant:"small",colorTheme:"gray",className:themedStyles.description},step.description)))};Step.propTypes={classes:object,first:bool,isActive:func,isCompleted:func,step:StepPropTypes,variant:VariantPropTypes};export default Step;

package/dist/esm/components/UTTracker/components/SubStep/index.js

@@ -1,31 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import merge from 'lodash/merge';
-import UTLabel from '../../../UTLabel';
-import ownStyles from './styles.module.scss';
-const SubStep = _ref => {
-  let {
-    style,
-    subtitle,
-    title
-  } = _ref;
-  const themedStyles = merge({}, ownStyles, style);
-  return /*#__PURE__*/React.createElement("div", {
-    className: themedStyles.container
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    className: themedStyles.titleColor,
-    variant: "small"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    className: themedStyles.subtitleColor,
-    variant: "small",
-    shade: "01"
-  }, subtitle));
-};
-SubStep.propTypes = {
-  style: string,
-  subtitle: string,
-  title: string
-};
-export default SubStep;
+import React from"react";import{string}from"prop-types";import merge from"lodash/merge";import UTLabel from"../../../UTLabel";import ownStyles from"./styles.module.scss";const SubStep=_ref=>{let{style:style,subtitle:subtitle,title:title}=_ref;const themedStyles=merge({},ownStyles,style);return React.createElement("div",{className:themedStyles.container},React.createElement(UTLabel,{colorTheme:"gray",className:themedStyles.titleColor,variant:"small"},title),React.createElement(UTLabel,{colorTheme:"gray",className:themedStyles.subtitleColor,variant:"small",shade:"01"},subtitle))};SubStep.propTypes={style:string,subtitle:string,title:string};export default SubStep;

package/dist/esm/components/UTTracker/constants.js

@@ -1,33 +1 @@
-export const CARD = 'card';
-export const FLAT = 'flat';
-export const STANDARD = 'standard';
-export const ERROR = 'error';
-export const OVAL_SIZE = 20;
-export const DETAILS_ICON_CARD_SIZE = 20;
-export const DETAILS_ICON_FLAT_SIZE = 24;
-export const ownModeStyles = {
-  [CARD]: {
-    container: {
-      backgroundColor: 'white',
-      elevation: 2,
-      shadowColor: 'black',
-      shadowOffset: {
-        height: 3,
-        width: 0
-      },
-      shadowOpacity: 0.1
-    }
-  },
-  [FLAT]: {
-    container: {
-      backgroundColor: 'transparent'
-    }
-  }
-};
-export const VARIANTS = {
-  error: 'error',
-  standar: 'standar'
-};
-export const DEFAULT_PROPS = {
-  variant: 'standar'
-};
+export const CARD="card";export const FLAT="flat";export const STANDARD="standard";export const ERROR="error";export const OVAL_SIZE=20;export const DETAILS_ICON_CARD_SIZE=20;export const DETAILS_ICON_FLAT_SIZE=24;export const ownModeStyles={[CARD]:{container:{backgroundColor:"white",elevation:2,shadowColor:"black",shadowOffset:{height:3,width:0},shadowOpacity:.1}},[FLAT]:{container:{backgroundColor:"transparent"}}};export const VARIANTS={error:"error",standar:"standar"};export const DEFAULT_PROPS={variant:"standar"};

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

@@ -1,111 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useMemo } from 'react';
-import { number, objectOf, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-import Step from './components/Step';
-import SubStep from './components/SubStep';
-import { DetailsTabPropTypes, ModePropTypes, StepsPropTypes, VariantPropTypes } from './propTypes';
-import { CARD, FLAT, STANDARD, ERROR } from './constants';
-const UTTracker = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    currentStep,
-    description,
-    detailsTab,
-    mode = CARD,
-    steps,
-    subtitle,
-    title,
-    variant = STANDARD
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const [height, setHeight] = useState(0);
-  const isCompleted = stepNumber => stepNumber < currentStep;
-  const isActive = stepNumber => stepNumber === currentStep;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.outerContainer)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.container, " ").concat(mode !== FLAT ? styles.container : styles.containerFlat, " ").concat(!detailsTab && styles.roundedBorders)
-  }, title && (mode === FLAT && detailsTab !== null && detailsTab !== void 0 && detailsTab.enabled ? /*#__PURE__*/React.createElement(UTButton, {
-    onClick: () => setIsCollapsed(!isCollapsed),
-    classNames: {
-      childrenContainer: styles.button,
-      root: styles.titleTouchable,
-      text: styles.text
-    },
-    variant: "text",
-    Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
-    iconPlacement: "right"
-  }, title) : /*#__PURE__*/React.createElement(UTLabel, {
-    weight: "medium",
-    variant: "subtitle1"
-  }, title)), /*#__PURE__*/React.createElement("div", null, (subtitle || description) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.subtitleAndDescription, " ").concat(mode === FLAT ? styles.paddingLeft : '', " ").concat(variant === ERROR ? classes.errorBanner : '')
-  }, subtitle && variant === ERROR && /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "small",
-    weight: "medium"
-  }, subtitle), description && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small"
-  }, description)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height
-    },
-    className: "".concat(title && styles.connectorTitle, " ").concat(isCollapsed ? styles.connectorCollapsed : styles.connector, " ").concat(classes.connector)
-  }), steps && /*#__PURE__*/React.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.createElement("div", {
-      key: step.id
-    }, /*#__PURE__*/React.createElement(Step, {
-      first: index === 0,
-      index,
-      isActive,
-      isCompleted,
-      step,
-      variant,
-      classes: classes
-    }), isCollapsed && /*#__PURE__*/React.createElement("div", null, !isEmpty(step.subSteps) && ((_step$subSteps = step.subSteps) === null || _step$subSteps === void 0 ? void 0 : _step$subSteps.map(subStep => /*#__PURE__*/React.createElement(SubStep, _extends({
-      key: subStep.id
-    }, subStep, {
-      className: classes.subStep
-    }))))));
-  })))), (detailsTab === null || detailsTab === void 0 ? void 0 : detailsTab.enabled) && mode === CARD && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.detailButtonContainer, " ").concat(classes.detailButtonContainer)
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      childrenContainer: styles.button,
-      icon: styles.detailIcon,
-      text: styles.text
-    },
-    Icon: isCollapsed ? 'IconChevronUp' : 'IconChevronDown',
-    iconPlacement: "right",
-    onClick: () => setIsCollapsed(!isCollapsed),
-    variant: "text"
-  }, detailsTab.title)));
-};
-UTTracker.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  currentStep: number,
-  description: string,
-  detailsTab: DetailsTabPropTypes,
-  mode: ModePropTypes,
-  steps: StepsPropTypes,
-  subtitle: string,
-  title: string,
-  variant: VariantPropTypes
-};
-export default WithTheme(retrieveStyle)(UTTracker);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useState,useMemo}from"react";import{number,objectOf,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";import Step from"./components/Step";import SubStep from"./components/SubStep";import{DetailsTabPropTypes,ModePropTypes,StepsPropTypes,VariantPropTypes}from"./propTypes";import{CARD,FLAT,STANDARD,ERROR}from"./constants";const UTTracker=_ref=>{let{classes:themeClasses={},classNames:classNames,currentStep:currentStep,description:description,detailsTab:detailsTab,mode:mode=CARD,steps:steps,subtitle:subtitle,title:title,variant:variant=STANDARD}=_ref;const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),[isCollapsed,setIsCollapsed]=useState(!1),[height,setHeight]=useState(0),isCompleted=stepNumber=>stepNumber<currentStep,isActive=stepNumber=>stepNumber===currentStep;return React.createElement("div",{className:"".concat(classes.outerContainer)},React.createElement("div",{className:"".concat(classes.container," ").concat(mode!==FLAT?styles.container:styles.containerFlat," ").concat(!detailsTab&&styles.roundedBorders)},title&&(mode===FLAT&&null!=detailsTab&&detailsTab.enabled?React.createElement(UTButton,{onClick:()=>setIsCollapsed(!isCollapsed),classNames:{childrenContainer:styles.button,root:styles.titleTouchable,text:styles.text},variant:"text",Icon:isCollapsed?"IconChevronUp":"IconChevronDown",iconPlacement:"right"},title):React.createElement(UTLabel,{weight:"medium",variant:"subtitle1"},title)),React.createElement("div",null,(subtitle||description)&&React.createElement("div",{className:"".concat(styles.subtitleAndDescription," ").concat(mode===FLAT?styles.paddingLeft:""," ").concat(variant===ERROR?classes.errorBanner:"")},subtitle&&variant===ERROR&&React.createElement(UTLabel,{variant:"small",weight:"medium"},subtitle),description&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},description)),React.createElement("div",{style:{height:height},className:"".concat(title&&styles.connectorTitle," ").concat(isCollapsed?styles.connectorCollapsed:styles.connector," ").concat(classes.connector)}),steps&&React.createElement("div",{ref:el=>{el&&setHeight(el.getBoundingClientRect().height-45)}},null==steps?void 0:steps.map((step,index)=>{var _step$subSteps;return React.createElement("div",{key:step.id},React.createElement(Step,{first:0===index,index:index,isActive:isActive,isCompleted:isCompleted,step:step,variant:variant,classes:classes}),isCollapsed&&React.createElement("div",null,!isEmpty(step.subSteps)&&(null===(_step$subSteps=step.subSteps)||void 0===_step$subSteps?void 0:_step$subSteps.map(subStep=>React.createElement(SubStep,_extends({key:subStep.id},subStep,{className:classes.subStep}))))))})))),(null==detailsTab?void 0:detailsTab.enabled)&&mode===CARD&&React.createElement("div",{className:"".concat(styles.detailButtonContainer," ").concat(classes.detailButtonContainer)},React.createElement(UTButton,{classNames:{childrenContainer:styles.button,icon:styles.detailIcon,text:styles.text},Icon:isCollapsed?"IconChevronUp":"IconChevronDown",iconPlacement:"right",onClick:()=>setIsCollapsed(!isCollapsed),variant:"text"},detailsTab.title)))};UTTracker.propTypes={classes:objectOf(string),classNames:objectOf(string),currentStep:number,description:string,detailsTab:DetailsTabPropTypes,mode:ModePropTypes,steps:StepsPropTypes,subtitle:string,title:string,variant:VariantPropTypes};export default WithTheme(retrieveStyle)(UTTracker);

package/dist/esm/components/UTTracker/propTypes.js

@@ -1,20 +1 @@
-import { arrayOf, bool, number, oneOf, shape, string } from 'prop-types';
-import { CARD, ERROR, FLAT, STANDARD } from './constants';
-export const SubStepPropTypes = shape({
-  id: number,
-  subtitle: string,
-  title: string
-});
-export const StepPropTypes = shape({
-  id: number,
-  subSteps: arrayOf(SubStepPropTypes),
-  subtitle: string,
-  title: string
-});
-export const StepsPropTypes = arrayOf(StepPropTypes);
-export const DetailsTabPropTypes = shape({
-  enabled: bool,
-  title: string
-});
-export const ModePropTypes = oneOf([CARD, FLAT]);
-export const VariantPropTypes = oneOf([STANDARD, ERROR]);
+import{arrayOf,bool,number,oneOf,shape,string}from"prop-types";import{CARD,ERROR,FLAT,STANDARD}from"./constants";export const SubStepPropTypes=shape({id:number,subtitle:string,title:string});export const StepPropTypes=shape({id:number,subSteps:arrayOf(SubStepPropTypes),subtitle:string,title:string});export const StepsPropTypes=arrayOf(StepPropTypes);export const DetailsTabPropTypes=shape({enabled:bool,title:string});export const ModePropTypes=oneOf([CARD,FLAT]);export const VariantPropTypes=oneOf([STANDARD,ERROR]);

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

@@ -1,89 +1 @@
-import { VARIANTS } from './constants';
-import { getVariant } from './utils';
-const getBorderColor = _ref => {
-  var _theme$Palette$action, _theme$Palette$accent;
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant === VARIANTS.error ? "".concat(theme.Palette.error['04'], " !important") : "".concat(((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']) || ((_theme$Palette$accent = theme.Palette.accent) === null || _theme$Palette$accent === void 0 ? void 0 : _theme$Palette$accent['04']), " !important");
-};
-const getBorderLightColor = _ref2 => {
-  var _theme$Palette$action2, _theme$Palette$accent2;
-  let {
-    theme,
-    variant
-  } = _ref2;
-  return variant === VARIANTS.error ? "".concat(theme.Palette.error['04'], " !important") : "".concat(((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['04']) || ((_theme$Palette$accent2 = theme.Palette.accent) === null || _theme$Palette$accent2 === void 0 ? void 0 : _theme$Palette$accent2['04']), " !important");
-};
-export const retrieveStyle = _ref3 => {
-  let {
-    theme,
-    variant
-  } = _ref3;
-  const variantTheme = getVariant(variant);
-  return {
-    activeContainer: {
-      borderColor: getBorderColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    activeInnerContainer: {
-      backgroundColor: getBorderColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    completedContainer: {
-      borderColor: getBorderColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    completedInnerContainer: {
-      backgroundColor: getBorderColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    completedOuterContainer: {
-      opacity: 0.5
-    },
-    fullContainer: {
-      backgroundColor: getBorderColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    container: {
-      backgroundColor: theme.Palette.light['01']
-    },
-    connector: {
-      borderLeft: "2px dashed ".concat(theme.Palette.gray['04'])
-    },
-    detailButtonContainer: {
-      backgroundColor: theme.Palette.light['01'],
-      borderTop: "1px solid ".concat(theme.Palette.light['04'])
-    },
-    containerStep: {
-      backgroundColor: theme.Palette.light['01'],
-      borderColor: theme.Palette.gray['04']
-    },
-    innerContainer: {
-      backgroundColor: theme.Palette.light['01']
-    },
-    completedLight: {
-      borderColor: getBorderLightColor({
-        theme,
-        variant: variantTheme
-      }),
-      opacity: 0.5
-    },
-    errorBanner: {
-      backgroundColor: theme.Palette.error['01'],
-      borderRadius: 4,
-      padding: 8
-    }
-  };
-};
+import{VARIANTS}from"./constants";import{getVariant}from"./utils";const getBorderColor=_ref=>{var _theme$Palette$action,_theme$Palette$accent;let{theme:theme,variant:variant}=_ref;return variant===VARIANTS.error?"".concat(theme.Palette.error["04"]," !important"):"".concat((null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action.accent["04"])||(null===(_theme$Palette$accent=theme.Palette.accent)||void 0===_theme$Palette$accent?void 0:_theme$Palette$accent["04"])," !important")},getBorderLightColor=_ref2=>{var _theme$Palette$action2,_theme$Palette$accent2;let{theme:theme,variant:variant}=_ref2;return variant===VARIANTS.error?"".concat(theme.Palette.error["04"]," !important"):"".concat((null===(_theme$Palette$action2=theme.Palette.actions)||void 0===_theme$Palette$action2?void 0:_theme$Palette$action2.accent["04"])||(null===(_theme$Palette$accent2=theme.Palette.accent)||void 0===_theme$Palette$accent2?void 0:_theme$Palette$accent2["04"])," !important")};export const retrieveStyle=_ref3=>{let{theme:theme,variant:variant}=_ref3;const variantTheme=getVariant(variant);return{activeContainer:{borderColor:getBorderColor({theme:theme,variant:variantTheme})},activeInnerContainer:{backgroundColor:getBorderColor({theme:theme,variant:variantTheme})},completedContainer:{borderColor:getBorderColor({theme:theme,variant:variantTheme})},completedInnerContainer:{backgroundColor:getBorderColor({theme:theme,variant:variantTheme})},completedOuterContainer:{opacity:.5},fullContainer:{backgroundColor:getBorderColor({theme:theme,variant:variantTheme})},container:{backgroundColor:theme.Palette.light["01"]},connector:{borderLeft:"2px dashed ".concat(theme.Palette.gray["04"])},detailButtonContainer:{backgroundColor:theme.Palette.light["01"],borderTop:"1px solid ".concat(theme.Palette.light["04"])},containerStep:{backgroundColor:theme.Palette.light["01"],borderColor:theme.Palette.gray["04"]},innerContainer:{backgroundColor:theme.Palette.light["01"]},completedLight:{borderColor:getBorderLightColor({theme:theme,variant:variantTheme}),opacity:.5},errorBanner:{backgroundColor:theme.Palette.error["01"],borderRadius:4,padding:8}}};

package/dist/esm/components/UTTracker/utils.js

@@ -1,7 +1 @@
-import { DEFAULT_PROPS, FLAT, VARIANTS } from './constants';
-export const getVariant = variant => VARIANTS[variant] || VARIANTS[DEFAULT_PROPS.variant];
-export const getLabelTheme = variant => ({
-  [VARIANTS.error]: 'error',
-  [VARIANTS.standar]: 'accent'
-})[getVariant(variant)];
-export const getContainerStyle = mode => mode === FLAT ? 'transparent' : 'white';
+import{DEFAULT_PROPS,FLAT,VARIANTS}from"./constants";export const getVariant=variant=>VARIANTS[variant]||VARIANTS[DEFAULT_PROPS.variant];export const getLabelTheme=variant=>({[VARIANTS.error]:"error",[VARIANTS.standar]:"accent"}[getVariant(variant)]);export const getContainerStyle=mode=>mode===FLAT?"transparent":"white";

package/dist/esm/components/UTValidation/constants.js

@@ -1,21 +1 @@
-export const STATUSES = {
-  success: 'success',
-  error: 'error',
-  default: 'default'
-};
-export const ICON_STATUS_COLOR_MAPPER = {
-  [STATUSES.success]: 'success',
-  [STATUSES.error]: 'error',
-  [STATUSES.default]: 'light'
-};
-export const STATUS_COLOR_MAPPER = {
-  [STATUSES.success]: 'success',
-  [STATUSES.error]: 'error',
-  [STATUSES.default]: 'gray'
-};
-export const ICON_MAPPER = {
-  [STATUSES.success]: 'IconCheck',
-  [STATUSES.error]: 'IconX'
-};
-export const STATUSES_WITH_ICON = [STATUSES.success, STATUSES.error];
-export const ICON_SIZE = 15;
+export const STATUSES={success:"success",error:"error",default:"default"};export const ICON_STATUS_COLOR_MAPPER={[STATUSES.success]:"success",[STATUSES.error]:"error",[STATUSES.default]:"light"};export const STATUS_COLOR_MAPPER={[STATUSES.success]:"success",[STATUSES.error]:"error",[STATUSES.default]:"gray"};export const ICON_MAPPER={[STATUSES.success]:"IconCheck",[STATUSES.error]:"IconX"};export const STATUSES_WITH_ICON=[STATUSES.success,STATUSES.error];export const ICON_SIZE=15;