@widergy/energy-ui 3.177.0 → 3.178.0

package/dist/components/UTTextArea/versions/V0/styles.module.scss

@@ -1,6 +1,6 @@
 .textarea {
   box-sizing: border-box;
-  height: 100px;
+  height: var(--UT-textArea-height, 96px);
   width: 100%;
 }
 
@@ -11,13 +11,13 @@
 }
 
 .label {
-  padding-right: 5px;
+  padding-right: var(--UT-textArea-label-padding, 4px);
 }
 
 .textAreaContainer {
-  column-gap: 8px;
+  column-gap: var(--UT-textArea-gap, 8px);
   display: flex;
-  margin: 10px 0;
+  margin: var(--UT-textArea-margin-y, 8px) 0;
 }
 
 .componentWrapper {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputAdornment=_interopRequireDefault(require("@material-ui/core/InputAdornment")),_react=_interopRequireWildcard(require("react")),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_Visibility=_interopRequireDefault(require("@material-ui/icons/Visibility")),_VisibilityOff=_interopRequireDefault(require("@material-ui/icons/VisibilityOff")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_theme=require("./theme");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,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}const preventDefault=e=>{"Enter"===e.key&&e.preventDefault()};class UTTextInput extends _react.PureComponent{constructor(e){super(e),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(e=>({visible:!e.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:e,adornmentInside:t,autofocus:r,bigInput:a,captionLabel:o,classes:n,containerClassName:i,dataTestId:s,disabled:l,field:p,helperTextDataTestId:u,id:d,input:c,inputClassName:_,inputObjectKey:T,label:f,labelDataTestId:m,labelRootClassName:y,meta:b,onChangeText:v,placeholder:I,PasswordInvisibleIcon:h,PasswordVisibleIcon:P,preventEnterSubmit:g,preventFocus:q,tippyProps:E,tooltip:D,tooltipContentDataTestId:x,tooltipIconDataTestId:w,type:S,variant:C,...N}=this.props,{icon:O,outsideIcon:R,adornment:U,helperText:M}=(null==p?void 0:p.configuration)||{},{base:j,selectedOptionsIds:W,retrieveStyle:k,retrieveMuiTheme:F,Component:V,muiTheme:A,...L}=N,Y=S===_constants.INPUT_TYPES.PASSWORD?_react.default.createElement(_UTButton.default,{dataTestId:e,Icon:this.state.visible?P:h,onClick:this.handleClickShowPassword,variant:"text"}):U,K=T?c.value[T]:c.value,B=(0,_form.shouldShowErrors)(b)&&b.error||o||"",H=d||null!=p&&p.id?"".concat(d||p.id):void 0,X=_react.default.createElement(_TextField.default,_extends({id:H,"data-testid":s,placeholder:I,variant:C,label:O?_react.default.createElement("div",{className:n.labelContainer},_react.default.createElement(O,{className:n.labelIcon}),_react.default.createElement("div",null,f)):f,onKeyPress:g?preventDefault:void 0,error:(0,_form.shouldShowErrors)(b),FormHelperTextProps:{component:"div"},helperText:B||M?_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helperText,colorTheme:B?"error":"gray",dataTestId:u,variant:"small",withMarkdown:!0},B||M):void 0,disabled:l,onChange:e=>{var t,r;q&&e.preventDefault(),c.onChange(v(null!==(t=null==e||null===(r=e.target)||void 0===r?void 0:r.value)&&void 0!==t?t:e))},onClick:e=>{q&&(e.preventDefault(),e.target.blur())},value:K,fullWidth:!0,autoFocus:r,margin:"none",autoComplete:"off",InputProps:{id:H,inputProps:{"data-testid":s,"data-keyboard":(null==c?void 0:c.name)||null},endAdornment:Y&&_react.default.createElement(_InputAdornment.default,{position:"end",className:"".concat(t&&_stylesModule.default.adornmentInside)},Y),type:S===_constants.INPUT_TYPES.PASSWORD?this.state.visible?_constants.INPUT_TYPES.TEXT:_constants.INPUT_TYPES.PASSWORD:S||_constants.INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(a&&n.bigInput,"\n              ").concat(S===_constants.INPUT_TYPES.NUMBER&&_stylesModule.default.numberType,"\n              ").concat(_,"\n            ")}},InputLabelProps:{classes:{root:y},htmlFor:H,"data-testid":m}},L));return _react.default.createElement("div",{className:"".concat(n.container," ").concat(i," ").concat(D&&_stylesModule.default.containerWithTooltip)},D?_react.default.createElement(_react.Fragment,null,X,_react.default.createElement(_UTTooltip.default,{content:D,dataTestId:x,tippyProps:E},_react.default.createElement("span",{className:_stylesModule.default.tooltipIconContainer,"data-testid":w},_react.default.createElement(_HelpOutline.default,{className:"".concat(n.tooltipIcon," ").concat(_stylesModule.default.tooltipIcon)})))):_react.default.createElement(_react.Fragment,null,(0,_react.isValidElement)(R)&&_react.default.createElement("div",{className:_stylesModule.default.iconContainer},R),X))}}UTTextInput.propTypes={actionDataTestId:_propTypes.string,adornmentInside:_propTypes.bool,autofocus:_propTypes.bool,bigInput:_propTypes.bool,captionLabel:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassName:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,field:_propTypes.object,helperTextDataTestId:_propTypes.string,id:_propTypes.string,input:_formTypes.inputPropTypes.isRequired,inputClassName:_propTypes.string,inputObjectKey:_propTypes.string,label:_propTypes.string,labelDataTestId:_propTypes.string,labelRootClassName:_propTypes.string,meta:_formTypes.metaPropTypes,onChangeText:_propTypes.func,PasswordInvisibleIcon:_propTypes.elementType,PasswordVisibleIcon:_propTypes.elementType,placeholder:_propTypes.string,preventEnterSubmit:_propTypes.bool,preventFocus:_propTypes.bool,tippyProps:_propTypes.object,tooltip:_propTypes.string,tooltipContentDataTestId:_propTypes.string,tooltipIconDataTestId:_propTypes.string,type:_propTypes.string,variant:_propTypes.string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:e=>e,PasswordInvisibleIcon:_VisibilityOff.default,PasswordVisibleIcon:_Visibility.default,preventEnterSubmit:!1};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTTextInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputAdornment=_interopRequireDefault(require("@material-ui/core/InputAdornment")),_react=_interopRequireWildcard(require("react")),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_Visibility=_interopRequireDefault(require("@material-ui/icons/Visibility")),_VisibilityOff=_interopRequireDefault(require("@material-ui/icons/VisibilityOff")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_theme=require("./theme");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,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}const preventDefault=e=>{"Enter"===e.key&&e.preventDefault()};class UTTextInput extends _react.PureComponent{constructor(e){super(e),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(e=>({visible:!e.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:e,adornmentInside:t,autofocus:r,bigInput:a,captionLabel:o,classes:n,containerClassName:i,dataTestId:s,disabled:l,field:p,helperTextDataTestId:u,id:d,input:c,inputClassName:_,inputObjectKey:f,label:T,labelDataTestId:m,labelRootClassName:y,meta:b,onChangeText:v,placeholder:I,PasswordInvisibleIcon:h,PasswordVisibleIcon:P,preventEnterSubmit:g,preventFocus:q,tippyProps:E,tooltip:D,tooltipContentDataTestId:x,tooltipIconDataTestId:w,type:S,variant:C,...N}=this.props,{icon:O,outsideIcon:R,adornment:U,helperText:M}=(null==p?void 0:p.configuration)||{},{base:j,selectedOptionsIds:W,retrieveStyle:k,retrieveMuiTheme:F,Component:V,muiTheme:A,...L}=N,Y=S===_constants.INPUT_TYPES.PASSWORD?_react.default.createElement(_UTButton.default,{dataTestId:e,Icon:this.state.visible?P:h,onClick:this.handleClickShowPassword,variant:"text"}):U,K=f?c.value[f]:c.value,B=(0,_form.shouldShowErrors)(b)&&b.error||o||"",H=d||null!=p&&p.id?"".concat(d||p.id):void 0,X=_react.default.createElement(_TextField.default,_extends({id:H,"data-testid":s,placeholder:I,variant:C,label:O?_react.default.createElement("div",{className:n.labelContainer},_react.default.createElement(O,{className:n.labelIcon}),_react.default.createElement("div",null,T)):T,onKeyPress:g?preventDefault:void 0,error:(0,_form.shouldShowErrors)(b),FormHelperTextProps:{component:"div"},helperText:B||M?_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helperText,colorTheme:B?"error":"gray",dataTestId:u,variant:"small",withMarkdown:!0},B||M):void 0,disabled:l,onChange:e=>{var t,r;q&&e.preventDefault(),c.onChange(v(null!==(t=null==e||null===(r=e.target)||void 0===r?void 0:r.value)&&void 0!==t?t:e))},onClick:e=>{q&&(e.preventDefault(),e.target.blur())},value:K,fullWidth:!0,autoFocus:r,margin:"none",autoComplete:"off",InputProps:{id:H,inputProps:{"data-testid":s,"data-keyboard":(null==c?void 0:c.name)||null},endAdornment:Y&&_react.default.createElement(_InputAdornment.default,{position:"end",className:"".concat(t&&_stylesModule.default.adornmentInside)},Y),type:S===_constants.INPUT_TYPES.PASSWORD?this.state.visible?_constants.INPUT_TYPES.TEXT:_constants.INPUT_TYPES.PASSWORD:S||_constants.INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(a&&n.bigInput,"\n              ").concat(S===_constants.INPUT_TYPES.NUMBER&&_stylesModule.default.numberType,"\n              ").concat(_,"\n            ")}},InputLabelProps:{classes:{root:y},htmlFor:H,"data-testid":m}},L));return _react.default.createElement("div",{className:"".concat(n.container," ").concat(i," ").concat(D&&_stylesModule.default.containerWithTooltip)},D?_react.default.createElement(_react.default.Fragment,null,X,_react.default.createElement(_UTTooltip.default,{content:D,dataTestId:x,tippyProps:E},_react.default.createElement("span",{className:_stylesModule.default.tooltipIconContainer,"data-testid":w},_react.default.createElement(_HelpOutline.default,{className:"".concat(n.tooltipIcon," ").concat(_stylesModule.default.tooltipIcon)})))):_react.default.createElement(_react.default.Fragment,null,(0,_react.isValidElement)(R)&&_react.default.createElement("div",{className:_stylesModule.default.iconContainer},R),X))}}UTTextInput.propTypes={actionDataTestId:_propTypes.string,adornmentInside:_propTypes.bool,autofocus:_propTypes.bool,bigInput:_propTypes.bool,captionLabel:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassName:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,field:_propTypes.object,helperTextDataTestId:_propTypes.string,id:_propTypes.string,input:_formTypes.inputPropTypes.isRequired,inputClassName:_propTypes.string,inputObjectKey:_propTypes.string,label:_propTypes.string,labelDataTestId:_propTypes.string,labelRootClassName:_propTypes.string,meta:_formTypes.metaPropTypes,onChangeText:_propTypes.func,PasswordInvisibleIcon:_propTypes.elementType,PasswordVisibleIcon:_propTypes.elementType,placeholder:_propTypes.string,preventEnterSubmit:_propTypes.bool,preventFocus:_propTypes.bool,tippyProps:_propTypes.object,tooltip:_propTypes.string,tooltipContentDataTestId:_propTypes.string,tooltipIconDataTestId:_propTypes.string,type:_propTypes.string,variant:_propTypes.string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:e=>e,PasswordInvisibleIcon:_VisibilityOff.default,PasswordVisibleIcon:_Visibility.default,preventEnterSubmit:!1};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTTextInput);

