@plesk/ui-library 3.29.1 → 3.30.0

package/esm/components/Drawer/Drawer.js

@@ -76,7 +76,9 @@ const propTypes = {
   closingConfirmation: PropTypes.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.oneOfType([PropTypes.object, PropTypes.element]),

package/esm/components/FormField/FormField.js

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

package/esm/components/FormFieldText/FormFieldText.js

@@ -116,10 +116,12 @@ FormFieldText.propTypes = {
   autoComplete: PropTypes.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.bool,
+  multi: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+    max: PropTypes.number.isRequired
+  })]),
 
   /**
    * @ignore

package/esm/components/Hint/Hint.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -12,9 +12,12 @@ const Hint = ({
   baseClassName = `${CLS_PREFIX}hint`,
   className,
   children,
+  component: Tag = 'span',
   ...props
-}) => /*#__PURE__*/React.createElement("span", _extends({
-  className: classNames(baseClassName, className)
-}, props), children);
+}) => {
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: classNames(baseClassName, className)
+  }, props), children);
+};
 
 export default Hint;

package/esm/components/LocaleProvider/LocaleProvider.js

@@ -49,10 +49,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/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.29.1";
+const version = "3.30.0";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.29.1",
+  "version": "3.30.0",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -81,14 +81,14 @@
     "@types/webpack-dev-server": "^3.10.1",
     "@typescript-eslint/eslint-plugin": "^2.7.0",
     "@typescript-eslint/parser": "^2.7.0",
-    "autoprefixer": "^10.3.7",
+    "autoprefixer": "^10.4.13",
     "babel-loader": "^8.2.3",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^5.2.0",
-    "css-loader": "^6.4.0",
-    "css-minimizer-webpack-plugin": "^3.1.1",
+    "css-loader": "^6.7.1",
+    "css-minimizer-webpack-plugin": "^4.2.2",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.6.2",
@@ -102,14 +102,14 @@
     "jest": "^24.9.0",
     "jest-dev-server": "^4.4.0",
     "jest-image-snapshot": "^4.0.2",
-    "less": "^4.1.2",
-    "less-loader": "^10.2.0",
-    "mini-css-extract-plugin": "^2.4.3",
-    "postcss": "^8.4.6",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "mini-css-extract-plugin": "^2.6.1",
+    "postcss": "^8.4.18",
     "postcss-less": "^6.0.0",
-    "postcss-loader": "^6.2.1",
+    "postcss-loader": "^7.0.1",
     "postcss-logical": "^5.0.3",
-    "prettier": "^2.0.5",
+    "prettier": "^2.7.1",
     "puppeteer-core": "13.1.3",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
@@ -118,17 +118,17 @@
     "rimraf": "^3.0.1",
     "rtlcss": "^3.4.0",
     "style-loader": "^3.3.1",
-    "stylelint": "^14.3.0",
+    "stylelint": "^14.14.1",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-declaration-block-no-ignored-properties": "^2.5.0",
-    "stylelint-no-unsupported-browser-features": "^5.0.2",
+    "stylelint-declaration-block-no-ignored-properties": "^2.6.0",
+    "stylelint-no-unsupported-browser-features": "^6.0.1",
     "stylelint-prettier": "^2.0.0",
-    "stylelint-use-logical-spec": "^3.2.2",
+    "stylelint-use-logical-spec": "^4.1.0",
     "svg-mixer": "^2.3.14",
     "terser-webpack-plugin": "^5.2.4",
     "typescript": "^3.7.2",
-    "webpack": "^5.60.0",
-    "webpack-cli": "^4.9.1"
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0"
   },
   "peerDependencies": {
     "react": "^16.8.6",
@@ -137,7 +137,7 @@
   "resolutions": {
     "@babel/types": "^7.15.6",
     "@types/node": "^12.12.8",
-    "**/caniuse-lite": "1.0.30001390"
+    "**/caniuse-lite": "1.0.30001430"
   },
   "browserslist": [
     "last 2 versions",