@widergy/energy-ui 3.173.2 → 3.173.4

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(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_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=e=>{let{children:t,className:n,containerSetter:o,dataTestId:a,disabled:s=!1,keyName:l,onClick:i,onMouseDown:r,withRipple:c=!1,...d}=e;const[p,u]=useState(null);return React.createElement("div",_extends({},d,{"aria-disabled":s,className:"".concat(styles.container," ").concat(n," ").concat(s&&styles.disabled),"data-testid":a,key:l,onMouseDown:r?e=>{e.preventDefault(),s||r(e)}:void 0,onClick:i?e=>{s||i(e)}:void 0,ref:e=>{u(e),o&&o(e)},role:"button",tabIndex:s?-1:0}),t,React.createElement(Ripple,{elem:p,withRipple:c&&!s}))};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=e=>{let{first:t,isActive:a,isCompleted:n,step:c,classes:o={},variant:r}=e;const i=n(c.id),s=a(c.id),l=mergeClasses(o,ownStyles);return React.createElement("div",{className:"\n     ".concat(l.outerContainer,"\n      ").concat(s&&l.activeOuterContainer,"\n      ").concat(t&&ownStyles.stepMargin,"\n    ")},React.createElement("div",{className:l.containerStep},React.createElement("div",{className:"\n        ".concat(l.container,"\n        ").concat(o.containerStep,"\n        ").concat(i&&o.completedLight,"\n        ").concat(s&&o.activeContainer,"\n        ").concat(s&&r===ERROR&&o.fullContainer,"\n      ")},React.createElement("div",{className:"\n          ".concat(l.innerContainer,"\n          ").concat(o.innerContainer,"\n          ").concat(i&&o.completedInnerContainer,"\n          ").concat(s&&o.activeInnerContainer,"\n          ").concat(i&&l.completedOuterContainer,"\n        ")},s&&r===ERROR&&React.createElement(UTIcon,{colorTheme:"light",name:"IconX",size:16,className:l.icon})))),React.createElement("div",{className:"".concat(l.textContainer," ").concat(i&&l.completedOuterContainer)},c.title&&React.createElement(UTLabel,{className:"".concat(i?l.completedTitleColor:s?l.activeTitleColor:l.titleColor),colorTheme:s?getLabelTheme(r):"dark",variant:"small",weight:"medium"},c.title),c.subtitle&&React.createElement(UTLabel,{className:"".concat(l.subtitleColor," ").concat(l.subtitle)},c.subtitle),c.description&&React.createElement(UTLabel,{variant:"small",colorTheme:"gray",className:l.description},c.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=e=>{let{style:t,subtitle:r,title:l}=e;const a=merge({},ownStyles,t);return React.createElement("div",{className:a.container},React.createElement(UTLabel,{colorTheme:"gray",className:a.titleColor,variant:"small"},l),React.createElement(UTLabel,{colorTheme:"gray",className:a.subtitleColor,variant:"small",shade:"01"},r))};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(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)({}).hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e},_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=e=>{let{classes:t={},classNames:s,currentStep:n,description:a,detailsTab:r,mode:o=CARD,steps:c,subtitle:l,title:i,variant:m=STANDARD}=e;const p=useMemo(()=>mergeClasses(t,s),[s]),[d,u]=useState(!1),[T,y]=useState(0),b=e=>e<n,v=e=>e===n;return React.createElement("div",{className:"".concat(p.outerContainer)},React.createElement("div",{className:"".concat(p.container," ").concat(o!==FLAT?styles.container:styles.containerFlat," ").concat(!r&&styles.roundedBorders)},i&&(o===FLAT&&null!=r&&r.enabled?React.createElement(UTButton,{onClick:()=>u(!d),classNames:{childrenContainer:styles.button,root:styles.titleTouchable,text:styles.text},variant:"text",Icon:d?"IconChevronUp":"IconChevronDown",iconPlacement:"right"},i):React.createElement(UTLabel,{weight:"medium",variant:"subtitle1"},i)),React.createElement("div",null,(l||a)&&React.createElement("div",{className:"".concat(styles.subtitleAndDescription," ").concat(o===FLAT?styles.paddingLeft:""," ").concat(m===ERROR?p.errorBanner:"")},l&&m===ERROR&&React.createElement(UTLabel,{variant:"small",weight:"medium"},l),a&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small"},a)),React.createElement("div",{style:{height:T},className:"".concat(i&&styles.connectorTitle," ").concat(d?styles.connectorCollapsed:styles.connector," ").concat(p.connector)}),c&&React.createElement("div",{ref:e=>{e&&y(e.getBoundingClientRect().height-45)}},null==c?void 0:c.map((e,t)=>{var s;return React.createElement("div",{key:e.id},React.createElement(Step,{first:0===t,index:t,isActive:v,isCompleted:b,step:e,variant:m,classes:p}),d&&React.createElement("div",null,!isEmpty(e.subSteps)&&(null===(s=e.subSteps)||void 0===s?void 0:s.map(e=>React.createElement(SubStep,_extends({key:e.id},e,{className:p.subStep}))))))})))),(null==r?void 0:r.enabled)&&o===CARD&&React.createElement("div",{className:"".concat(styles.detailButtonContainer," ").concat(p.detailButtonContainer)},React.createElement(UTButton,{classNames:{childrenContainer:styles.button,icon:styles.detailIcon,text:styles.text},Icon:d?"IconChevronUp":"IconChevronDown",iconPlacement:"right",onClick:()=>u(!d),variant:"text"},r.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=t=>{var r,e;let{theme:o,variant:a}=t;return a===VARIANTS.error?"".concat(o.Palette.error["04"]," !important"):"".concat((null===(r=o.Palette.actions)||void 0===r?void 0:r.accent["04"])||(null===(e=o.Palette.accent)||void 0===e?void 0:e["04"])," !important")},getBorderLightColor=t=>{var r,e;let{theme:o,variant:a}=t;return a===VARIANTS.error?"".concat(o.Palette.error["04"]," !important"):"".concat((null===(r=o.Palette.actions)||void 0===r?void 0:r.accent["04"])||(null===(e=o.Palette.accent)||void 0===e?void 0:e["04"])," !important")};export const retrieveStyle=t=>{let{theme:r,variant:e}=t;const o=getVariant(e);return{activeContainer:{borderColor:getBorderColor({theme:r,variant:o})},activeInnerContainer:{backgroundColor:getBorderColor({theme:r,variant:o})},completedContainer:{borderColor:getBorderColor({theme:r,variant:o})},completedInnerContainer:{backgroundColor:getBorderColor({theme:r,variant:o})},completedOuterContainer:{opacity:.5},fullContainer:{backgroundColor:getBorderColor({theme:r,variant:o})},container:{backgroundColor:r.Palette.light["01"]},connector:{borderLeft:"2px dashed ".concat(r.Palette.gray["04"])},detailButtonContainer:{backgroundColor:r.Palette.light["01"],borderTop:"1px solid ".concat(r.Palette.light["04"])},containerStep:{backgroundColor:r.Palette.light["01"],borderColor:r.Palette.gray["04"]},innerContainer:{backgroundColor:r.Palette.light["01"]},completedLight:{borderColor:getBorderLightColor({theme:r,variant:o}),opacity:.5},errorBanner:{backgroundColor:r.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=t=>VARIANTS[t]||VARIANTS[DEFAULT_PROPS.variant];export const getLabelTheme=t=>({[VARIANTS.error]:"error",[VARIANTS.standar]:"accent"}[getVariant(t)]);export const getContainerStyle=t=>t===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;

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

@@ -1,82 +1 @@
-import React from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { arrayOf, bool, objectOf, shape, string } from 'prop-types';
-import { capitalize } from '../../utils/componentUtils';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { ICON_MAPPER, ICON_SIZE, STATUS_COLOR_MAPPER, STATUSES_WITH_ICON, STATUSES } from './constants';
-import { generateItemKey, generateKey } from './utils';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const UTValidation = _ref => {
-  let {
-    classes,
-    className,
-    dataTestId,
-    validationData = []
-  } = _ref;
-  if (isEmpty(validationData)) return null;
-  const showIcon = status => STATUSES_WITH_ICON.includes(status);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(className, " ").concat(styles.container)
-  }, validationData.map((_ref2, index) => {
-    let {
-      items,
-      status = STATUSES.default,
-      title
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: generateKey({
-        items,
-        status,
-        title
-      }, index),
-      className: styles.validationContainer
-    }, title && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: STATUS_COLOR_MAPPER[status],
-      variant: "small"
-    }, title), /*#__PURE__*/React.createElement("div", {
-      className: styles.itemsContainer
-    }, items.map((_ref3, itemIndex) => {
-      let {
-        text,
-        status: itemStatus = STATUSES.default,
-        withIcon = true
-      } = _ref3;
-      return /*#__PURE__*/React.createElement("div", {
-        key: generateItemKey({
-          text,
-          status: itemStatus
-        }, itemIndex),
-        className: styles.itemContainer,
-        "data-testid": "".concat(dataTestId, ".").concat(index, ".").concat(itemIndex)
-      }, withIcon && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(styles.iconContainer, " ").concat(classes["icon".concat(capitalize(itemStatus))])
-      }, showIcon(itemStatus) && /*#__PURE__*/React.createElement(UTIcon, {
-        colorTheme: itemStatus,
-        name: ICON_MAPPER[itemStatus],
-        size: ICON_SIZE
-      })), /*#__PURE__*/React.createElement(UTLabel, {
-        colorTheme: STATUS_COLOR_MAPPER[itemStatus],
-        variant: "small"
-      }, text));
-    })));
-  }));
-};
-export const validationDataProptypes = arrayOf(shape({
-  items: arrayOf(shape({
-    status: string,
-    text: string,
-    withIcon: bool
-  })),
-  status: string,
-  title: string
-}));
-UTValidation.propTypes = {
-  classes: objectOf(string),
-  className: string,
-  dataTestId: string,
-  validationData: validationDataProptypes
-};
-export default WithTheme(retrieveStyle)(UTValidation);
+import React from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,objectOf,shape,string}from"prop-types";import{capitalize}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{ICON_MAPPER,ICON_SIZE,STATUS_COLOR_MAPPER,STATUSES_WITH_ICON,STATUSES}from"./constants";import{generateItemKey,generateKey}from"./utils";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTValidation=t=>{let{classes:e,className:a,dataTestId:s,validationData:i=[]}=t;if(isEmpty(i))return null;return React.createElement("div",{className:"".concat(a," ").concat(styles.container)},i.map((t,a)=>{let{items:i,status:r=STATUSES.default,title:o}=t;return React.createElement("div",{key:generateKey({items:i,status:r,title:o},a),className:styles.validationContainer},o&&React.createElement(UTLabel,{colorTheme:STATUS_COLOR_MAPPER[r],variant:"small"},o),React.createElement("div",{className:styles.itemsContainer},i.map((t,i)=>{let{text:r,status:o=STATUSES.default,withIcon:n=!0}=t;return React.createElement("div",{key:generateItemKey({text:r,status:o},i),className:styles.itemContainer,"data-testid":"".concat(s,".").concat(a,".").concat(i)},n&&React.createElement("div",{className:"".concat(styles.iconContainer," ").concat(e["icon".concat(capitalize(o))])},(t=>STATUSES_WITH_ICON.includes(t))(o)&&React.createElement(UTIcon,{colorTheme:o,name:ICON_MAPPER[o],size:ICON_SIZE})),React.createElement(UTLabel,{colorTheme:STATUS_COLOR_MAPPER[o],variant:"small"},r))})))}))};export const validationDataProptypes=arrayOf(shape({items:arrayOf(shape({status:string,text:string,withIcon:bool})),status:string,title:string}));UTValidation.propTypes={classes:objectOf(string),className:string,dataTestId:string,validationData:validationDataProptypes};export default WithTheme(retrieveStyle)(UTValidation);

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

@@ -1,18 +1 @@
-import { STATUSES, ICON_STATUS_COLOR_MAPPER } from './constants';
-const variantsColorTheme = (colorTheme, theme) => theme.Palette[colorTheme];
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    iconSuccess: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.success], theme)['01']
-    },
-    iconError: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.error], theme)['01']
-    },
-    iconDefault: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.default], theme)['04']
-    }
-  };
-};
+import{STATUSES,ICON_STATUS_COLOR_MAPPER}from"./constants";const variantsColorTheme=(o,r)=>r.Palette[o];export const retrieveStyle=o=>{let{theme:r}=o;return{iconSuccess:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.success],r)["01"]},iconError:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.error],r)["01"]},iconDefault:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.default],r)["04"]}}};

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

@@ -1,14 +1 @@
-export const generateKey = (data, index) => {
-  const titleKey = data.title || '';
-  const statusKey = data.status || '';
-  const itemsKey = data.items.map(item => item.text).join('-');
-  return "".concat(index, "-").concat(titleKey, "-").concat(statusKey, "-").concat(itemsKey);
-};
-export const generateItemKey = (item, index) => "".concat(index, "-").concat(item.status, "-").concat(item.text);
-export const formatErrorToValidation = (error, options) => [{
-  items: [{
-    text: error,
-    status: 'error',
-    withIcon: options === null || options === void 0 ? void 0 : options.withIcon
-  }]
-}];
+export const generateKey=(t,o)=>{const c=t.title||"",e=t.status||"",n=t.items.map(t=>t.text).join("-");return"".concat(o,"-").concat(c,"-").concat(e,"-").concat(n)};export const generateItemKey=(t,o)=>"".concat(o,"-").concat(t.status,"-").concat(t.text);export const formatErrorToValidation=(t,o)=>[{items:[{text:t,status:"error",withIcon:null==o?void 0:o.withIcon}]}];