@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,56 +1 @@
-import React from 'react';
-import { arrayOf, string, shape, elementType, objectOf } from 'prop-types';
-import Divider from '@material-ui/core/Divider';
-import UTLabel from '../../../../../UTLabel';
-import styles from './styles.module.scss';
-const PasswordWarning = _ref => {
-  let {
-    classes,
-    dataTestId,
-    passwordValidationsWarning,
-    value,
-    WarningIcon
-  } = _ref;
-  const {
-    warningDivider
-  } = classes;
-  const validatedRegExps = passwordValidationsWarning.map(_ref2 => {
-    let {
-      expression,
-      ...regex
-    } = _ref2;
-    return {
-      assertion: new RegExp(expression).test(value),
-      ...regex
-    };
-  });
-  return validatedRegExps.map((_ref3, index) => {
-    let {
-      error,
-      assertion
-    } = _ref3;
-    return /*#__PURE__*/React.createElement("div", {
-      className: assertion ? styles.hide : styles.warningContainer,
-      "data-testid": "".concat(dataTestId, ".").concat(index)
-    }, /*#__PURE__*/React.createElement(Divider, {
-      className: warningDivider
-    }), /*#__PURE__*/React.createElement("div", {
-      className: styles.iconAndLabelContainer
-    }, /*#__PURE__*/React.createElement(WarningIcon, null), /*#__PURE__*/React.createElement(UTLabel, {
-      className: styles.warning,
-      colorTheme: "warning",
-      withMarkdown: true
-    }, error)));
-  });
-};
-PasswordWarning.propTypes = {
-  classes: objectOf(string),
-  passwordValidationsWarning: arrayOf(shape({
-    expression: string,
-    requirement: string,
-    error: string
-  })),
-  value: string,
-  WarningIcon: elementType
-};
-export default PasswordWarning;
+import React from"react";import{arrayOf,string,shape,elementType,objectOf}from"prop-types";import Divider from"@material-ui/core/Divider";import UTLabel from"../../../../../UTLabel";import styles from"./styles.module.scss";const PasswordWarning=_ref=>{let{classes:classes,dataTestId:dataTestId,passwordValidationsWarning:passwordValidationsWarning,value:value,WarningIcon:WarningIcon}=_ref;const{warningDivider:warningDivider}=classes;return passwordValidationsWarning.map(_ref2=>{let{expression:expression,...regex}=_ref2;return{assertion:new RegExp(expression).test(value),...regex}}).map((_ref3,index)=>{let{error:error,assertion:assertion}=_ref3;return React.createElement("div",{className:assertion?styles.hide:styles.warningContainer,"data-testid":"".concat(dataTestId,".").concat(index)},React.createElement(Divider,{className:warningDivider}),React.createElement("div",{className:styles.iconAndLabelContainer},React.createElement(WarningIcon,null),React.createElement(UTLabel,{className:styles.warning,colorTheme:"warning",withMarkdown:!0},error)))})};PasswordWarning.propTypes={classes:objectOf(string),passwordValidationsWarning:arrayOf(shape({expression:string,requirement:string,error:string})),value:string,WarningIcon:elementType};export default PasswordWarning;

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

