@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,119 @@
-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:classNames,enabled:enabled,handleOnClick:handleOnClick,openByDefault:openByDefault=!0,subSteps:subSteps=[],variant:variant}=_ref;const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),[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),stepEnabled=enabled&&!isEmpty(subSteps[currentSubstep]),{title:title,description:description,image:image}=null!==(_subSteps$currentSubs=subSteps[currentSubstep])&&void 0!==_subSteps$currentSubs?_subSteps$currentSubs:{},[isOpen,setIsOpen]=useState(openByDefault);return useEffect(()=>{updateSubstep(ACTIONS.RESET)},[enabled,subSteps]),stepEnabled?isOpen?React.createElement("div",{className:"".concat(classes.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(variant),weight:"medium",withMarkdown:!0},title),React.createElement(UTButton,{colorTheme:getButtonTheme(variant),Icon:"IconChevronDown",onClick:()=>setIsOpen(!1),size:"small",variant:"text"}),React.createElement(UTButton,{colorTheme:getButtonTheme(variant),Icon:"IconX",onClick:handleOnClick,size:"small",variant:"text"})),React.createElement(UTLabel,{variant:"small",colorTheme:getLabelTheme(variant),withMarkdown:!0},description)),image&&React.createElement(StepImage,{Image:image}),subSteps.length>1&&React.createElement("div",{className:styles.footer},React.createElement(UTLabel,{className:styles.grow,colorTheme:getLabelTheme(variant),variant:"small",withMarkdown:!0},"".concat(currentSubstep+1," de ").concat(subSteps.length)),currentSubstep>0&&React.createElement(UTButton,{colorTheme:getButtonTheme(variant),onClick:()=>updateSubstep(ACTIONS.PREVIOUS),size:"small",variant:"text",weight:"medium"},"Atrás"),currentSubstep<subSteps.length-1&&React.createElement(UTButton,{colorTheme:getButtonTheme(variant),onClick:()=>updateSubstep(ACTIONS.NEXT),size:"small",variant:"filled",weight:"medium"},"Siguiente")))):React.createElement("div",{className:"".concat(classes.buttonContainer," ").concat(styles.buttonContainer)},React.createElement(UTButton,{size:"small",classNames:{root:"".concat(styles.button," ").concat(classes.buttonStyle)},onClick:()=>setIsOpen(!0),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 = _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);

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

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

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

@@ -1 +1,17 @@
-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 = 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)];

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

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

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

