@plesk/ui-library 3.31.1 → 3.31.2

package/esm/components/ComboBox/ComboBoxOption.js

@@ -4,8 +4,7 @@ import React from 'react';
 /**
  * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
  * @since 2.6.0
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition

package/esm/components/Dialog/Dialog.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
 /* eslint-disable react/no-deprecated */
-import React, { isValidElement, useEffect, useState } from 'react';
+import React, { isValidElement, cloneElement, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -77,11 +77,12 @@ const Dialog = _ref => {
       className: `${classPrefix}-inner`
     }, image)));
   };
-  const getCancelButtonProps = () => {
+  const getCancelButtonProps = function () {
+    let formProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : form;
     if (!closable) {
       return false;
     }
-    if (cancelButton === false || form && form.cancelButton === false) {
+    if (cancelButton === false || formProps && formProps.cancelButton === false) {
       return false;
     }
     let props = {
@@ -91,10 +92,10 @@ const Dialog = _ref => {
         fallback: "Cancel"
       })
     };
-    if (form && isProps(form.cancelButton)) {
+    if (formProps && isProps(formProps.cancelButton)) {
       props = {
         ...props,
-        ...form.cancelButton
+        ...formProps.cancelButton
       };
     }
     if (isProps(cancelButton)) {
@@ -123,10 +124,17 @@ const Dialog = _ref => {
   };
   let childrenElement;
   if (form) {
-    form.cancelButton = getCancelButtonProps();
-    form.footerClassName = classNames(form.footerClassName, `${baseClassName}__form-footer`);
-    form.applyButton = form.applyButton || false;
-    childrenElement = /*#__PURE__*/React.createElement(Form, form, children);
+    if ( /*#__PURE__*/isValidElement(form)) {
+      childrenElement = /*#__PURE__*/cloneElement(form, {
+        cancelButton: getCancelButtonProps(form.props),
+        footerClassName: classNames(form.props.footerClassName, `${baseClassName}__form-footer`)
+      });
+    } else if (typeof form === 'object') {
+      form.cancelButton = getCancelButtonProps();
+      form.footerClassName = classNames(form.footerClassName, `${baseClassName}__form-footer`);
+      form.applyButton = form.applyButton || false;
+      childrenElement = /*#__PURE__*/React.createElement(Form, form, children);
+    }
   } else {
     childrenElement = children;
   }
@@ -237,7 +245,7 @@ Dialog.propTypes = {
    * Wraps children into [Form](#!/Form) if not empty.
    * @since 0.0.68
    */
-  form: PropTypes.object,
+  form: PropTypes.oneOfType([PropTypes.object, PropTypes.element]),
   /**
    * Dialog width
    * @since 0.0.68

package/esm/components/Form/Form.js

@@ -271,7 +271,7 @@ class Form extends Component {
       ,
       children: /*#__PURE__*/React.createElement(Translate, {
         content: "Form.submitButton",
-        fallback: "OK"
+        fallback: "Save"
       })
     }, submitButton));
   }

package/esm/components/Link/Link.js

@@ -7,11 +7,13 @@ import { CLS_PREFIX } from '../../constants';
 import OnDarkContext from '../OnDarkContext';
 import { wrapFunction } from '../utils';
 import Icon from '../Icon';
+
+// eslint-disable-next-line space-infix-ops
+
 /**
  * FIXME: With the following code all @ts-ignore comments can be removed, but react-docgen cannot parse it.
  * const Link = <P extends any>({ ... }: LinkProps<P>) => {
  */
-
 /**
  * `Link` is used for navigation purposes.
  * @since 1.9.0

package/esm/components/List/List.js

@@ -365,14 +365,7 @@ class List extends Component {
   }
   componentDidMount() {
     if (this.props.reorderable) {
-      import( /* webpackChunkName: "react-movable" */'@plesk/react-movable').then(_ref7 => {
-        let {
-          List: ReorderableList
-        } = _ref7;
-        this.setState({
-          ReorderableList
-        });
-      });
+      this.applyReorderableList();
     }
   }
   componentDidUpdate(prevProps) {
@@ -388,6 +381,19 @@ class List extends Component {
       });
       this.needScroll = false;
     }
+    if (prevProps.reorderable !== this.props.reorderable && this.props.reorderable) {
+      this.applyReorderableList();
+    }
+  }
+  applyReorderableList() {
+    import( /* webpackChunkName: "react-movable" */'@plesk/react-movable').then(_ref7 => {
+      let {
+        List: ReorderableList
+      } = _ref7;
+      this.setState({
+        ReorderableList
+      });
+    });
   }
   getData() {
     const {

package/esm/components/Markdown/Markdown.js

@@ -25,9 +25,7 @@ const Markdown = _ref => {
       [`${baseClassName}--compact`]: compact
     }, className),
     dangerouslySetInnerHTML: {
-      __html: marked(children, {
-        sanitize: true
-      })
+      __html: marked(children)
     }
   }, props));
 };

package/esm/components/Select/SelectOption.js