package/dist/components/UTTextInput/versions/V1/styles.module.scss

@@ -1,7 +1,7 @@
 .container {
   display: flex;
   flex-direction: column;
-  grid-gap: 8px;
+  grid-gap: var(--UT-field-gap, 8px);
 }
 
 .textHelp {

package/dist/components/UTTopbar/components/UserMenu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types.js"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var u,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(u=t?a:r){if(u.has(e))return u.get(e);u.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(u=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?u(n,t,l):n[t]=e[t]);return n})(e,t)}const UserMenu=e=>{let{Arrow:t,avatar:r,classes:a,dataTestId:u,handleClick:l,justAvatar:n,MenuComponent:s,menuOpened:o,subtitle:c,title:p}=e;return _react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTTouchableWithoutFeedback.default,{dataTestId:u,onClick:l,className:"".concat(n?_stylesModule.default.justAvatarUserMenu:_stylesModule.default.userMenu," ").concat(a.userMenu," ").concat(!l&&_stylesModule.default.disableMenu)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.userMenuAvatar," ").concat(a.userMenuAvatar)},r),!n&&_react.default.createElement("div",null,_react.default.createElement("div",{className:_stylesModule.default.labelWithArrow},_react.default.createElement(_UTLabel.default,{className:"".concat(a.userMenuTitle," ").concat(_stylesModule.default.userMenuTitle),withMarkdown:!0},p),l&&s&&_react.default.createElement(t,{className:"\n                ".concat(a.userMenuArrow,"\n                ").concat(_stylesModule.default.userMenuArrow,"\n                ").concat(!!o&&_stylesModule.default.opened,"\n              ")})),c)),s)};UserMenu.propTypes={Arrow:_types.iconType,avatar:_types.avatarType,classes:_types.classType,dataTestId:_propTypes.string,handleClick:_propTypes.func,justAvatar:_propTypes.bool,MenuComponent:_propTypes.node,menuOpened:_propTypes.bool,subtitle:_propTypes.node,title:_propTypes.string},UserMenu.defaultProps={Arrow:_ExpandMore.default};var _default=exports.default=(0,_react.memo)(UserMenu);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ExpandMore=_interopRequireDefault(require("@material-ui/icons/ExpandMore")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_types=require("../../types.js"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var u,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(u=t?a:r){if(u.has(e))return u.get(e);u.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(u=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?u(n,t,l):n[t]=e[t]);return n})(e,t)}const UserMenu=e=>{let{Arrow:t,avatar:r,classes:a,dataTestId:u,handleClick:l,justAvatar:n,MenuComponent:s,menuOpened:o,subtitle:c,title:d}=e;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_UTTouchableWithoutFeedback.default,{dataTestId:u,onClick:l,className:"".concat(n?_stylesModule.default.justAvatarUserMenu:_stylesModule.default.userMenu," ").concat(a.userMenu," ").concat(!l&&_stylesModule.default.disableMenu)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.userMenuAvatar," ").concat(a.userMenuAvatar)},r),!n&&_react.default.createElement("div",null,_react.default.createElement("div",{className:_stylesModule.default.labelWithArrow},_react.default.createElement(_UTLabel.default,{className:"".concat(a.userMenuTitle," ").concat(_stylesModule.default.userMenuTitle),withMarkdown:!0},d),l&&s&&_react.default.createElement(t,{className:"\n                ".concat(a.userMenuArrow,"\n                ").concat(_stylesModule.default.userMenuArrow,"\n                ").concat(!!o&&_stylesModule.default.opened,"\n              ")})),c)),s)};UserMenu.propTypes={Arrow:_types.iconType,avatar:_types.avatarType,classes:_types.classType,dataTestId:_propTypes.string,handleClick:_propTypes.func,justAvatar:_propTypes.bool,MenuComponent:_propTypes.node,menuOpened:_propTypes.bool,subtitle:_propTypes.node,title:_propTypes.string},UserMenu.defaultProps={Arrow:_ExpandMore.default};var _default=exports.default=(0,_react.memo)(UserMenu);

package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_commonTypes=require("../../../../types/commonTypes"),_useVirtualizedData=_interopRequireDefault(require("./hooks/use-virtualized-data")),_utils=require("./utils"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(n,t,o):n[t]=e[t]);return n})(e,t)}const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:n,listViewportHeight:p,listViewportWidth:s,effect:u,reRenderOnChange:l,headerRenderer:d,footerRenderer:c}=e;const _=Math.floor(s/r),f=(0,_react.useMemo)(()=>(0,_utils.createRows)(t,r),[t,r]),m=f.length,y=(0,_react.useMemo)(()=>({itemRenderer:i,itemPadding:o,elementWidth:_}),[i,o,_]),{virtualizedData:h,listHeight:R}=(0,_useVirtualizedData.default)(f,m,a,p,s,y,n,r,u,l);return _react.default.createElement(_react.Fragment,null,d&&_react.default.createElement("div",{className:_stylesModule.default.header},d()),_react.default.createElement("div",{style:{height:R,position:"relative",scrollBehavior:"smooth",width:"100%"}},h),c&&_react.default.createElement("div",{className:_stylesModule.default.footer},c()))};VirtualizedData.propTypes={data:_propTypes.array,elementsPerRow:_propTypes.number,overscan:_propTypes.number,itemRenderer:_propTypes.func,itemPadding:_propTypes.number,listViewportRef:_commonTypes.refType,listViewportHeight:_propTypes.number,listViewportWidth:_propTypes.number,effect:_propTypes.string,reRenderOnChange:_propTypes.bool,headerRenderer:_propTypes.func,footerRenderer:_propTypes.func};var _default=exports.default=(0,_react.memo)(VirtualizedData);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_commonTypes=require("../../../../types/commonTypes"),_useVirtualizedData=_interopRequireDefault(require("./hooks/use-virtualized-data")),_utils=require("./utils"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(n,t,o):n[t]=e[t]);return n})(e,t)}const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:n,listViewportHeight:u,listViewportWidth:p,effect:s,reRenderOnChange:l,headerRenderer:d,footerRenderer:c}=e;const f=Math.floor(p/r),_=(0,_react.useMemo)(()=>(0,_utils.createRows)(t,r),[t,r]),m=_.length,y=(0,_react.useMemo)(()=>({itemRenderer:i,itemPadding:o,elementWidth:f}),[i,o,f]),{virtualizedData:h,listHeight:R}=(0,_useVirtualizedData.default)(_,m,a,u,p,y,n,r,s,l);return _react.default.createElement(_react.default.Fragment,null,d&&_react.default.createElement("div",{className:_stylesModule.default.header},d()),_react.default.createElement("div",{style:{height:R,position:"relative",scrollBehavior:"smooth",width:"100%"}},h),c&&_react.default.createElement("div",{className:_stylesModule.default.footer},c()))};VirtualizedData.propTypes={data:_propTypes.array,elementsPerRow:_propTypes.number,overscan:_propTypes.number,itemRenderer:_propTypes.func,itemPadding:_propTypes.number,listViewportRef:_commonTypes.refType,listViewportHeight:_propTypes.number,listViewportWidth:_propTypes.number,effect:_propTypes.string,reRenderOnChange:_propTypes.bool,headerRenderer:_propTypes.func,footerRenderer:_propTypes.func};var _default=exports.default=(0,_react.memo)(VirtualizedData);

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