@@ -1,102 +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 { string, bool, elementType, objectOf } from 'prop-types';
-import { inputPropTypes, metaPropTypes, fieldType } from '../../../../types/formTypes';
-import UTTextInput from '../../../UTTextInput';
-import WithTheme from '../../../WithTheme';
-import { retrieveStyle } from './theme';
-import PasswordValidations from './components/PasswordValidations';
-import PasswordWarning from './components/PasswordWarning';
-const UTPasswordField = _ref => {
-  let {
-    actionDataTestId,
-    classes = {},
-    dataTestId,
-    disabled,
-    errorDataTestId,
-    ErrorIcon,
-    field,
-    helperTextDataTestId,
-    input,
-    meta,
-    NoValueIcon,
-    tooltipContentDataTestId,
-    tooltipIconDataTestId,
-    validationDataTestId,
-    ValidationFailedIcon,
-    ValidationPassedIcon,
-    warningDataTestId,
-    WarningIcon,
-    ...otherProps
-  } = _ref;
-  const {
-    passwordValidations,
-    showValidations,
-    passwordValidationsWarning
-  } = field || {};
-  const {
-    value
-  } = input;
-  const {
-    validationContainer
-  } = classes;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(UTTextInput, _extends({
-    actionDataTestId: actionDataTestId,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    field: field,
-    helperTextDataTestId: helperTextDataTestId,
-    input: input,
-    meta: !showValidations ? meta : undefined,
-    tooltipContentDataTestId: tooltipContentDataTestId,
-    tooltipIconDataTestId: tooltipIconDataTestId,
-    type: "password"
-  }, otherProps)), showValidations && passwordValidations && /*#__PURE__*/React.createElement("div", {
-    className: validationContainer
-  }, /*#__PURE__*/React.createElement(PasswordValidations, {
-    classes: classes,
-    disabled: disabled,
-    errorDataTestId: errorDataTestId,
-    ErrorIcon: ErrorIcon,
-    meta: meta,
-    NoValueIcon: NoValueIcon,
-    passwordValidations: passwordValidations,
-    passwordValidationsWarning: passwordValidationsWarning,
-    validationDataTestId: validationDataTestId,
-    ValidationFailedIcon: ValidationFailedIcon,
-    ValidationPassedIcon: ValidationPassedIcon,
-    value: value
-  })), showValidations && passwordValidationsWarning && /*#__PURE__*/React.createElement(PasswordWarning, {
-    classes: classes,
-    dataTestId: warningDataTestId,
-    passwordValidationsWarning: passwordValidationsWarning,
-    value: value,
-    WarningIcon: WarningIcon
-  }));
-};
-UTPasswordField.propTypes = {
-  actionDataTestId: string,
-  classes: objectOf(string),
-  dataTestId: string,
-  disabled: bool,
-  errorDataTestId: string,
-  ErrorIcon: elementType,
-  field: fieldType,
-  helperTextDataTestId: string,
-  input: inputPropTypes,
-  label: string,
-  meta: metaPropTypes,
-  NoValueIcon: elementType,
-  PasswordInvisibleIcon: elementType,
-  PasswordVisibleIcon: elementType,
-  placeholder: string,
-  tooltipContentDataTestId: string,
-  tooltipIconDataTestId: string,
-  validationDataTestId: string,
-  ValidationFailedIcon: elementType,
-  ValidationPassedIcon: elementType,
-  variant: string,
-  warningDataTestId: string,
-  WarningIcon: elementType
-};
-export default WithTheme(retrieveStyle)(UTPasswordField);
+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{string,bool,elementType,objectOf}from"prop-types";import{inputPropTypes,metaPropTypes,fieldType}from"../../../../types/formTypes";import UTTextInput from"../../../UTTextInput";import WithTheme from"../../../WithTheme";import{retrieveStyle}from"./theme";import PasswordValidations from"./components/PasswordValidations";import PasswordWarning from"./components/PasswordWarning";const UTPasswordField=_ref=>{let{actionDataTestId:actionDataTestId,classes:classes={},dataTestId:dataTestId,disabled:disabled,errorDataTestId:errorDataTestId,ErrorIcon:ErrorIcon,field:field,helperTextDataTestId:helperTextDataTestId,input:input,meta:meta,NoValueIcon:NoValueIcon,tooltipContentDataTestId:tooltipContentDataTestId,tooltipIconDataTestId:tooltipIconDataTestId,validationDataTestId:validationDataTestId,ValidationFailedIcon:ValidationFailedIcon,ValidationPassedIcon:ValidationPassedIcon,warningDataTestId:warningDataTestId,WarningIcon:WarningIcon,...otherProps}=_ref;const{passwordValidations:passwordValidations,showValidations:showValidations,passwordValidationsWarning:passwordValidationsWarning}=field||{},{value:value}=input,{validationContainer:validationContainer}=classes;return React.createElement("div",null,React.createElement(UTTextInput,_extends({actionDataTestId:actionDataTestId,dataTestId:dataTestId,disabled:disabled,field:field,helperTextDataTestId:helperTextDataTestId,input:input,meta:showValidations?void 0:meta,tooltipContentDataTestId:tooltipContentDataTestId,tooltipIconDataTestId:tooltipIconDataTestId,type:"password"},otherProps)),showValidations&&passwordValidations&&React.createElement("div",{className:validationContainer},React.createElement(PasswordValidations,{classes:classes,disabled:disabled,errorDataTestId:errorDataTestId,ErrorIcon:ErrorIcon,meta:meta,NoValueIcon:NoValueIcon,passwordValidations:passwordValidations,passwordValidationsWarning:passwordValidationsWarning,validationDataTestId:validationDataTestId,ValidationFailedIcon:ValidationFailedIcon,ValidationPassedIcon:ValidationPassedIcon,value:value})),showValidations&&passwordValidationsWarning&&React.createElement(PasswordWarning,{classes:classes,dataTestId:warningDataTestId,passwordValidationsWarning:passwordValidationsWarning,value:value,WarningIcon:WarningIcon}))};UTPasswordField.propTypes={actionDataTestId:string,classes:objectOf(string),dataTestId:string,disabled:bool,errorDataTestId:string,ErrorIcon:elementType,field:fieldType,helperTextDataTestId:string,input:inputPropTypes,label:string,meta:metaPropTypes,NoValueIcon:elementType,PasswordInvisibleIcon:elementType,PasswordVisibleIcon:elementType,placeholder:string,tooltipContentDataTestId:string,tooltipIconDataTestId:string,validationDataTestId:string,ValidationFailedIcon:elementType,ValidationPassedIcon:elementType,variant:string,warningDataTestId:string,WarningIcon:elementType};export default WithTheme(retrieveStyle)(UTPasswordField);