@@ -1 +1,36 @@
-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:button,className:className,children:children,isHidden:isHidden,buttonProps:buttonProps}=_ref;return isValidElement(button)?cloneElement(button,{className:"".concat(button.props.className," ").concat(isHidden&&styles.hiddenButton)}):React.createElement(UTButton,_extends({dataTestId:button.dataTestId,disabled:button.disabled,hideTextOnResponsive:!0,onClick:button.onClick},buttonProps,button.buttonProps,{classNames:{root:"\n        ".concat(className,"\n        ").concat(isHidden&&styles.hiddenButton,"\n        ").concat(null==button||null===(_button$buttonProps=button.buttonProps)||void 0===_button$buttonProps?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 (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;

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

@@ -1 +1,3 @@
-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 +1,8 @@
-import{useEffect,useRef}from"react";export const usePrevious=value=>{const ref=useRef();return useEffect(()=>{ref.current=value}),ref.current};
+import { useEffect, useRef } from 'react';
+export const usePrevious = value => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+};

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

@@ -1 +1,142 @@
-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:workflowContainer}=TEST_IDS,UTWorkflowContainer=_ref=>{let{backButton:backButton,children:children,classNames:classNames,classes:themeClasses={},currentStep:currentStep,extraActions:extraActions,forceStepNumber:forceStepNumber=!1,hideStepCounter:hideStepCounter,nextButton:nextButton,onExit:onExit,smallButtons:smallButtons=!1,stepCounter:StepCounter,stepsCount:stepsCount,subtitle:subtitle,subtitleDataTestId:subtitleDataTestId=workflowContainer.header.subtitle,title:title,titleDataTestId:titleDataTestId=workflowContainer.header.tagline,TitleIcon:TitleIcon,withIcon:withIcon=!1,wizardConfig:wizardConfig={}}=_ref;useEffect(()=>()=>onExit&&onExit(),[]);const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),BackIcon=backButton.Icon||"IconArrowLeft",NextIcon=nextButton.Icon||"IconArrowRight",previousStepNumber=usePrevious(currentStep),[visibleStepNumber,setVisibleStepNumber]=useState(currentStep),skippedStepsQuantity=currentStep-visibleStepNumber;useEffect(()=>{previousStepNumber&&setVisibleStepNumber(visibleStepNumber+Math.sign(currentStep-previousStepNumber))},[currentStep]);const hideActions=(1===currentStep&&!backButton.isVisible||backButton.isHidden)&&hideStepCounter&&nextButton.isHidden;return React.createElement("div",{className:classes.container},React.createElement("div",{className:classes.progress},stepsCount&&React.createElement(UTProgressBar,{classNames:{colorPrimary:classes.colorPrimary,barColorPrimary:classes.barColorPrimary},value:visibleStepNumber/(stepsCount-skippedStepsQuantity)*100})),React.createElement("div",{className:"".concat(classes.workflowContainer," ").concat(styles.workflowContainer)},React.createElement("div",{className:"\n            ".concat(styles.actionsContainer,"\n            ").concat(classes.actionsContainer,"\n            ").concat(hideActions?styles.hidden:"")},React.createElement(ActionButton,{button:backButton,buttonProps:{colorTheme:"primary",Icon:(withIcon||smallButtons)&&BackIcon,iconPlacement:"left",variant:"semitransparent"},className:"".concat(classes.backButton," ").concat(styles.backButton),isHidden:1===currentStep&&!backButton.isVisible||backButton.isHidden},!smallButtons&&(backButton.label||BACK)),!hideStepCounter&&visibleStepNumber&&(StepCounter?React.createElement(StepCounter,null):React.createElement(UTLabel,{className:"".concat(styles.stepInfo," ").concat(classes.stepCounter),weight:"medium"},"".concat(STEP," ").concat(forceStepNumber?currentStep:visibleStepNumber))),extraActions,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))),React.createElement("div",{className:"".concat(styles.workflowContent," ").concat(classes.content)},(title||subtitle)&&React.createElement("div",{className:classes.titles},title&&React.createElement("div",{className:styles.titleAndTitleIconContainer},TitleIcon&&React.createElement(TitleIcon,{className:classes.titleIcon}),React.createElement(UTLabel,{dataTestId:subtitleDataTestId,variant:"title2",weight:"medium",withMarkdown:!0},title)),subtitle&&React.createElement(UTLabel,{className:styles.subtitle,colorTheme:"gray",dataTestId:titleDataTestId,withMarkdown:!0},subtitle)),children),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 (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);

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

@@ -1 +1,116 @@
-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:theme}=_ref;const mobile=getIn(theme,["Media","mobile"]),tabletMobile=getIn(theme,["Media","tabletMobile"]),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((null==theme||null===(_theme$UTWorkflowCont=theme.UTWorkflowContainer)||void 0===_theme$UTWorkflowCont||null===(_theme$UTWorkflowCont=_theme$UTWorkflowCont.backButton)||void 0===_theme$UTWorkflowCont||null===(_theme$UTWorkflowCont=_theme$UTWorkflowCont.tabletMobile)||void 0===_theme$UTWorkflowCont?void 0:_theme$UTWorkflowCont.minWidth)||"1px")}},nextButton:{minWidth:getIn(theme,["UTWorkflowContainer","backButton","minWidth"]),[tabletMobile]:{minWidth:withImportant((null==theme||null===(_theme$UTWorkflowCont2=theme.UTWorkflowContainer)||void 0===_theme$UTWorkflowCont2||null===(_theme$UTWorkflowCont2=_theme$UTWorkflowCont2.nextButton)||void 0===_theme$UTWorkflowCont2||null===(_theme$UTWorkflowCont2=_theme$UTWorkflowCont2.tabletMobile)||void 0===_theme$UTWorkflowCont2?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((null==theme||null===(_theme$UTWorkflowCont3=theme.UTWorkflowContainer)||void 0===_theme$UTWorkflowCont3||null===(_theme$UTWorkflowCont3=_theme$UTWorkflowCont3.bottomActions)||void 0===_theme$UTWorkflowCont3||null===(_theme$UTWorkflowCont3=_theme$UTWorkflowCont3.container)||void 0===_theme$UTWorkflowCont3?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 = _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'])
+      }
+    }
+  };
+};

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

@@ -1 +1,8 @@
-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/README.md

@@ -0,0 +1,46 @@
+# UTWorkflowContainer
+
+### Description
+
+This component serves as a wrapper for each step of a workflow
+
+## Props
+
+| Name               | Type             | Default   | Description                                                                                                                                                                                                                                                                                                                |
+| ------------------ | ---------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| backButton         | buttonType       |           | Defines behaviour and/or rendering of the button on the left corner.                                                                                                                                                                                                                                                       |
+| banner             | bannerType       |           | If present, it will render a banner at the bottom of the header.                                                                                                                                                                                                                                                           |
+| checkbox           | checkboxType     |           | If present, it will render a checkbox above the bottom navigation.                                                                                                                                                                                                                                                         |
+| children           | element          |           | The contents that will be rendered inside the component.                                                                                                                                                                                                                                                                   |
+| classes            | object of string |           | Classes returned by UTWorkflowContainer's own [theme](./theme.js#L40) `retrieveStyle`.                                                                                                                                                                                                                                     |
+| classNames         | object of string |           | Additional classes.                                                                                                                                                                                                                                                                                                        |
+| currentStage       | number           |           | Receives a number that represents which stage id will be active. It is up to the parent component to update this number accordingly.                                                                                                                                                                                       |
+| currentStep        | number           | 1         | Receives a number that will fill up the progress bar proportionally to the number of steps given. It will also hide the backButton if its equal to 1. It is up to the parent component to update this number accordingly.                                                                                                  |
+| helpText           | string           |           | Text that will be rendered at the bottom of the header.                                                                                                                                                                                                                                                                    |
+| headerActions      | headerActionType |           | Actions to be displayed in a dropdown menu at the corner of the header, the first one that has the prop `main` as true will be displayed next to the menu with its own icon.                                                                                                                                               |
+| navHidden          | bool             | false     | If true, the navigation bar will be hidden, overriding the default `backButton`, `nextButton` and last step condition.                                                                                                                                                                                                     |
+| nextButton         | buttonTypes      |           | Defines behaviour and/or rendering of the button on the right corner.                                                                                                                                                                                                                                                      |
+| onExit             | function         |           | Cleanup function.                                                                                                                                                                                                                                                                                                          |
+| primaryAction      | buttonType       |           | Defines behaviour and/or rendering for the button next to the `nextButton`.                                                                                                                                                                                                                                                |
+| requiredFieldInfo  | string           |           | Text to display as a helper for required fields, it will be rendered below the description.                                                                                                                                                                                                                                |
+| secondaryAction    | buttonType       |           | Defines behaviour and/or rendering for the button next to the `backButton`.                                                                                                                                                                                                                                                |
+| stages             | stageType        |           | Defines the structure of the stepper indicator at the top of the component. It is required for each element inside the array given to have a property `id`, the indicator will be ordered by id. Aditionally each stage is able to add a property `label` which will display at the bottom of the corresponding indicator. |
+| stepperSize        | 'S' \| 'L'       | 'S'       | Variant that defines whether to use small icons for the stepper indicator or large ones. It is required for the 'L' variant that every stage has a custom icon defined. If size is set to 'L' but there's at least one stage without a defined custom icon the size will be defaulted to 'S'.                              |
+| stepsCount         | number           |           | Receives a number that represent the total amount of steps. Its only purpose is for properly rendering the progressBar.                                                                                                                                                                                                    |
+| subtitle           | string           |           | Text that will be rendered below the title.                                                                                                                                                                                                                                                                                |
+| tagline            | string           |           | Text that will be rendered in uppercase on top of the title.                                                                                                                                                                                                                                                               |
+| title              | string           |           | Text that will be rendered between the stages and the content. It is required in order to show any other text header elements.                                                                                                                                                                                             |
+| TitleIcon          | element          |           | Icon that will be rendered on top of the title.                                                                                                                                                                                                                                                                            |
+| variant            | string           | 'default' | Defines which variant to show. There are two options:`default` or `fullWidth`.                                                                                                                                                                                                                                             |
+| withIcon           | bool             | false     | Defines whether the nextButton and backButton will aditionally have their own icons inside.                                                                                                                                                                                                                                |
+| withStepperPadding | bool             | true      | If false, the stepper indicator will occupy the full width of the container, rendering the first and last stage's label aligned towards the center.                                                                                                                                                                        |
+
+### Custom types
+
+| Type             | Shape                                                                                                             |
+| ---------------- | ----------------------------------------------------------------------------------------------------------------- |
+| buttonType       | element \| `{ onClick: func, disabled: bool, label: string, buttonProps: object, Icon: bool \| element \| func }` |
+| bannerType       | `{ Icon: element, text: string }`                                                                                 |
+| checkboxType     | objectOf( UTCheckbox props )                                                                                      |
+| headerActionType | `{ label: string, onClick: func, main: bool, Icon: element }`                                                     |
+| stageType        | arrayOf( `{ id: number, label: string, Icon: element }` )                                                         |

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

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