@@ -1 +1 @@
-"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);
+"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,y=!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:"outlined"},s.label||_constants.BACK);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsContainer," ").concat(l.actionsContainer)},!(_&&f)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.actionsGroup," ").concat(_&&_stylesModule.default.actionsGroupResponsive)},_&&y,d&&!_&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:d.colorTheme||"primary",dataTestId:null!==(o=d.dataTestId)&&void 0!==o?o:workflowContainer.bottomNav.primaryAction,disabled:d.disabled,iconPlacement:"left",onClick:d.onClick,size:"large",variant:d.variant||"semitransparent"},d.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)},p&&!_&&_react.default.createElement(_UTButton.default,{classNames:{root:"".concat(_stylesModule.default.navAction," ").concat(i&&_stylesModule.default.navActionResponsive)},colorTheme:p.colorTheme||"secondary",dataTestId:null!==(a=p.dataTestId)&&void 0!==a?a:workflowContainer.bottomNav.secondaryAction,disabled:p.disabled,iconPlacement:"right",onClick:p.onClick,size:"large",variant:p.variant||"text"},p.label),!_&&y,!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/components/NavActions/styles.module.scss

@@ -1,22 +1,22 @@
 @use '../../../../../../scss/variables/mediaQueries.module.scss' as *;
 
