@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/FormFieldPassword/FormFieldPassword.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -17,8 +16,7 @@ var _Translate = _interopRequireDefault(require("../Translate"));
 var _PasswordMeter = _interopRequireDefault(require("./PasswordMeter"));
 var _generatePassword = _interopRequireDefault(require("./generatePassword"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
@@ -62,12 +60,12 @@ class FormFieldPassword extends _react.Component {
     const generateButtonProps = {
       className: `${baseClassName}__button--generate`,
       onClick: () => setValue((0, _generatePassword.default)()),
-      tooltip: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+      tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "FormFieldPassword.generateButtonHint",
         fallback: _enUS.default.generateButtonHint
       }),
       disabled: isDisabled(),
-      children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "FormFieldPassword.generateButton",
         fallback: _enUS.default.generateButton
       })
@@ -76,9 +74,13 @@ class FormFieldPassword extends _react.Component {
     if (typeof generateButton === 'function') {
       button = generateButton(generateButtonProps);
     } else {
-      button = /*#__PURE__*/_react.default.createElement(_Button.default, generateButtonProps);
+      button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        ...generateButtonProps
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ` `, button);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [` `, button]
+    });
   }
   render() {
     const {
@@ -98,65 +100,71 @@ class FormFieldPassword extends _react.Component {
       visible,
       passwordMeterVisible
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
-      className: (0, _classnames.default)(baseClassName, className)
-    }, props), _ref3 => {
-      let {
-        getId,
-        getName,
-        getValue,
-        setValue,
-        isDisabled
-      } = _ref3;
-      const value = getValue('');
-      const input = /*#__PURE__*/_react.default.createElement(_Input.default, {
-        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.default.createElement(_Button.default, {
-          className: `${baseClassName}__button--show`,
-          onClick: this.handleToggleClick,
-          icon: visible ? 'visible' : 'invisible',
-          tooltip: visible ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
-            content: "FormFieldPassword.hidePassword",
-            fallback: _enUS.default.hidePassword
-          }) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
-            content: "FormFieldPassword.showPassword",
-            fallback: _enUS.default.showPassword
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+      className: (0, _classnames.default)(baseClassName, className),
+      ...props,
+      children: _ref3 => {
+        let {
+          getId,
+          getName,
+          getValue,
+          setValue,
+          isDisabled
+        } = _ref3;
+        const value = getValue('');
+        const input = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+          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__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            className: `${baseClassName}__button--show`,
+            onClick: this.handleToggleClick,
+            icon: visible ? 'visible' : 'invisible',
+            tooltip: visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+              content: "FormFieldPassword.hidePassword",
+              fallback: _enUS.default.hidePassword
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+              content: "FormFieldPassword.showPassword",
+              fallback: _enUS.default.showPassword
+            }),
+            ghost: true,
+            disabled: isDisabled()
           }),
-          ghost: true,
-          disabled: isDisabled()
-        }),
-        disabled: isDisabled(),
-        rootProps: {
-          ref: this.targetRef
-        }
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--${size}`)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(`${baseClassName}__field`, `${baseClassName}__field--${size}`)
-      }, hidePasswordMeter ? input : /*#__PURE__*/_react.default.createElement(_PasswordMeter.default, (0, _extends2.default)({
-        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__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--${size}`),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames.default)(`${baseClassName}__field`, `${baseClassName}__field--${size}`),
+            children: hidePasswordMeter ? input : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PasswordMeter.default, {
+              value: value,
+              targetRef: this.targetRef,
+              visible: passwordMeterVisible && value !== '',
+              onClose: this.handleClosePasswordMeter,
+              ...passwordMeterProps,
+              children: input
+            })
+          }), hideGenerateButton ? null : this.renderGenerateButton({
+            setValue,
+            isDisabled
+          })]
+        });
+      }
     });
   }
 }

