@plesk/ui-library 3.31.2 → 3.32.0

package/esm/components/FormField/FormField.js

@@ -1,9 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/no-deprecated */
-
 import React, { Component, useContext } from 'react';
 import { scrollIntoView, safeInvoke } from '../utils';
 import PropTypes from 'prop-types';
@@ -22,6 +19,8 @@ import FormContext from '../Form/FormContext';
 import VerticalContext from '../VerticalContext';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DisabledContext from '../Form/DisabledContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const defaultValue = undefined;
 
 /**
@@ -42,9 +41,7 @@ const getArrayHelper = function (value) {
   return result;
 };
 const isControlled = props => props.value !== undefined;
-const isEmpty = value => {
-  return !value && value !== 0 || Array.isArray(value) && value.length === 0 || !Array.isArray(value) && typeof value === 'object' && Object.values(value).filter(t => Boolean(t)).length === 0;
-};
+const isEmpty = value => !value && value !== 0 || Array.isArray(value) && value.length === 0 || !Array.isArray(value) && typeof value === 'object' && Object.values(value).filter(t => Boolean(t)).length === 0;
 
 /**
  * @since 0.0.54
@@ -96,7 +93,7 @@ class FormField extends Component {
           }
           return null;
         },
-        getSeparator: () => /*#__PURE__*/React.createElement("span", {
+        getSeparator: () => /*#__PURE__*/_jsx("span", {
           className: `${this.props.baseClassName}__separator`
         }),
         isDisabled: () => this.props.disabled,
@@ -175,10 +172,10 @@ class FormField extends Component {
       if (!multi || value.length < 1 || value.length === 1 && isEmpty(value[0])) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(Button, {
+      return /*#__PURE__*/_jsx(Button, {
         className: `${this.props.baseClassName}__remove`,
         icon: isClearable ? 'clean' : 'cross-mark',
-        tooltip: /*#__PURE__*/React.createElement(Translate, {
+        tooltip: /*#__PURE__*/_jsx(Translate, {
           namespace: "FormField",
           content: isClearable ? 'clear' : 'remove',
           fallback: isClearable ? 'Clear' : 'Remove',
@@ -203,10 +200,11 @@ class FormField extends Component {
       if (!description || multi && getArrayHelper(this.fieldApi.getValue()).length - 1 > index) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(Hint, {
+      return /*#__PURE__*/_jsx(Hint, {
         component: "div",
-        className: `${baseClassName}__description`
-      }, description);
+        className: `${baseClassName}__description`,
+        children: description
+      });
     });
     /**
      * Renders one field
@@ -248,42 +246,48 @@ class FormField extends Component {
       }
       let innerField = typeof children === 'function' ? children(fieldApi) : children;
       if (multi) {
-        innerField = /*#__PURE__*/React.createElement("div", {
-          className: `${baseClassName}__multi`
-        }, innerField, ` `, _this.renderRemoveButton(index));
+        innerField = /*#__PURE__*/_jsxs("div", {
+          className: `${baseClassName}__multi`,
+          children: [innerField, ` `, _this.renderRemoveButton(index)]
+        });
       }
-      return /*#__PURE__*/React.createElement(SectionItem, _extends({
+      return /*#__PURE__*/_jsxs(SectionItem, {
         className: classNames(baseClassName, {
           [`${baseClassName}--error`]: hasErrors,
           [`${baseClassName}--vertical-multi`]: multi && vertical
         }, className),
-        title: label === null ? null : /*#__PURE__*/React.createElement("div", {
-          className: `${baseClassName}__label`
-        }, /*#__PURE__*/React.createElement("label", {
-          htmlFor: fieldApi.getId()
-        }, label), fieldApi.getFullDescription(), required ? fieldApi.getRequiredMark() : null),
-        key: index,
-        vertical: vertical
-      }, props), /*#__PURE__*/React.createElement("div", {
-        ref: _this.setTargetRef(index)
-      }, innerField), hasErrors && Object.keys(fieldErrors).map(key => /*#__PURE__*/React.createElement("span", {
-        key: key,
-        className: `${baseClassName}__error`
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: `${baseClassName}__error-icon`,
-        name: "exclamation-mark-circle-filled",
-        size: "12"
-      }), fieldErrors[key])), _this.renderDescription(index), renderAddMore && /*#__PURE__*/React.createElement(Link, {
-        role: "button",
-        onClick: _this.handleAddMore,
-        className: `${baseClassName}__add-more`,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(Translate, {
-        namespace: "FormField",
-        content: "addMore",
-        fallback: "Add one more",
-        translators: locale
-      })));
+        title: label === null ? null : /*#__PURE__*/_jsxs("div", {
+          className: `${baseClassName}__label`,
+          children: [/*#__PURE__*/_jsx("label", {
+            htmlFor: fieldApi.getId(),
+            children: label
+          }), fieldApi.getFullDescription(), required ? fieldApi.getRequiredMark() : null]
+        }),
+        vertical: vertical,
+        ...props,
+        children: [/*#__PURE__*/_jsx("div", {
+          ref: _this.setTargetRef(index),
+          children: innerField
+        }), hasErrors && Object.keys(fieldErrors).map(key => /*#__PURE__*/_jsxs("span", {
+          className: `${baseClassName}__error`,
+          children: [/*#__PURE__*/_jsx(Icon, {
+            className: `${baseClassName}__error-icon`,
+            name: "exclamation-mark-circle-filled",
+            size: "12"
+          }), fieldErrors[key]]
+        }, key)), _this.renderDescription(index), renderAddMore && /*#__PURE__*/_jsx(Link, {
+          role: "button",
+          onClick: _this.handleAddMore,
+          className: `${baseClassName}__add-more`,
+          disabled: disabled,
+          children: /*#__PURE__*/_jsx(Translate, {
+            namespace: "FormField",
+            content: "addMore",
+            fallback: "Add one more",
+            translators: locale
+          })
+        })]
+      }, index);
     });
     const {
       value: _value,
@@ -348,8 +352,8 @@ class FormField extends Component {
         if (!this.props.fullDescription) {
           return null;
         }
-        return /*#__PURE__*/React.createElement(Popover, {
-          target: /*#__PURE__*/React.createElement(Action, {
+        return /*#__PURE__*/_jsx(Popover, {
+          target: /*#__PURE__*/_jsx(Action, {
             outerProps: {
               className: `${this.props.baseClassName}__full-description`
             },
@@ -360,8 +364,9 @@ class FormField extends Component {
             }
           }),
           placement: "right",
-          intent: "info"
-        }, this.props.fullDescription);
+          intent: "info",
+          children: this.props.fullDescription
+        });
       }
     };
     this.targetRefs = [];
@@ -567,12 +572,13 @@ const FormFieldWrapper = props => {
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
   const scrollableElement = useContext(ScrollableElementFormContext);
   const disabled = useContext(DisabledContext);
-  return /*#__PURE__*/React.createElement(FormField, _extends({}, props, {
+  return /*#__PURE__*/_jsx(FormField, {
+    ...props,
     form: form,
     vertical: vertical,
     scrollableElement: scrollableElement,
-    disabled: props.disabled === undefined ? disabled : props.disabled
-  }));
+    disabled: props.disabled || disabled
+  });
 };
 FormFieldWrapper.displayName = 'FormField';
 FormFieldWrapper.propTypes = propTypes;

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import React, { Fragment } from 'react';
@@ -7,6 +6,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Checkbox from '../Checkbox';
 import FormField from '../FormField';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldCheckbox` component component is used for turning an option on or off
  * and selecting or deselecting an item.
@@ -24,36 +26,43 @@ const FormFieldCheckbox = _ref => {
     multi,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(FormField, _extends({
+  return /*#__PURE__*/_jsx(FormField, {
     className: classNames(baseClassName, className),
     label: null,
-    required: required
-  }, props), _ref2 => {
-    let {
-      getId,
-      getName,
-      getValue,
-      setValue,
-      getRequiredMark,
-      getFullDescription,
-      isDisabled
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
-      type: "hidden",
-      name: getName(),
-      value: uncheckedValue
-    }), /*#__PURE__*/React.createElement(Checkbox, {
-      checked: getValue() === checkedValue,
-      onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
-      inputProps: {
-        id: getId(),
-        name: getName(),
-        value: checkedValue,
-        autoFocus
-      },
-      disabled: isDisabled(),
-      rightAddon: /*#__PURE__*/React.createElement(React.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
-    }, label));
+    required: required,
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        getRequiredMark,
+        getFullDescription,
+        isDisabled
+      } = _ref2;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx("input", {
+          type: "hidden",
+          name: getName(),
+          value: uncheckedValue
+        }), /*#__PURE__*/_jsx(Checkbox, {
+          checked: getValue() === checkedValue,
+          onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
+          inputProps: {
+            id: getId(),
+            name: getName(),
+            value: checkedValue,
+            autoFocus
+          },
+          disabled: isDisabled(),
+          rightAddon: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [getFullDescription(), required ? getRequiredMark() : null]
+          }),
+          children: label
+        })]
+      });
+    }
   });
 };
 FormFieldCheckbox.propTypes = {

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js

@@ -1,14 +1,20 @@
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Form from '../Form';
 import FormFieldCheckbox from './FormFieldCheckbox';
-export const Basic = args => /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormFieldCheckbox, args));
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Basic = args => /*#__PURE__*/_jsx(Form, {
+  children: /*#__PURE__*/_jsx(FormFieldCheckbox, {
+    ...args
+  })
+});
 Basic.args = {
   name: 'name',
   label: 'Lorem ipsum dolor sit amet.'
 };
-export const WithFullDescription = args => /*#__PURE__*/React.createElement(Basic, args);
+export const WithFullDescription = args => /*#__PURE__*/_jsx(Basic, {
+  ...args
+});
 WithFullDescription.args = {
   ...Basic.args,
   label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a. Morbi ac erat sed elit ullamcorper laoreet sed eget tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -1,8 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React, { Component, Fragment, createRef } from 'react';
+import { Component, Fragment, createRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -12,6 +11,8 @@ import Translate from '../Translate';
 import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
  * @since 0.0.58
@@ -53,12 +54,12 @@ class FormFieldPassword extends Component {
     const generateButtonProps = {
       className: `${baseClassName}__button--generate`,
       onClick: () => setValue(generatePassword()),
-      tooltip: /*#__PURE__*/React.createElement(Translate, {
+      tooltip: /*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.generateButtonHint",
         fallback: locale.generateButtonHint
       }),
       disabled: isDisabled(),
-      children: /*#__PURE__*/React.createElement(Translate, {
+      children: /*#__PURE__*/_jsx(Translate, {
         content: "FormFieldPassword.generateButton",
         fallback: locale.generateButton
       })
@@ -67,9 +68,13 @@ class FormFieldPassword extends Component {
     if (typeof generateButton === 'function') {
       button = generateButton(generateButtonProps);
     } else {
-      button = /*#__PURE__*/React.createElement(Button, generateButtonProps);
+      button = /*#__PURE__*/_jsx(Button, {
+        ...generateButtonProps
+      });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, ` `, button);
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [` `, button]
+    });
   }
   render() {
     const {
@@ -89,65 +94,71 @@ class FormFieldPassword extends Component {
       visible,
       passwordMeterVisible
     } = this.state;
-    return /*#__PURE__*/React.createElement(FormField, _extends({
-      className: classNames(baseClassName, className)
-    }, props), _ref3 => {
-      let {
-        getId,
-        getName,
-        getValue,
-        setValue,
-        isDisabled
-      } = _ref3;
-      const value = getValue('');
-      const input = /*#__PURE__*/React.createElement(Input, {
-        id: getId(),
-        name: getName(),
-        type: visible ? 'text' : 'password',
-        value: value,
-        onChange: e => {
-          setValue(e.target.value);
-          this.setState({
-            passwordMeterVisible: true
-          });
-        },
-        onBlur: this.handleBlur,
-        autoFocus: autoFocus,
-        autoComplete: autoComplete,
-        className: `${baseClassName}__input`,
-        size: size,
-        suffix: hideShowButton ? null : /*#__PURE__*/React.createElement(Button, {
-          className: `${baseClassName}__button--show`,
-          onClick: this.handleToggleClick,
-          icon: visible ? 'visible' : 'invisible',
-          tooltip: visible ? /*#__PURE__*/React.createElement(Translate, {
-            content: "FormFieldPassword.hidePassword",
-            fallback: locale.hidePassword
-          }) : /*#__PURE__*/React.createElement(Translate, {
-            content: "FormFieldPassword.showPassword",
-            fallback: locale.showPassword
+    return /*#__PURE__*/_jsx(FormField, {
+      className: classNames(baseClassName, className),
+      ...props,
+      children: _ref3 => {
+        let {
+          getId,
+          getName,
+          getValue,
+          setValue,
+          isDisabled
+        } = _ref3;
+        const value = getValue('');
+        const input = /*#__PURE__*/_jsx(Input, {
+          id: getId(),
+          name: getName(),
+          type: visible ? 'text' : 'password',
+          value: value,
+          onChange: e => {
+            setValue(e.target.value);
+            this.setState({
+              passwordMeterVisible: true
+            });
+          },
+          onBlur: this.handleBlur,
+          autoFocus: autoFocus,
+          autoComplete: autoComplete,
+          className: `${baseClassName}__input`,
+          size: size,
+          suffix: hideShowButton ? null : /*#__PURE__*/_jsx(Button, {
+            className: `${baseClassName}__button--show`,
+            onClick: this.handleToggleClick,
+            icon: visible ? 'visible' : 'invisible',
+            tooltip: visible ? /*#__PURE__*/_jsx(Translate, {
+              content: "FormFieldPassword.hidePassword",
+              fallback: locale.hidePassword
+            }) : /*#__PURE__*/_jsx(Translate, {
+              content: "FormFieldPassword.showPassword",
+              fallback: locale.showPassword
+            }),
+            ghost: true,
+            disabled: isDisabled()
           }),
-          ghost: true,
-          disabled: isDisabled()
-        }),
-        disabled: isDisabled(),
-        rootProps: {
-          ref: this.targetRef
-        }
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(`${baseClassName}__control`, `${baseClassName}__control--${size}`)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: classNames(`${baseClassName}__field`, `${baseClassName}__field--${size}`)
-      }, hidePasswordMeter ? input : /*#__PURE__*/React.createElement(PasswordMeter, _extends({
-        value: value,
-        targetRef: this.targetRef,
-        visible: passwordMeterVisible && value !== '',
-        onClose: this.handleClosePasswordMeter
-      }, passwordMeterProps), input)), hideGenerateButton ? null : this.renderGenerateButton({
-        setValue,
-        isDisabled
-      }));
+          disabled: isDisabled(),
+          rootProps: {
+            ref: this.targetRef
+          }
+        });
+        return /*#__PURE__*/_jsxs("div", {
+          className: classNames(`${baseClassName}__control`, `${baseClassName}__control--${size}`),
+          children: [/*#__PURE__*/_jsx("div", {
+            className: classNames(`${baseClassName}__field`, `${baseClassName}__field--${size}`),
+            children: hidePasswordMeter ? input : /*#__PURE__*/_jsx(PasswordMeter, {
+              value: value,
+              targetRef: this.targetRef,
+              visible: passwordMeterVisible && value !== '',
+              onClose: this.handleClosePasswordMeter,
+              ...passwordMeterProps,
+              children: input
+            })
+          }), hideGenerateButton ? null : this.renderGenerateButton({
+            setValue,
+            isDisabled
+          })]
+        });
+      }
     });
   }
 }

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -1,11 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React, { Fragment, useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import Popover from '../Popover';
 import Translate from '../Translate';
 import estimatePassword, { DEFAULT_RULES } from './estimatePassword';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const strengthIntents = {
   VeryWeak: 'danger',
   Weak: 'danger',
@@ -30,31 +32,42 @@ const PasswordMeter = _ref => {
       setResult(result);
     });
   }, [visible, value, onEstimate]);
-  return /*#__PURE__*/React.createElement(Popover, _extends({
+  return /*#__PURE__*/_jsxs(Popover, {
     visible: visible && result !== null,
     target: children,
     placement: "bottom-right",
     intent: result ? strengthIntents[result.strength] : undefined,
     canCloseOnOutsideClick: false,
-    canCloseOnEscapePress: false
-  }, props), result?.strength ? /*#__PURE__*/React.createElement(Translate, {
-    component: "div",
-    content: "FormFieldPassword.passwordStrength",
-    fallback: locale.passwordStrength,
-    params: {
-      strength: /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement(Translate, {
-        content: `FormFieldPassword.strength${result?.strength}`,
-        fallback: locale[`strength${result?.strength}`]
-      }))
-    }
-  }) : null, result?.suggestions.length ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Translate, {
-    content: "FormFieldPassword.improvePassword",
-    fallback: locale.improvePassword
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/React.createElement("li", {
-    key: index.toString()
-  }, suggestion)))) : /*#__PURE__*/React.createElement(Translate, {
-    content: "FormFieldPassword.yourPasswordIsStrong",
-    fallback: locale.yourPasswordIsStrong
-  }));
+    canCloseOnEscapePress: false,
+    ...props,
+    children: [result?.strength ? /*#__PURE__*/_jsx(Translate, {
+      component: "div",
+      content: "FormFieldPassword.passwordStrength",
+      fallback: locale.passwordStrength,
+      params: {
+        strength: /*#__PURE__*/_jsx("b", {
+          children: /*#__PURE__*/_jsx(Translate, {
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: locale[`strength${result?.strength}`]
+          })
+        })
+      }
+    }) : null, result?.suggestions.length ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Translate, {
+        content: "FormFieldPassword.improvePassword",
+        fallback: locale.improvePassword
+      }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("ul", {
+        children: result.suggestions.slice(0, 3).map((suggestion, index) =>
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        _jsx("li", {
+          children: suggestion
+        }, index.toString()))
+      })]
+    }) : /*#__PURE__*/_jsx(Translate, {
+      content: "FormFieldPassword.yourPasswordIsStrong",
+      fallback: locale.yourPasswordIsStrong
+    })]
+  });
 };
 export default PasswordMeter;

package/esm/components/FormFieldPassword/estimatePassword.js

@@ -1,8 +1,8 @@
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Translate from '../Translate';
 import locale from './locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
 const EXCLUSIONS = {
   numbers1: 'numbers3',
   specialChar1: 'specialChar2',
@@ -11,7 +11,7 @@ const EXCLUSIONS = {
 };
 export const DEFAULT_RULES = [{
   name: 'passwordTooShort',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.passwordTooShort`,
     fallback: locale.passwordTooShort
   }),
@@ -34,7 +34,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersLowerCase',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.lettersLowerCase`,
     fallback: locale.lettersLowerCase
   }),
@@ -44,7 +44,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersUpperCase',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.lettersUpperCase`,
     fallback: locale.lettersUpperCase
   }),
@@ -54,7 +54,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers1',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.numbers1`,
     fallback: locale.numbers1
   }),
@@ -64,7 +64,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers3',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.numbers3`,
     fallback: locale.numbers3
   }),
@@ -74,7 +74,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar1',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.specialChar1`,
     fallback: locale.specialChar1
   }),
@@ -84,7 +84,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar2',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.specialChar2`,
     fallback: locale.specialChar2
   }),
@@ -94,7 +94,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboUpperAndLower',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboUpperAndLower`,
     fallback: locale.comboUpperAndLower
   }),
@@ -104,7 +104,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersAndNumbers',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboLettersAndNumbers`,
     fallback: locale.comboLettersAndNumbers
   }),
@@ -114,7 +114,7 @@ export const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersNumbersSpecial',
-  suggestion: /*#__PURE__*/React.createElement(Translate, {
+  suggestion: /*#__PURE__*/_jsx(Translate, {
     content: `FormFieldPassword.comboLettersNumbersSpecial`,
     fallback: locale.comboLettersNumbersSpecial
   }),