+$actions-container-max-width: 800px;
+
 .actionsContainer {
   align-items: center;
   display: flex;
-  gap: 16px;
+  gap: var(--gap-lg, 16px);
   justify-content: space-between;
-  min-height: 48px;
-  padding: 16px 32px;
-
-  @media #{$tablet-mobile} {
-    padding: 16px;
-  }
+  margin: 0 auto;
+  max-width: $actions-container-max-width;
+  min-height: var(--UT-workflowContainer-nav-min-height, 48px);
+  padding: var(--padding-xs, 8px);
 }
 
 .actionsGroup {
   align-items: center;
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--gap-sm, 8px);
 }
 
 .actionsGroupResponsive {

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

@@ -1 +1 @@
-"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:!0}),exports.childrenContentStyle=exports.VARIANTS=exports.SCROLL_BOTTOM_THRESHOLD=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"),SCROLL_BOTTOM_THRESHOLD=exports.SCROLL_BOTTOM_THRESHOLD=4;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_UTHeader=_interopRequireDefault(require("../../../UTHeader")),_UTProgressBar=_interopRequireDefault(require("../../../UTProgressBar")),_UTStepper=_interopRequireDefault(require("../../../UTStepper")),_UTWizard=_interopRequireDefault(require("../../../UTWizard")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_testIds=require("../../../../constants/testIds"),_classesUtils=require("../../../../utils/classesUtils"),_useScreenSize=require("../../../../utils/useScreenSize"),_NavActions=_interopRequireDefault(require("./components/NavActions")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_types=require("./types"),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?s:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(n,t,a):n[t]=e[t]);return n})(e,t)}const{workflowContainer:workflowContainer}=_testIds.TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,banner:r,checkbox:s,children:o,classes:a={},classNames:n,currentStage:i,currentStep:p=1,forceResponsive:l=!1,headerActions:c,helpText:u,helpTextDataTestId:d=workflowContainer.header.helpText,navHidden:_=!1,nextButton:f,onExit:T,primaryAction:y,requiredFieldInfo:b,requiredFieldInfoDataTestId:h=workflowContainer.header.requiredFieldInfo,secondaryAction:m,stages:g,stepperLabelProps:q={},stepperSize:v="S",stepsCount:C,subtitle:I,subtitleDataTestId:S=workflowContainer.header.subtitle,tagline:w,taglineDataTestId:D=workflowContainer.header.tagline,title:E,titleDataTestId:M=workflowContainer.header.title,titleProps:k={},variant:x=_constants.VARIANTS.DEFAULT,withIcon:R=!1,withStepperPadding:U=!0,wizardConfig:N={}}=e;(0,_react.useEffect)(()=>()=>T&&T(),[]);const P=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,n),[n]),{isMobileOrTablet:A,isMobileSize:W}=(0,_useScreenSize.useScreenSize)(),O=null==t?void 0:t.isHidden,z=null==f?void 0:f.isHidden,L=_||!!(C&&C===p)&&O&&z;return(0,_react.useEffect)(()=>{const e=e=>{const t=document.querySelectorAll(_constants.FORMS_QUERY_SELECTOR);(0,_isEmpty.default)(t)||t.forEach(e)},t=()=>{e(e=>{var t;null==e||null===(t=e.classList)||void 0===t||t.remove(_stylesModule.default.formContainer)})},r=()=>{e(e=>{const t=!(0,_isEmpty.default)(null==e?void 0:e.children),r=!(0,_isEmpty.default)(e.querySelectorAll("input"));var s;t&&r&&(null==e||null===(s=e.classList)||void 0===s||s.add(_stylesModule.default.formContainer))})};if(W)return t();const s=new MutationObserver(()=>r());return s.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),s.disconnect()}},[p,i,W]),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(P.container)},_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(P.content)},g&&_react.default.createElement(_UTStepper.default,{stepperSize:v,currentStage:i,stages:g,stepperLabelProps:q,withPadding:U}),(E||A&&(y||m))&&_react.default.createElement(_UTHeader.default,{actions:[...c||[],...A?[y,m].filter(e=>e):[]],banner:E&&r,classNames:{outerContainer:"".concat(_stylesModule.default.headerContainer," ").concat(P.headerContainer),titles:P.titles},helpText:E&&u,helpTextDataTestId:d,isLastStep:L,requiredFieldInfo:E&&b,requiredFieldInfoDataTestId:h,subtitle:E&&I,subtitleDataTestId:S,tagline:E&&w,taglineDataTestId:D,title:E,titleDataTestId:M,titleProps:k}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.childrenContainer," ").concat(P.childrenContainer," ").concat(x===_constants.VARIANTS.FULL_WIDTH&&"".concat(_stylesModule.default.childrenContainerFullWidth," ").concat(P.childrenContainerFullWidth)),id:_constants.CHILDREN_CONTAINER_ID+x},_react.default.createElement("div",{className:"".concat(_constants.childrenContentStyle[x]||_stylesModule.default.childrenContent," ").concat(P.childrenContent)},o))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.footer," ").concat(P.footer)},_react.default.createElement(_UTWizard.default,N),!L&&_react.default.createElement("div",{className:"".concat(P.bottomNav," ").concat(_stylesModule.default.bottomNav)},s&&A&&_react.default.createElement("div",{className:_stylesModule.default.mobileCheckboxContainer},_react.default.createElement(_UTCheckbox.default,s)),!!C&&_react.default.createElement(_UTProgressBar.default,{classNames:{barColorPrimary:P.barColorPrimary,colorPrimary:P.colorPrimary,container:_stylesModule.default.progressBarContainer,label:_stylesModule.default.progressBarLabel,root:_stylesModule.default.progress},value:100*p/C}),_react.default.createElement(_NavActions.default,{backButton:t,checkbox:s,classes:P,currentStep:p,forceResponsive:l,nextButton:f,primaryAction:y,secondaryAction:m,withIcon:R}))))};UTWorkflowContainer.propTypes={backButton:_types.buttonTypes,banner:(0,_propTypes.shape)({Icon:_propTypes.object,text:_propTypes.string}),checkbox:(0,_propTypes.shape)({text:_propTypes.string}),children:_propTypes.element,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),currentStage:_propTypes.number,currentStep:_propTypes.number,forceResponsive:_propTypes.bool,headerActions:(0,_propTypes.arrayOf)(_types.buttonTypes),helpText:_propTypes.string,helpTextDataTestId:_propTypes.string,navHidden:_propTypes.bool,nextButton:_types.buttonTypes,onExit:_propTypes.func,primaryAction:_types.buttonTypes,requiredFieldInfo:_propTypes.string,requiredFieldInfoDataTestId:_propTypes.string,secondaryAction:_types.buttonTypes,stages:_propTypes.object,stepperLabelProps:_propTypes.object,stepperSize:_propTypes.string,stepsCount:_propTypes.number,subtitle:_propTypes.string,subtitleDataTestId:_propTypes.string,tagline:_propTypes.string,taglineDataTestId:_propTypes.string,title:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:(0,_propTypes.shape)({align:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,dataTestId:_propTypes.string,markdownRenderers:(0,_propTypes.objectOf)(_propTypes.func),title:_propTypes.string,variant:_propTypes.string,withMarkdown:_propTypes.bool}),variant:_propTypes.string,withIcon:_propTypes.bool,withStepperPadding:_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"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTCheckbox=_interopRequireDefault(require("../../../UTCheckbox")),_UTHeader=_interopRequireDefault(require("../../../UTHeader")),_UTProgressBar=_interopRequireDefault(require("../../../UTProgressBar")),_UTStepper=_interopRequireDefault(require("../../../UTStepper")),_UTWizard=_interopRequireDefault(require("../../../UTWizard")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_testIds=require("../../../../constants/testIds"),_classesUtils=require("../../../../utils/classesUtils"),_useScreenSize=require("../../../../utils/useScreenSize"),_NavActions=_interopRequireDefault(require("./components/NavActions")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_types=require("./types"),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?s:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(n,t,a):n[t]=e[t]);return n})(e,t)}const{workflowContainer:workflowContainer}=_testIds.TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,banner:r,checkbox:s,children:o,classes:a={},classNames:n,collapseNavOnScroll:l=!1,currentStage:i,currentStep:p=1,forceResponsive:c=!1,formArea:u=!0,headerActions:d,helpText:_,helpTextDataTestId:f=workflowContainer.header.helpText,navHidden:T=!1,nextButton:y,onExit:h,primaryAction:b,requiredFieldInfo:g,requiredFieldInfoDataTestId:m=workflowContainer.header.requiredFieldInfo,secondaryAction:v,stages:S,stepperLabelProps:C={},stepperSize:q="S",stepsCount:I,subtitle:E,subtitleDataTestId:w=workflowContainer.header.subtitle,tagline:D,taglineDataTestId:M=workflowContainer.header.tagline,taglineProps:R={},title:k,titleDataTestId:N=workflowContainer.header.title,titleProps:x={},variant:U=_constants.VARIANTS.DEFAULT,withIcon:O=!1,withStepperPadding:P=!0,wizardConfig:A={}}=e;(0,_react.useEffect)(()=>()=>h&&h(),[]);const L=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,n),[n]),{isMobileOrTablet:W,isMobileSize:H}=(0,_useScreenSize.useScreenSize)(),z=null==t?void 0:t.isHidden,B=null==y?void 0:y.isHidden,F=T||!!(I&&I===p)&&z&&B,j=(0,_react.useRef)(null),V=(0,_react.useRef)(null),Q=(0,_react.useRef)(0),[Y,G]=(0,_react.useState)(!0),[J,K]=(0,_react.useState)(0);return(0,_react.useEffect)(()=>{const e=V.current;if(!e)return;const t=()=>K(e.offsetHeight);t();const r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[]),(0,_react.useEffect)(()=>{if(!l)return void G(!0);const e=j.current;if(!e)return;const t=()=>{const{scrollTop:t,scrollHeight:r,clientHeight:s}=e,o=r>s,a=t>Q.current,n=r-t-s<=_constants.SCROLL_BOTTOM_THRESHOLD;G(!o||!a||n),Q.current=t};return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[l]),(0,_react.useEffect)(()=>{const e=e=>{const t=document.querySelectorAll(_constants.FORMS_QUERY_SELECTOR);(0,_isEmpty.default)(t)||t.forEach(e)},t=()=>{e(e=>{var t;null==e||null===(t=e.classList)||void 0===t||t.remove(_stylesModule.default.formContainer)})},r=()=>{e(e=>{const t=!(0,_isEmpty.default)(null==e?void 0:e.children),r=!(0,_isEmpty.default)(e.querySelectorAll("input"));var s;t&&r&&(null==e||null===(s=e.classList)||void 0===s||s.add(_stylesModule.default.formContainer))})};if(H||!u)return t();const s=new MutationObserver(()=>r());return s.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),s.disconnect()}},[p,i,u,H]),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(L.container," ").concat(l?_stylesModule.default.footerCollapsable:"")},_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(L.content),ref:j},S&&_react.default.createElement(_UTStepper.default,{stepperSize:q,currentStage:i,stages:S,stepperLabelProps:C,withPadding:P}),(k||W&&(b||v))&&_react.default.createElement(_UTHeader.default,{actions:[...d||[],...W?[b,v].filter(e=>e):[]],banner:k&&r,classNames:{outerContainer:"".concat(_stylesModule.default.headerContainer," ").concat(L.headerContainer),titles:L.titles},helpText:k&&_,helpTextDataTestId:f,isLastStep:F,requiredFieldInfo:k&&g,requiredFieldInfoDataTestId:m,subtitle:k&&E,subtitleDataTestId:w,tagline:k&&D,taglineDataTestId:M,taglineProps:R,title:k,titleDataTestId:N,titleProps:x}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.childrenContainer," ").concat(L.childrenContainer," ").concat(U===_constants.VARIANTS.FULL_WIDTH&&"".concat(_stylesModule.default.childrenContainerFullWidth," ").concat(L.childrenContainerFullWidth)),id:_constants.CHILDREN_CONTAINER_ID+U},_react.default.createElement("div",{className:"".concat(_constants.childrenContentStyle[U]||_stylesModule.default.childrenContent," ").concat(L.childrenContent)},o)),_react.default.createElement("div",{className:_stylesModule.default.footerSpacer,style:{height:J}})),_react.default.createElement("div",{className:"".concat(_stylesModule.default.footer," ").concat(L.footer," ").concat(Y?"":_stylesModule.default.footerHidden),ref:V},_react.default.createElement(_UTWizard.default,A),!F&&_react.default.createElement("div",{className:"".concat(L.bottomNav," ").concat(_stylesModule.default.bottomNav)},s&&W&&_react.default.createElement("div",{className:_stylesModule.default.mobileCheckboxContainer},_react.default.createElement(_UTCheckbox.default,s)),!!I&&_react.default.createElement(_UTProgressBar.default,{classNames:{barColorPrimary:L.barColorPrimary,colorPrimary:L.colorPrimary,container:_stylesModule.default.progressBarContainer,label:_stylesModule.default.progressBarLabel,root:_stylesModule.default.progress},value:100*p/I}),_react.default.createElement(_NavActions.default,{backButton:t,checkbox:s,classes:L,currentStep:p,forceResponsive:c,nextButton:y,primaryAction:b,secondaryAction:v,withIcon:O}))))};UTWorkflowContainer.propTypes={backButton:_types.buttonTypes,banner:(0,_propTypes.shape)({Icon:_propTypes.object,text:_propTypes.string}),checkbox:(0,_propTypes.shape)({text:_propTypes.string}),children:_propTypes.element,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),collapseNavOnScroll:_propTypes.bool,currentStage:_propTypes.number,currentStep:_propTypes.number,forceResponsive:_propTypes.bool,formArea:_propTypes.bool,headerActions:(0,_propTypes.arrayOf)(_types.buttonTypes),helpText:_propTypes.string,helpTextDataTestId:_propTypes.string,navHidden:_propTypes.bool,nextButton:_types.buttonTypes,onExit:_propTypes.func,primaryAction:_types.buttonTypes,requiredFieldInfo:_propTypes.string,requiredFieldInfoDataTestId:_propTypes.string,secondaryAction:_types.buttonTypes,stages:_propTypes.object,stepperLabelProps:_propTypes.object,stepperSize:_propTypes.string,stepsCount:_propTypes.number,subtitle:_propTypes.string,subtitleDataTestId:_propTypes.string,tagline:_propTypes.string,taglineDataTestId:_propTypes.string,taglineProps:(0,_propTypes.shape)({className:_propTypes.string,colorTheme:_propTypes.string,shade:_propTypes.string,variant:_propTypes.string,weight:_propTypes.string}),title:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:(0,_propTypes.shape)({align:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,dataTestId:_propTypes.string,markdownRenderers:(0,_propTypes.objectOf)(_propTypes.func),title:_propTypes.string,variant:_propTypes.string,withMarkdown:_propTypes.bool}),variant:_propTypes.string,withIcon:_propTypes.bool,withStepperPadding:_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/V1/styles.module.scss