package/cjs/components/FormFieldPassword/PasswordMeter.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _Popover = _interopRequireDefault(require("../Popover"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _estimatePassword = _interopRequireWildcard(require("./estimatePassword"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
@@ -39,32 +39,43 @@ const PasswordMeter = _ref => {
       setResult(result);
     });
   }, [visible, value, onEstimate]);
-  return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Popover.default, {
     visible: visible && result !== null,
     target: children,
     placement: "bottom-right",
     intent: result ? strengthIntents[result.strength] : undefined,
     canCloseOnOutsideClick: false,
-    canCloseOnEscapePress: false
-  }, props), result?.strength ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
-    component: "div",
-    content: "FormFieldPassword.passwordStrength",
-    fallback: _enUS.default.passwordStrength,
-    params: {
-      strength: /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        content: `FormFieldPassword.strength${result?.strength}`,
-        fallback: _enUS.default[`strength${result?.strength}`]
-      }))
-    }
-  }) : null, result?.suggestions.length ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-    content: "FormFieldPassword.improvePassword",
-    fallback: _enUS.default.improvePassword
-  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/_react.default.createElement("li", {
-    key: index.toString()
-  }, suggestion)))) : /*#__PURE__*/_react.default.createElement(_Translate.default, {
-    content: "FormFieldPassword.yourPasswordIsStrong",
-    fallback: _enUS.default.yourPasswordIsStrong
-  }));
+    canCloseOnEscapePress: false,
+    ...props,
+    children: [result?.strength ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      component: "div",
+      content: "FormFieldPassword.passwordStrength",
+      fallback: _enUS.default.passwordStrength,
+      params: {
+        strength: /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+            content: `FormFieldPassword.strength${result?.strength}`,
+            fallback: _enUS.default[`strength${result?.strength}`]
+          })
+        })
+      }
+    }) : null, result?.suggestions.length ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+        content: "FormFieldPassword.improvePassword",
+        fallback: _enUS.default.improvePassword
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: result.suggestions.slice(0, 3).map((suggestion, index) =>
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        (0, _jsxRuntime.jsx)("li", {
+          children: suggestion
+        }, index.toString()))
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+      content: "FormFieldPassword.yourPasswordIsStrong",
+      fallback: _enUS.default.yourPasswordIsStrong
+    })]
+  });
 };
 var _default = PasswordMeter;
 exports.default = _default;

package/cjs/components/FormFieldPassword/estimatePassword.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DEFAULT_RULES = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 const EXCLUSIONS = {
@@ -18,7 +18,7 @@ const EXCLUSIONS = {
 };
 const DEFAULT_RULES = [{
   name: 'passwordTooShort',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.passwordTooShort`,
     fallback: _enUS.default.passwordTooShort
   }),
@@ -41,7 +41,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersLowerCase',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.lettersLowerCase`,
     fallback: _enUS.default.lettersLowerCase
   }),
@@ -51,7 +51,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'lettersUpperCase',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.lettersUpperCase`,
     fallback: _enUS.default.lettersUpperCase
   }),
@@ -61,7 +61,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers1',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.numbers1`,
     fallback: _enUS.default.numbers1
   }),
@@ -71,7 +71,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'numbers3',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.numbers3`,
     fallback: _enUS.default.numbers3
   }),
@@ -81,7 +81,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar1',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.specialChar1`,
     fallback: _enUS.default.specialChar1
   }),
@@ -91,7 +91,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'specialChar2',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.specialChar2`,
     fallback: _enUS.default.specialChar2
   }),
@@ -101,7 +101,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboUpperAndLower',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.comboUpperAndLower`,
     fallback: _enUS.default.comboUpperAndLower
   }),
@@ -111,7 +111,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersAndNumbers',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.comboLettersAndNumbers`,
     fallback: _enUS.default.comboLettersAndNumbers
   }),
@@ -121,7 +121,7 @@ const DEFAULT_RULES = [{
   }
 }, {
   name: 'comboLettersNumbersSpecial',
-  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+  suggestion: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
     content: `FormFieldPassword.comboLettersNumbersSpecial`,
     fallback: _enUS.default.comboLettersNumbersSpecial
   }),

