@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Form/Form.js

@@ -5,14 +5,14 @@ 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 _utils = require("./utils");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContext = require("../Button/ButtonContext");
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Section = _interopRequireDefault(require("../Section"));
 var _Translate = _interopRequireDefault(require("../Translate"));
@@ -20,12 +20,16 @@ var _FormContext = _interopRequireDefault(require("./FormContext"));
 var _VerticalContext = _interopRequireWildcard(require("../VerticalContext"));
 var _DisabledContext = _interopRequireDefault(require("./DisabledContext"));
 var _utils2 = require("../utils");
+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/no-deprecated */
-
+const actionButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 class Form extends _react.Component {
   constructor() {
     var _this;
@@ -36,9 +40,7 @@ class Form extends _react.Component {
       vertical: this.props.vertical || false,
       requiredFields: [],
       formContext: {
-        getValues: () => {
-          return this.state.values;
-        },
+        getValues: () => this.state.values,
         getValue: (name, def) => {
           if (this.state.values) {
             return (0, _utils.getIn)(this.state.values, name, def);
@@ -155,37 +157,43 @@ class Form extends _react.Component {
         vertical,
         ...props
       } = _this.props;
-      return /*#__PURE__*/_react.default.createElement(_FormContext.default.Provider, {
-        value: _this.state.formContext
-      }, /*#__PURE__*/_react.default.createElement(_VerticalContext.default.Provider, {
-        value: _this.state.vertical
-      }, /*#__PURE__*/_react.default.createElement(_DisabledContext.default.Provider, {
-        value: !!state
-      }, /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
-        onResize: _this.handleResize,
-        innerRef: innerRef,
-        bounds: true
-      }, _ref3 => {
-        let {
-          measureRef
-        } = _ref3;
-        return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({
-          ref: measureRef,
-          className: (0, _classnames.default)(baseClassName, {
-            [`${baseClassName}--has-required`]: _this.hasRequiredField()
-          }, className),
-          onSubmit: _this.handleSubmit
-        }, props), children, actionButtons, /*#__PURE__*/_react.default.createElement("input", {
-          type: "image",
-          src: "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",
-          style: {
-            border: 0,
-            height: 0,
-            width: 0,
-            position: 'absolute'
-          }
-        }));
-      }))));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormContext.default.Provider, {
+        value: _this.state.formContext,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalContext.default.Provider, {
+          value: _this.state.vertical,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DisabledContext.default.Provider, {
+            value: !!state,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
+              onResize: _this.handleResize,
+              innerRef: innerRef,
+              bounds: true,
+              children: _ref3 => {
+                let {
+                  measureRef
+                } = _ref3;
+                return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+                  ref: measureRef,
+                  className: (0, _classnames.default)(baseClassName, {
+                    [`${baseClassName}--has-required`]: _this.hasRequiredField()
+                  }, className),
+                  onSubmit: _this.handleSubmit,
+                  ...props,
+                  children: [children, actionButtons, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                    type: "image",
+                    src: "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",
+                    style: {
+                      border: 0,
+                      height: 0,
+                      width: 0,
+                      position: 'absolute'
+                    }
+                  })]
+                });
+              }
+            })
+          })
+        })
+      });
     });
     (0, _defineProperty2.default)(this, "renderActionButtons", () => {
       const {
@@ -197,20 +205,26 @@ class Form extends _react.Component {
         baseClassName,
         footerClassName
       } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_Section.default, {
-        className: (0, _classnames.default)(`${baseClassName}__footer`, footerClassName)
-      }, /*#__PURE__*/_react.default.createElement(_FormField.default, null, this.renderSubmitButton({
-        submitButton,
-        state
-      }), this.renderApplyButton({
-        applyButton,
-        state
-      }), this.renderAdditionalButtons({
-        additionalButtons
-      }), this.renderCancelButton({
-        cancelButton,
-        state
-      })));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Section.default, {
+        className: (0, _classnames.default)(`${baseClassName}__footer`, footerClassName),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonContext.ButtonContext.Provider, {
+            value: actionButtonsConfig,
+            children: [this.renderSubmitButton({
+              submitButton,
+              state
+            }), this.renderApplyButton({
+              applyButton,
+              state
+            }), this.renderAdditionalButtons({
+              additionalButtons
+            }), this.renderCancelButton({
+              cancelButton,
+              state
+            })]
+          })
+        })
+      });
     });
   }
   static getDerivedStateFromProps(props, state) {
@@ -270,19 +284,19 @@ class Form extends _react.Component {
     if (!submitButton) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-      size: "lg",
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       intent: "primary",
       state: state === 'submit' ? 'loading' : undefined,
       disabled: !!state,
       onClick: this.handleSubmitClick
       // eslint-disable-next-line react/no-children-prop
       ,
-      children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "Form.submitButton",
         fallback: "Save"
-      })
-    }, submitButton));
+      }),
+      ...(typeof submitButton === 'object' ? submitButton : {})
+    });
   }
   renderApplyButton(_ref5) {
     let {
@@ -292,17 +306,18 @@ class Form extends _react.Component {
     if (!applyButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
-      intent: 'primary',
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      intent: "primary",
       state: state === 'apply' ? 'loading' : undefined,
       disabled: !!state,
-      onClick: this.handleApplyClick,
-      children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+      onClick: this.handleApplyClick
+      // eslint-disable-next-line react/no-children-prop
+      ,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "Form.applyButton",
         fallback: "Apply"
       }),
-      ...applyButton
+      ...(typeof applyButton === 'object' ? applyButton : {})
     });
   }
   renderCancelButton(_ref6) {
@@ -313,15 +328,16 @@ class Form extends _react.Component {
     if (!cancelButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       state: state === 'cancel' ? 'loading' : undefined,
-      disabled: !!state,
-      children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+      disabled: !!state
+      // eslint-disable-next-line react/no-children-prop
+      ,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
         content: "Form.cancelButton",
         fallback: "Cancel"
       }),
-      ...cancelButton
+      ...(typeof cancelButton === 'object' ? cancelButton : {})
     });
   }
   renderAdditionalButtons(_ref7) {
@@ -337,9 +353,6 @@ class Form extends _react.Component {
           const props = {
             className: (0, _classnames.default)(element.props.className, `${baseClassName}__additional-button`)
           };
-          if (element.type === _Button.default) {
-            props.size = 'lg';
-          }
           return /*#__PURE__*/(0, _react.cloneElement)(element, props);
         }
         return element;
@@ -370,7 +383,7 @@ class Form extends _react.Component {
  */
 (0, _defineProperty2.default)(Form, "defaultProps", {
   children: undefined,
-  requiredMark: /*#__PURE__*/_react.default.createElement("span", {
+  requiredMark: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: `${_constants.CLS_PREFIX}form__required`
   }),
   hideRequiredLegend: false,
@@ -400,9 +413,10 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
       }));
     }
   }));