@@ -1,22 +1,25 @@
 @use '../../../../scss/variables/mediaQueries.module.scss' as *;
 @use '../../../../scss/variables/colors.module.scss' as *;
 
-$default-variant-max-width: 966px;
+$default-variant-max-width: 800px;
+$default-form-border: #E7E7E7;
 
 .container {
   align-items: center;
-  border-radius: 4px;
+  border-radius: var(--radius-sm, 4px);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100%;
   justify-content: space-between;
+  position: relative;
   width: 100%;
 }
 
 .content {
   align-self: flex-start;
+  background-color: var(--UT-workflowContainer-background);
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -25,6 +28,7 @@ $default-variant-max-width: 966px;
 
   @media #{$tablet-mobile} {
     align-self: center;
+    #{'--UT-workflowContainer-background'}: var(--light01);
   }
 }
 
@@ -44,11 +48,11 @@ $default-variant-max-width: 966px;
   flex: 1;
   margin: 0 auto;
   max-width: $default-variant-max-width;
-  padding: 0 32px 32px;
+  padding: 0 var(--padding-xl, 32px) var(--padding-xl, 32px);
   width: calc(100% - 64px);
 
   @media #{$tablet-mobile} {
-    padding: 0 16px 16px !important;
+    padding: 0 var(--padding-md, 16px) var(--padding-md, 16px) !important;
     width: calc(100% - 32px) !important;
   }
 }
@@ -60,11 +64,11 @@ $default-variant-max-width: 966px;
 
 .childrenContainerFullWidth {
   max-width: none;
-  padding: 24px 32px 32px;
+  padding: var(--padding-lg, 24px) var(--padding-xl, 32px) var(--padding-xl, 32px);
   width: calc(100% - 64px);
 
   @media #{$tablet-mobile} {
-    padding: 24px 16px 16px !important;
+    padding: var(--padding-lg, 24px) var(--padding-md, 16px) var(--padding-md, 16px) !important;
   }
 }
 
@@ -72,30 +76,54 @@ $default-variant-max-width: 966px;
   max-width: none;
 }
 
+.footerSpacer {
+  flex-shrink: 0;
+  width: 100%;
+}
+
 .progress {
-  height: 8px;
+  height: var(--UT-workflowContainer-progress-height, 8px);
 }
 
 .bottomNav {
-  bottom: 0;
-  position: sticky;
   width: 100%;
   z-index: 100;
 }
 
 .mobileCheckboxContainer {
-  padding-left: 16px;
+  padding-left: var(--padding-md, 16px);
 }
 
 .footer {
+  bottom: 0;
   display: flex;
-  position: relative;
+  left: 0;
+  position: absolute;
+  transition: transform 0.25s ease-in-out;
   width: 100%;
+
+  @media #{$tablet-mobile} {
+    border-top: 1px solid var(--UT-workflowContainer-footer-border, var(--light04, $default-form-border));
+  }
+}
+
+.footerCollapsable {
+  overflow: hidden;
+}
+
+.footerHidden {
+  transform: translateY(100%);
 }
 
 .formContainer {
-  background-color: var(--light03, $default-background-form);
-  border-radius: 8px;
+  background-color: var(--UT-workflowContainer-formContainer-background, var(--light01, $white));
+  border: 1px solid var(--UT-workflowContainer-formContainer-border, var(--light04, $default-form-border));
+  border-radius: var(--radius-md, 8px);
   box-sizing: border-box;
-  padding: 32px;
+  padding: var(--padding-xl, 32px);
+
+  @media #{$tablet-mobile} {
+    background-color: none;
+    border: none;
+  }
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../../../utils/shadowUtils");const retrieveStyle=o=>{var r,l,e,t,i,d,n;let{theme:a}=o;return{container:{backgroundColor:null===(r=a.UTWorkflowContainer)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.backgroundColor,boxShadow:(0,_shadowUtils.getShadow)({color:null===(l=a.Palette.shadows)||void 0===l?void 0:l.grayscale,level:2})},bottomNav:{backgroundColor:null===(e=a.Palette)||void 0===e?void 0:e.light["01"]},barColorPrimary:{backgroundColor:null===(t=a.UTWorkflowContainer)||void 0===t||null===(t=t.progress)||void 0===t?void 0:t.backgroundColor},colorPrimary:{backgroundColor:"".concat((null===(i=a.UTWorkflowContainer)||void 0===i||null===(i=i.progress)||void 0===i?void 0:i.color)||(null===(d=a.Palette)||void 0===d?void 0:d.light["04"])," !important")},childrenContainerFullWidth:{borderTop:"1px solid ".concat(null===(n=a.Palette)||void 0===n?void 0:n.light["04"])}}};exports.retrieveStyle=retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../../../utils/shadowUtils");const retrieveStyle=o=>{var r,l,e,t,i,a;let{theme:d}=o;return{container:{backgroundColor:null===(r=d.UTWorkflowContainer)||void 0===r||null===(r=r.container)||void 0===r?void 0:r.backgroundColor,boxShadow:(0,_shadowUtils.getShadow)({color:null===(l=d.Palette.shadows)||void 0===l?void 0:l.grayscale,level:2})},bottomNav:{backgroundColor:"rgba(255, 255, 255, 0.8)"},barColorPrimary:{backgroundColor:null===(e=d.UTWorkflowContainer)||void 0===e||null===(e=e.progress)||void 0===e?void 0:e.backgroundColor},colorPrimary:{backgroundColor:"".concat((null===(t=d.UTWorkflowContainer)||void 0===t||null===(t=t.progress)||void 0===t?void 0:t.color)||(null===(i=d.Palette)||void 0===i?void 0:i.light["04"])," !important")},childrenContainerFullWidth:{borderTop:"1px solid ".concat(null===(a=d.Palette)||void 0===a?void 0:a.light["04"])}}};exports.retrieveStyle=retrieveStyle;

