@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTPanel/versions/V1/components/HeaderSection/index.js

@@ -1 +1,126 @@
-"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")),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTStatus=_interopRequireDefault(require("../../../../../UTStatus")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTMenu=_interopRequireDefault(require("../../../../../UTMenu")),_DataItem=_interopRequireDefault(require("../DataItem")),_stylesModule=_interopRequireDefault(require("../../styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const MENU_LABEL="Más",HeaderSection=_ref=>{let{classes:classes,collapsableHeader:collapsableHeader,CustomHeaderComponent:CustomHeaderComponent,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton,headerSecondaryActionButton:headerSecondaryActionButton,hideHeader:hideHeader,mainActionDataTestId:mainActionDataTestId,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId,showMainStatus:showMainStatus,showTag:showTag,singleHeaderItemsColumn:singleHeaderItemsColumn,statusProps:statusProps,subtitle:subtitle,tagProps:tagProps,title:title,titleClass:titleClass,titleDataTestId:titleDataTestId,titleProps:titleProps}=_ref;const[collapseHeader,setCollapseHeader]=(0,_react.useState)(!0),[anchor,setAnchor]=(0,_react.useState)(),secondaryActionAsMenu=(0,_react.useMemo)(()=>Array.isArray(headerSecondaryActionButton),[headerSecondaryActionButton]);return hideHeader?null:_react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat((null==classes?void 0:classes.headerContainer)||"")},pretitleComponent&&_react.default.createElement("div",{className:_stylesModule.default.pretitleArea},pretitleComponent),HeaderComponent||_react.default.createElement("div",{className:_stylesModule.default.headerArea},_react.default.createElement("div",{className:_stylesModule.default.headerLeftArea},showTag&&tagProps&&_react.default.createElement(_UTStatus.default,tagProps,tagProps.children),_react.default.createElement("div",{className:_stylesModule.default.titleArea},_react.default.createElement(_UTLabel.default,_extends({className:titleClass,dataTestId:titleDataTestId,variant:"title2",weight:"medium"},titleProps),title),showMainStatus&&_react.default.createElement(_UTStatus.default,statusProps,statusProps.label),collapsableHeader&&_react.default.createElement(_UTButton.default,{Icon:collapseHeader?"IconChevronUp":"IconChevronDown",onClick:()=>setCollapseHeader(!collapseHeader),size:"small",variant:"text"})),subtitle&&_react.default.createElement("div",{className:_stylesModule.default.subtitleArea},_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},subtitle))),_react.default.createElement("div",{className:_stylesModule.default.headerRightArea},!(0,_isEmpty.default)(headerSecondaryActionButton)&&_react.default.createElement(_react.default.Fragment,null,secondaryActionAsMenu&&_react.default.createElement(_UTMenu.default,{anchor:anchor,iconBefore:!0,ItemComponent:_UTButton.default,items:headerSecondaryActionButton,menuPlacement:"bottom-end",onClose:()=>setAnchor(),withMenuItem:!0}),_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",dataTestId:secondaryActionDataTestId,onClick:secondaryActionAsMenu?event=>setAnchor(event.currentTarget):void 0,variant:"semitransparent"},!secondaryActionAsMenu&&headerSecondaryActionButton),secondaryActionAsMenu?"Más":headerSecondaryActionButton.text)),!(0,_isEmpty.default)(headerMainActionButton)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"success",dataTestId:mainActionDataTestId,variant:"filled"},headerMainActionButton),headerMainActionButton.text)))),CustomHeaderComponent&&_react.default.createElement(CustomHeaderComponent,null),!(0,_isEmpty.default)(headerItems)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerItemsContainer," \n          ").concat(collapseHeader?_stylesModule.default.expandedContainer:_stylesModule.default.collapsedContainer," \n          ").concat(singleHeaderItemsColumn&&_stylesModule.default.singleHeaderItemsColumn||"")},headerItems.map(_DataItem.default)))};HeaderSection.propTypes={classes:_propTypes.object,collapsableHeader:_propTypes.bool,CustomHeaderComponent:_propTypes.elementType,HeaderComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),headerItems:(0,_propTypes.arrayOf)((0,_propTypes.shape)({title:_propTypes.string,icon:_propTypes.string,value:_propTypes.string})),headerMainActionButton:_propTypes.object,headerSecondaryActionButton:(0,_propTypes.oneOfType)([_propTypes.object,(0,_propTypes.arrayOf)(_propTypes.object)]),hideHeader:_propTypes.bool,mainActionDataTestId:_propTypes.string,pretitleComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),secondaryActionDataTestId:_propTypes.string,showMainStatus:_propTypes.bool,showTag:_propTypes.bool,singleHeaderItemsColumn:_propTypes.bool,statusProps:_propTypes.object,subtitle:_propTypes.string,tagProps:_propTypes.object,title:_propTypes.string,titleClass:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:_propTypes.object};var _default=exports.default=HeaderSection;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
+var _UTStatus = _interopRequireDefault(require("../../../../../UTStatus"));
+var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
+var _UTMenu = _interopRequireDefault(require("../../../../../UTMenu"));
+var _DataItem = _interopRequireDefault(require("../DataItem"));
+var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const MENU_LABEL = 'Más';
+const HeaderSection = _ref => {
+  let {
+    classes,
+    collapsableHeader,
+    CustomHeaderComponent,
+    HeaderComponent,
+    headerItems,
+    headerMainActionButton,
+    headerSecondaryActionButton,
+    hideHeader,
+    mainActionDataTestId,
+    pretitleComponent,
+    secondaryActionDataTestId,
+    showMainStatus,
+    showTag,
+    singleHeaderItemsColumn,
+    statusProps,
+    subtitle,
+    tagProps,
+    title,
+    titleClass,
+    titleDataTestId,
+    titleProps
+  } = _ref;
+  const [collapseHeader, setCollapseHeader] = (0, _react.useState)(true);
+  const [anchor, setAnchor] = (0, _react.useState)();
+  const openMenu = event => setAnchor(event.currentTarget);
+  const closeMenu = () => setAnchor();
+  const secondaryActionAsMenu = (0, _react.useMemo)(() => Array.isArray(headerSecondaryActionButton), [headerSecondaryActionButton]);
+  if (hideHeader) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.headerContainer, " ").concat((classes === null || classes === void 0 ? void 0 : classes.headerContainer) || '')
+  }, pretitleComponent && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.pretitleArea
+  }, pretitleComponent), HeaderComponent || /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.headerArea
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.headerLeftArea
+  }, showTag && tagProps && /*#__PURE__*/_react.default.createElement(_UTStatus.default, tagProps, tagProps.children), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.titleArea
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    className: titleClass,
+    dataTestId: titleDataTestId,
+    variant: "title2",
+    weight: "medium"
+  }, titleProps), title), showMainStatus && /*#__PURE__*/_react.default.createElement(_UTStatus.default, statusProps, statusProps.label), collapsableHeader && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    Icon: collapseHeader ? 'IconChevronUp' : 'IconChevronDown',
+    onClick: () => setCollapseHeader(!collapseHeader),
+    size: "small",
+    variant: "text"
+  })), subtitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.subtitleArea
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray"
+  }, subtitle))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.headerRightArea
+  }, !(0, _isEmpty.default)(headerSecondaryActionButton) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, secondaryActionAsMenu && /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
+    anchor: anchor,
+    iconBefore: true,
+    ItemComponent: _UTButton.default,
+    items: headerSecondaryActionButton,
+    menuPlacement: "bottom-end",
+    onClose: closeMenu,
+    withMenuItem: true
+  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+    colorTheme: "secondary",
+    dataTestId: secondaryActionDataTestId,
+    onClick: secondaryActionAsMenu ? openMenu : undefined,
+    variant: "semitransparent"
+  }, !secondaryActionAsMenu && headerSecondaryActionButton), secondaryActionAsMenu ? MENU_LABEL : headerSecondaryActionButton.text)), !(0, _isEmpty.default)(headerMainActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
+    colorTheme: "success",
+    dataTestId: mainActionDataTestId,
+    variant: "filled"
+  }, headerMainActionButton), headerMainActionButton.text)))), CustomHeaderComponent && /*#__PURE__*/_react.default.createElement(CustomHeaderComponent, null), !(0, _isEmpty.default)(headerItems) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.headerItemsContainer, " \n          ").concat(collapseHeader ? _stylesModule.default.expandedContainer : _stylesModule.default.collapsedContainer, " \n          ").concat(singleHeaderItemsColumn && _stylesModule.default.singleHeaderItemsColumn || '')
+  }, headerItems.map(_DataItem.default)));
+};
+HeaderSection.propTypes = {
+  classes: _propTypes.object,
+  collapsableHeader: _propTypes.bool,
+  CustomHeaderComponent: _propTypes.elementType,
+  HeaderComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
+  headerItems: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    title: _propTypes.string,
+    icon: _propTypes.string,
+    value: _propTypes.string
+  })),
+  headerMainActionButton: _propTypes.object,
+  headerSecondaryActionButton: (0, _propTypes.oneOfType)([_propTypes.object, (0, _propTypes.arrayOf)(_propTypes.object)]),
+  hideHeader: _propTypes.bool,
+  mainActionDataTestId: _propTypes.string,
+  pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
+  secondaryActionDataTestId: _propTypes.string,
+  showMainStatus: _propTypes.bool,
+  showTag: _propTypes.bool,
+  singleHeaderItemsColumn: _propTypes.bool,
+  statusProps: _propTypes.object,
+  subtitle: _propTypes.string,
+  tagProps: _propTypes.object,
+  title: _propTypes.string,
+  titleClass: _propTypes.string,
+  titleDataTestId: _propTypes.string,
+  titleProps: _propTypes.object
+};
+var _default = exports.default = HeaderSection;

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

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.MENU_LABEL=exports.ACCEPT_BUTTON_TEXT=void 0;const SIZES=exports.SIZES={L:"large",M:"medium",S:"small"},ACCEPT_BUTTON_TEXT=exports.ACCEPT_BUTTON_TEXT="Aceptar",MENU_LABEL=exports.MENU_LABEL="Más";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZES = exports.MENU_LABEL = exports.ACCEPT_BUTTON_TEXT = void 0;
+const SIZES = exports.SIZES = {
+  L: 'large',
+  M: 'medium',
+  S: 'small'
+};
+const ACCEPT_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = 'Aceptar';
+const MENU_LABEL = exports.MENU_LABEL = 'Más';

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

