@plesk/ui-library 3.31.3 → 3.32.0

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -1,9 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
@@ -16,8 +15,10 @@ const ExtendedStatusMessageActions = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(`${baseClassName}__actions`, className)
-  }, props), children);
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(`${baseClassName}__actions`, className),
+    ...props,
+    children: children
+  });
 };
 export default ExtendedStatusMessageActions;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -1,9 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
@@ -16,8 +15,10 @@ const ExtendedStatusMessageDescription = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(`${baseClassName}__description`, className)
-  }, props), children);
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames(`${baseClassName}__description`, className),
+    ...props,
+    children: children
+  });
 };
 export default ExtendedStatusMessageDescription;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -1,8 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
@@ -13,8 +12,9 @@ const ExtendedStatusMessageSeparator = _ref => {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("hr", _extends({
-    className: classNames(className)
-  }, props));
+  return /*#__PURE__*/_jsx("hr", {
+    className: classNames(className),
+    ...props
+  });
 };
 export default ExtendedStatusMessageSeparator;

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -1,10 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
  * @since 0.0.35
@@ -17,9 +16,11 @@ const ExtendedStatusMessageTitle = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Heading, _extends({
+  return /*#__PURE__*/_jsx(Heading, {
     level: 3,
-    className: classNames(`${baseClassName}__title`, className)
-  }, props), children);
+    className: classNames(`${baseClassName}__title`, className),
+    ...props,
+    children: children
+  });
 };
 export default ExtendedStatusMessageTitle;

package/esm/components/Figure/Figure.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Figure component.
  * @since 0.0.42
@@ -18,14 +19,17 @@ const Figure = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("figure", _extends({
-    className: classNames(baseClassName, className)
-  }, props), children, href && /*#__PURE__*/React.createElement("a", {
-    href: href,
-    className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
-  }), caption && /*#__PURE__*/React.createElement("figcaption", {
-    className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`)
-  }, caption));
+  return /*#__PURE__*/_jsxs("figure", {
+    className: classNames(baseClassName, className),
+    ...props,
+    children: [children, href && /*#__PURE__*/_jsx("a", {
+      href: href,
+      className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
+    }), caption && /*#__PURE__*/_jsx("figcaption", {
+      className: classNames(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`),
+      children: caption
+    })]
+  });
 };
 Figure.propTypes = {
   /**

package/esm/components/FocusTrap/FocusTrap.js

@@ -1,9 +1,10 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { useRef, useMemo, forwardRef } from 'react';
+import { useRef, useMemo, forwardRef } from 'react';
 import { createFocusManager, mergeRefs, wrapFunction } from '../utils';
 import { isFocusable } from '../Overlay/Focuser';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const canSkip = node => node instanceof HTMLElement && node.dataset && node.dataset.skipAutoFocus;
 const createFocusStrategy = checkSkipAutoFocusRef => {
   const elements = [];
@@ -97,17 +98,19 @@ const FocusTrap = (_ref, ref) => {
         break;
     }
   });
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", {
     onFocus: handleFocus,
     ref: mergeRefs(rootRef, ref),
-    tabIndex: -1
-  }, props), /*#__PURE__*/React.createElement("div", {
-    tabIndex: 0,
-    ref: trapBeforeRef
-  }), children, /*#__PURE__*/React.createElement("div", {
-    tabIndex: 0,
-    ref: trapAfterRef
-  }));
+    tabIndex: -1,
+    ...props,
+    children: [/*#__PURE__*/_jsx("div", {
+      tabIndex: 0,
+      ref: trapBeforeRef
+    }), children, /*#__PURE__*/_jsx("div", {
+      tabIndex: 0,
+      ref: trapAfterRef
+    })]
+  });
 };
 FocusTrap.displayName = 'FocusTrap';
 export default /*#__PURE__*/forwardRef(FocusTrap);

package/esm/components/Form/Form.js

@@ -1,8 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { Component, cloneElement, isValidElement, useRef, forwardRef, useImperativeHandle } from 'react';
+import { Component, cloneElement, isValidElement, useRef, forwardRef, useImperativeHandle } from 'react';
 import { getIn, setIn } from './utils';
 import classNames from 'classnames';
 import Measure from 'react-measure';
