@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,274 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useMemo, useState, useEffect } from 'react';
-import SwipeableDrawer from '@material-ui/core/SwipeableDrawer';
-import { arrayOf, bool, element, elementType, func, number, object, objectOf, oneOf, oneOfType, shape, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import WithTheme from '../../../WithTheme/index.js';
-import { TEST_IDS } from '../../../../constants/testIds.js';
-import { mergeClasses } from '../../../../utils/classesUtils.js';
-import AdditionalContentModule from './components/AdditionalContentModule';
-import ControlAreaSection from './components/ControlAreaSection';
-import HeaderSection from './components/HeaderSection';
-import BodySection from './components/BodySection';
-import styles from './styles.module.scss';
-import { SIZES } from './constants.js';
-import { retrieveStyle } from './theme';
-const {
-  panel
-} = 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 = useMemo(() => mergeClasses(theme, classNames), [classNames, theme]);
-  const [activeAdditionalContentId, setActiveAdditionalContentId] = useState(null);
-  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]);
-  useEffect(() => {
-    if (openAdditionalContentRequest !== null && openAdditionalContentRequest !== void 0 && openAdditionalContentRequest.id) {
-      setActiveAdditionalContentId(openAdditionalContentRequest.id);
-    }
-  }, [openAdditionalContentRequest]);
-  const panelIsCollapsible = collapsablePanel && inline;
-  const panelIsCollapsed = panelIsCollapsible && !open;
-  const hasAdditionalContent = !isEmpty(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.createElement(SwipeableDrawer, _extends({
-    anchor: panelSide,
-    BackdropProps: {
-      ...BackdropProps,
-      classes: {
-        root: drawerClasses.backdrop,
-        ...(BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.classes)
-      }
-    },
-    classes: {
-      ...drawerClasses,
-      paper: "\n          ".concat(styles.paper, "\n          ").concat(panelIsCollapsible && open && styles.collapsedPaper, "\n          ").concat(drawerClasses.paper, "\n          ").concat(styles[SIZES[size]], "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && styles.withAdditionalContent, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && styles.withAdditionalContentCollapsed, "\n        "),
-      root: drawerClasses.root,
-      docked: "\n          ".concat(styles[SIZES[size]], "\n          ").concat(styles.docked, "\n          ").concat(panelIsCollapsed && styles.collapsed, "\n          ").concat(!open && !collapsablePanel && styles.closedPersistentPanel, "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && styles.withAdditionalContentDocked, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && styles.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.createElement("div", {
-    className: styles.panelWrapper
-  }, /*#__PURE__*/React.createElement(ControlAreaSection, {
-    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.createElement("div", {
-    className: styles.contentRowContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.mainContentSection
-  }, /*#__PURE__*/React.createElement(HeaderSection, {
-    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.createElement(BodySection, {
-    bodyContainerClass: "".concat(styles.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.createElement(AdditionalContentModule, {
-    activeId: activeAdditionalContentId,
-    additionalContent: additionalContent,
-    onSelectItem: setActiveAdditionalContentId
-  }))));
-};
-UTPanel.propTypes = {
-  additionalContent: arrayOf(shape({
-    id: string.isRequired,
-    Icon: string.isRequired,
-    count: number,
-    BodyComponent: elementType.isRequired,
-    tooltipProps: object.isRequired
-  })),
-  backButtonDataTestId: string,
-  BackdropProps: object,
-  classes: objectOf(string),
-  classNames: object,
-  closeButtonDataTestId: string,
-  collapsableHeader: bool,
-  collapsablePanel: bool,
-  currentStep: number,
-  disableScrollbar: bool,
-  CustomHeaderComponent: elementType,
-  HeaderComponent: oneOfType([element, elementType]),
-  headerItems: arrayOf(shape({
-    title: string,
-    icon: string,
-    value: string
-  })),
-  headerMainActionButton: shape({
-    callBack: func,
-    colorTheme: string,
-    text: string,
-    variant: string
-  }),
-  headerSecondaryActionButton: shape({
-    callBack: func,
-    colorTheme: string,
-    text: string,
-    variant: string
-  }),
-  hideCloseButton: bool,
-  hideHeader: bool,
-  hideMainButton: bool,
-  inline: bool,
-  isWorkflow: bool,
-  mainActionDataTestId: string,
-  mainButton: object,
-  modalProps: object,
-  onClose: func,
-  onEndReachedCallback: func,
-  onGoBack: func,
-  onOpen: func,
-  open: bool,
-  openAdditionalContentRequest: object,
-  panelSide: string,
-  perfectScrollbarOptions: object,
-  pretitleComponent: oneOfType([element, elementType]),
-  secondaryActionDataTestId: string,
-  singleHeaderItemsColumn: bool,
-  size: oneOf(Object.keys(SIZES)),
-  showBackButton: bool,
-  showMainStatus: bool,
-  showTag: bool,
-  showPagination: bool,
-  statusProps: object,
-  stepsCount: number,
-  currentPage: number,
-  totalPages: number,
-  subtitle: string,
-  paginationProps: object,
-  tagProps: shape({
-    classes: objectOf(string),
-    className: string,
-    Icon: elementType,
-    iconProps: object,
-    labelDataTestId: string,
-    size: string,
-    title: string,
-    type: string,
-    variant: string,
-    withoutIcon: bool
-  }),
-  title: string,
-  titleDataTestId: string,
-  titleProps: object
-};
-export default WithTheme(retrieveStyle)(UTPanel);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useMemo,useState,useEffect}from"react";import SwipeableDrawer from"@material-ui/core/SwipeableDrawer";import{arrayOf,bool,element,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import WithTheme from"../../../WithTheme/index.js";import{TEST_IDS}from"../../../../constants/testIds.js";import{mergeClasses}from"../../../../utils/classesUtils.js";import AdditionalContentModule from"./components/AdditionalContentModule";import ControlAreaSection from"./components/ControlAreaSection";import HeaderSection from"./components/HeaderSection";import BodySection from"./components/BodySection";import styles from"./styles.module.scss";import{SIZES}from"./constants.js";import{retrieveStyle}from"./theme";const{panel:panel}=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=useMemo(()=>mergeClasses(theme,classNames),[classNames,theme]),[activeAdditionalContentId,setActiveAdditionalContentId]=useState(null);useEffect(()=>{var _additionalContent$;additionalContent&&additionalContent.length>0&&(null!==(_additionalContent$=additionalContent[0])&&void 0!==_additionalContent$&&_additionalContent$.collapse?setActiveAdditionalContentId(null):setActiveAdditionalContentId(additionalContent[0].id))},[additionalContent]),useEffect(()=>{null!=openAdditionalContentRequest&&openAdditionalContentRequest.id&&setActiveAdditionalContentId(openAdditionalContentRequest.id)},[openAdditionalContentRequest]);const panelIsCollapsible=collapsablePanel&&inline,panelIsCollapsed=panelIsCollapsible&&!open,hasAdditionalContent=!isEmpty(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.createElement(SwipeableDrawer,_extends({anchor:panelSide,BackdropProps:{...BackdropProps,classes:{root:drawerClasses.backdrop,...null==BackdropProps?void 0:BackdropProps.classes}},classes:{...drawerClasses,paper:"\n          ".concat(styles.paper,"\n          ").concat(panelIsCollapsible&&open&&styles.collapsedPaper,"\n          ").concat(drawerClasses.paper,"\n          ").concat(styles[SIZES[size]],"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&styles.withAdditionalContent,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&styles.withAdditionalContentCollapsed,"\n        "),root:drawerClasses.root,docked:"\n          ".concat(styles[SIZES[size]],"\n          ").concat(styles.docked,"\n          ").concat(panelIsCollapsed&&styles.collapsed,"\n          ").concat(!open&&!collapsablePanel&&styles.closedPersistentPanel,"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&styles.withAdditionalContentDocked,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&styles.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.createElement("div",{className:styles.panelWrapper},React.createElement(ControlAreaSection,{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.createElement("div",{className:styles.contentRowContainer},React.createElement("div",{className:styles.mainContentSection},React.createElement(HeaderSection,{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.createElement(BodySection,{bodyContainerClass:"".concat(styles.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.createElement(AdditionalContentModule,{activeId:activeAdditionalContentId,additionalContent:additionalContent,onSelectItem:setActiveAdditionalContentId}))))};UTPanel.propTypes={additionalContent:arrayOf(shape({id:string.isRequired,Icon:string.isRequired,count:number,BodyComponent:elementType.isRequired,tooltipProps:object.isRequired})),backButtonDataTestId:string,BackdropProps:object,classes:objectOf(string),classNames:object,closeButtonDataTestId:string,collapsableHeader:bool,collapsablePanel:bool,currentStep:number,disableScrollbar:bool,CustomHeaderComponent:elementType,HeaderComponent:oneOfType([element,elementType]),headerItems:arrayOf(shape({title:string,icon:string,value:string})),headerMainActionButton:shape({callBack:func,colorTheme:string,text:string,variant:string}),headerSecondaryActionButton:shape({callBack:func,colorTheme:string,text:string,variant:string}),hideCloseButton:bool,hideHeader:bool,hideMainButton:bool,inline:bool,isWorkflow:bool,mainActionDataTestId:string,mainButton:object,modalProps:object,onClose:func,onEndReachedCallback:func,onGoBack:func,onOpen:func,open:bool,openAdditionalContentRequest:object,panelSide:string,perfectScrollbarOptions:object,pretitleComponent:oneOfType([element,elementType]),secondaryActionDataTestId:string,singleHeaderItemsColumn:bool,size:oneOf(Object.keys(SIZES)),showBackButton:bool,showMainStatus:bool,showTag:bool,showPagination:bool,statusProps:object,stepsCount:number,currentPage:number,totalPages:number,subtitle:string,paginationProps:object,tagProps:shape({classes:objectOf(string),className:string,Icon:elementType,iconProps:object,labelDataTestId:string,size:string,title:string,type:string,variant:string,withoutIcon:bool}),title:string,titleDataTestId:string,titleProps:object};export default WithTheme(retrieveStyle)(UTPanel);

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

@@ -1,18 +1 @@
-import { getIn } from 'seamless-immutable';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    barColorPrimary: {
-      background: getIn(theme, ['UTPanel', 'progressBar', 'barColorPrimary', 'background'], 'linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important')
-    },
-    colorPrimary: {
-      backgroundColor: getIn(theme, ['UTPanel', 'progressBar', 'colorPrimary', 'backgroundColor'], "".concat(theme.Palette.light['04'], " !important"))
-    },
-    backdrop: {
-      backgroundColor: theme.Palette.dark['05'],
-      opacity: '0.25 !important'
-    }
-  };
-};
+import{getIn}from"seamless-immutable";export const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{barColorPrimary:{background:getIn(theme,["UTPanel","progressBar","barColorPrimary","background"],"linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important")},colorPrimary:{backgroundColor:getIn(theme,["UTPanel","progressBar","colorPrimary","backgroundColor"],"".concat(theme.Palette.light["04"]," !important"))},backdrop:{backgroundColor:theme.Palette.dark["05"],opacity:"0.25 !important"}}};

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

@@ -1,24 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { object, objectOf, string } from 'prop-types';
-import { Paper } from '@material-ui/core';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-const UTPaper = _ref => {
-  let {
-    children,
-    classes,
-    className,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Paper, _extends({}, otherProps, {
-    className: "".concat(classes.paper).concat(className ? " ".concat(className) : '')
-  }), children);
-};
-UTPaper.propTypes = {
-  children: object,
-  classes: objectOf(string),
-  className: string,
-  otherProps: object
-};
-export default WithTheme(retrieveStyle)(UTPaper);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import{object,objectOf,string}from"prop-types";import{Paper}from"@material-ui/core";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";const UTPaper=_ref=>{let{children:children,classes:classes,className:className,...otherProps}=_ref;return React.createElement(Paper,_extends({},otherProps,{className:"".concat(classes.paper).concat(className?" ".concat(className):"")}),children)};UTPaper.propTypes={children:object,classes:objectOf(string),className:string,otherProps:object};export default WithTheme(retrieveStyle)(UTPaper);

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

@@ -1,19 +1 @@
-import { getShadow } from '../../utils/shadowUtils';
-export const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    paper: {
-      backgroundColor: theme.Palette.light['01'],
-      borderRadius: '8px',
-      boxShadow: 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'
-    }
-  };
-};
+import{getShadow}from"../../utils/shadowUtils";export const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{paper:{backgroundColor:theme.Palette.light["01"],borderRadius:"8px",boxShadow: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"}}};

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

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

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

@@ -1,38 +1 @@
-import React from 'react';
-import DefaultIcon from '@material-ui/icons/Info';
-import { bool, string, objectOf, elementType } from 'prop-types';
-import UTLabel from '../../../../../../../UTLabel';
-import styles from './styles.module.scss';
-const ErrorMessage = _ref => {
-  let {
-    assertion,
-    classes,
-    dataTestId,
-    ErrorIcon,
-    error
-  } = _ref;
-  const {
-    failedIconStyle,
-    iconStyle
-  } = classes;
-  const Icon = ErrorIcon || DefaultIcon;
-  return !assertion && /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: "".concat(iconStyle, " ").concat(failedIconStyle)
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.label,
-    colorTheme: "error",
-    variant: "small",
-    withMarkdown: true
-  }, error));
-};
-ErrorMessage.propTypes = {
-  assertion: bool,
-  classes: objectOf(string),
-  dataTestId: string,
-  ErrorIcon: elementType,
-  error: string
-};
-export default ErrorMessage;
+import React from"react";import DefaultIcon from"@material-ui/icons/Info";import{bool,string,objectOf,elementType}from"prop-types";import UTLabel from"../../../../../../../UTLabel";import styles from"./styles.module.scss";const ErrorMessage=_ref=>{let{assertion:assertion,classes:classes,dataTestId:dataTestId,ErrorIcon:ErrorIcon,error:error}=_ref;const{failedIconStyle:failedIconStyle,iconStyle:iconStyle}=classes,Icon=ErrorIcon||DefaultIcon;return!assertion&&React.createElement("div",{className:styles.container,"data-testid":dataTestId},React.createElement(Icon,{className:"".concat(iconStyle," ").concat(failedIconStyle)}),React.createElement(UTLabel,{className:styles.label,colorTheme:"error",variant:"small",withMarkdown:!0},error))};ErrorMessage.propTypes={assertion:bool,classes:objectOf(string),dataTestId:string,ErrorIcon:elementType,error:string};export default ErrorMessage;

package/dist/esm/components/UTPasswordField/versions/V0/components/PasswordValidations/components/Validation/index.js

@@ -1,58 +1 @@
-import React from 'react';
-import ValidationPassed from '@material-ui/icons/CheckCircle';
-import ValidationFailed from '@material-ui/icons/Cancel';
-import PlaceholderIcon from '@material-ui/icons/FiberManualRecord';
-import { string, objectOf, bool, elementType } from 'prop-types';
-import UTLabel from '../../../../../../../UTLabel';
-import styles from './styles.module.scss';
-const Validation = _ref => {
-  let {
-    assertion,
-    classes,
-    dataTestId,
-    disabled,
-    NoValueIcon,
-    requirement,
-    shouldShowError,
-    ValidationFailedIcon,
-    ValidationPassedIcon,
-    value
-  } = _ref;
-  const {
-    passedIconStyle,
-    failedIconStyle,
-    iconStyle
-  } = classes;
-  const PassedIcon = ValidationPassedIcon || ValidationPassed;
-  const FailedIcon = ValidationFailedIcon || ValidationFailed;
-  const NoValue = NoValueIcon || PlaceholderIcon;
-  const labelColor = !value && !shouldShowError ? 'gray' : assertion ? 'success' : 'error';
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container,
-    "data-testid": dataTestId
-  }, value || shouldShowError && !disabled ? assertion ? /*#__PURE__*/React.createElement(PassedIcon, {
-    className: "".concat(styles.passedIcon, " ").concat(iconStyle, " ").concat(passedIconStyle)
-  }) : /*#__PURE__*/React.createElement(FailedIcon, {
-    className: "".concat(styles.failedIcon, " ").concat(iconStyle, " ").concat(failedIconStyle)
-  }) : /*#__PURE__*/React.createElement(NoValue, {
-    className: iconStyle
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.label,
-    colorTheme: labelColor,
-    variant: "small",
-    withMarkdown: true
-  }, requirement));
-};
-Validation.propTypes = {
-  assertion: bool,
-  classes: objectOf(string),
-  dataTestId: string,
-  disabled: bool,
-  NoValueIcon: elementType,
-  requirement: string,
-  shouldShowError: bool,
-  ValidationFailedIcon: elementType,
-  ValidationPassedIcon: elementType,
-  value: string
-};
-export default Validation;
+import React from"react";import ValidationPassed from"@material-ui/icons/CheckCircle";import ValidationFailed from"@material-ui/icons/Cancel";import PlaceholderIcon from"@material-ui/icons/FiberManualRecord";import{string,objectOf,bool,elementType}from"prop-types";import UTLabel from"../../../../../../../UTLabel";import styles from"./styles.module.scss";const Validation=_ref=>{let{assertion:assertion,classes:classes,dataTestId:dataTestId,disabled:disabled,NoValueIcon:NoValueIcon,requirement:requirement,shouldShowError:shouldShowError,ValidationFailedIcon:ValidationFailedIcon,ValidationPassedIcon:ValidationPassedIcon,value:value}=_ref;const{passedIconStyle:passedIconStyle,failedIconStyle:failedIconStyle,iconStyle:iconStyle}=classes,PassedIcon=ValidationPassedIcon||ValidationPassed,FailedIcon=ValidationFailedIcon||ValidationFailed,NoValue=NoValueIcon||PlaceholderIcon,labelColor=value||shouldShowError?assertion?"success":"error":"gray";return React.createElement("div",{className:styles.container,"data-testid":dataTestId},value||shouldShowError&&!disabled?assertion?React.createElement(PassedIcon,{className:"".concat(styles.passedIcon," ").concat(iconStyle," ").concat(passedIconStyle)}):React.createElement(FailedIcon,{className:"".concat(styles.failedIcon," ").concat(iconStyle," ").concat(failedIconStyle)}):React.createElement(NoValue,{className:iconStyle}),React.createElement(UTLabel,{className:styles.label,colorTheme:labelColor,variant:"small",withMarkdown:!0},requirement))};Validation.propTypes={assertion:bool,classes:objectOf(string),dataTestId:string,disabled:bool,NoValueIcon:elementType,requirement:string,shouldShowError:bool,ValidationFailedIcon:elementType,ValidationPassedIcon:elementType,value:string};export default Validation;

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

@@ -1,127 +1 @@
-import React, { Fragment } from 'react';
-import { arrayOf, shape, string, elementType, objectOf, bool, instanceOf, oneOfType } from 'prop-types';
-import { metaPropTypes } from '../../../../../../types/formTypes';
-import Validation from './components/Validation';
-import Error from './components/Error';
-const PasswordValidations = _ref => {
-  let {
-    passwordValidations,
-    value,
-    classes,
-    ValidationFailedIcon,
-    ValidationPassedIcon,
-    ErrorIcon,
-    NoValueIcon,
-    meta,
-    disabled,
-    passwordValidationsWarning,
-    errorDataTestId,
-    validationDataTestId
-  } = _ref;
-  const validatedRegExps = passwordValidations.map(_ref2 => {
-    let {
-      expression,
-      ...regex
-    } = _ref2;
-    return {
-      assertion: new RegExp(expression).test(value),
-      ...regex
-    };
-  });
-  const {
-    errorsContainerStyle
-  } = classes;
-  const {
-    submitFailed,
-    error: metaError
-  } = meta;
-  const validations = validatedRegExps.filter(_ref3 => {
-    let {
-      requirement
-    } = _ref3;
-    return requirement;
-  });
-  const errors = validatedRegExps.filter(_ref4 => {
-    let {
-      requirement
-    } = _ref4;
-    return !requirement;
-  });
-  if (metaError && !passwordValidations.map(_ref5 => {
-    let {
-      error
-    } = _ref5;
-    return error;
-  }).includes(metaError)) errors.push({
-    error: metaError
-  });
-  const showErrors = errors.some(_ref6 => {
-    let {
-      assertion,
-      error
-    } = _ref6;
-    return !assertion && !(passwordValidationsWarning !== null && passwordValidationsWarning !== void 0 && passwordValidationsWarning.some(_ref7 => {
-      let {
-        error: warningError
-      } = _ref7;
-      return error === warningError;
-    }));
-  });
-  return /*#__PURE__*/React.createElement(Fragment, null, validations.map((_ref8, index) => {
-    let {
-      requirement,
-      assertion
-    } = _ref8;
-    return /*#__PURE__*/React.createElement(Validation, {
-      assertion: assertion,
-      classes: classes,
-      disabled: disabled,
-      key: requirement,
-      NoValueIcon: NoValueIcon,
-      requirement: requirement,
-      shouldShowError: submitFailed,
-      ValidationFailedIcon: ValidationFailedIcon,
-      ValidationPassedIcon: ValidationPassedIcon,
-      value: value,
-      dataTestId: "".concat(validationDataTestId, ".").concat(index)
-    });
-  }), submitFailed && showErrors && /*#__PURE__*/React.createElement("div", {
-    className: errorsContainerStyle
-  }, errors.map((_ref9, index) => {
-    let {
-      error,
-      assertion
-    } = _ref9;
-    return /*#__PURE__*/React.createElement(Error, {
-      dataTestId: "".concat(errorDataTestId, ".").concat(index),
-      ErrorIcon: ErrorIcon,
-      classes: classes,
-      assertion: assertion,
-      error: error,
-      key: error
-    });
-  })));
-};
-PasswordValidations.propTypes = {
-  passwordValidations: arrayOf(shape({
-    expression: oneOfType([string, instanceOf(RegExp)]),
-    requirement: string,
-    error: string
-  })),
-  passwordValidationsWarning: arrayOf(shape({
-    expression: oneOfType([string, instanceOf(RegExp)]),
-    requirement: string,
-    error: string
-  })),
-  value: string,
-  classes: objectOf(string),
-  ValidationFailedIcon: elementType,
-  ValidationPassedIcon: elementType,
-  ErrorIcon: elementType,
-  NoValueIcon: elementType,
-  meta: metaPropTypes,
-  disabled: bool,
-  errorDataTestId: string,
-  validationDataTestId: string
-};
-export default PasswordValidations;
+import React,{Fragment}from"react";import{arrayOf,shape,string,elementType,objectOf,bool,instanceOf,oneOfType}from"prop-types";import{metaPropTypes}from"../../../../../../types/formTypes";import Validation from"./components/Validation";import Error from"./components/Error";const PasswordValidations=_ref=>{let{passwordValidations:passwordValidations,value:value,classes:classes,ValidationFailedIcon:ValidationFailedIcon,ValidationPassedIcon:ValidationPassedIcon,ErrorIcon:ErrorIcon,NoValueIcon:NoValueIcon,meta:meta,disabled:disabled,passwordValidationsWarning:passwordValidationsWarning,errorDataTestId:errorDataTestId,validationDataTestId:validationDataTestId}=_ref;const validatedRegExps=passwordValidations.map(_ref2=>{let{expression:expression,...regex}=_ref2;return{assertion:new RegExp(expression).test(value),...regex}}),{errorsContainerStyle:errorsContainerStyle}=classes,{submitFailed:submitFailed,error:metaError}=meta,validations=validatedRegExps.filter(_ref3=>{let{requirement:requirement}=_ref3;return requirement}),errors=validatedRegExps.filter(_ref4=>{let{requirement:requirement}=_ref4;return!requirement});metaError&&!passwordValidations.map(_ref5=>{let{error:error}=_ref5;return error}).includes(metaError)&&errors.push({error:metaError});const showErrors=errors.some(_ref6=>{let{assertion:assertion,error:error}=_ref6;return!(assertion||null!=passwordValidationsWarning&&passwordValidationsWarning.some(_ref7=>{let{error:warningError}=_ref7;return error===warningError}))});return React.createElement(Fragment,null,validations.map((_ref8,index)=>{let{requirement:requirement,assertion:assertion}=_ref8;return React.createElement(Validation,{assertion:assertion,classes:classes,disabled:disabled,key:requirement,NoValueIcon:NoValueIcon,requirement:requirement,shouldShowError:submitFailed,ValidationFailedIcon:ValidationFailedIcon,ValidationPassedIcon:ValidationPassedIcon,value:value,dataTestId:"".concat(validationDataTestId,".").concat(index)})}),submitFailed&&showErrors&&React.createElement("div",{className:errorsContainerStyle},errors.map((_ref9,index)=>{let{error:error,assertion:assertion}=_ref9;return React.createElement(Error,{dataTestId:"".concat(errorDataTestId,".").concat(index),ErrorIcon:ErrorIcon,classes:classes,assertion:assertion,error:error,key:error})})))};PasswordValidations.propTypes={passwordValidations:arrayOf(shape({expression:oneOfType([string,instanceOf(RegExp)]),requirement:string,error:string})),passwordValidationsWarning:arrayOf(shape({expression:oneOfType([string,instanceOf(RegExp)]),requirement:string,error:string})),value:string,classes:objectOf(string),ValidationFailedIcon:elementType,ValidationPassedIcon:elementType,ErrorIcon:elementType,NoValueIcon:elementType,meta:metaPropTypes,disabled:bool,errorDataTestId:string,validationDataTestId:string};export default PasswordValidations;