@plesk/ui-library 3.29.1 → 3.30.0

package/cjs/components/Drawer/Drawer.js

@@ -103,7 +103,9 @@ const propTypes = {
   closingConfirmation: _propTypes.default.bool,
 
   /**
-   * Wraps children into [Form](#!/Form) if not empty.
+   * Wraps children into [Form](#!/Form) if not empty.<br>
+   * **Note:** in case of *element* you should take care of providing additional form props from [Drawer](#!/Drawer) through your custom component. See example below for more details
+   *
    * @since 0.0.66
    */
   form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),

package/cjs/components/FormField/FormField.js

@@ -230,6 +230,7 @@ class FormField extends _react.Component {
       }
 
       return /*#__PURE__*/_react.default.createElement(_Hint.default, {
+        component: "div",
         className: `${baseClassName}__description`
       }, description);
     });

package/cjs/components/FormFieldText/FormFieldText.js

@@ -137,10 +137,12 @@ FormFieldText.propTypes = {
   autoComplete: _propTypes.default.oneOf(['on', 'off']),
 
   /**
-   * If 'true', a field will be multiple
+   * If 'true', a field will be multiple. You can also limit the number of fields with a value like { max: 5 }.
    * @since 1.12.0
    */
-  multi: _propTypes.default.bool,
+  multi: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    max: _propTypes.default.number.isRequired
+  })]),
 
   /**
    * @ignore

package/cjs/components/Hint/Hint.js

@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _constants = require("../../constants");
 
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
  * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
@@ -25,10 +25,13 @@ const Hint = ({
   baseClassName = `${_constants.CLS_PREFIX}hint`,
   className,
   children,
+  component: Tag = 'span',
   ...props
-}) => /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), children);
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), children);
+};
 
 var _default = Hint;
 exports.default = _default;

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -64,10 +64,10 @@ const getMessage = (fullKey, messages) => {
   }
 
   return messages[fullKey];
-}; // eslint-disable-next-line default-param-last
-
+};
 
-const createTranslate = messages => (key, params = {}, fallback) => {
+const createTranslate = messages => // eslint-disable-next-line default-param-last
+(key, params = {}, fallback) => {
   if (typeof key !== 'string') {
     return '';
   }

package/cjs/index.js

@@ -54,6 +54,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.29.1";
+const version = "3.30.0";
 exports.version = version;
 (0, _svg4everybody.default)();