@@ -16,6 +15,8 @@ import FormContext from './FormContext';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import DisabledContext from './DisabledContext';
 import { safeInvoke } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const actionButtonsConfig = getButtonContextValue({
   defaultProps: {
     size: 'lg'
@@ -31,9 +32,7 @@ class Form extends 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 getIn(this.state.values, name, def);
@@ -150,37 +149,43 @@ class Form extends Component {
         vertical,
         ...props
       } = _this.props;
-      return /*#__PURE__*/React.createElement(FormContext.Provider, {
-        value: _this.state.formContext
-      }, /*#__PURE__*/React.createElement(VerticalContext.Provider, {
-        value: _this.state.vertical
-      }, /*#__PURE__*/React.createElement(DisabledContext.Provider, {
-        value: !!state
-      }, /*#__PURE__*/React.createElement(Measure, {
-        onResize: _this.handleResize,
-        innerRef: innerRef,
-        bounds: true
-      }, _ref3 => {
-        let {
-          measureRef
-        } = _ref3;
-        return /*#__PURE__*/React.createElement("form", _extends({
-          ref: measureRef,
-          className: classNames(baseClassName, {
-            [`${baseClassName}--has-required`]: _this.hasRequiredField()
-          }, className),
-          onSubmit: _this.handleSubmit
-        }, props), children, actionButtons, /*#__PURE__*/React.createElement("input", {
-          type: "image",
-          src: "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",
-          style: {
-            border: 0,
-            height: 0,
-            width: 0,
-            position: 'absolute'
-          }
-        }));
-      }))));
+      return /*#__PURE__*/_jsx(FormContext.Provider, {
+        value: _this.state.formContext,
+        children: /*#__PURE__*/_jsx(VerticalContext.Provider, {
+          value: _this.state.vertical,
+          children: /*#__PURE__*/_jsx(DisabledContext.Provider, {
+            value: !!state,
+            children: /*#__PURE__*/_jsx(Measure, {
+              onResize: _this.handleResize,
+              innerRef: innerRef,
+              bounds: true,
+              children: _ref3 => {
+                let {
+                  measureRef
+                } = _ref3;
+                return /*#__PURE__*/_jsxs("form", {
+                  ref: measureRef,
+                  className: classNames(baseClassName, {
+                    [`${baseClassName}--has-required`]: _this.hasRequiredField()
+                  }, className),
+                  onSubmit: _this.handleSubmit,
+                  ...props,
+                  children: [children, actionButtons, /*#__PURE__*/_jsx("input", {
+                    type: "image",
+                    src: "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",
+                    style: {
+                      border: 0,
+                      height: 0,
+                      width: 0,
+                      position: 'absolute'
+                    }
+                  })]
+                });
+              }
+            })
+          })
+        })
+      });
     });
     _defineProperty(this, "renderActionButtons", () => {
       const {
@@ -192,22 +197,26 @@ class Form extends Component {
         baseClassName,
         footerClassName
       } = this.props;
-      return /*#__PURE__*/React.createElement(Section, {
-        className: classNames(`${baseClassName}__footer`, footerClassName)
-      }, /*#__PURE__*/React.createElement(FormField, null, /*#__PURE__*/React.createElement(ButtonContext.Provider, {
-        value: actionButtonsConfig
-      }, this.renderSubmitButton({
-        submitButton,
-        state
-      }), this.renderApplyButton({
-        applyButton,
-        state
-      }), this.renderAdditionalButtons({
-        additionalButtons
-      }), this.renderCancelButton({
-        cancelButton,
-        state
-      }))));
+      return /*#__PURE__*/_jsx(Section, {
+        className: classNames(`${baseClassName}__footer`, footerClassName),
+        children: /*#__PURE__*/_jsx(FormField, {
+          children: /*#__PURE__*/_jsxs(ButtonContext.Provider, {
+            value: actionButtonsConfig,
+            children: [this.renderSubmitButton({
+              submitButton,
+              state
+            }), this.renderApplyButton({
+              applyButton,
+              state
+            }), this.renderAdditionalButtons({
+              additionalButtons
+            }), this.renderCancelButton({
+              cancelButton,
+              state
+            })]
+          })
+        })
+      });
     });
   }
   static getDerivedStateFromProps(props, state) {
@@ -267,18 +276,19 @@ class Form extends Component {
     if (!submitButton) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/_jsx(Button, {
       intent: "primary",
       state: state === 'submit' ? 'loading' : undefined,
       disabled: !!state,
       onClick: this.handleSubmitClick
       // eslint-disable-next-line react/no-children-prop
       ,
-      children: /*#__PURE__*/React.createElement(Translate, {
+      children: /*#__PURE__*/_jsx(Translate, {
         content: "Form.submitButton",
         fallback: "Save"
-      })
-    }, typeof submitButton === 'object' ? submitButton : {}));
+      }),
+      ...(typeof submitButton === 'object' ? submitButton : {})
+    });
   }
   renderApplyButton(_ref5) {
     let {
@@ -288,18 +298,19 @@ class Form extends Component {
     if (!applyButton) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/_jsx(Button, {
       intent: "primary",
       state: state === 'apply' ? 'loading' : undefined,
       disabled: !!state,
       onClick: this.handleApplyClick
       // eslint-disable-next-line react/no-children-prop
       ,
-      children: /*#__PURE__*/React.createElement(Translate, {
+      children: /*#__PURE__*/_jsx(Translate, {
         content: "Form.applyButton",
         fallback: "Apply"
-      })
-    }, typeof applyButton === 'object' ? applyButton : {}));
+      }),
+      ...(typeof applyButton === 'object' ? applyButton : {})
+    });
   }
   renderCancelButton(_ref6) {
     let {
@@ -309,16 +320,17 @@ class Form extends Component {
     if (!cancelButton) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/_jsx(Button, {
       state: state === 'cancel' ? 'loading' : undefined,
       disabled: !!state
       // eslint-disable-next-line react/no-children-prop
       ,
-      children: /*#__PURE__*/React.createElement(Translate, {
+      children: /*#__PURE__*/_jsx(Translate, {
         content: "Form.cancelButton",
         fallback: "Cancel"
-      })
-    }, typeof cancelButton === 'object' ? cancelButton : {}));
+      }),
+      ...(typeof cancelButton === 'object' ? cancelButton : {})
+    });
   }
   renderAdditionalButtons(_ref7) {
     let {
@@ -363,7 +375,7 @@ class Form extends Component {
  */
 _defineProperty(Form, "defaultProps", {
   children: undefined,
-  requiredMark: /*#__PURE__*/React.createElement("span", {
+  requiredMark: /*#__PURE__*/_jsx("span", {
     className: `${CLS_PREFIX}form__required`
   }),
   hideRequiredLegend: false,
@@ -393,9 +405,10 @@ const RefForwardingForm = /*#__PURE__*/forwardRef((props, ref) => {
       }));
     }
   }));
-  return /*#__PURE__*/React.createElement(Form, _extends({
-    innerRef: innerRef
-  }, props));
+  return /*#__PURE__*/_jsx(Form, {
+    innerRef: innerRef,
+    ...props
+  });
 });
 RefForwardingForm.displayName = 'Form';
 export default RefForwardingForm;