package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -13,10 +12,10 @@ var _constants = require("../../constants");
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Hint = _interopRequireDefault(require("../Hint"));
 var _Radio = _interopRequireDefault(require("../Radio"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/prefer-stateless-function */
 
 /**
  * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
@@ -32,56 +31,61 @@ class FormFieldRadioButtons extends _react.Component {
       multi,
       ...props
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
-      className: (0, _classnames.default)(baseClassName, className)
-    }, props), _ref => {
-      let {
-        getId,
-        getName,
-        getValue,
-        setValue,
-        isDisabled
-      } = _ref;
-      return options.map((_ref2, index) => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+      className: (0, _classnames.default)(baseClassName, className),
+      ...props,
+      children: _ref => {
         let {
-          value,
-          label,
-          description,
-          disabled,
-          indentFields = []
-        } = _ref2;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: `${baseClassName}__radio`,
-          key: value
-        }, /*#__PURE__*/_react.default.createElement(_Radio.default, {
-          name: getName(),
-          checked: getValue() === value,
-          onChange: isChecked => {
-            if (isChecked) {
-              setValue(value);
-            }
-          },
-          disabled: isDisabled() || disabled,
-          inputProps: {
-            id: getId() ? `${getId()}-${value}` : null,
-            name: getName(),
+          getId,
+          getName,
+          getValue,
+          setValue,
+          isDisabled
+        } = _ref;
+        return options.map((_ref2, index) => {
+          let {
             value,
-            autoFocus: index === 0 && autoFocus ? true : undefined
-          }
-        }, label || value), description || indentFields ? /*#__PURE__*/_react.default.createElement("div", {
-          className: `${baseClassName}__content`
-        }, description && /*#__PURE__*/_react.default.createElement(_Hint.default, {
-          component: "div",
-          className: `${_FormField.default.defaultProps.baseClassName}__description`
-        }, description), indentFields.map(field => {
-          if (isDisabled() || disabled || getValue() !== value) {
-            return /*#__PURE__*/(0, _react.cloneElement)(field, {
-              disabled: true
-            });
-          }
-          return field;
-        })) : null);
-      });
+            label,
+            description,
+            disabled,
+            indentFields = []
+          } = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__radio`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.default, {
+              name: getName(),
+              checked: getValue() === value,
+              onChange: isChecked => {
+                if (isChecked) {
+                  setValue(value);
+                }
+              },
+              disabled: isDisabled() || disabled,
+              inputProps: {
+                id: getId() ? `${getId()}-${value}` : null,
+                name: getName(),
+                value,
+                autoFocus: index === 0 && autoFocus ? true : undefined
+              },
+              children: label || value
+            }), description || indentFields ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${baseClassName}__content`,
+              children: [description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
+                component: "div",
+                className: `${_FormField.default.defaultProps.baseClassName}__description`,
+                children: description
+              }), indentFields.map(field => {
+                if (isDisabled() || disabled || getValue() !== value) {
+                  return /*#__PURE__*/(0, _react.cloneElement)(field, {
+                    disabled: true
+                  });
+                }
+                return field;
+              })]
+            }) : null]
+          }, value);
+        });
+      }
     });
   }
 }

package/cjs/components/FormFieldSelect/FormFieldSelect.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Select = _interopRequireDefault(require("../Select"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -30,28 +29,31 @@ const FormFieldSelect = _ref => {
     placeholder,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), _ref2 => {
-    let {
-      getId,
-      getName,
-      setValue,
-      getValue,
-      isDisabled
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Select.default, {
-      size: size,
-      id: getId(),
-      name: getName(),
-      value: getValue(multiple ? [] : undefined),
-      onChange: setValue,
-      disabled: isDisabled(),
-      searchable: searchable,
-      clearable: clearable,
-      multiple: multiple,
-      placeholder: placeholder
-    }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        setValue,
+        getValue,
+        isDisabled
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+        size: size,
+        id: getId(),
+        name: getName(),
+        value: getValue(multiple ? [] : undefined),
+        onChange: setValue,
+        disabled: isDisabled(),
+        searchable: searchable,
+        clearable: clearable,
+        multiple: multiple,
+        placeholder: placeholder,
+        children: children
+      });
+    }
   });
 };
 var _default = FormFieldSelect;