-  return /*#__PURE__*/_react.default.createElement(Form, (0, _extends2.default)({
-    innerRef: innerRef
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Form, {
+    innerRef: innerRef,
+    ...props
+  });
 });
 RefForwardingForm.displayName = 'Form';
 var _default = RefForwardingForm;

package/cjs/components/Form/Form.stories.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Form = _interopRequireDefault(require("./Form"));
 var _FormFieldText = _interopRequireDefault(require("../FormFieldText"));
 var _FormFieldPassword = _interopRequireDefault(require("../FormFieldPassword"));
 var _FormFieldCheckbox = _interopRequireDefault(require("../FormFieldCheckbox"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Form.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
   values: {
@@ -20,17 +22,14 @@ Basic.args = {
     field2: 'Value 2',
     field3: true
   },
-  children: [/*#__PURE__*/_react.default.createElement(_FormFieldText.default, {
-    key: "1",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FormFieldText.default, {
     label: "Field 1",
     name: "field1"
-  }), /*#__PURE__*/_react.default.createElement(_FormFieldPassword.default, {
-    key: "2",
+  }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormFieldPassword.default, {
     label: "Field 2",
     name: "field2"
-  }), /*#__PURE__*/_react.default.createElement(_FormFieldCheckbox.default, {
-    key: "3",
+  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormFieldCheckbox.default, {
     label: "Field 3",
     name: "field3"
-  })]
+  }, "3")]
 };

package/cjs/components/FormField/FormField.js

@@ -5,7 +5,6 @@ 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 _utils = require("../utils");
@@ -25,12 +24,11 @@ var _FormContext = _interopRequireDefault(require("../Form/FormContext"));
 var _VerticalContext = _interopRequireDefault(require("../VerticalContext"));
 var _ScrollableElementFormContext = _interopRequireDefault(require("../Form/ScrollableElementFormContext"));
 var _DisabledContext = _interopRequireDefault(require("../Form/DisabledContext"));
+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/no-deprecated */
-
 const defaultValue = undefined;
 
 /**
@@ -51,9 +49,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
@@ -105,7 +101,7 @@ class FormField extends _react.Component {
           }
           return null;
         },
-        getSeparator: () => /*#__PURE__*/_react.default.createElement("span", {
+        getSeparator: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: `${this.props.baseClassName}__separator`
         }),
         isDisabled: () => this.props.disabled,
@@ -184,10 +180,10 @@ class FormField extends _react.Component {
       if (!multi || value.length < 1 || value.length === 1 && isEmpty(value[0])) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         className: `${this.props.baseClassName}__remove`,
         icon: isClearable ? 'clean' : 'cross-mark',
-        tooltip: /*#__PURE__*/_react.default.createElement(_Translate.default, {
+        tooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
           namespace: "FormField",
           content: isClearable ? 'clear' : 'remove',
           fallback: isClearable ? 'Clear' : 'Remove',
@@ -212,10 +208,11 @@ class FormField extends _react.Component {
       if (!description || multi && getArrayHelper(this.fieldApi.getValue()).length - 1 > index) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_Hint.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hint.default, {
         component: "div",
-        className: `${baseClassName}__description`
-      }, description);
+        className: `${baseClassName}__description`,
+        children: description
+      });
     });
     /**
      * Renders one field
@@ -257,42 +254,48 @@ class FormField extends _react.Component {
       }
       let innerField = typeof children === 'function' ? children(fieldApi) : children;
       if (multi) {
-        innerField = /*#__PURE__*/_react.default.createElement("div", {
-          className: `${baseClassName}__multi`
-        }, innerField, ` `, _this.renderRemoveButton(index));
+        innerField = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__multi`,
+          children: [innerField, ` `, _this.renderRemoveButton(index)]
+        });
       }
-      return /*#__PURE__*/_react.default.createElement(_Section.SectionItem, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Section.SectionItem, {
         className: (0, _classnames.default)(baseClassName, {
           [`${baseClassName}--error`]: hasErrors,
           [`${baseClassName}--vertical-multi`]: multi && vertical
         }, className),
-        title: label === null ? null : /*#__PURE__*/_react.default.createElement("div", {
-          className: `${baseClassName}__label`
-        }, /*#__PURE__*/_react.default.createElement("label", {
-          htmlFor: fieldApi.getId()
-        }, label), fieldApi.getFullDescription(), required ? fieldApi.getRequiredMark() : null),
-        key: index,
-        vertical: vertical
-      }, props), /*#__PURE__*/_react.default.createElement("div", {
-        ref: _this.setTargetRef(index)
-      }, innerField), hasErrors && Object.keys(fieldErrors).map(key => /*#__PURE__*/_react.default.createElement("span", {
-        key: key,
-        className: `${baseClassName}__error`
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        className: `${baseClassName}__error-icon`,
-        name: "exclamation-mark-circle-filled",
-        size: "12"
-      }), fieldErrors[key])), _this.renderDescription(index), renderAddMore && /*#__PURE__*/_react.default.createElement(_Link.default, {
-        role: "button",
-        onClick: _this.handleAddMore,
-        className: `${baseClassName}__add-more`,
-        disabled: disabled
-      }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-        namespace: "FormField",
-        content: "addMore",
-        fallback: "Add one more",
-        translators: locale
-      })));
+        title: label === null ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__label`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            htmlFor: fieldApi.getId(),
+            children: label
+          }), fieldApi.getFullDescription(), required ? fieldApi.getRequiredMark() : null]
+        }),
+        vertical: vertical,
+        ...props,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: _this.setTargetRef(index),
+          children: innerField
+        }), hasErrors && Object.keys(fieldErrors).map(key => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          className: `${baseClassName}__error`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            className: `${baseClassName}__error-icon`,
+            name: "exclamation-mark-circle-filled",
+            size: "12"
+          }), fieldErrors[key]]
+        }, key)), _this.renderDescription(index), renderAddMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          role: "button",
+          onClick: _this.handleAddMore,
+          className: `${baseClassName}__add-more`,
+          disabled: disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+            namespace: "FormField",
+            content: "addMore",
+            fallback: "Add one more",
+            translators: locale
+          })
+        })]
+      }, index);
     });
     const {
       value: _value,
@@ -357,8 +360,8 @@ class FormField extends _react.Component {
         if (!this.props.fullDescription) {
           return null;
         }
-        return /*#__PURE__*/_react.default.createElement(_Popover.default, {
-          target: /*#__PURE__*/_react.default.createElement(_Action.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+          target: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
             outerProps: {
               className: `${this.props.baseClassName}__full-description`
             },
@@ -369,8 +372,9 @@ class FormField extends _react.Component {
             }
           }),
           placement: "right",
-          intent: "info"
-        }, this.props.fullDescription);
+          intent: "info",
+          children: this.props.fullDescription
+        });
       }
     };
     this.targetRefs = [];
