@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTWizard/utils.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getVariant = exports.getLabelTheme = exports.getButtonTheme = exports.getButtonMinimizedTheme = void 0;
-var _constants = require("./constants");
-const getVariant = variant => _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant];
-exports.getVariant = getVariant;
-const getLabelTheme = variant => ({
-  [_constants.VARIANTS.dark]: 'light',
-  [_constants.VARIANTS.information]: 'light',
-  [_constants.VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-exports.getLabelTheme = getLabelTheme;
-const getButtonTheme = variant => ({
-  [_constants.VARIANTS.dark]: 'negative',
-  [_constants.VARIANTS.information]: 'negative',
-  [_constants.VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-exports.getButtonTheme = getButtonTheme;
-const getButtonMinimizedTheme = variant => ({
-  [_constants.VARIANTS.dark]: 'secondary',
-  [_constants.VARIANTS.information]: 'secondary',
-  [_constants.VARIANTS.light]: 'negative'
-})[getVariant(variant)];
-exports.getButtonMinimizedTheme = getButtonMinimizedTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getVariant=exports.getLabelTheme=exports.getButtonTheme=exports.getButtonMinimizedTheme=void 0;var _constants=require("./constants");const getVariant=t=>_constants.VARIANTS[t]||_constants.VARIANTS[_constants.DEFAULT_PROPS.variant];exports.getVariant=getVariant;const getLabelTheme=t=>({[_constants.VARIANTS.dark]:"light",[_constants.VARIANTS.information]:"light",[_constants.VARIANTS.light]:"dark"}[getVariant(t)]);exports.getLabelTheme=getLabelTheme;const getButtonTheme=t=>({[_constants.VARIANTS.dark]:"negative",[_constants.VARIANTS.information]:"negative",[_constants.VARIANTS.light]:"dark"}[getVariant(t)]);exports.getButtonTheme=getButtonTheme;const getButtonMinimizedTheme=t=>({[_constants.VARIANTS.dark]:"secondary",[_constants.VARIANTS.information]:"secondary",[_constants.VARIANTS.light]:"negative"}[getVariant(t)]);exports.getButtonMinimizedTheme=getButtonMinimizedTheme;

package/dist/components/UTWorkflowContainer/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTWorkflowContainer = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTWorkflowContainer.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTWorkflowContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTWorkflowContainer=e=>{let{version:r="V0",...t}=e;const o={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(o,t)};UTWorkflowContainer.propTypes={version:_propTypes.string};var _default=exports.default=UTWorkflowContainer;

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

@@ -1,44 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _types = require("../../types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ActionButton = _ref => {
-  var _button$buttonProps;
-  let {
-    button,
-    className,
-    children,
-    isHidden,
-    buttonProps
-  } = _ref;
-  return /*#__PURE__*/(0, _react.isValidElement)(button) ? (/*#__PURE__*/(0, _react.cloneElement)(button, {
-    className: "".concat(button.props.className, " ").concat(isHidden && _stylesModule.default.hiddenButton)
-  })) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    dataTestId: button.dataTestId,
-    disabled: button.disabled,
-    hideTextOnResponsive: true,
-    onClick: button.onClick
-  }, buttonProps, button.buttonProps, {
-    classNames: {
-      root: "\n        ".concat(className, "\n        ").concat(isHidden && _stylesModule.default.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: _types.buttonTypes,
-  className: _propTypes.string,
-  isHidden: _propTypes.bool,
-  buttonProps: _propTypes.object
-};
-var _default = exports.default = ActionButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var n=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?r:n){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(a,t,s):a[t]=e[t]);return a})(e,t)}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 r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const ActionButton=e=>{var t;let{button:n,className:r,children:o,isHidden:s,buttonProps:a}=e;return(0,_react.isValidElement)(n)?(0,_react.cloneElement)(n,{className:"".concat(n.props.className," ").concat(s&&_stylesModule.default.hiddenButton)}):_react.default.createElement(_UTButton.default,_extends({dataTestId:n.dataTestId,disabled:n.disabled,hideTextOnResponsive:!0,onClick:n.onClick},a,n.buttonProps,{classNames:{root:"\n        ".concat(r,"\n        ").concat(s&&_stylesModule.default.hiddenButton,"\n        ").concat(null==n||null===(t=n.buttonProps)||void 0===t?void 0:t.className,"\n      "),...a.classNames}}),o)};ActionButton.propTypes={button:_types.buttonTypes,className:_propTypes.string,isHidden:_propTypes.bool,buttonProps:_propTypes.object};var _default=exports.default=ActionButton;

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

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.STEP = exports.NEXT = exports.BACK = void 0;
-const NEXT = exports.NEXT = 'Siguiente';
-const BACK = exports.BACK = 'Atrás';
-const STEP = exports.STEP = 'Paso';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.STEP=exports.NEXT=exports.BACK=void 0;const NEXT=exports.NEXT="Siguiente",BACK=exports.BACK="Atrás",STEP=exports.STEP="Paso";

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

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePrevious = void 0;
-var _react = require("react");
-const usePrevious = value => {
-  const ref = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
-exports.usePrevious = usePrevious;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePrevious=void 0;var _react=require("react");const usePrevious=e=>{const r=(0,_react.useRef)();return(0,_react.useEffect)(()=>{r.current=e}),r.current};exports.usePrevious=usePrevious;

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

@@ -1,150 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTProgressBar = _interopRequireDefault(require("../../../UTProgressBar"));
-var _UTWizard = _interopRequireDefault(require("../../../UTWizard"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _testIds = require("../../../../constants/testIds");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _ActionButton = _interopRequireDefault(require("./components/ActionButton"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-var _types = require("./types");
-var _theme = require("./theme");
-var _usePrevious = require("./hooks/use-previous");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const {
-  workflowContainer
-} = _testIds.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;
-  (0, _react.useEffect)(() => () => onExit && onExit(), []);
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const BackIcon = backButton.Icon || 'IconArrowLeft';
-  const NextIcon = nextButton.Icon || 'IconArrowRight';
-  const previousStepNumber = (0, _usePrevious.usePrevious)(currentStep);
-  const [visibleStepNumber, setVisibleStepNumber] = (0, _react.useState)(currentStep);
-  const skippedStepsQuantity = currentStep - visibleStepNumber;
-  (0, _react.useEffect)(() => {
-    if (previousStepNumber) setVisibleStepNumber(visibleStepNumber + Math.sign(currentStep - previousStepNumber));
-  }, [currentStep]);
-  const hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.progress
-  }, stepsCount && /*#__PURE__*/_react.default.createElement(_UTProgressBar.default, {
-    classNames: {
-      colorPrimary: classes.colorPrimary,
-      barColorPrimary: classes.barColorPrimary
-    },
-    value: visibleStepNumber / (stepsCount - skippedStepsQuantity) * 100
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.workflowContainer, " ").concat(_stylesModule.default.workflowContainer)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n            ".concat(_stylesModule.default.actionsContainer, "\n            ").concat(classes.actionsContainer, "\n            ").concat(hideActions ? _stylesModule.default.hidden : '')
-  }, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-    button: backButton,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && BackIcon,
-      iconPlacement: 'left',
-      variant: 'semitransparent'
-    },
-    className: "".concat(classes.backButton, " ").concat(_stylesModule.default.backButton),
-    isHidden: currentStep === 1 && !backButton.isVisible || backButton.isHidden
-  }, !smallButtons && (backButton.label || _constants.BACK)), !hideStepCounter && visibleStepNumber && (StepCounter ? /*#__PURE__*/_react.default.createElement(StepCounter, null) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.stepInfo, " ").concat(classes.stepCounter),
-    weight: "medium"
-  }, "".concat(_constants.STEP, " ").concat(forceStepNumber ? currentStep : visibleStepNumber))), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
-    button: nextButton,
-    isHidden: nextButton.isHidden,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && NextIcon,
-      iconPlacement: 'right'
-    },
-    className: "".concat(classes.nextButton, " ").concat(_stylesModule.default.nextButton)
-  }, !smallButtons && (nextButton.label || _constants.NEXT))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.workflowContent, " ").concat(classes.content)
-  }, (title || subtitle) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.titles
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.titleAndTitleIconContainer
-  }, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
-    className: classes.titleIcon
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    dataTestId: subtitleDataTestId,
-    variant: "title2",
-    weight: "medium",
-    withMarkdown: true
-  }, title)), subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.subtitle,
-    colorTheme: "gray",
-    dataTestId: titleDataTestId,
-    withMarkdown: true
-  }, subtitle)), children), /*#__PURE__*/_react.default.createElement(_UTWizard.default, _extends({
-    classNames: {
-      container: _stylesModule.default.wizardContainer,
-      buttonContainer: _stylesModule.default.wizardButtonContainer
-    }
-  }, wizardConfig))));
-};
-UTWorkflowContainer.propTypes = {
-  backButton: _types.buttonTypes,
-  children: _propTypes.element,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  currentStep: _propTypes.number.isRequired,
-  extraActions: _propTypes.element,
-  forceStepNumber: _propTypes.bool,
-  hideStepCounter: _propTypes.bool,
-  nextButton: _types.buttonTypes,
-  onExit: _propTypes.func,
-  smallButtons: _propTypes.bool,
-  stepCounter: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
-  stepsCount: _propTypes.number,
-  subtitle: _propTypes.string,
-  subtitleDataTestId: _propTypes.string,
-  title: _propTypes.string,
-  titleDataTestId: _propTypes.string,
-  TitleIcon: _propTypes.element,
-  withIcon: _propTypes.bool,
-  wizardConfig: (0, _propTypes.shape)({
-    description: _propTypes.string,
-    enabled: _propTypes.bool,
-    handleOnClick: _propTypes.func,
-    title: _propTypes.string,
-    variant: _propTypes.string
-  })
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTProgressBar=_interopRequireDefault(require("../../../UTProgressBar")),_UTWizard=_interopRequireDefault(require("../../../UTWizard")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_testIds=require("../../../../constants/testIds"),_classesUtils=require("../../../../utils/classesUtils"),_ActionButton=_interopRequireDefault(require("./components/ActionButton")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_types=require("./types"),_theme=require("./theme"),_usePrevious=require("./hooks/use-previous");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(s,t,n):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const{workflowContainer:workflowContainer}=_testIds.TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,children:r,classNames:a,classes:o={},currentStep:n,extraActions:s,forceStepNumber:l=!1,hideStepCounter:i,nextButton:c,onExit:u,smallButtons:p=!1,stepCounter:d,stepsCount:_,subtitle:f,subtitleDataTestId:m=workflowContainer.header.subtitle,title:y,titleDataTestId:T=workflowContainer.header.tagline,TitleIcon:b,withIcon:w=!1,wizardConfig:h={}}=e;(0,_react.useEffect)(()=>()=>u&&u(),[]);const C=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(o,a),[a]),g=t.Icon||"IconArrowLeft",q=c.Icon||"IconArrowRight",v=(0,_usePrevious.usePrevious)(n),[E,I]=(0,_react.useState)(n),M=n-E;(0,_react.useEffect)(()=>{v&&I(E+Math.sign(n-v))},[n]);const k=(1===n&&!t.isVisible||t.isHidden)&&i&&c.isHidden;return _react.default.createElement("div",{className:C.container},_react.default.createElement("div",{className:C.progress},_&&_react.default.createElement(_UTProgressBar.default,{classNames:{colorPrimary:C.colorPrimary,barColorPrimary:C.barColorPrimary},value:E/(_-M)*100})),_react.default.createElement("div",{className:"".concat(C.workflowContainer," ").concat(_stylesModule.default.workflowContainer)},_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.actionsContainer,"\n            ").concat(C.actionsContainer,"\n            ").concat(k?_stylesModule.default.hidden:"")},_react.default.createElement(_ActionButton.default,{button:t,buttonProps:{colorTheme:"primary",Icon:(w||p)&&g,iconPlacement:"left",variant:"semitransparent"},className:"".concat(C.backButton," ").concat(_stylesModule.default.backButton),isHidden:1===n&&!t.isVisible||t.isHidden},!p&&(t.label||_constants.BACK)),!i&&E&&(d?_react.default.createElement(d,null):_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.stepInfo," ").concat(C.stepCounter),weight:"medium"},"".concat(_constants.STEP," ").concat(l?n:E))),s,_react.default.createElement(_ActionButton.default,{button:c,isHidden:c.isHidden,buttonProps:{colorTheme:"primary",Icon:(w||p)&&q,iconPlacement:"right"},className:"".concat(C.nextButton," ").concat(_stylesModule.default.nextButton)},!p&&(c.label||_constants.NEXT))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.workflowContent," ").concat(C.content)},(y||f)&&_react.default.createElement("div",{className:C.titles},y&&_react.default.createElement("div",{className:_stylesModule.default.titleAndTitleIconContainer},b&&_react.default.createElement(b,{className:C.titleIcon}),_react.default.createElement(_UTLabel.default,{dataTestId:m,variant:"title2",weight:"medium",withMarkdown:!0},y)),f&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.subtitle,colorTheme:"gray",dataTestId:T,withMarkdown:!0},f)),r),_react.default.createElement(_UTWizard.default,_extends({classNames:{container:_stylesModule.default.wizardContainer,buttonContainer:_stylesModule.default.wizardButtonContainer}},h))))};UTWorkflowContainer.propTypes={backButton:_types.buttonTypes,children:_propTypes.element,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),currentStep:_propTypes.number.isRequired,extraActions:_propTypes.element,forceStepNumber:_propTypes.bool,hideStepCounter:_propTypes.bool,nextButton:_types.buttonTypes,onExit:_propTypes.func,smallButtons:_propTypes.bool,stepCounter:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.element]),stepsCount:_propTypes.number,subtitle:_propTypes.string,subtitleDataTestId:_propTypes.string,title:_propTypes.string,titleDataTestId:_propTypes.string,TitleIcon:_propTypes.element,withIcon:_propTypes.bool,wizardConfig:(0,_propTypes.shape)({description:_propTypes.string,enabled:_propTypes.bool,handleOnClick:_propTypes.func,title:_propTypes.string,variant:_propTypes.string})};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);

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

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

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

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buttonTypes = void 0;
-var _propTypes = require("prop-types");
-const buttonTypes = exports.buttonTypes = (0, _propTypes.oneOfType)([_propTypes.element, (0, _propTypes.shape)({
-  onClick: _propTypes.func,
-  disabled: _propTypes.bool,
-  label: _propTypes.string,
-  buttonProps: _propTypes.object,
-  Icon: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.element, _propTypes.func, _propTypes.elementType])
-})]);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buttonTypes=void 0;var _propTypes=require("prop-types");const buttonTypes=exports.buttonTypes=(0,_propTypes.oneOfType)([_propTypes.element,(0,_propTypes.shape)({onClick:_propTypes.func,disabled:_propTypes.bool,label:_propTypes.string,buttonProps:_propTypes.object,Icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.element,_propTypes.func,_propTypes.elementType])})]);

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NEXT = exports.BACK = void 0;
-const NEXT = exports.NEXT = 'Siguiente';
-const BACK = exports.BACK = 'Atrás';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NEXT=exports.BACK=void 0;const NEXT=exports.NEXT="Siguiente",BACK=exports.BACK="Atrás";