package/dist/esm/components/UTPasswordField/versions/V0/theme.js

@@ -1,30 +1 @@
-import { withImportant } from '../../../../utils/classesUtils';
-export const retrieveStyle = _ref => {
-  var _theme$UTPasswordFiel, _theme$UTPasswordFiel2, _theme$UTPasswordFiel3, _theme$UTPasswordFiel4;
-  let {
-    theme
-  } = _ref;
-  return {
-    iconStyle: {
-      height: (theme === null || theme === void 0 || (_theme$UTPasswordFiel = theme.UTPasswordField) === null || _theme$UTPasswordFiel === void 0 || (_theme$UTPasswordFiel = _theme$UTPasswordFiel.icon) === null || _theme$UTPasswordFiel === void 0 ? void 0 : _theme$UTPasswordFiel.size) || '1rem',
-      width: (theme === null || theme === void 0 || (_theme$UTPasswordFiel2 = theme.UTPasswordField) === null || _theme$UTPasswordFiel2 === void 0 || (_theme$UTPasswordFiel2 = _theme$UTPasswordFiel2.icon) === null || _theme$UTPasswordFiel2 === void 0 ? void 0 : _theme$UTPasswordFiel2.size) || '1rem',
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTPasswordFiel3 = theme.UTPasswordField) === null || _theme$UTPasswordFiel3 === void 0 || (_theme$UTPasswordFiel3 = _theme$UTPasswordFiel3.icon) === null || _theme$UTPasswordFiel3 === void 0 ? void 0 : _theme$UTPasswordFiel3.borderRadius) || '50%'
-    },
-    passedIconStyle: {
-      fill: theme.Palette.success['05']
-    },
-    failedIconStyle: {
-      fill: theme.Palette.error['05']
-    },
-    errorsContainerStyle: {
-      borderTop: "1px solid ".concat(theme.Palette.error['05']),
-      marginTop: 7
-    },
-    warningDivider: {
-      backgroundColor: withImportant(theme.Palette.warning['05'])
-    },
-    validationContainer: {
-      margin: withImportant(theme === null || theme === void 0 || (_theme$UTPasswordFiel4 = theme.UTPasswordField) === null || _theme$UTPasswordFiel4 === void 0 || (_theme$UTPasswordFiel4 = _theme$UTPasswordFiel4.validationContainer) === null || _theme$UTPasswordFiel4 === void 0 ? void 0 : _theme$UTPasswordFiel4.margin)
-    }
-  };
-};
+import{withImportant}from"../../../../utils/classesUtils";export const retrieveStyle=_ref=>{var _theme$UTPasswordFiel,_theme$UTPasswordFiel2,_theme$UTPasswordFiel3,_theme$UTPasswordFiel4;let{theme:theme}=_ref;return{iconStyle:{height:(null==theme||null===(_theme$UTPasswordFiel=theme.UTPasswordField)||void 0===_theme$UTPasswordFiel||null===(_theme$UTPasswordFiel=_theme$UTPasswordFiel.icon)||void 0===_theme$UTPasswordFiel?void 0:_theme$UTPasswordFiel.size)||"1rem",width:(null==theme||null===(_theme$UTPasswordFiel2=theme.UTPasswordField)||void 0===_theme$UTPasswordFiel2||null===(_theme$UTPasswordFiel2=_theme$UTPasswordFiel2.icon)||void 0===_theme$UTPasswordFiel2?void 0:_theme$UTPasswordFiel2.size)||"1rem",borderRadius:(null==theme||null===(_theme$UTPasswordFiel3=theme.UTPasswordField)||void 0===_theme$UTPasswordFiel3||null===(_theme$UTPasswordFiel3=_theme$UTPasswordFiel3.icon)||void 0===_theme$UTPasswordFiel3?void 0:_theme$UTPasswordFiel3.borderRadius)||"50%"},passedIconStyle:{fill:theme.Palette.success["05"]},failedIconStyle:{fill:theme.Palette.error["05"]},errorsContainerStyle:{borderTop:"1px solid ".concat(theme.Palette.error["05"]),marginTop:7},warningDivider:{backgroundColor:withImportant(theme.Palette.warning["05"])},validationContainer:{margin:withImportant(null==theme||null===(_theme$UTPasswordFiel4=theme.UTPasswordField)||void 0===_theme$UTPasswordFiel4||null===(_theme$UTPasswordFiel4=_theme$UTPasswordFiel4.validationContainer)||void 0===_theme$UTPasswordFiel4?void 0:_theme$UTPasswordFiel4.margin)}}};