package/dist/constants/testIds.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEST_IDS=exports.ID_CONSTANTS=void 0;const ID_CONSTANTS=exports.ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"},TEST_IDS=exports.TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),tableToolbar:{addColumnAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnAfter"),addColumnBefore:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnBefore"),addRowAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addRowAfter"),deleteColumn:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteColumn"),deleteRow:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteRow"),deleteTable:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteTable"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.root")},toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root"),table:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.table")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEST_IDS=exports.ID_CONSTANTS=void 0;const ID_CONSTANTS=exports.ID_CONSTANTS={ACTIONS:"actions",ADD_FILTER_BUTTON:"addFilterButton",AVATAR:"avatar",BOTTOM_NAV:"bottomNav",CANVAS:"canvas",CELL:"cell",CLEAR_BUTTON:"clearButton",CLIENT_FILTER:"clientFilter",COLLAPSED_PANEL_CONTENT:"collapsedPanelContent",COLLAPSE_BUTTON:"collapseButton",COLLAPSE_BUTTON_TOOLTIP:"collapseButtonTooltip",CREDIT_CARD:"creditCard",CUSTOM_SEARCH_ACTION:"customSearchAction",DATA_CATEGORY:"dataCategory",DATA_ELEMENT:"dataElement",DELETE_BUTTON:"deleteButton",DELETE_BUTTON_TOOLTIP:"deleteButtonTooltip",ADDITIONAL_CONTENT:"additionalContent",ADDITIONAL_CONTENT_BODY:"additionalContentBody",DESCRIPTION:"description",DIALOG:"dialog",EDIT_BUTTON:"editButton",EDIT_BUTTON_TOOLTIP:"editButtonTooltip",EXPANDED_PANEL_CONTENT:"expandedPanelContent",EXPANDED_PANEL_CONTENT_CATEGORY:"expandedPanelContentCategory",EXPANDED_PANEL_CONTENT_CATEGORY_EMPTY:"expandedPanelContentCategoryEmpty",EXPANDED_PANEL_CONTENT_CATEGORY_HEADER:"expandedPanelContentCategoryHeader",EXPANDED_PANEL_CONTENT_CATEGORY_ITEM:"expandedPanelContentCategoryItem",EXPANDED_PANEL_CONTENT_HEADER:"expandedPanelContentHeader",EXPAND_BUTTON:"expandButton",FILTER_GROUPING:"filterGrouping",GROUPING_PANEL:"groupingPanel",HEADER:"header",HELP_TEXT:"helpText",ICON:"icon",INVALID_PARAMS:"invalidParams",LABEL:"label",MAIN_BUTTON:"mainButton",NAME:"name",NAME_CONTAINER:"nameContainer",ONBOARDING:"onboarding",PAGINATION_NEXT:"paginationNext",PAGINATION_PREV:"paginationPrev",PANEL:"panel",PERSISTENT_FILTER:"persistentFilter",PINNED:"pinned",POPPER:"popper",SEARCH_BUTTON:"searchButton",SECONDARY_ACTION:"secondaryAction",SEARCH_BUTTON_TOOLTIP:"searchButtonTooltip",SEARCH_FIELD:"searchField",SELECTION_COMPONENT:"selectionComponent",SIDEBAR:"sidebar",SIDEBAR_BUTTON:"sidebarButton",STATUS_MESSAGE:"statusMessage",TABLE:"table",TERTIARY_ACTION:"tertiaryAction",TABLE_ROW:"tableRow",TITLE:"title",USER_FILTER:"userFilter",UT_RICH_TEXT:"UTRichText",UT_SNACKBAR:"UTSnackbar",VALIDATION_DATA:"validationData",WORKFLOW_CONTAINER:"workflowContainer"},TEST_IDS=exports.TEST_IDS={barChart:{bar:{tooltip:"barChart.bar.tooltip."},xAxis:{secondaryLabel:"barChart.xAxis.secondaryLabel.",mainLabel:"barChart.xAxis.mainLabel."}},breadcrumbs:{item:"breadcrumbs.item"},creditCard:{cardField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cardField"),cvcField:"".concat(ID_CONSTANTS.CREDIT_CARD,".cvcField"),expires:"".concat(ID_CONSTANTS.CREDIT_CARD,".expires"),nameField:"".concat(ID_CONSTANTS.CREDIT_CARD,".nameField")},dataCategory:{container:"".concat(ID_CONSTANTS.DATA_CATEGORY,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_CATEGORY,".collapseButton"),item:"".concat(ID_CONSTANTS.DATA_CATEGORY,".item")},dataElement:{container:"".concat(ID_CONSTANTS.DATA_ELEMENT,".container"),collapseButton:"".concat(ID_CONSTANTS.DATA_ELEMENT,".collapseButton"),switchAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionSwitch"),buttonAction:"".concat(ID_CONSTANTS.DATA_ELEMENT,".actionButton")},dialog:{acceptButton:"".concat(ID_CONSTANTS.DIALOG,".acceptButton"),cancelButton:"".concat(ID_CONSTANTS.DIALOG,".cancelButton"),closeButton:"".concat(ID_CONSTANTS.DIALOG,".closeButton"),title:"".concat(ID_CONSTANTS.DIALOG,".title")},filterGrouping:{groupingPanel:{collapsedPanelContent:{expandButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.COLLAPSED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPAND_BUTTON)},expandedPanelContent:{expandedPanelContentCategory:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_CATEGORY),expandedPanelContentHeader:{addFilterButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.ADD_FILTER_BUTTON),collapseButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON),collapseButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.COLLAPSE_BUTTON_TOOLTIP),customSearchAction:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.CUSTOM_SEARCH_ACTION),searchButton:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON),searchButtonTooltip:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_BUTTON_TOOLTIP),searchField:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.SEARCH_FIELD),title:"".concat(ID_CONSTANTS.FILTER_GROUPING,".").concat(ID_CONSTANTS.GROUPING_PANEL,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT,".").concat(ID_CONSTANTS.EXPANDED_PANEL_CONTENT_HEADER,".").concat(ID_CONSTANTS.TITLE)}}}},onboarding:{close:"".concat(ID_CONSTANTS.ONBOARDING,".close"),description:"".concat(ID_CONSTANTS.ONBOARDING,".description"),nextButton:"".concat(ID_CONSTANTS.ONBOARDING,".nextButton"),prevButton:"".concat(ID_CONSTANTS.ONBOARDING,".prevButton"),title:"".concat(ID_CONSTANTS.ONBOARDING,".title")},panel:{additionalContent:{body:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT_BODY),sidebar:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR),sidebarButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.ADDITIONAL_CONTENT,".").concat(ID_CONSTANTS.SIDEBAR_BUTTON,".")},backButton:"".concat(ID_CONSTANTS.PANEL,".backButton"),closeButton:"".concat(ID_CONSTANTS.PANEL,".closeButton"),mainAction:"".concat(ID_CONSTANTS.PANEL,".mainAction"),mainButton:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.MAIN_BUTTON),paginationNext:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_NEXT),paginationPrev:"".concat(ID_CONSTANTS.PANEL,".").concat(ID_CONSTANTS.PAGINATION_PREV),secondaryAction:"".concat(ID_CONSTANTS.PANEL,".secondaryAction"),title:"".concat(ID_CONSTANTS.PANEL,".title")},signature:"signature",snackBar:{closeButton:"snackbar.closeButton",label:"snackbar.label"},statusMessage:{description:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".description"),flag:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".flag"),helperText:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".helperText"),icon:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".icon"),title:"".concat(ID_CONSTANTS.STATUS_MESSAGE,".title")},table:{tableHeader:{title:"".concat(ID_CONSTANTS.TABLE,".tableHeader.title")}},tabs:{tab:"tabs.tab."},wrapperObservation:{actionIcon:"wrapperObservation.actionIcon."},UTLoading:{logoLoader:"UTLoading.logoLoader",spinner:"UTLoading.spinner"},UTRichText:{content:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".content"),field:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".field"),helpText:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.HELP_TEXT),label:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.LABEL),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".root"),submitButton:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".submitButton"),tableToolbar:{addColumnAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnAfter"),addColumnBefore:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addColumnBefore"),addRowAfter:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.addRowAfter"),deleteColumn:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteColumn"),deleteRow:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteRow"),deleteTable:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.deleteTable"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".tableToolbar.root")},toolbar:{bold:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.bold"),italic:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.italic"),list:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.list"),listNumbers:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.listNumbers"),root:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.root"),table:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".toolbar.table")},validation:"".concat(ID_CONSTANTS.UT_RICH_TEXT,".").concat(ID_CONSTANTS.VALIDATION_DATA)},UTSnackbar:{closeButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".closeButton"),description:"".concat(ID_CONSTANTS.UT_SNACKBAR,".description"),label:"".concat(ID_CONSTANTS.UT_SNACKBAR,".label"),primaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".primaryActionButton"),root:"".concat(ID_CONSTANTS.UT_SNACKBAR,".root"),secondaryActionButton:"".concat(ID_CONSTANTS.UT_SNACKBAR,".secondaryActionButton")},UTDatePickerV1TestID:{calendar:"UTDatePickerV1.calendar",calendarPrevBtn:"UTDatePickerV1.calendarPrevBtn",calendarNextBtn:"UTDatePickerV1.calendarNextBtn",calendarMonthYear:"UTDatePickerV1.calendarMonthYear"},workflowContainer:{bottomNav:{backButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".backButton"),nextButton:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".nextButton"),primaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".primaryAction"),secondaryAction:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.BOTTOM_NAV,".secondaryAction")},header:{helpText:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".helpText"),requiredFieldInfo:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".requiredFieldInfo"),subtitle:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".subtitle"),tagline:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".tagline"),title:"".concat(ID_CONSTANTS.WORKFLOW_CONTAINER,".").concat(ID_CONSTANTS.HEADER,".title")}}};