@@ -4,8 +4,7 @@ import React from 'react';
 /**
  * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
  * @since 2.3.0
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const SelectOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition

package/esm/components/Spot/SpotPopup.js

@@ -9,6 +9,9 @@ import Text from '../Text';
 import Translate from '../Translate';
 import Focuser from '../Overlay/Focuser';
 import { safeInvoke } from '../utils';
+
+// TODO: Use SpotSpotProps['popup'] instead of copypaste
+
 const SpotPopup = _ref => {
   let {
     baseClassName = `${CLS_PREFIX}spot-popup`,

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.31.1",
+  "version": "3.31.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -42,84 +42,84 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
-    "@babel/types": "^7.15.6",
-    "@plesk/react-movable": "^2.6.0",
-    "@types/classnames": "2.2.7",
-    "@types/jest": "^23.3.12",
-    "@types/marked": "^4.0.8",
-    "@types/node": "^12.12.8",
-    "@types/react": "16.8.13",
-    "@types/react-dom": "16.8.4",
-    "@types/react-measure": "2.0.8",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/svg4everybody": "2.1.0",
-    "classnames": "^2.3.1",
-    "codemirror": "5.58.2 ",
-    "jest": "^24.9.0",
+    "@babel/runtime": "^7.21.0",
+    "@plesk/react-movable": "^2.7.1",
+    "classnames": "^2.3.2",
+    "codemirror": "5.58.2",
     "marked": "4.2.12",
-    "memoize-one": "^5.1.1",
+    "memoize-one": "^5.2.1",
     "popper.js": "1.14.3",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "react-measure": "2.3.0",
     "react-sortable-hoc": "0.6.8",
-    "react-transition-group": "^4.4.2",
-    "scroll-into-view-if-needed": "^2.2.20",
+    "react-transition-group": "^4.4.5",
+    "scroll-into-view-if-needed": "^2.2.31",
     "svg4everybody": "2.1.9",
-    "use-focus-visible": "^1.0.0"
+    "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/core": "^7.21.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
+    "@babel/plugin-transform-runtime": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
+    "@babel/types": "^7.21.4",
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^1.1.0",
     "@plesk/stylelint-config": "^1.0.0",
     "@types/buble": "^0.19.2",
-    "@types/cheerio": "^0.22.30",
+    "@types/cheerio": "^0.22.31",
+    "@types/classnames": "2.2.7",
     "@types/doctrine": "^0.0.3",
-    "@types/enzyme": "^3.10.9",
-    "@typescript-eslint/eslint-plugin": "^2.7.0",
-    "@typescript-eslint/parser": "^2.7.0",
-    "autoprefixer": "^10.4.13",
-    "babel-loader": "^8.2.3",
+    "@types/enzyme": "^3.10.12",
+    "@types/jest": "^23.3.14",
+    "@types/marked": "^4.0.8",
+    "@types/node": "^12.20.55",
+    "@types/react": "^16.14.38",
+    "@types/react-dom": "^16.9.18",
+    "@types/react-measure": "2.0.8",
+    "@types/react-transition-group": "^4.4.5",
+    "@types/svg4everybody": "2.1.0",
+    "@typescript-eslint/eslint-plugin": "^2.34.0",
+    "@typescript-eslint/parser": "^2.34.0",
+    "autoprefixer": "^10.4.14",
+    "babel-loader": "^8.3.0",
     "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.7.1",
+    "cross-env": "^5.2.1",
+    "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
+    "enzyme-adapter-react-16": "^1.15.7",
     "enzyme-to-json": "^3.6.2",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-markdown": "^1.0.2",
-    "eslint-plugin-prettier": "^3.1.3",
-    "fs-extra": "^7.0.0",
+    "eslint-plugin-prettier": "^3.4.1",
+    "fs-extra": "^7.0.1",
     "html-webpack-plugin": "^5.5.0",
-    "inquirer": "^3.2.1",
+    "inquirer": "^3.3.0",
+    "jest": "^24.9.0",
     "jest-dev-server": "^4.4.0",
-    "jest-image-snapshot": "^4.0.2",
+    "jest-image-snapshot": "^4.5.1",
     "less": "^4.1.3",
     "less-loader": "^11.1.0",
-    "mini-css-extract-plugin": "^2.6.1",
+    "mini-css-extract-plugin": "^2.7.5",
     "postcss": "^8.4.21",
     "postcss-less": "^6.0.0",
-    "postcss-loader": "^7.0.2",
+    "postcss-loader": "^7.2.4",
     "postcss-logical": "^6.1.0",
-    "prettier": "^2.8.4",
+    "prettier": "^2.8.7",
     "puppeteer-core": "13.1.3",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-styleguidist": "^12.0.1",
-    "react-test-renderer": "^16.8.6",
-    "rimraf": "^3.0.1",
+    "react-test-renderer": "^16.14.0",
+    "rimraf": "^3.0.2",
     "rtlcss": "^4.0.0",
-    "style-loader": "^3.3.1",
+    "style-loader": "^3.3.2",
     "stylelint": "^14.16.1",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
@@ -127,9 +127,9 @@
     "stylelint-prettier": "^2.0.0",
     "stylelint-use-logical-spec": "^5.0.0",
     "svg-mixer": "^2.3.14",
-    "terser-webpack-plugin": "^5.2.4",
+    "terser-webpack-plugin": "^5.3.7",
     "typescript": "3.7.2",
-    "webpack": "^5.75.0",
+    "webpack": "^5.78.0",
     "webpack-cli": "^5.0.1"
   },
   "peerDependencies": {
@@ -139,6 +139,7 @@
   "resolutions": {
     "@babel/types": "^7.15.6",
     "@types/node": "^12.12.8",
+    "@types/react": "^16.14.35",
     "**/caniuse-lite": "1.0.30001430",
     "trim": "0.0.3",
     "postcss": "8.4.21"