@widergy/energy-ui 3.172.3 → 3.173.0

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

@@ -1 +1,9 @@
-"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";
+"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';

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

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

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

@@ -1 +1,150 @@
-"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,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:workflowContainer}=_testIds.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;(0,_react.useEffect)(()=>()=>onExit&&onExit(),[]);const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),BackIcon=backButton.Icon||"IconArrowLeft",NextIcon=nextButton.Icon||"IconArrowRight",previousStepNumber=(0,_usePrevious.usePrevious)(currentStep),[visibleStepNumber,setVisibleStepNumber]=(0,_react.useState)(currentStep),skippedStepsQuantity=currentStep-visibleStepNumber;(0,_react.useEffect)(()=>{previousStepNumber&&setVisibleStepNumber(visibleStepNumber+Math.sign(currentStep-previousStepNumber))},[currentStep]);const hideActions=(1===currentStep&&!backButton.isVisible||backButton.isHidden)&&hideStepCounter&&nextButton.isHidden;return _react.default.createElement("div",{className:classes.container},_react.default.createElement("div",{className:classes.progress},stepsCount&&_react.default.createElement(_UTProgressBar.default,{classNames:{colorPrimary:classes.colorPrimary,barColorPrimary:classes.barColorPrimary},value:visibleStepNumber/(stepsCount-skippedStepsQuantity)*100})),_react.default.createElement("div",{className:"".concat(classes.workflowContainer," ").concat(_stylesModule.default.workflowContainer)},_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.actionsContainer,"\n            ").concat(classes.actionsContainer,"\n            ").concat(hideActions?_stylesModule.default.hidden:"")},_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:1===currentStep&&!backButton.isVisible||backButton.isHidden},!smallButtons&&(backButton.label||_constants.BACK)),!hideStepCounter&&visibleStepNumber&&(StepCounter?_react.default.createElement(StepCounter,null):_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.stepInfo," ").concat(classes.stepCounter),weight:"medium"},"".concat(_constants.STEP," ").concat(forceStepNumber?currentStep:visibleStepNumber))),extraActions,_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))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.workflowContent," ").concat(classes.content)},(title||subtitle)&&_react.default.createElement("div",{className:classes.titles},title&&_react.default.createElement("div",{className:_stylesModule.default.titleAndTitleIconContainer},TitleIcon&&_react.default.createElement(TitleIcon,{className:classes.titleIcon}),_react.default.createElement(_UTLabel.default,{dataTestId:subtitleDataTestId,variant:"title2",weight:"medium",withMarkdown:!0},title)),subtitle&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.subtitle,colorTheme:"gray",dataTestId:titleDataTestId,withMarkdown:!0},subtitle)),children),_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: 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);

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

@@ -1 +1,124 @@
-"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=_ref=>{var _theme$UTWorkflowCont,_theme$UTWorkflowCont2,_theme$UTWorkflowCont3;let{theme:theme}=_ref;const mobile=(0,_seamlessImmutable.getIn)(theme,["Media","mobile"]),tabletMobile=(0,_seamlessImmutable.getIn)(theme,["Media","tabletMobile"]),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)((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:(0,_seamlessImmutable.getIn)(theme,["UTWorkflowContainer","backButton","minWidth"]),[tabletMobile]:{minWidth:(0,_classesUtils.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:(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)((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:(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: 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;

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

@@ -1 +1,14 @@
-"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])})]);
+"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])
+})]);

package/dist/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/components/UTWorkflowContainer/versions/V1/components/NavActions/constants.js

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

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

@@ -1 +1,105 @@
-"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 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:workflowContainer}=_testIds.TEST_IDS,NavActions=_ref=>{var _backButton$dataTestI,_secondaryAction$data,_primaryAction$dataTe,_nextButton$dataTestI;let{backButton:backButton={},checkbox:checkbox,classes:classes,currentStep:currentStep,forceResponsive:forceResponsive,nextButton:nextButton={},primaryAction:primaryAction,secondaryAction:secondaryAction}=_ref;const{isMobileOrTablet:isMobileOrTablet}=(0,_useScreenSize.useScreenSize)(),isBackButtonHidden=1===currentStep&&!backButton.isVisible||backButton.isHidden;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsContainer," ").concat(classes.actionsContainer)},(!isMobileOrTablet||!isBackButtonHidden)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsGroup," ").concat(!isBackButtonHidden&&_stylesModule.default.actionsGroupResponsive)},!isBackButtonHidden&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(backButton.classes,"  ").concat(forceResponsive&&_stylesModule.default.navActionResponsive)},colorTheme:"secondary",dataTestId:null!==(_backButton$dataTestI=backButton.dataTestId)&&void 0!==_backButton$dataTestI?_backButton$dataTestI:workflowContainer.bottomNav.backButton,disabled:backButton.disabled,Icon:null==backButton?void 0:backButton.Icon,iconPlacement:"left",onClick:backButton.onClick,size:"large",variant:"text"},backButton.label||_constants.BACK),secondaryAction&&!isMobileOrTablet&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(forceResponsive&&_stylesModule.default.navActionResponsive)},colorTheme:secondaryAction.colorTheme||"primary",dataTestId:null!==(_secondaryAction$data=secondaryAction.dataTestId)&&void 0!==_secondaryAction$data?_secondaryAction$data:workflowContainer.bottomNav.secondaryAction,disabled:secondaryAction.disabled,iconPlacement:"left",onClick:secondaryAction.onClick,size:"large",variant:secondaryAction.variant||"text"},secondaryAction.label),checkbox&&!isMobileOrTablet&&_react.default.createElement("div",{className:_stylesModule.default.checkboxContainer},_react.default.createElement(_UTCheckbox.default,checkbox))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsGroup," ").concat((isMobileOrTablet||forceResponsive)&&_stylesModule.default.actionsGroupResponsive)},primaryAction&&!isMobileOrTablet&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(forceResponsive&&_stylesModule.default.navActionResponsive)},colorTheme:primaryAction.colorTheme||"primary",dataTestId:null!==(_primaryAction$dataTe=primaryAction.dataTestId)&&void 0!==_primaryAction$dataTe?_primaryAction$dataTe:workflowContainer.bottomNav.primaryAction,disabled:primaryAction.disabled,iconPlacement:"right",onClick:primaryAction.onClick,size:"large",variant:primaryAction.variant||"semitransparent"},primaryAction.label),!nextButton.isHidden&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(nextButton.classes,"  ").concat(forceResponsive&&_stylesModule.default.navActionResponsive)},colorTheme:"primary",dataTestId:null!==(_nextButton$dataTestI=nextButton.dataTestId)&&void 0!==_nextButton$dataTestI?_nextButton$dataTestI:workflowContainer.bottomNav.nextButton,disabled:nextButton.disabled,Icon:null==nextButton?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=(0,_react.memo)(NavActions);
+"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);

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

@@ -1 +1,20 @@
-"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");
+"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");