package/dist/esm/components/UTActionCard/components/AdditionalMessage/styles.module.scss

@@ -1,13 +1,13 @@
 .additionalMessageContainer {
   align-items: center;
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--UT-actionCard-gap-sm, 8px);
 }
 
 .medium {
-  padding: 0 24px 24px;
+  padding: 0 var(--UT-actionCard-padding-lg, 24px) var(--UT-actionCard-padding-lg, 24px);
 }
 
 .small {
-  padding: 0 16px 16px;
+  padding: 0 var(--UT-actionCard-padding-md, 16px) var(--UT-actionCard-padding-md, 16px);
 }

package/dist/esm/components/UTActionCard/components/BottomActions/styles.module.scss

@@ -45,5 +45,5 @@ $default-border-color: #e7e7e7;
 }
 
 .mediumPadding {
-  padding: 16px 24px;
+  padding: var(--UT-actionCard-padding-md, 16px) var(--UT-actionCard-padding-lg, 24px);
 }

package/dist/esm/components/UTActionCard/components/Header/styles.module.scss

@@ -1,29 +1,29 @@
 .header {
   display: flex;
-  grid-gap: 16px;
+  grid-gap: var(--UT-actionCard-gap-lg, 16px);
   justify-content: space-between;
 }
 
 .headerTitles {
   display: flex;
   flex-direction: column;
-  grid-gap: 16px;
+  grid-gap: var(--UT-actionCard-gap-lg, 16px);
   margin-right: auto;
 }
 
 .titleAndDescription {
   display: flex;
   flex-direction: column;
-  grid-gap: 8px;
+  grid-gap: var(--UT-actionCard-gap-sm, 8px);
   overflow-wrap: anywhere;
 }
 
 .medium {
-  padding: 24px;
+  padding: var(--UT-actionCard-padding-lg, 24px);
 }
 
 .small {
-  padding: 16px;
+  padding: var(--UT-actionCard-padding-md, 16px);
 }
 
 .placeSelf-center {
@@ -39,8 +39,8 @@
 }
 
 .defaultAvatar {
-  height: 64px;
-  width: 64px;
+  height: var(--UT-actionCard-avatar-size, 64px);
+  width: var(--UT-actionCard-avatar-size, 64px);
 }
 
 .adornment {

package/dist/esm/components/UTActionCard/components/HeaderActions/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{Fragment,memo,useState}from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,elementType,func,number,oneOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../UTButton";import UTButtonGroup from"../../../UTButtonGroup";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES}from"../../constants";import{processActions}from"./utils";import styles from"./styles.module.scss";const HeaderActions=e=>{var t,o;let{headerActions:n,headerActionsProps:r,setMainActionHoverVisible:s}=e;const[a,i]=useState(),[l,c]=useState(null===(t=n.find(e=>{let{selectedDefault:t}=e;return t}))||void 0===t?void 0:t.id),p=r.variant===HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:m="secondary",shape:u}=(null==r?void 0:r.buttonGroupProps)||{},T=()=>s(!0),d=()=>{T(),i()},{primaryActions:E,secondaryActions:A}=processActions(n,p?null:d),f=(null==r?void 0:r.buttonSize)||"medium";return React.createElement("div",{className:"".concat(styles.headerActionsContainer," ").concat(styles["placeSelf-".concat(r.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>s(!1),onMouseLeave:T},E.map(e=>React.createElement(UTTooltip,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:e.label&&React.createElement("span",null,e.label)},React.createElement("div",null,React.createElement(UTButton,_extends({},e,{classNames:{root:styles.zIndex},size:f,variant:"text"}),e.title)))),!isEmpty(A)&&(p?React.createElement(UTButtonGroup,{actions:A.map(e=>({...e,onClick:()=>{c(e.id),e.onClick()}})),colorTheme:m,selected:l||(null===(o=A[0])||void 0===o?void 0:o.id),shape:u}):React.createElement(Fragment,null,React.createElement(UTMenu,{anchor:a,iconBefore:!0,items:A,menuPlacement:"bottom-end",onClose:d,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),React.createElement(UTButton,{classNames:{root:styles.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),a?i():i(e.currentTarget)},size:"medium",variant:"text"}))))};HeaderActions.propTypes={headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),id:oneOfType([number,string]),isPrimary:bool,title:string,label:string,loading:bool,onClick:func,selectedDefault:bool})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:func};export default memo(HeaderActions);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React,{Fragment,memo,useState}from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,elementType,func,number,oneOf,oneOfType,shape,string}from"prop-types";import UTButton from"../../../UTButton";import UTButtonGroup from"../../../UTButtonGroup";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES}from"../../constants";import{processActions}from"./utils";import styles from"./styles.module.scss";const HeaderActions=e=>{var t,o;let{headerActions:n,headerActionsProps:r,setMainActionHoverVisible:s}=e;const[a,i]=useState(),[l,c]=useState(null===(t=n.find(e=>{let{selectedDefault:t}=e;return t}))||void 0===t?void 0:t.id),p=r.variant===HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:m="secondary",shape:u}=(null==r?void 0:r.buttonGroupProps)||{},T=()=>s(!0),d=()=>{T(),i()},{primaryActions:E,secondaryActions:A}=processActions(n,p?null:d),f=(null==r?void 0:r.buttonSize)||"medium";return React.createElement("div",{className:"".concat(styles.headerActionsContainer," ").concat(styles["placeSelf-".concat(r.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>s(!1),onMouseLeave:T},E.map(e=>React.createElement(UTTooltip,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:e.label&&React.createElement("span",null,e.label)},React.createElement("div",null,React.createElement(UTButton,_extends({},e,{classNames:{root:styles.zIndex},size:f,variant:"text"}),e.title)))),!isEmpty(A)&&(p?React.createElement(UTButtonGroup,{actions:A.map(e=>({...e,onClick:()=>{c(e.id),e.onClick()}})),colorTheme:m,selected:l||(null===(o=A[0])||void 0===o?void 0:o.id),shape:u}):React.createElement(React.Fragment,null,React.createElement(UTMenu,{anchor:a,iconBefore:!0,items:A,menuPlacement:"bottom-end",onClose:d,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),React.createElement(UTButton,{classNames:{root:styles.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),a?i():i(e.currentTarget)},size:"medium",variant:"text"}))))};HeaderActions.propTypes={headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),id:oneOfType([number,string]),isPrimary:bool,title:string,label:string,loading:bool,onClick:func,selectedDefault:bool})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:func};export default memo(HeaderActions);

package/dist/esm/components/UTActionCard/components/HeaderActions/styles.module.scss

@@ -1,7 +1,7 @@
 .headerActionsContainer {
   align-items: center;
   display: flex;
-  grid-gap: 8px;
+  grid-gap: var(--UT-actionCard-gap-sm, 8px);
   height: fit-content;
 }
 

package/dist/esm/components/UTActionCard/styles.module.scss

@@ -5,17 +5,17 @@ $default-shadow-gray-bottom-1: 0px 3px 6px rgba(24, 44, 73, 0.1);
 
 .cardContainer {
   background: var(--light01, $default-card-container-color);
-  border-radius: 8px;
+  border-radius: var(--UT-actionCard-radius, 8px);
   box-shadow: var(--shadowGrayBottom1, $default-shadow-gray-bottom-1);
   overflow: hidden;
 }
 
 .bodyPadding-medium {
-  padding: 0 24px 24px;
+  padding: 0 var(--UT-actionCard-padding-lg, 24px) var(--UT-actionCard-padding-lg, 24px);
 }
 
 .bodyPadding-small {
-  padding: 0 16px 16px;
+  padding: 0 var(--UT-actionCard-padding-md, 16px) var(--UT-actionCard-padding-md, 16px);
 }
 
 .withoutMainAction {
@@ -71,13 +71,13 @@ $default-shadow-gray-bottom-1: 0px 3px 6px rgba(24, 44, 73, 0.1);
 }
 
 .withoutBodyPadding-small {
-  padding-bottom: 16px;
+  padding-bottom: var(--UT-actionCard-padding-md, 16px);
 }
 
 .withoutBodyPadding-medium {
-  padding-bottom: 24px;
+  padding-bottom: var(--UT-actionCard-padding-lg, 24px);
 }
 
 .withoutHeader {
-  padding-top: 24px;
+  padding-top: var(--UT-actionCard-padding-lg, 24px);
 }

package/dist/esm/components/UTAlert/styles.module.scss

@@ -1,11 +1,11 @@
 .snackbarContent {
   flex-wrap: nowrap;
-  padding: 6px 15px;
+  padding: var(--UT-alert-padding-y, 8px) var(--UT-alert-padding-x, 16px);
 }
 
 .action {
   flex-shrink: 0;
-  padding-left: 10px;
+  padding-left: var(--UT-alert-action-padding, 8px);
 }
 
 .content {
@@ -14,8 +14,8 @@
 }
 
 .alertTypeIcon {
-  font-size: 20px;
-  margin-right: 10px;
+  font-size: var(--UT-alert-icon-size, 20px);
+  margin-right: var(--UT-alert-icon-margin, 8px);
   opacity: 0.9;
 }
 

package/dist/esm/components/UTAttachmentList/components/Preview/styles.module.scss

@@ -1,6 +1,6 @@
 .previewImage {
   border: 1px solid;
-  width: 48px;
-  max-height: 48px;
+  width: var(--UT-attachmentList-preview-size, 48px);
+  max-height: var(--UT-attachmentList-preview-size, 48px);
   object-fit: contain;
 }

package/dist/esm/components/UTAttachmentList/components/PreviewModal/styles.module.scss

@@ -27,7 +27,7 @@
 
 .content {
   margin: 0;
-  padding: 24px;
+  padding: var(--UT-attachmentList-padding-lg, 24px);
   overflow: hidden;
   width: 100%;
 }

package/dist/esm/components/UTAttachmentList/constants.js

@@ -1 +1 @@
-import{object,shape}from"prop-types";export const FORMAT_ERROR_TEXT="El formato no es compatible";export const SIZE_ERROR_TEXT="El archivo supera los ";export const ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:";export const FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo";export const DEFAULT_UPLOADING_TEXT="Cargando...";export const DEFAULT_ATTACHMENT_NAME="Adjunto";export const FORMAT_FILE_LABEL="Debe tener formato: ";export const MAX_SIZE_FILE_LABEL="No debe superar los ";export const UPLOAD_FILE="Subir archivo";export const INDICATIONS="Arrastra y suelta o";export const MB_LABEL="MB";export const MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ";export const DEFAULT_MAX_FILES=1;export const ICON_SIZE=32;export const PREVIEW_TYPES={ERROR:"error",LOADING:"loading"};export const previewPropType=shape({audio:object,image:object,video:object});
+import{object,shape}from"prop-types";export const FORMAT_ERROR_TEXT="El formato no es compatible";export const SIZE_ERROR_TEXT="El archivo supera los ";export const ASPECT_RATIO_ERROR_TEXT="El formato de archivo es inválido. (Válidos:";export const FILE_NOT_FOUND_ERROR_TEXT="Hubo un error al cargar el archivo";export const DEFAULT_UPLOADING_TEXT="Cargando...";export const DEFAULT_ATTACHMENT_NAME="Adjunto";export const FORMAT_FILE_LABEL="Debe tener formato: ";export const MAX_SIZE_FILE_LABEL="No debe superar los ";export const INDICATIONS="Arrastra y suelta o sube un archivo";export const MB_LABEL="MB";export const MAX_FILES_ERROR="Se ha excedido el límite máximo de archivos permitidos ";export const DEFAULT_MAX_FILES=1;export const ICON_SIZE=32;export const UPLOAD_ICON_SIZE=24;export const UPLOAD_ICON_AREA_SIZE=48;export const UPLOAD_ICON_AREA_RADIUS="var(--UT-attachmentList-icon-area-radius, 8px)";export const PREVIEW_TYPES={ERROR:"error",LOADING:"loading"};export const previewPropType=shape({audio:object,image:object,video:object});