package/dist/esm/components/UTPasswordField/versions/V1/constants.js

@@ -1,2 +1 @@
-export const ICON_EYE = 'IconEye';
-export const ICON_EYE_OFF = 'IconEyeOff';
+export const ICON_EYE="IconEye";export const ICON_EYE_OFF="IconEyeOff";

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

@@ -1,29 +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, { useState } from 'react';
-import { propTypes as textInputPropTypes } from '../../../UTTextInput/versions/V1';
-import UTTextInput from '../../../UTTextInput';
-import { ICON_EYE, ICON_EYE_OFF } from './constants';
-const UTPasswordField = _ref => {
-  let {
-    type,
-    onVisibilityToggle,
-    ...props
-  } = _ref;
-  const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-  const toggleVisibility = () => {
-    onVisibilityToggle === null || onVisibilityToggle === void 0 || onVisibilityToggle(!isPasswordVisible);
-    setIsPasswordVisible(!isPasswordVisible);
-  };
-  const action = {
-    Icon: isPasswordVisible ? ICON_EYE : ICON_EYE_OFF,
-    onClick: toggleVisibility
-  };
-  const textInputType = isPasswordVisible ? type : 'password';
-  return /*#__PURE__*/React.createElement(UTTextInput, _extends({}, props, {
-    action: action,
-    type: textInputType,
-    version: "V1"
-  }));
-};
-UTPasswordField.propTypes = textInputPropTypes;
-export default UTPasswordField;
+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,{useState}from"react";import{propTypes as textInputPropTypes}from"../../../UTTextInput/versions/V1";import UTTextInput from"../../../UTTextInput";import{ICON_EYE,ICON_EYE_OFF}from"./constants";const UTPasswordField=_ref=>{let{type:type,onVisibilityToggle:onVisibilityToggle,...props}=_ref;const[isPasswordVisible,setIsPasswordVisible]=useState(!1),action={Icon:isPasswordVisible?ICON_EYE:ICON_EYE_OFF,onClick:()=>{null==onVisibilityToggle||onVisibilityToggle(!isPasswordVisible),setIsPasswordVisible(!isPasswordVisible)}},textInputType=isPasswordVisible?type:"password";return React.createElement(UTTextInput,_extends({},props,{action:action,type:textInputType,version:"V1"}))};UTPasswordField.propTypes=textInputPropTypes;export default UTPasswordField;

package/dist/esm/components/UTPhoneInput/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 UTPhoneInput = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTPhoneInput.propTypes = {
-  version: string
-};
-export default UTPhoneInput;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTPhoneInput=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTPhoneInput.propTypes={version:string};export default UTPhoneInput;