package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js

@@ -1,105 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _UTCheckbox = _interopRequireDefault(require("../../../../../UTCheckbox"));
-var _types = require("../../types");
-var _testIds = require("../../../../../../constants/testIds");
-var _useScreenSize = require("../../../../../../utils/useScreenSize");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const {
-  workflowContainer
-} = _testIds.TEST_IDS;
-const NavActions = _ref => {
-  var _backButton$dataTestI, _secondaryAction$data, _primaryAction$dataTe, _nextButton$dataTestI;
-  let {
-    backButton = {},
-    checkbox,
-    classes,
-    currentStep,
-    forceResponsive,
-    nextButton = {},
-    primaryAction,
-    secondaryAction
-  } = _ref;
-  const {
-    isMobileOrTablet
-  } = (0, _useScreenSize.useScreenSize)();
-  const isBackButtonHidden = currentStep === 1 && !backButton.isVisible || backButton.isHidden;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.actionsContainer, " ").concat(classes.actionsContainer)
-  }, (!isMobileOrTablet || !isBackButtonHidden) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.actionsGroup, " ").concat(!isBackButtonHidden && _stylesModule.default.actionsGroupResponsive)
-  }, !isBackButtonHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: "".concat(_stylesModule.default.navAction, " ").concat(backButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
-    },
-    colorTheme: "secondary",
-    dataTestId: (_backButton$dataTestI = backButton.dataTestId) !== null && _backButton$dataTestI !== void 0 ? _backButton$dataTestI : workflowContainer.bottomNav.backButton,
-    disabled: backButton.disabled,
-    Icon: backButton === null || backButton === void 0 ? void 0 : backButton.Icon,
-    iconPlacement: "left",
-    onClick: backButton.onClick,
-    size: "large",
-    variant: "text"
-  }, backButton.label || _constants.BACK), secondaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
-    },
-    colorTheme: secondaryAction.colorTheme || 'primary',
-    dataTestId: (_secondaryAction$data = secondaryAction.dataTestId) !== null && _secondaryAction$data !== void 0 ? _secondaryAction$data : workflowContainer.bottomNav.secondaryAction,
-    disabled: secondaryAction.disabled,
-    iconPlacement: "left",
-    onClick: secondaryAction.onClick,
-    size: "large",
-    variant: secondaryAction.variant || 'text'
-  }, secondaryAction.label), checkbox && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.checkboxContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, checkbox))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.actionsGroup, " ").concat((isMobileOrTablet || forceResponsive) && _stylesModule.default.actionsGroupResponsive)
-  }, primaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
-    },
-    colorTheme: primaryAction.colorTheme || 'primary',
-    dataTestId: (_primaryAction$dataTe = primaryAction.dataTestId) !== null && _primaryAction$dataTe !== void 0 ? _primaryAction$dataTe : workflowContainer.bottomNav.primaryAction,
-    disabled: primaryAction.disabled,
-    iconPlacement: "right",
-    onClick: primaryAction.onClick,
-    size: "large",
-    variant: primaryAction.variant || 'semitransparent'
-  }, primaryAction.label), !nextButton.isHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: "".concat(_stylesModule.default.navAction, " ").concat(nextButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
-    },
-    colorTheme: "primary",
-    dataTestId: (_nextButton$dataTestI = nextButton.dataTestId) !== null && _nextButton$dataTestI !== void 0 ? _nextButton$dataTestI : workflowContainer.bottomNav.nextButton,
-    disabled: nextButton.disabled,
-    Icon: nextButton === null || nextButton === void 0 ? void 0 : nextButton.Icon,
-    iconPlacement: "right",
-    onClick: nextButton.onClick,
-    size: "large"
-  }, nextButton.label || _constants.NEXT)));
-};
-NavActions.propTypes = {
-  backButton: _types.buttonTypes,
-  checkbox: (0, _propTypes.shape)({
-    text: _propTypes.string
-  }),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  currentStep: _propTypes.number,
-  forceResponsive: _propTypes.bool,
-  nextButton: _types.buttonTypes,
-  primaryAction: _types.buttonTypes,
-  secondaryAction: _types.buttonTypes,
-  withIcon: _propTypes.bool
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(NavActions);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTCheckbox=_interopRequireDefault(require("../../../../../UTCheckbox")),_types=require("../../types"),_testIds=require("../../../../../../constants/testIds"),_useScreenSize=require("../../../../../../utils/useScreenSize"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,s,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(n=t?a:o){if(n.has(e))return n.get(e);n.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(r,t,s):r[t]=e[t]);return r})(e,t)}const{workflowContainer:workflowContainer}=_testIds.TEST_IDS,NavActions=e=>{var t,o,a,n;let{backButton:s={},checkbox:r,classes:l,currentStep:c,forceResponsive:i,nextButton:u={},primaryAction:d,secondaryAction:p}=e;const{isMobileOrTablet:_}=(0,_useScreenSize.useScreenSize)(),f=1===c&&!s.isVisible||s.isHidden;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsContainer," ").concat(l.actionsContainer)},(!_||!f)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsGroup," ").concat(!f&&_stylesModule.default.actionsGroupResponsive)},!f&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(s.classes,"  ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:"secondary",dataTestId:null!==(t=s.dataTestId)&&void 0!==t?t:workflowContainer.bottomNav.backButton,disabled:s.disabled,Icon:null==s?void 0:s.Icon,iconPlacement:"left",onClick:s.onClick,size:"large",variant:"text"},s.label||_constants.BACK),p&&!_&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:p.colorTheme||"primary",dataTestId:null!==(o=p.dataTestId)&&void 0!==o?o:workflowContainer.bottomNav.secondaryAction,disabled:p.disabled,iconPlacement:"left",onClick:p.onClick,size:"large",variant:p.variant||"text"},p.label),r&&!_&&_react.default.createElement("div",{className:_stylesModule.default.checkboxContainer},_react.default.createElement(_UTCheckbox.default,r))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsGroup," ").concat((_||i)&&_stylesModule.default.actionsGroupResponsive)},d&&!_&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:d.colorTheme||"primary",dataTestId:null!==(a=d.dataTestId)&&void 0!==a?a:workflowContainer.bottomNav.primaryAction,disabled:d.disabled,iconPlacement:"right",onClick:d.onClick,size:"large",variant:d.variant||"semitransparent"},d.label),!u.isHidden&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(u.classes,"  ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:"primary",dataTestId:null!==(n=u.dataTestId)&&void 0!==n?n:workflowContainer.bottomNav.nextButton,disabled:u.disabled,Icon:null==u?void 0:u.Icon,iconPlacement:"right",onClick:u.onClick,size:"large"},u.label||_constants.NEXT)))};NavActions.propTypes={backButton:_types.buttonTypes,checkbox:(0,_propTypes.shape)({text:_propTypes.string}),classes:(0,_propTypes.objectOf)(_propTypes.string),currentStep:_propTypes.number,forceResponsive:_propTypes.bool,nextButton:_types.buttonTypes,primaryAction:_types.buttonTypes,secondaryAction:_types.buttonTypes,withIcon:_propTypes.bool};var _default=exports.default=(0,_react.memo)(NavActions);

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.childrenContentStyle = exports.VARIANTS = exports.FORMS_QUERY_SELECTOR = exports.CHILDREN_CONTAINER_ID = void 0;
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT = 'default';
-const FULL_WIDTH = 'fullWidth';
-const VARIANTS = exports.VARIANTS = {
-  DEFAULT,
-  FULL_WIDTH
-};
-const childrenContentStyle = exports.childrenContentStyle = {
-  [VARIANTS.DEFAULT]: _stylesModule.default.childrenContent,
-  [VARIANTS.FULL_WIDTH]: _stylesModule.default.childrenContentFullWidth
-};
-const CHILDREN_CONTAINER_ID = exports.CHILDREN_CONTAINER_ID = 'workflow-children-container-';
-const FORMS_QUERY_SELECTOR = exports.FORMS_QUERY_SELECTOR = "#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT, " form");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.childrenContentStyle=exports.VARIANTS=exports.FORMS_QUERY_SELECTOR=exports.CHILDREN_CONTAINER_ID=void 0;var _stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const DEFAULT="default",FULL_WIDTH="fullWidth",VARIANTS=exports.VARIANTS={DEFAULT:DEFAULT,FULL_WIDTH:FULL_WIDTH},childrenContentStyle=exports.childrenContentStyle={[VARIANTS.DEFAULT]:_stylesModule.default.childrenContent,[VARIANTS.FULL_WIDTH]:_stylesModule.default.childrenContentFullWidth},CHILDREN_CONTAINER_ID=exports.CHILDREN_CONTAINER_ID="workflow-children-container-",FORMS_QUERY_SELECTOR=exports.FORMS_QUERY_SELECTOR="#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT," form");