@@ -576,12 +580,13 @@ const FormFieldWrapper = props => {
   const vertical = props.vertical === undefined ? verticalContext : props.vertical;
   const scrollableElement = (0, _react.useContext)(_ScrollableElementFormContext.default);
   const disabled = (0, _react.useContext)(_DisabledContext.default);
-  return /*#__PURE__*/_react.default.createElement(FormField, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.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/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -5,13 +5,13 @@ 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"));
 var _constants = require("../../constants");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _FormField = _interopRequireDefault(require("../FormField"));
+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.
@@ -33,36 +33,43 @@ const FormFieldCheckbox = _ref => {
     multi,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
     className: (0, _classnames.default)(baseClassName, className),
     label: null,
-    required: required
-  }, props), _ref2 => {
-    let {
-      getId,
-      getName,
-      getValue,
-      setValue,
-      getRequiredMark,
-      getFullDescription,
-      isDisabled
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "hidden",
-      name: getName(),
-      value: uncheckedValue
-    }), /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-      checked: getValue() === checkedValue,
-      onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
-      inputProps: {
-        id: getId(),
-        name: getName(),
-        value: checkedValue,
-        autoFocus
-      },
-      disabled: isDisabled(),
-      rightAddon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
-    }, label));
+    required: required,
+    ...props,
+    children: _ref2 => {
+      let {
+        getId,
+        getName,
+        getValue,
+        setValue,
+        getRequiredMark,
+        getFullDescription,
+        isDisabled
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "hidden",
+          name: getName(),
+          value: uncheckedValue
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+          checked: getValue() === checkedValue,
+          onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
+          inputProps: {
+            id: getId(),
+            name: getName(),
+            value: checkedValue,
+            autoFocus
+          },
+          disabled: isDisabled(),
+          rightAddon: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [getFullDescription(), required ? getRequiredMark() : null]
+          }),
+          children: label
+        })]
+      });
+    }
   });
 };
 FormFieldCheckbox.propTypes = {

package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js

@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithFullDescription = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Form = _interopRequireDefault(require("../Form"));
 var _FormFieldCheckbox = _interopRequireDefault(require("./FormFieldCheckbox"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_FormFieldCheckbox.default, args));
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.default, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormFieldCheckbox.default, {
+    ...args
+  })
+});
 exports.Basic = Basic;
 Basic.args = {
   name: 'name',
   label: 'Lorem ipsum dolor sit amet.'
 };
-const WithFullDescription = args => /*#__PURE__*/_react.default.createElement(Basic, args);
+const WithFullDescription = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
+  ...args
+});
 exports.WithFullDescription = WithFullDescription;
 WithFullDescription.args = {
   ...Basic.args,