package/esm/components/Form/Form.stories.js

@@ -1,28 +1,27 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Form from './Form';
 import FormFieldText from '../FormFieldText';
 import FormFieldPassword from '../FormFieldPassword';
 import FormFieldCheckbox from '../FormFieldCheckbox';
-export const Basic = args => /*#__PURE__*/React.createElement(Form, args);
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Basic = args => /*#__PURE__*/_jsx(Form, {
+  ...args
+});
 Basic.args = {
   values: {
     field1: 'Value 1',
     field2: 'Value 2',
     field3: true
   },
-  children: [/*#__PURE__*/React.createElement(FormFieldText, {
-    key: "1",
+  children: [/*#__PURE__*/_jsx(FormFieldText, {
     label: "Field 1",
     name: "field1"
-  }), /*#__PURE__*/React.createElement(FormFieldPassword, {
-    key: "2",
+  }, "1"), /*#__PURE__*/_jsx(FormFieldPassword, {
     label: "Field 2",
     name: "field2"
-  }), /*#__PURE__*/React.createElement(FormFieldCheckbox, {
-    key: "3",
+  }, "2"), /*#__PURE__*/_jsx(FormFieldCheckbox, {
     label: "Field 3",
     name: "field3"
-  })]
+  }, "3")]
 };

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;