@@ -1 +1,282 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_SwipeableDrawer=_interopRequireDefault(require("@material-ui/core/SwipeableDrawer")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_index=_interopRequireDefault(require("../../../WithTheme/index.js")),_testIds=require("../../../../constants/testIds.js"),_classesUtils=require("../../../../utils/classesUtils.js"),_AdditionalContentModule=_interopRequireDefault(require("./components/AdditionalContentModule")),_ControlAreaSection=_interopRequireDefault(require("./components/ControlAreaSection")),_HeaderSection=_interopRequireDefault(require("./components/HeaderSection")),_BodySection=_interopRequireDefault(require("./components/BodySection")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants.js"),_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,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{panel:panel}=_testIds.TEST_IDS,UTPanel=_ref=>{var _classes$bodyContaine;let{additionalContent:additionalContent,backButtonDataTestId:backButtonDataTestId=panel.backButton,BackdropProps:BackdropProps={},children:children,classes:theme,classNames:classNames,closeButtonDataTestId:closeButtonDataTestId=panel.closeButton,collapsableHeader:collapsableHeader=!1,collapsablePanel:collapsablePanel=!1,currentStep:currentStep=1,CustomHeaderComponent:CustomHeaderComponent,disableScrollbar:disableScrollbar=!1,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton={},headerSecondaryActionButton:headerSecondaryActionButton={},hideCloseButton:hideCloseButton=!1,hideHeader:hideHeader=!1,hideMainButton:hideMainButton=!1,inline:inline=!1,isWorkflow:isWorkflow=!1,mainActionDataTestId:mainActionDataTestId=panel.mainAction,mainButton:mainButton={},modalProps:modalProps,onClose:onClose,onEndReachedCallback:onEndReachedCallback,onGoBack:onGoBack=()=>{},onOpen:onOpen=()=>{},open:open,openAdditionalContentRequest:openAdditionalContentRequest,paginationProps:paginationProps={},panelSide:panelSide,perfectScrollbarOptions:perfectScrollbarOptions,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId=panel.secondaryAction,showBackButton:showBackButton=!1,showMainStatus:showMainStatus=!1,showPagination:showPagination=!1,showTag:showTag=!1,singleHeaderItemsColumn:singleHeaderItemsColumn=!1,size:size="M",statusProps:statusProps={},stepsCount:stepsCount,subtitle:subtitle="",tagProps:tagProps={},title:title="",titleDataTestId:titleDataTestId=panel.title,titleProps:titleProps={},...props}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(theme,classNames),[classNames,theme]),[activeAdditionalContentId,setActiveAdditionalContentId]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{var _additionalContent$;additionalContent&&additionalContent.length>0&&(null!==(_additionalContent$=additionalContent[0])&&void 0!==_additionalContent$&&_additionalContent$.collapse?setActiveAdditionalContentId(null):setActiveAdditionalContentId(additionalContent[0].id))},[additionalContent]),(0,_react.useEffect)(()=>{null!=openAdditionalContentRequest&&openAdditionalContentRequest.id&&setActiveAdditionalContentId(openAdditionalContentRequest.id)},[openAdditionalContentRequest]);const panelIsCollapsible=collapsablePanel&&inline,panelIsCollapsed=panelIsCollapsible&&!open,hasAdditionalContent=!(0,_isEmpty.default)(additionalContent),{nextButton:nextButton={},backButton:backButton={},currentPage:currentPage=1,totalPages:totalPages=1}=paginationProps,{backButton:backButtonClass,closeButton:closeButtonClass,iconBack:iconBackClass,iconClose:iconCloseClass,perfectScrollbar:perfectScrollbarClass,...drawerClasses}=classes;return _react.default.createElement(_SwipeableDrawer.default,_extends({anchor:panelSide,BackdropProps:{...BackdropProps,classes:{root:drawerClasses.backdrop,...null==BackdropProps?void 0:BackdropProps.classes}},classes:{...drawerClasses,paper:"\n          ".concat(_stylesModule.default.paper,"\n          ").concat(panelIsCollapsible&&open&&_stylesModule.default.collapsedPaper,"\n          ").concat(drawerClasses.paper,"\n          ").concat(_stylesModule.default[_constants.SIZES[size]],"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&_stylesModule.default.withAdditionalContent,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&_stylesModule.default.withAdditionalContentCollapsed,"\n        "),root:drawerClasses.root,docked:"\n          ".concat(_stylesModule.default[_constants.SIZES[size]],"\n          ").concat(_stylesModule.default.docked,"\n          ").concat(panelIsCollapsed&&_stylesModule.default.collapsed,"\n          ").concat(!open&&!collapsablePanel&&_stylesModule.default.closedPersistentPanel,"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&_stylesModule.default.withAdditionalContentDocked,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&_stylesModule.default.withAdditionalContentCollapsedDocked,"\n        ")},disablePortal:inline,disableSwipeToOpen:!0,ModalProps:{...modalProps},onClose:onClose,onOpen:onOpen,open:panelIsCollapsible||open,swipeAreaWidth:0,variant:inline?collapsablePanel?"permanent":"persistent":"temporary"},props),!panelIsCollapsed&&_react.default.createElement("div",{className:_stylesModule.default.panelWrapper},_react.default.createElement(_ControlAreaSection.default,{backButton:backButton,backButtonClass:backButtonClass,backButtonDataTestId:backButtonDataTestId,classes:classes,closeButtonClass:closeButtonClass,closeButtonDataTestId:closeButtonDataTestId,currentPage:currentPage,currentStep:currentStep,hideCloseButton:hideCloseButton,iconBackClass:iconBackClass,iconCloseClass:iconCloseClass,isWorkflow:isWorkflow,nextButton:nextButton,onClose:onClose,onGoBack:onGoBack,onOpen:onOpen,open:open,panelIsCollapsible:panelIsCollapsible,showBackButton:showBackButton,showPagination:showPagination,stepsCount:stepsCount,totalPages:totalPages}),_react.default.createElement("div",{className:_stylesModule.default.contentRowContainer},_react.default.createElement("div",{className:_stylesModule.default.mainContentSection},_react.default.createElement(_HeaderSection.default,{classes:classes,collapsableHeader:collapsableHeader,CustomHeaderComponent:CustomHeaderComponent,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton,headerSecondaryActionButton:headerSecondaryActionButton,hideHeader:hideHeader,mainActionDataTestId:mainActionDataTestId,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId,showMainStatus:showMainStatus,showTag:showTag,singleHeaderItemsColumn:singleHeaderItemsColumn,statusProps:statusProps,subtitle:subtitle,tagProps:tagProps,title:title,titleClass:classes.title,titleDataTestId:titleDataTestId,titleProps:titleProps}),_react.default.createElement(_BodySection.default,{bodyContainerClass:"".concat(_stylesModule.default.bodyContainer," ").concat(null!==(_classes$bodyContaine=null==classes?void 0:classes.bodyContainer)&&void 0!==_classes$bodyContaine?_classes$bodyContaine:""),disableScrollbar:disableScrollbar,hideMainButton:hideMainButton,mainButton:mainButton,onEndReachedCallback:onEndReachedCallback,perfectScrollbarClass:perfectScrollbarClass,perfectScrollbarOptions:perfectScrollbarOptions},children)),hasAdditionalContent&&_react.default.createElement(_AdditionalContentModule.default,{activeId:activeAdditionalContentId,additionalContent:additionalContent,onSelectItem:setActiveAdditionalContentId}))))};UTPanel.propTypes={additionalContent:(0,_propTypes.arrayOf)((0,_propTypes.shape)({id:_propTypes.string.isRequired,Icon:_propTypes.string.isRequired,count:_propTypes.number,BodyComponent:_propTypes.elementType.isRequired,tooltipProps:_propTypes.object.isRequired})),backButtonDataTestId:_propTypes.string,BackdropProps:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:_propTypes.object,closeButtonDataTestId:_propTypes.string,collapsableHeader:_propTypes.bool,collapsablePanel:_propTypes.bool,currentStep:_propTypes.number,disableScrollbar:_propTypes.bool,CustomHeaderComponent:_propTypes.elementType,HeaderComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),headerItems:(0,_propTypes.arrayOf)((0,_propTypes.shape)({title:_propTypes.string,icon:_propTypes.string,value:_propTypes.string})),headerMainActionButton:(0,_propTypes.shape)({callBack:_propTypes.func,colorTheme:_propTypes.string,text:_propTypes.string,variant:_propTypes.string}),headerSecondaryActionButton:(0,_propTypes.shape)({callBack:_propTypes.func,colorTheme:_propTypes.string,text:_propTypes.string,variant:_propTypes.string}),hideCloseButton:_propTypes.bool,hideHeader:_propTypes.bool,hideMainButton:_propTypes.bool,inline:_propTypes.bool,isWorkflow:_propTypes.bool,mainActionDataTestId:_propTypes.string,mainButton:_propTypes.object,modalProps:_propTypes.object,onClose:_propTypes.func,onEndReachedCallback:_propTypes.func,onGoBack:_propTypes.func,onOpen:_propTypes.func,open:_propTypes.bool,openAdditionalContentRequest:_propTypes.object,panelSide:_propTypes.string,perfectScrollbarOptions:_propTypes.object,pretitleComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),secondaryActionDataTestId:_propTypes.string,singleHeaderItemsColumn:_propTypes.bool,size:(0,_propTypes.oneOf)(Object.keys(_constants.SIZES)),showBackButton:_propTypes.bool,showMainStatus:_propTypes.bool,showTag:_propTypes.bool,showPagination:_propTypes.bool,statusProps:_propTypes.object,stepsCount:_propTypes.number,currentPage:_propTypes.number,totalPages:_propTypes.number,subtitle:_propTypes.string,paginationProps:_propTypes.object,tagProps:(0,_propTypes.shape)({classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,Icon:_propTypes.elementType,iconProps:_propTypes.object,labelDataTestId:_propTypes.string,size:_propTypes.string,title:_propTypes.string,type:_propTypes.string,variant:_propTypes.string,withoutIcon:_propTypes.bool}),title:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:_propTypes.object};var _default=exports.default=(0,_index.default)(_theme.retrieveStyle)(UTPanel);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SwipeableDrawer = _interopRequireDefault(require("@material-ui/core/SwipeableDrawer"));
+var _propTypes = require("prop-types");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _index = _interopRequireDefault(require("../../../WithTheme/index.js"));
+var _testIds = require("../../../../constants/testIds.js");
+var _classesUtils = require("../../../../utils/classesUtils.js");
+var _AdditionalContentModule = _interopRequireDefault(require("./components/AdditionalContentModule"));
+var _ControlAreaSection = _interopRequireDefault(require("./components/ControlAreaSection"));
+var _HeaderSection = _interopRequireDefault(require("./components/HeaderSection"));
+var _BodySection = _interopRequireDefault(require("./components/BodySection"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _constants = require("./constants.js");
+var _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(), 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 {
+  panel
+} = _testIds.TEST_IDS;
+const UTPanel = _ref => {
+  var _classes$bodyContaine;
+  let {
+    additionalContent,
+    backButtonDataTestId = panel.backButton,
+    BackdropProps = {},
+    children,
+    classes: theme,
+    classNames,
+    closeButtonDataTestId = panel.closeButton,
+    collapsableHeader = false,
+    collapsablePanel = false,
+    currentStep = 1,
+    CustomHeaderComponent,
+    disableScrollbar = false,
+    HeaderComponent,
+    headerItems,
+    headerMainActionButton = {},
+    headerSecondaryActionButton = {},
+    hideCloseButton = false,
+    hideHeader = false,
+    hideMainButton = false,
+    inline = false,
+    isWorkflow = false,
+    mainActionDataTestId = panel.mainAction,
+    mainButton = {},
+    modalProps,
+    onClose,
+    onEndReachedCallback,
+    onGoBack = () => {},
+    onOpen = () => {},
+    open,
+    openAdditionalContentRequest,
+    paginationProps = {},
+    panelSide,
+    perfectScrollbarOptions,
+    pretitleComponent,
+    secondaryActionDataTestId = panel.secondaryAction,
+    showBackButton = false,
+    showMainStatus = false,
+    showPagination = false,
+    showTag = false,
+    singleHeaderItemsColumn = false,
+    size = 'M',
+    statusProps = {},
+    stepsCount,
+    subtitle = '',
+    tagProps = {},
+    title = '',
+    titleDataTestId = panel.title,
+    titleProps = {},
+    ...props
+  } = _ref;
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, classNames), [classNames, theme]);
+  const [activeAdditionalContentId, setActiveAdditionalContentId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (additionalContent && additionalContent.length > 0) {
+      var _additionalContent$;
+      if ((_additionalContent$ = additionalContent[0]) !== null && _additionalContent$ !== void 0 && _additionalContent$.collapse) setActiveAdditionalContentId(null);else setActiveAdditionalContentId(additionalContent[0].id);
+    }
+  }, [additionalContent]);
+  (0, _react.useEffect)(() => {
+    if (openAdditionalContentRequest !== null && openAdditionalContentRequest !== void 0 && openAdditionalContentRequest.id) {
+      setActiveAdditionalContentId(openAdditionalContentRequest.id);
+    }
+  }, [openAdditionalContentRequest]);
+  const panelIsCollapsible = collapsablePanel && inline;
+  const panelIsCollapsed = panelIsCollapsible && !open;
+  const hasAdditionalContent = !(0, _isEmpty.default)(additionalContent);
+  const {
+    nextButton = {},
+    backButton = {},
+    currentPage = 1,
+    totalPages = 1
+  } = paginationProps;
+  const {
+    backButton: backButtonClass,
+    closeButton: closeButtonClass,
+    iconBack: iconBackClass,
+    iconClose: iconCloseClass,
+    perfectScrollbar: perfectScrollbarClass,
+    ...drawerClasses
+  } = classes;
+  return /*#__PURE__*/_react.default.createElement(_SwipeableDrawer.default, _extends({
+    anchor: panelSide,
+    BackdropProps: {
+      ...BackdropProps,
+      classes: {
+        root: drawerClasses.backdrop,
+        ...(BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.classes)
+      }
+    },
+    classes: {
+      ...drawerClasses,
+      paper: "\n          ".concat(_stylesModule.default.paper, "\n          ").concat(panelIsCollapsible && open && _stylesModule.default.collapsedPaper, "\n          ").concat(drawerClasses.paper, "\n          ").concat(_stylesModule.default[_constants.SIZES[size]], "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && _stylesModule.default.withAdditionalContent, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && _stylesModule.default.withAdditionalContentCollapsed, "\n        "),
+      root: drawerClasses.root,
+      docked: "\n          ".concat(_stylesModule.default[_constants.SIZES[size]], "\n          ").concat(_stylesModule.default.docked, "\n          ").concat(panelIsCollapsed && _stylesModule.default.collapsed, "\n          ").concat(!open && !collapsablePanel && _stylesModule.default.closedPersistentPanel, "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && _stylesModule.default.withAdditionalContentDocked, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && _stylesModule.default.withAdditionalContentCollapsedDocked, "\n        ")
+    },
+    disablePortal: inline,
+    disableSwipeToOpen: true,
+    ModalProps: {
+      ...modalProps
+    },
+    onClose: onClose,
+    onOpen: onOpen,
+    open: panelIsCollapsible || open,
+    swipeAreaWidth: 0,
+    variant: inline ? collapsablePanel ? 'permanent' : 'persistent' : 'temporary'
+  }, props), !panelIsCollapsed && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.panelWrapper
+  }, /*#__PURE__*/_react.default.createElement(_ControlAreaSection.default, {
+    backButton: backButton,
+    backButtonClass: backButtonClass,
+    backButtonDataTestId: backButtonDataTestId,
+    classes: classes,
+    closeButtonClass: closeButtonClass,
+    closeButtonDataTestId: closeButtonDataTestId,
+    currentPage: currentPage,
+    currentStep: currentStep,
+    hideCloseButton: hideCloseButton,
+    iconBackClass: iconBackClass,
+    iconCloseClass: iconCloseClass,
+    isWorkflow: isWorkflow,
+    nextButton: nextButton,
+    onClose: onClose,
+    onGoBack: onGoBack,
+    onOpen: onOpen,
+    open: open,
+    panelIsCollapsible: panelIsCollapsible,
+    showBackButton: showBackButton,
+    showPagination: showPagination,
+    stepsCount: stepsCount,
+    totalPages: totalPages
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.contentRowContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.mainContentSection
+  }, /*#__PURE__*/_react.default.createElement(_HeaderSection.default, {
+    classes: classes,
+    collapsableHeader: collapsableHeader,
+    CustomHeaderComponent: CustomHeaderComponent,
+    HeaderComponent: HeaderComponent,
+    headerItems: headerItems,
+    headerMainActionButton: headerMainActionButton,
+    headerSecondaryActionButton: headerSecondaryActionButton,
+    hideHeader: hideHeader,
+    mainActionDataTestId: mainActionDataTestId,
+    pretitleComponent: pretitleComponent,
+    secondaryActionDataTestId: secondaryActionDataTestId,
+    showMainStatus: showMainStatus,
+    showTag: showTag,
+    singleHeaderItemsColumn: singleHeaderItemsColumn,
+    statusProps: statusProps,
+    subtitle: subtitle,
+    tagProps: tagProps,
+    title: title,
+    titleClass: classes.title,
+    titleDataTestId: titleDataTestId,
+    titleProps: titleProps
+  }), /*#__PURE__*/_react.default.createElement(_BodySection.default, {
+    bodyContainerClass: "".concat(_stylesModule.default.bodyContainer, " ").concat((_classes$bodyContaine = classes === null || classes === void 0 ? void 0 : classes.bodyContainer) !== null && _classes$bodyContaine !== void 0 ? _classes$bodyContaine : ''),
+    disableScrollbar: disableScrollbar,
+    hideMainButton: hideMainButton,
+    mainButton: mainButton,
+    onEndReachedCallback: onEndReachedCallback,
+    perfectScrollbarClass: perfectScrollbarClass,
+    perfectScrollbarOptions: perfectScrollbarOptions
+  }, children)), hasAdditionalContent && /*#__PURE__*/_react.default.createElement(_AdditionalContentModule.default, {
+    activeId: activeAdditionalContentId,
+    additionalContent: additionalContent,
+    onSelectItem: setActiveAdditionalContentId
+  }))));
+};
+UTPanel.propTypes = {
+  additionalContent: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    id: _propTypes.string.isRequired,
+    Icon: _propTypes.string.isRequired,
+    count: _propTypes.number,
+    BodyComponent: _propTypes.elementType.isRequired,
+    tooltipProps: _propTypes.object.isRequired
+  })),
+  backButtonDataTestId: _propTypes.string,
+  BackdropProps: _propTypes.object,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  classNames: _propTypes.object,
+  closeButtonDataTestId: _propTypes.string,
+  collapsableHeader: _propTypes.bool,
+  collapsablePanel: _propTypes.bool,
+  currentStep: _propTypes.number,
+  disableScrollbar: _propTypes.bool,
+  CustomHeaderComponent: _propTypes.elementType,
+  HeaderComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
+  headerItems: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    title: _propTypes.string,
+    icon: _propTypes.string,
+    value: _propTypes.string
+  })),
+  headerMainActionButton: (0, _propTypes.shape)({
+    callBack: _propTypes.func,
+    colorTheme: _propTypes.string,
+    text: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  headerSecondaryActionButton: (0, _propTypes.shape)({
+    callBack: _propTypes.func,
+    colorTheme: _propTypes.string,
+    text: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  hideCloseButton: _propTypes.bool,
+  hideHeader: _propTypes.bool,
+  hideMainButton: _propTypes.bool,
+  inline: _propTypes.bool,
+  isWorkflow: _propTypes.bool,
+  mainActionDataTestId: _propTypes.string,
+  mainButton: _propTypes.object,
+  modalProps: _propTypes.object,
+  onClose: _propTypes.func,
+  onEndReachedCallback: _propTypes.func,
+  onGoBack: _propTypes.func,
+  onOpen: _propTypes.func,
+  open: _propTypes.bool,
+  openAdditionalContentRequest: _propTypes.object,
+  panelSide: _propTypes.string,
+  perfectScrollbarOptions: _propTypes.object,
+  pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
+  secondaryActionDataTestId: _propTypes.string,
+  singleHeaderItemsColumn: _propTypes.bool,
+  size: (0, _propTypes.oneOf)(Object.keys(_constants.SIZES)),
+  showBackButton: _propTypes.bool,
+  showMainStatus: _propTypes.bool,
+  showTag: _propTypes.bool,
+  showPagination: _propTypes.bool,
+  statusProps: _propTypes.object,
+  stepsCount: _propTypes.number,
+  currentPage: _propTypes.number,
+  totalPages: _propTypes.number,
+  subtitle: _propTypes.string,
+  paginationProps: _propTypes.object,
+  tagProps: (0, _propTypes.shape)({
+    classes: (0, _propTypes.objectOf)(_propTypes.string),
+    className: _propTypes.string,
+    Icon: _propTypes.elementType,
+    iconProps: _propTypes.object,
+    labelDataTestId: _propTypes.string,
+    size: _propTypes.string,
+    title: _propTypes.string,
+    type: _propTypes.string,
+    variant: _propTypes.string,
+    withoutIcon: _propTypes.bool
+  }),
+  title: _propTypes.string,
+  titleDataTestId: _propTypes.string,
+  titleProps: _propTypes.object
+};
+var _default = exports.default = (0, _index.default)(_theme.retrieveStyle)(UTPanel);

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

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable");const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{barColorPrimary:{background:(0,_seamlessImmutable.getIn)(theme,["UTPanel","progressBar","barColorPrimary","background"],"linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important")},colorPrimary:{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTPanel","progressBar","colorPrimary","backgroundColor"],"".concat(theme.Palette.light["04"]," !important"))},backdrop:{backgroundColor:theme.Palette.dark["05"],opacity:"0.25 !important"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    barColorPrimary: {
+      background: (0, _seamlessImmutable.getIn)(theme, ['UTPanel', 'progressBar', 'barColorPrimary', 'background'], 'linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important')
+    },
+    colorPrimary: {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTPanel', 'progressBar', 'colorPrimary', 'backgroundColor'], "".concat(theme.Palette.light['04'], " !important"))
+    },
+    backdrop: {
+      backgroundColor: theme.Palette.dark['05'],
+      opacity: '0.25 !important'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTPaper/index.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_core=require("@material-ui/core"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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 UTPaper=_ref=>{let{children:children,classes:classes,className:className,...otherProps}=_ref;return _react.default.createElement(_core.Paper,_extends({},otherProps,{className:"".concat(classes.paper).concat(className?" ".concat(className):"")}),children)};UTPaper.propTypes={children:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,otherProps:_propTypes.object};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTPaper);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _core = require("@material-ui/core");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 UTPaper = _ref => {
+  let {
+    children,
+    classes,
+    className,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_core.Paper, _extends({}, otherProps, {
+    className: "".concat(classes.paper).concat(className ? " ".concat(className) : '')
+  }), children);
+};
+UTPaper.propTypes = {
+  children: _propTypes.object,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  otherProps: _propTypes.object
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTPaper);

package/dist/components/UTPaper/theme.js

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils");const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{paper:{backgroundColor:theme.Palette.light["01"],borderRadius:"8px",boxShadow:(0,_shadowUtils.getShadow)({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow.grayscale,level:2}),marginTop:"8px",padding:"16px"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _shadowUtils = require("../../utils/shadowUtils");
+const retrieveStyle = _ref => {
+  var _theme$Palette$shadow;
+  let {
+    theme
+  } = _ref;
+  return {
+    paper: {
+      backgroundColor: theme.Palette.light['01'],
+      borderRadius: '8px',
+      boxShadow: (0, _shadowUtils.getShadow)({
+        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
+        level: 2
+      }),
+      marginTop: '8px',
+      padding: '16px'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTPasswordField/index.js

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

package/dist/components/UTPasswordField/versions/V0/README.md

@@ -0,0 +1,19 @@
+# UTPasswordField
+
+### Description
+Component that abstracts all possible uses for a password field. Based on the `UTTextField` component.
+
+### Usage
+This component shares all `UTTextField` props. The following props are specific to the `UTPasswordField` component:
+
+- `field`: expects an `object` with the field configuration. This prop is passed down to the text field, but the password component extracts
+  - `passwordValidations`: expects an `array` of `objects` with attributes `error: string, expression: string, requirement: string`. The `expression` attribute consists of a regular expression used to check for both an error or password requirement. The error and requirement attributes are messages to be displayed whenever it is needed. Validations are checked in real time, whereas errors show up after a submission failure.
+  - `showValidations`: expects a `boolean`. Flag to show or hide the validations based on the location of the password field. e.g: one would not want to show requirements on a sign in view, would want to in a sign up screen.
+- ValidationPassedIcon: expects an `element`, icon used to indicate when a validation has passed.
+- ValidationFailedIcon: expects an `element`, icon used to indicate when a validation has failed.
+- NoValueIcon: expects an `element`, icon used to indicate when the input has no value and has not failed to submit.
+- ErrorIcon: expects an `element`, icon used to indicate when an error is present.
+
+### Observations
+
+The `passwordValidations` object should be the same one used to set the validations in the field configuration for better understanding between visuals and functionality.

package/dist/components/UTPasswordField/versions/V0/components/PasswordValidations/components/Error/index.js

@@ -1 +1,45 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_Info=_interopRequireDefault(require("@material-ui/icons/Info")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../../../../../UTLabel")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ErrorMessage=_ref=>{let{assertion:assertion,classes:classes,dataTestId:dataTestId,ErrorIcon:ErrorIcon,error:error}=_ref;const{failedIconStyle:failedIconStyle,iconStyle:iconStyle}=classes,Icon=ErrorIcon||_Info.default;return!assertion&&_react.default.createElement("div",{className:_stylesModule.default.container,"data-testid":dataTestId},_react.default.createElement(Icon,{className:"".concat(iconStyle," ").concat(failedIconStyle)}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.label,colorTheme:"error",variant:"small",withMarkdown:!0},error))};ErrorMessage.propTypes={assertion:_propTypes.bool,classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,ErrorIcon:_propTypes.elementType,error:_propTypes.string};var _default=exports.default=ErrorMessage;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../../../../../../../UTLabel"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ErrorMessage = _ref => {
+  let {
+    assertion,
+    classes,
+    dataTestId,
+    ErrorIcon,
+    error
+  } = _ref;
+  const {
+    failedIconStyle,
+    iconStyle
+  } = classes;
+  const Icon = ErrorIcon || _Info.default;
+  return !assertion && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.container,
+    "data-testid": dataTestId
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    className: "".concat(iconStyle, " ").concat(failedIconStyle)
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.label,
+    colorTheme: "error",
+    variant: "small",
+    withMarkdown: true
+  }, error));
+};
+ErrorMessage.propTypes = {
+  assertion: _propTypes.bool,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  ErrorIcon: _propTypes.elementType,
+  error: _propTypes.string
+};
+var _default = exports.default = ErrorMessage;