@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,119 +1 @@
-import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { bool, func, objectOf, string, array, oneOf } from 'prop-types';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import isEmpty from 'lodash/isEmpty';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import StepImage from './components/StepImage';
-import { retrieveStyle } from './theme';
-import { getLabelTheme, getButtonTheme, getButtonMinimizedTheme } from './utils';
-import styles from './styles.module.scss';
-import { ACTIONS } from './constants';
-const UTWizard = _ref => {
-  var _subSteps$currentSubs;
-  let {
-    classes: themeClasses,
-    classNames,
-    enabled,
-    handleOnClick,
-    openByDefault = true,
-    subSteps = [],
-    variant
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const [currentSubstep, updateSubstep] = useReducer((state, action) => {
-    switch (action) {
-      case ACTIONS.RESET:
-        return 0;
-      case ACTIONS.PREVIOUS:
-        return state - 1;
-      case ACTIONS.NEXT:
-        return state + 1;
-      default:
-        return state;
-    }
-  }, 0);
-  const stepEnabled = enabled && !isEmpty(subSteps[currentSubstep]);
-  const {
-    title,
-    description,
-    image
-  } = (_subSteps$currentSubs = subSteps[currentSubstep]) !== null && _subSteps$currentSubs !== void 0 ? _subSteps$currentSubs : {};
-  const [isOpen, setIsOpen] = useState(openByDefault);
-  useEffect(() => {
-    updateSubstep(ACTIONS.RESET);
-  }, [enabled, subSteps]);
-  return stepEnabled ? isOpen ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.container, " ").concat(styles.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.content
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.titleContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.grow,
-    colorTheme: getLabelTheme(variant),
-    weight: "medium",
-    withMarkdown: true
-  }, title), /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    Icon: "IconChevronDown",
-    onClick: () => setIsOpen(false),
-    size: "small",
-    variant: "text"
-  }), /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    Icon: "IconX",
-    onClick: handleOnClick,
-    size: "small",
-    variant: "text"
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "small",
-    colorTheme: getLabelTheme(variant),
-    withMarkdown: true
-  }, description)), image && /*#__PURE__*/React.createElement(StepImage, {
-    Image: image
-  }), subSteps.length > 1 && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.grow,
-    colorTheme: getLabelTheme(variant),
-    variant: "small",
-    withMarkdown: true
-  }, "".concat(currentSubstep + 1, " de ").concat(subSteps.length)), currentSubstep > 0 && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    onClick: () => updateSubstep(ACTIONS.PREVIOUS),
-    size: "small",
-    variant: "text",
-    weight: "medium"
-  }, "Atr\xE1s"), currentSubstep < subSteps.length - 1 && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    onClick: () => updateSubstep(ACTIONS.NEXT),
-    size: "small",
-    variant: "filled",
-    weight: "medium"
-  }, "Siguiente")))) : /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.buttonContainer, " ").concat(styles.buttonContainer)
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    size: "small",
-    classNames: {
-      root: "".concat(styles.button, " ").concat(classes.buttonStyle)
-    },
-    onClick: () => setIsOpen(true),
-    colorTheme: getButtonMinimizedTheme(variant),
-    Icon: "IconQuestionMark"
-  })) : null;
-};
-UTWizard.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  enabled: oneOf(bool, string),
-  handleOnClick: func,
-  openByDefault: bool,
-  subSteps: array,
-  variant: string
-};
-export default WithTheme(retrieveStyle)(UTWizard);
+import React,{useEffect,useMemo,useReducer,useState}from"react";import{bool,func,objectOf,string,array,oneOf}from"prop-types";import"react-perfect-scrollbar/dist/css/styles.css";import isEmpty from"lodash/isEmpty";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import StepImage from"./components/StepImage";import{retrieveStyle}from"./theme";import{getLabelTheme,getButtonTheme,getButtonMinimizedTheme}from"./utils";import styles from"./styles.module.scss";import{ACTIONS}from"./constants";const UTWizard=e=>{var t;let{classes:a,classNames:o,enabled:s,handleOnClick:n,openByDefault:l=!0,subSteps:r=[],variant:c}=e;const m=useMemo(()=>mergeClasses(a,o),[o]),[i,u]=useReducer((e,t)=>{switch(t){case ACTIONS.RESET:return 0;case ACTIONS.PREVIOUS:return e-1;case ACTIONS.NEXT:return e+1;default:return e}},0),T=s&&!isEmpty(r[i]),{title:h,description:d,image:p}=null!==(t=r[i])&&void 0!==t?t:{},[g,f]=useState(l);return useEffect(()=>{u(ACTIONS.RESET)},[s,r]),T?g?React.createElement("div",{className:"".concat(m.container," ").concat(styles.container)},React.createElement("div",{className:styles.content},React.createElement("div",{className:styles.header},React.createElement("div",{className:styles.titleContainer},React.createElement(UTLabel,{className:styles.grow,colorTheme:getLabelTheme(c),weight:"medium",withMarkdown:!0},h),React.createElement(UTButton,{colorTheme:getButtonTheme(c),Icon:"IconChevronDown",onClick:()=>f(!1),size:"small",variant:"text"}),React.createElement(UTButton,{colorTheme:getButtonTheme(c),Icon:"IconX",onClick:n,size:"small",variant:"text"})),React.createElement(UTLabel,{variant:"small",colorTheme:getLabelTheme(c),withMarkdown:!0},d)),p&&React.createElement(StepImage,{Image:p}),r.length>1&&React.createElement("div",{className:styles.footer},React.createElement(UTLabel,{className:styles.grow,colorTheme:getLabelTheme(c),variant:"small",withMarkdown:!0},"".concat(i+1," de ").concat(r.length)),i>0&&React.createElement(UTButton,{colorTheme:getButtonTheme(c),onClick:()=>u(ACTIONS.PREVIOUS),size:"small",variant:"text",weight:"medium"},"Atrás"),i<r.length-1&&React.createElement(UTButton,{colorTheme:getButtonTheme(c),onClick:()=>u(ACTIONS.NEXT),size:"small",variant:"filled",weight:"medium"},"Siguiente")))):React.createElement("div",{className:"".concat(m.buttonContainer," ").concat(styles.buttonContainer)},React.createElement(UTButton,{size:"small",classNames:{root:"".concat(styles.button," ").concat(m.buttonStyle)},onClick:()=>f(!0),colorTheme:getButtonMinimizedTheme(c),Icon:"IconQuestionMark"})):null};UTWizard.propTypes={classes:objectOf(string),classNames:objectOf(string),enabled:oneOf(bool,string),handleOnClick:func,openByDefault:bool,subSteps:array,variant:string};export default WithTheme(retrieveStyle)(UTWizard);

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

@@ -1,30 +1 @@
-import { VARIANTS } from './constants';
-import { getVariant } from './utils';
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant === VARIANTS.light ? theme.Palette.light['01'] : theme.Palette[variant]['05'];
-};
-export const retrieveStyle = _ref2 => {
-  let {
-    theme,
-    variant
-  } = _ref2;
-  const variantTheme = getVariant(variant);
-  return {
-    container: {
-      backgroundColor: getBackgroundColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    buttonStyle: {
-      backgroundColor: "".concat(getBackgroundColor({
-        theme,
-        variant: variantTheme
-      }), " !important")
-    }
-  };
-};
+import{VARIANTS}from"./constants";import{getVariant}from"./utils";const getBackgroundColor=t=>{let{theme:r,variant:e}=t;return e===VARIANTS.light?r.Palette.light["01"]:r.Palette[e]["05"]};export const retrieveStyle=t=>{let{theme:r,variant:e}=t;const o=getVariant(e);return{container:{backgroundColor:getBackgroundColor({theme:r,variant:o})},buttonStyle:{backgroundColor:"".concat(getBackgroundColor({theme:r,variant:o})," !important")}}};

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

@@ -1,17 +1 @@
-import { DEFAULT_PROPS, VARIANTS } from './constants';
-export const getVariant = variant => VARIANTS[variant] || VARIANTS[DEFAULT_PROPS.variant];
-export const getLabelTheme = variant => ({
-  [VARIANTS.dark]: 'light',
-  [VARIANTS.information]: 'light',
-  [VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-export const getButtonTheme = variant => ({
-  [VARIANTS.dark]: 'negative',
-  [VARIANTS.information]: 'negative',
-  [VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-export const getButtonMinimizedTheme = variant => ({
-  [VARIANTS.dark]: 'secondary',
-  [VARIANTS.information]: 'secondary',
-  [VARIANTS.light]: 'negative'
-})[getVariant(variant)];
+import{DEFAULT_PROPS,VARIANTS}from"./constants";export const getVariant=t=>VARIANTS[t]||VARIANTS[DEFAULT_PROPS.variant];export const getLabelTheme=t=>({[VARIANTS.dark]:"light",[VARIANTS.information]:"light",[VARIANTS.light]:"dark"}[getVariant(t)]);export const getButtonTheme=t=>({[VARIANTS.dark]:"negative",[VARIANTS.information]:"negative",[VARIANTS.light]:"dark"}[getVariant(t)]);export const getButtonMinimizedTheme=t=>({[VARIANTS.dark]:"secondary",[VARIANTS.information]:"secondary",[VARIANTS.light]:"negative"}[getVariant(t)]);

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

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTWorkflowContainer = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTWorkflowContainer.propTypes = {
-  version: string
-};
-export default UTWorkflowContainer;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTWorkflowContainer=r=>{let{version:o="V0",...t}=r;const e={V0:V0,V1:V1}[o];return React.createElement(e,t)};UTWorkflowContainer.propTypes={version:string};export default UTWorkflowContainer;

package/dist/esm/components/UTWorkflowContainer/versions/V0/components/ActionButton/index.js

@@ -1,36 +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, { isValidElement, cloneElement } from 'react';
-import { string, object, bool } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import { buttonTypes } from '../../types';
-import styles from './styles.module.scss';
-const ActionButton = _ref => {
-  var _button$buttonProps;
-  let {
-    button,
-    className,
-    children,
-    isHidden,
-    buttonProps
-  } = _ref;
-  return /*#__PURE__*/isValidElement(button) ? (/*#__PURE__*/cloneElement(button, {
-    className: "".concat(button.props.className, " ").concat(isHidden && styles.hiddenButton)
-  })) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: button.dataTestId,
-    disabled: button.disabled,
-    hideTextOnResponsive: true,
-    onClick: button.onClick
-  }, buttonProps, button.buttonProps, {
-    classNames: {
-      root: "\n        ".concat(className, "\n        ").concat(isHidden && styles.hiddenButton, "\n        ").concat(button === null || button === void 0 || (_button$buttonProps = button.buttonProps) === null || _button$buttonProps === void 0 ? void 0 : _button$buttonProps.className, "\n      "),
-      ...buttonProps.classNames
-    }
-  }), children);
-};
-ActionButton.propTypes = {
-  button: buttonTypes,
-  className: string,
-  isHidden: bool,
-  buttonProps: object
-};
-export default ActionButton;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},_extends.apply(null,arguments)}import React,{isValidElement,cloneElement}from"react";import{string,object,bool}from"prop-types";import UTButton from"../../../../../UTButton";import{buttonTypes}from"../../types";import styles from"./styles.module.scss";const ActionButton=t=>{var e;let{button:n,className:o,children:s,isHidden:a,buttonProps:l}=t;return isValidElement(n)?cloneElement(n,{className:"".concat(n.props.className," ").concat(a&&styles.hiddenButton)}):React.createElement(UTButton,_extends({dataTestId:n.dataTestId,disabled:n.disabled,hideTextOnResponsive:!0,onClick:n.onClick},l,n.buttonProps,{classNames:{root:"\n        ".concat(o,"\n        ").concat(a&&styles.hiddenButton,"\n        ").concat(null==n||null===(e=n.buttonProps)||void 0===e?void 0:e.className,"\n      "),...l.classNames}}),s)};ActionButton.propTypes={button:buttonTypes,className:string,isHidden:bool,buttonProps:object};export default ActionButton;

package/dist/esm/components/UTWorkflowContainer/versions/V0/constants.js

@@ -1,3 +1 @@
-export const NEXT = 'Siguiente';
-export const BACK = 'Atrás';
-export const STEP = 'Paso';
+export const NEXT="Siguiente";export const BACK="Atrás";export const STEP="Paso";

package/dist/esm/components/UTWorkflowContainer/versions/V0/hooks/use-previous.js

@@ -1,8 +1 @@
-import { useEffect, useRef } from 'react';
-export const usePrevious = value => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
+import{useEffect,useRef}from"react";export const usePrevious=e=>{const r=useRef();return useEffect(()=>{r.current=e}),r.current};

package/dist/esm/components/UTWorkflowContainer/versions/V0/index.js

@@ -1,142 +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, { useEffect, useMemo, useState } from 'react';
-import { bool, element, func, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTProgressBar from '../../../UTProgressBar';
-import UTWizard from '../../../UTWizard';
-import WithTheme from '../../../WithTheme';
-import { TEST_IDS } from '../../../../constants/testIds';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import ActionButton from './components/ActionButton';
-import styles from './styles.module.scss';
-import { BACK, NEXT, STEP } from './constants';
-import { buttonTypes } from './types';
-import { retrieveStyle } from './theme';
-import { usePrevious } from './hooks/use-previous';
-const {
-  workflowContainer
-} = TEST_IDS;
-const UTWorkflowContainer = _ref => {
-  let {
-    backButton,
-    children,
-    classNames,
-    classes: themeClasses = {},
-    currentStep,
-    extraActions,
-    forceStepNumber = false,
-    hideStepCounter,
-    nextButton,
-    onExit,
-    smallButtons = false,
-    stepCounter: StepCounter,
-    stepsCount,
-    subtitle,
-    subtitleDataTestId = workflowContainer.header.subtitle,
-    title,
-    titleDataTestId = workflowContainer.header.tagline,
-    TitleIcon,
-    withIcon = false,
-    wizardConfig = {}
-  } = _ref;
-  useEffect(() => () => onExit && onExit(), []);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const BackIcon = backButton.Icon || 'IconArrowLeft';
-  const NextIcon = nextButton.Icon || 'IconArrowRight';
-  const previousStepNumber = usePrevious(currentStep);
-  const [visibleStepNumber, setVisibleStepNumber] = useState(currentStep);
-  const skippedStepsQuantity = currentStep - visibleStepNumber;
-  useEffect(() => {
-    if (previousStepNumber) setVisibleStepNumber(visibleStepNumber + Math.sign(currentStep - previousStepNumber));
-  }, [currentStep]);
-  const hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.progress
-  }, stepsCount && /*#__PURE__*/React.createElement(UTProgressBar, {
-    classNames: {
-      colorPrimary: classes.colorPrimary,
-      barColorPrimary: classes.barColorPrimary
-    },
-    value: visibleStepNumber / (stepsCount - skippedStepsQuantity) * 100
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.workflowContainer, " ").concat(styles.workflowContainer)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.actionsContainer, "\n            ").concat(classes.actionsContainer, "\n            ").concat(hideActions ? styles.hidden : '')
-  }, /*#__PURE__*/React.createElement(ActionButton, {
-    button: backButton,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && BackIcon,
-      iconPlacement: 'left',
-      variant: 'semitransparent'
-    },
-    className: "".concat(classes.backButton, " ").concat(styles.backButton),
-    isHidden: currentStep === 1 && !backButton.isVisible || backButton.isHidden
-  }, !smallButtons && (backButton.label || BACK)), !hideStepCounter && visibleStepNumber && (StepCounter ? /*#__PURE__*/React.createElement(StepCounter, null) : /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.stepInfo, " ").concat(classes.stepCounter),
-    weight: "medium"
-  }, "".concat(STEP, " ").concat(forceStepNumber ? currentStep : visibleStepNumber))), extraActions, /*#__PURE__*/React.createElement(ActionButton, {
-    button: nextButton,
-    isHidden: nextButton.isHidden,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && NextIcon,
-      iconPlacement: 'right'
-    },
-    className: "".concat(classes.nextButton, " ").concat(styles.nextButton)
-  }, !smallButtons && (nextButton.label || NEXT))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.workflowContent, " ").concat(classes.content)
-  }, (title || subtitle) && /*#__PURE__*/React.createElement("div", {
-    className: classes.titles
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: styles.titleAndTitleIconContainer
-  }, TitleIcon && /*#__PURE__*/React.createElement(TitleIcon, {
-    className: classes.titleIcon
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    dataTestId: subtitleDataTestId,
-    variant: "title2",
-    weight: "medium",
-    withMarkdown: true
-  }, title)), subtitle && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.subtitle,
-    colorTheme: "gray",
-    dataTestId: titleDataTestId,
-    withMarkdown: true
-  }, subtitle)), children), /*#__PURE__*/React.createElement(UTWizard, _extends({
-    classNames: {
-      container: styles.wizardContainer,
-      buttonContainer: styles.wizardButtonContainer
-    }
-  }, wizardConfig))));
-};
-UTWorkflowContainer.propTypes = {
-  backButton: buttonTypes,
-  children: element,
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  currentStep: number.isRequired,
-  extraActions: element,
-  forceStepNumber: bool,
-  hideStepCounter: bool,
-  nextButton: buttonTypes,
-  onExit: func,
-  smallButtons: bool,
-  stepCounter: oneOfType([func, element]),
-  stepsCount: number,
-  subtitle: string,
-  subtitleDataTestId: string,
-  title: string,
-  titleDataTestId: string,
-  TitleIcon: element,
-  withIcon: bool,
-  wizardConfig: shape({
-    description: string,
-    enabled: bool,
-    handleOnClick: func,
-    title: string,
-    variant: string
-  })
-};
-export default WithTheme(retrieveStyle)(UTWorkflowContainer);
+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,{useEffect,useMemo,useState}from"react";import{bool,element,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTLabel from"../../../UTLabel";import UTProgressBar from"../../../UTProgressBar";import UTWizard from"../../../UTWizard";import WithTheme from"../../../WithTheme";import{TEST_IDS}from"../../../../constants/testIds";import{mergeClasses}from"../../../../utils/classesUtils";import ActionButton from"./components/ActionButton";import styles from"./styles.module.scss";import{BACK,NEXT,STEP}from"./constants";import{buttonTypes}from"./types";import{retrieveStyle}from"./theme";import{usePrevious}from"./hooks/use-previous";const{workflowContainer:workflowContainer}=TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,children:n,classNames:o,classes:s={},currentStep:a,extraActions:r,forceStepNumber:i=!1,hideStepCounter:c,nextButton:l,onExit:m,smallButtons:u=!1,stepCounter:d,stepsCount:p,subtitle:f,subtitleDataTestId:b=workflowContainer.header.subtitle,title:T,titleDataTestId:h=workflowContainer.header.tagline,TitleIcon:w,withIcon:y=!1,wizardConfig:C={}}=e;useEffect(()=>()=>m&&m(),[]);const g=useMemo(()=>mergeClasses(s,o),[o]),E=t.Icon||"IconArrowLeft",I=l.Icon||"IconArrowRight",B=usePrevious(a),[N,v]=useState(a),R=a-N;useEffect(()=>{B&&v(N+Math.sign(a-B))},[a]);const k=(1===a&&!t.isVisible||t.isHidden)&&c&&l.isHidden;return React.createElement("div",{className:g.container},React.createElement("div",{className:g.progress},p&&React.createElement(UTProgressBar,{classNames:{colorPrimary:g.colorPrimary,barColorPrimary:g.barColorPrimary},value:N/(p-R)*100})),React.createElement("div",{className:"".concat(g.workflowContainer," ").concat(styles.workflowContainer)},React.createElement("div",{className:"\n            ".concat(styles.actionsContainer,"\n            ").concat(g.actionsContainer,"\n            ").concat(k?styles.hidden:"")},React.createElement(ActionButton,{button:t,buttonProps:{colorTheme:"primary",Icon:(y||u)&&E,iconPlacement:"left",variant:"semitransparent"},className:"".concat(g.backButton," ").concat(styles.backButton),isHidden:1===a&&!t.isVisible||t.isHidden},!u&&(t.label||BACK)),!c&&N&&(d?React.createElement(d,null):React.createElement(UTLabel,{className:"".concat(styles.stepInfo," ").concat(g.stepCounter),weight:"medium"},"".concat(STEP," ").concat(i?a:N))),r,React.createElement(ActionButton,{button:l,isHidden:l.isHidden,buttonProps:{colorTheme:"primary",Icon:(y||u)&&I,iconPlacement:"right"},className:"".concat(g.nextButton," ").concat(styles.nextButton)},!u&&(l.label||NEXT))),React.createElement("div",{className:"".concat(styles.workflowContent," ").concat(g.content)},(T||f)&&React.createElement("div",{className:g.titles},T&&React.createElement("div",{className:styles.titleAndTitleIconContainer},w&&React.createElement(w,{className:g.titleIcon}),React.createElement(UTLabel,{dataTestId:b,variant:"title2",weight:"medium",withMarkdown:!0},T)),f&&React.createElement(UTLabel,{className:styles.subtitle,colorTheme:"gray",dataTestId:h,withMarkdown:!0},f)),n),React.createElement(UTWizard,_extends({classNames:{container:styles.wizardContainer,buttonContainer:styles.wizardButtonContainer}},C))))};UTWorkflowContainer.propTypes={backButton:buttonTypes,children:element,classNames:objectOf(string),classes:objectOf(string),currentStep:number.isRequired,extraActions:element,forceStepNumber:bool,hideStepCounter:bool,nextButton:buttonTypes,onExit:func,smallButtons:bool,stepCounter:oneOfType([func,element]),stepsCount:number,subtitle:string,subtitleDataTestId:string,title:string,titleDataTestId:string,TitleIcon:element,withIcon:bool,wizardConfig:shape({description:string,enabled:bool,handleOnClick:func,title:string,variant:string})};export default WithTheme(retrieveStyle)(UTWorkflowContainer);

package/dist/esm/components/UTWorkflowContainer/versions/V0/theme.js

@@ -1,116 +1 @@
-import { getIn } from 'seamless-immutable';
-import Colors from '../../../../scss/variables/colors.module.scss';
-import { withImportant } from '../../../../utils/classesUtils';
-export const retrieveStyle = _ref => {
-  var _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3;
-  let {
-    theme
-  } = _ref;
-  const mobile = getIn(theme, ['Media', 'mobile']);
-  const tabletMobile = getIn(theme, ['Media', 'tabletMobile']);
-  const desktop = getIn(theme, ['Media', 'desktop']);
-  return {
-    container: {
-      border: getIn(theme, ['UTWorkflowContainer', 'container', 'border'], 0),
-      borderRadius: getIn(theme, ['UTWorkflowContainer', 'container', 'borderRadius'], '4px'),
-      backgroundColor: getIn(theme, ['UTWorkflowContainer', 'container', 'backgroundColor'], Colors.cardBackground),
-      boxShadow: getIn(theme, ['UTWorkflowContainer', 'container', 'boxShadow'], "1px 1px 3px 0 ".concat(Colors.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(Colors.cardShadow2)),
-      boxSizing: 'border-box',
-      display: 'flex',
-      margin: getIn(theme, ['UTWorkflowContainer', 'container', 'margin']),
-      minHeight: getIn(theme, ['UTWorkflowContainer', 'container', 'minHeight']),
-      overflow: 'hidden',
-      padding: getIn(theme, ['UTWorkflowContainer', 'container', 'padding'], '0 20px 15px'),
-      position: getIn(theme, ['UTWorkflowContainer', 'container', 'position']),
-      width: getIn(theme, ['UTWorkflowContainer', 'container', 'width']),
-      flexDirection: 'column',
-      [tabletMobile]: {
-        margin: getIn(theme, ['UTWorkflowContainer', 'container', 'tabletMobile', 'margin']),
-        padding: getIn(theme, ['UTWorkflowContainer', 'container', 'tabletMobile', 'padding'], '0 10px 10px')
-      },
-      [mobile]: {
-        border: getIn(theme, ['UTWorkflowContainer', 'container', 'mobile', 'border'])
-      }
-    },
-    actionsContainer: {
-      padding: getIn(theme, ['UTWorkflowContainer', 'actionsContainer', 'padding']),
-      marginTop: getIn(theme, ['UTWorkflowContainer', 'actionsContainer', 'marginTop']),
-      marginBottom: getIn(theme, ['UTWorkflowContainer', 'actionsContainer', 'marginBottom']),
-      [tabletMobile]: {
-        marginTop: getIn(theme, ['UTWorkflowContainer', 'actionsContainer', 'tabletMobile', 'marginTop'])
-      }
-    },
-    progress: {
-      margin: getIn(theme, ['UTWorkflowContainer', 'progress', 'margin'], '0'),
-      [desktop]: {
-        marginBottom: getIn(theme, ['UTWorkflowContainer', 'progress', 'desktop', 'marginBottom'])
-      }
-    },
-    colorPrimary: {
-      backgroundColor: getIn(theme, ['UTWorkflowContainer', 'progress', 'color']),
-      borderRadius: getIn(theme, ['UTWorkflowContainer', 'progress', 'borderRadius'], '0 0 4px 4px')
-    },
-    barColorPrimary: {
-      backgroundColor: getIn(theme, ['UTWorkflowContainer', 'progress', 'backgroundColor']),
-      borderRadius: getIn(theme, ['UTWorkflowContainer', 'progress', 'borderRadius'], '0 0 4px 4px')
-    },
-    content: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center'
-    },
-    titles: {
-      display: 'flex',
-      flexDirection: 'column',
-      marginBottom: 12,
-      alignItems: 'center',
-      maxWidth: getIn(theme, ['UTWorkflowContainer', 'titles', 'maxWidth']),
-      [tabletMobile]: {
-        maxWidth: getIn(theme, ['UTWorkflowContainer', 'titles', 'tabletMobile', 'maxWidth'])
-      }
-    },
-    backButton: {
-      minWidth: getIn(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
-      [tabletMobile]: {
-        minWidth: withImportant((theme === null || theme === void 0 || (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.backButton) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.tabletMobile) === null || _theme$UTWorkflowCont === void 0 ? void 0 : _theme$UTWorkflowCont.minWidth) || '1px')
-      }
-    },
-    nextButton: {
-      minWidth: getIn(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
-      [tabletMobile]: {
-        minWidth: withImportant((theme === null || theme === void 0 || (_theme$UTWorkflowCont2 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.nextButton) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.tabletMobile) === null || _theme$UTWorkflowCont2 === void 0 ? void 0 : _theme$UTWorkflowCont2.minWidth) || '1px')
-      }
-    },
-    titleIcon: {
-      color: getIn(theme, ['UTWorkflowContainer', 'titleIcon', 'color']),
-      height: getIn(theme, ['UTWorkflowContainer', 'titleIcon', 'height']),
-      margin: getIn(theme, ['UTWorkflowContainer', 'titleIcon', 'margin']),
-      width: getIn(theme, ['UTWorkflowContainer', 'titleIcon', 'width']),
-      marginBottom: getIn(theme, ['UTWorkflowContainer', 'title', 'marginBottom'])
-    },
-    stepCounter: {
-      alignItems: getIn(theme, ['UTWorkflowContainer', 'stepCounter', 'alignItems']),
-      color: getIn(theme, ['UTWorkflowContainer', 'stepCounter', 'color']),
-      display: 'flex',
-      height: getIn(theme, ['UTWorkflowContainer', 'stepCounter', 'height']),
-      [tabletMobile]: {
-        height: getIn(theme, ['UTWorkflowContainer', 'stepCounter', 'tabletMobile', 'height'])
-      }
-    },
-    bottomActionsContainer: {
-      alignItems: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'alignItems']),
-      backgroundColor: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'backgroundColor']),
-      height: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'height']),
-      justifyContent: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'justifyContent']),
-      margin: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'padding'], '0'),
-      minHeight: getIn(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'minHeight'], '90px'),
-      padding: withImportant((theme === null || theme === void 0 || (_theme$UTWorkflowCont3 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.bottomActions) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.container) === null || _theme$UTWorkflowCont3 === void 0 ? void 0 : _theme$UTWorkflowCont3.padding) || 0)
-    },
-    workflowContainer: {
-      padding: getIn(theme, ['UTWorkflowContainer', 'workflowContainer', 'padding']),
-      [mobile]: {
-        padding: getIn(theme, ['UTWorkflowContainer', 'workflowContainer', 'mobile', 'padding'])
-      }
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import Colors from"../../../../scss/variables/colors.module.scss";import{withImportant}from"../../../../utils/classesUtils";export const retrieveStyle=o=>{var n,t,r;let{theme:i}=o;const e=getIn(i,["Media","mobile"]),a=getIn(i,["Media","tabletMobile"]),l=getIn(i,["Media","desktop"]);return{container:{border:getIn(i,["UTWorkflowContainer","container","border"],0),borderRadius:getIn(i,["UTWorkflowContainer","container","borderRadius"],"4px"),backgroundColor:getIn(i,["UTWorkflowContainer","container","backgroundColor"],Colors.cardBackground),boxShadow:getIn(i,["UTWorkflowContainer","container","boxShadow"],"1px 1px 3px 0 ".concat(Colors.cardShadow1,", -0.5px -0.5px 2px 0 ").concat(Colors.cardShadow2)),boxSizing:"border-box",display:"flex",margin:getIn(i,["UTWorkflowContainer","container","margin"]),minHeight:getIn(i,["UTWorkflowContainer","container","minHeight"]),overflow:"hidden",padding:getIn(i,["UTWorkflowContainer","container","padding"],"0 20px 15px"),position:getIn(i,["UTWorkflowContainer","container","position"]),width:getIn(i,["UTWorkflowContainer","container","width"]),flexDirection:"column",[a]:{margin:getIn(i,["UTWorkflowContainer","container","tabletMobile","margin"]),padding:getIn(i,["UTWorkflowContainer","container","tabletMobile","padding"],"0 10px 10px")},[e]:{border:getIn(i,["UTWorkflowContainer","container","mobile","border"])}},actionsContainer:{padding:getIn(i,["UTWorkflowContainer","actionsContainer","padding"]),marginTop:getIn(i,["UTWorkflowContainer","actionsContainer","marginTop"]),marginBottom:getIn(i,["UTWorkflowContainer","actionsContainer","marginBottom"]),[a]:{marginTop:getIn(i,["UTWorkflowContainer","actionsContainer","tabletMobile","marginTop"])}},progress:{margin:getIn(i,["UTWorkflowContainer","progress","margin"],"0"),[l]:{marginBottom:getIn(i,["UTWorkflowContainer","progress","desktop","marginBottom"])}},colorPrimary:{backgroundColor:getIn(i,["UTWorkflowContainer","progress","color"]),borderRadius:getIn(i,["UTWorkflowContainer","progress","borderRadius"],"0 0 4px 4px")},barColorPrimary:{backgroundColor:getIn(i,["UTWorkflowContainer","progress","backgroundColor"]),borderRadius:getIn(i,["UTWorkflowContainer","progress","borderRadius"],"0 0 4px 4px")},content:{display:"flex",flexDirection:"column",alignItems:"center"},titles:{display:"flex",flexDirection:"column",marginBottom:12,alignItems:"center",maxWidth:getIn(i,["UTWorkflowContainer","titles","maxWidth"]),[a]:{maxWidth:getIn(i,["UTWorkflowContainer","titles","tabletMobile","maxWidth"])}},backButton:{minWidth:getIn(i,["UTWorkflowContainer","backButton","minWidth"]),[a]:{minWidth:withImportant((null==i||null===(n=i.UTWorkflowContainer)||void 0===n||null===(n=n.backButton)||void 0===n||null===(n=n.tabletMobile)||void 0===n?void 0:n.minWidth)||"1px")}},nextButton:{minWidth:getIn(i,["UTWorkflowContainer","backButton","minWidth"]),[a]:{minWidth:withImportant((null==i||null===(t=i.UTWorkflowContainer)||void 0===t||null===(t=t.nextButton)||void 0===t||null===(t=t.tabletMobile)||void 0===t?void 0:t.minWidth)||"1px")}},titleIcon:{color:getIn(i,["UTWorkflowContainer","titleIcon","color"]),height:getIn(i,["UTWorkflowContainer","titleIcon","height"]),margin:getIn(i,["UTWorkflowContainer","titleIcon","margin"]),width:getIn(i,["UTWorkflowContainer","titleIcon","width"]),marginBottom:getIn(i,["UTWorkflowContainer","title","marginBottom"])},stepCounter:{alignItems:getIn(i,["UTWorkflowContainer","stepCounter","alignItems"]),color:getIn(i,["UTWorkflowContainer","stepCounter","color"]),display:"flex",height:getIn(i,["UTWorkflowContainer","stepCounter","height"]),[a]:{height:getIn(i,["UTWorkflowContainer","stepCounter","tabletMobile","height"])}},bottomActionsContainer:{alignItems:getIn(i,["UTWorkflowContainer","bottomActions","container","alignItems"]),backgroundColor:getIn(i,["UTWorkflowContainer","bottomActions","container","backgroundColor"]),height:getIn(i,["UTWorkflowContainer","bottomActions","container","height"]),justifyContent:getIn(i,["UTWorkflowContainer","bottomActions","container","justifyContent"]),margin:getIn(i,["UTWorkflowContainer","bottomActions","container","padding"],"0"),minHeight:getIn(i,["UTWorkflowContainer","bottomActions","container","minHeight"],"90px"),padding:withImportant((null==i||null===(r=i.UTWorkflowContainer)||void 0===r||null===(r=r.bottomActions)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.padding)||0)},workflowContainer:{padding:getIn(i,["UTWorkflowContainer","workflowContainer","padding"]),[e]:{padding:getIn(i,["UTWorkflowContainer","workflowContainer","mobile","padding"])}}}};

package/dist/esm/components/UTWorkflowContainer/versions/V0/types.js

@@ -1,8 +1 @@
-import { func, bool, string, shape, element, object, oneOfType, elementType } from 'prop-types';
-export const buttonTypes = oneOfType([element, shape({
-  onClick: func,
-  disabled: bool,
-  label: string,
-  buttonProps: object,
-  Icon: oneOfType([bool, element, func, elementType])
-})]);
+import{func,bool,string,shape,element,object,oneOfType,elementType}from"prop-types";export const buttonTypes=oneOfType([element,shape({onClick:func,disabled:bool,label:string,buttonProps:object,Icon:oneOfType([bool,element,func,elementType])})]);

package/dist/esm/components/UTWorkflowContainer/versions/V1/components/NavActions/constants.js

@@ -1,2 +1 @@
-export const NEXT = 'Siguiente';
-export const BACK = 'Atrás';
+export const NEXT="Siguiente";export const BACK="Atrás";