@plesk/ui-library 3.31.1 → 3.31.3

package/cjs/components/Button/Button.js

@@ -15,6 +15,7 @@ var _Spinner = _interopRequireDefault(require("../Spinner"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
+var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
 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.
@@ -83,7 +84,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     baseClassName,
     className,
     component: Tag,
-    size,
+    size: propsSize,
     intent,
     ghost,
     selected: selectedProp,
@@ -104,6 +105,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     return !selectedState;
   };
   const isCollapsed = (0, _react.useContext)(_ResponsiveContext.default);
+  const buttonContextConfig = (0, _react.useContext)(_ButtonContext.default);
+  const size = propsSize || buttonContextConfig.defaultProps.size;
   const componentProps = {};
   if (Tag === 'button') {
     componentProps.type = 'button';

package/cjs/components/Button/ButtonContext.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getButtonContextValue = exports.default = exports.ButtonContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const defaultValue = {
+  defaultProps: {
+    size: undefined
+  }
+};
+const ButtonContext = /*#__PURE__*/_react.default.createContext(defaultValue);
+exports.ButtonContext = ButtonContext;
+const getButtonContextValue = value => ({
+  ...defaultValue,
+  ...value,
+  defaultProps: {
+    ...defaultValue.defaultProps,
+    ...(value.defaultProps || {})
+  }
+});
+exports.getButtonContextValue = getButtonContextValue;
+var _default = ButtonContext;
+exports.default = _default;

package/cjs/components/CodeEditor/CodeEditor.js

@@ -14,7 +14,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 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; }
+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-2021. Plesk International GmbH. All rights reserved.
+/* eslint-disable react/no-deprecated */
 /**
  * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
  * @since 0.0.61

package/cjs/components/ComboBox/ComboBoxOption.js

@@ -11,8 +11,7 @@ var _react = _interopRequireDefault(require("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/cjs/components/Dialog/Dialog.js

@@ -87,11 +87,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 = {
@@ -101,10 +102,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)) {
@@ -133,10 +134,17 @@ const Dialog = _ref => {
   };
   let childrenElement;
   if (form) {
-    form.cancelButton = getCancelButtonProps();
-    form.footerClassName = (0, _classnames.default)(form.footerClassName, `${baseClassName}__form-footer`);
-    form.applyButton = form.applyButton || false;
-    childrenElement = /*#__PURE__*/_react.default.createElement(_Form.default, form, children);
+    if ( /*#__PURE__*/(0, _react.isValidElement)(form)) {
+      childrenElement = /*#__PURE__*/(0, _react.cloneElement)(form, {
+        cancelButton: getCancelButtonProps(form.props),
+        footerClassName: (0, _classnames.default)(form.props.footerClassName, `${baseClassName}__form-footer`)
+      });
+    } else if (typeof form === 'object') {
+      form.cancelButton = getCancelButtonProps();
+      form.footerClassName = (0, _classnames.default)(form.footerClassName, `${baseClassName}__form-footer`);
+      form.applyButton = form.applyButton || false;
+      childrenElement = /*#__PURE__*/_react.default.createElement(_Form.default, form, children);
+    }
   } else {
     childrenElement = children;
   }
@@ -247,7 +255,7 @@ Dialog.propTypes = {
    * Wraps children into [Form](#!/Form) if not empty.
    * @since 0.0.68
    */
-  form: _propTypes.default.object,
+  form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.element]),
   /**
    * Dialog width
    * @since 0.0.68

package/cjs/components/Drawer/Drawer.js

@@ -13,7 +13,6 @@ var _constants = require("../../constants");
 var _Overlay = _interopRequireDefault(require("../Overlay"));
 var _ClosingConfirmation = require("../ClosingConfirmation");
 var _Header = _interopRequireDefault(require("./Header"));
-var _ScrollDirection = _interopRequireDefault(require("./ScrollDirection"));
 var _Form = _interopRequireDefault(require("../Form"));
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Translate = require("../Translate");
@@ -172,7 +171,7 @@ const defaultProps = {
 
 /**
  * `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
- * The component is similar to `Dialog` but it is intended to work with more complex forms or lists.
+ * [Read more when to use Drawer](#!/Drawers%2C%20pages%2C%20popovers).
  * @since 0.0.65
  */
 const Drawer = _ref => {
@@ -291,18 +290,12 @@ const Drawer = _ref => {
       className: `${baseClassName}__title`
     }, title), subtitle && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__subtitle`
-    }, subtitle)), /*#__PURE__*/_react.default.createElement(_ScrollDirection.default, null, _ref6 => {
-      let {
-        handleScroll
-      } = _ref6;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__body`,
-        onScroll: handleScroll,
-        ref: scrollableRef
-      }, /*#__PURE__*/_react.default.createElement(_ScrollableElementFormContext.default.Provider, {
-        value: scrollableRef.current
-      }, content));
-    }), footer && /*#__PURE__*/_react.default.createElement("footer", {
+    }, subtitle)), /*#__PURE__*/_react.default.createElement("div", {
+      className: `${baseClassName}__body`,
+      ref: scrollableRef
+    }, /*#__PURE__*/_react.default.createElement(_ScrollableElementFormContext.default.Provider, {
+      value: scrollableRef.current
+    }, content)), footer && /*#__PURE__*/_react.default.createElement("footer", {
       className: `${baseClassName}__footer`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer-inner`

package/cjs/components/Drawer/DrawerProgress.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContext = require("../Button/ButtonContext");
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _Progress = _interopRequireDefault(require("../Progress"));
 var _ProgressStep = _interopRequireWildcard(require("../ProgressStep"));
@@ -18,17 +19,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-2019. Plesk International GmbH. All rights reserved.
 
-const renderAdditionalButtons = buttons => {
-  const buttonProcessing = button => {
-    if ( /*#__PURE__*/(0, _react.isValidElement)(button) && button.type === _Button.default) {
-      return /*#__PURE__*/(0, _react.cloneElement)(button, {
-        size: 'lg'
-      });
-    }
-    return button;
-  };
-  return Array.isArray(buttons) ? buttons.map(buttonProcessing) : buttonProcessing(buttons);
-};
+const additionalButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 class DrawerProgress extends _react.Component {
   constructor() {
     super(...arguments);
@@ -129,7 +124,9 @@ class DrawerProgress extends _react.Component {
     }, step)))));
     const footer = hasFooter ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer`
-    }, renderAdditionalButtons(buttons), canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    }, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+      value: additionalButtonsConfig
+    }, buttons), canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
       onClick: this.handleCancel,
       size: "lg"
     }, /*#__PURE__*/_react.default.createElement(_Translate.default, {

package/cjs/components/Form/Form.js

@@ -13,6 +13,7 @@ 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"));
@@ -24,8 +25,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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;
@@ -199,7 +203,9 @@ class Form extends _react.Component {
       } = 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({
+      }, /*#__PURE__*/_react.default.createElement(_FormField.default, null, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+        value: actionButtonsConfig
+      }, this.renderSubmitButton({
         submitButton,
         state
       }), this.renderApplyButton({
@@ -210,7 +216,7 @@ class Form extends _react.Component {
       }), this.renderCancelButton({
         cancelButton,
         state
-      })));
+      }))));
     });
   }
   static getDerivedStateFromProps(props, state) {
@@ -271,7 +277,6 @@ class Form extends _react.Component {
       return null;
     }
     return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-      size: "lg",
       intent: "primary",
       state: state === 'submit' ? 'loading' : undefined,
       disabled: !!state,
@@ -280,9 +285,9 @@ class Form extends _react.Component {
       ,
       children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "Form.submitButton",
-        fallback: "OK"
+        fallback: "Save"
       })
-    }, submitButton));
+    }, typeof submitButton === 'object' ? submitButton : {}));
   }
   renderApplyButton(_ref5) {
     let {
@@ -292,18 +297,18 @@ class Form extends _react.Component {
     if (!applyButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
-      intent: 'primary',
+    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+      intent: "primary",
       state: state === 'apply' ? 'loading' : undefined,
       disabled: !!state,
-      onClick: this.handleApplyClick,
+      onClick: this.handleApplyClick
+      // eslint-disable-next-line react/no-children-prop
+      ,
       children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "Form.applyButton",
         fallback: "Apply"
-      }),
-      ...applyButton
-    });
+      })
+    }, typeof applyButton === 'object' ? applyButton : {}));
   }
   renderCancelButton(_ref6) {
     let {
@@ -313,16 +318,16 @@ class Form extends _react.Component {
     if (!cancelButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
+    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
       state: state === 'cancel' ? 'loading' : undefined,
-      disabled: !!state,
+      disabled: !!state
+      // eslint-disable-next-line react/no-children-prop
+      ,
       children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "Form.cancelButton",
         fallback: "Cancel"
-      }),
-      ...cancelButton
-    });
+      })
+    }, typeof cancelButton === 'object' ? cancelButton : {}));
   }
   renderAdditionalButtons(_ref7) {
     let {
@@ -337,9 +342,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;

package/cjs/components/ItemList/ItemList.js

@@ -14,7 +14,7 @@ var _Grid = _interopRequireDefault(require("../Grid"));
 var _GridCol = _interopRequireDefault(require("../GridCol"));
 var _utils = require("../utils");
 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; }
+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-2021. Plesk International GmbH. All rights reserved.
 const getNextSelectedValue = (value, prevValue, toggleable) => {
   if (Array.isArray(prevValue)) {
     if (prevValue.indexOf(value) !== -1) {

package/cjs/components/Link/Link.js

@@ -16,11 +16,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-2022. Plesk International GmbH. All rights reserved.
 
+// 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/cjs/components/List/List.js

@@ -28,7 +28,8 @@ var _ListEmptyView = _interopRequireDefault(require("./ListEmptyView"));
 var _Columns = _interopRequireWildcard(require("../Columns"));
 var _useFocusVisible = require("use-focus-visible");
 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; }
+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-2021. Plesk International GmbH. All rights reserved.
+/* eslint-disable react/no-deprecated */
 const getRowKey = (row, props) => {
   const {
     rowKey
@@ -370,14 +371,7 @@ class List extends _react.Component {
   }
   componentDidMount() {
     if (this.props.reorderable) {
-      Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "react-movable" */'@plesk/react-movable'))).then(_ref7 => {
-        let {
-          List: ReorderableList
-        } = _ref7;
-        this.setState({
-          ReorderableList
-        });
-      });
+      this.applyReorderableList();
     }
   }
   componentDidUpdate(prevProps) {
@@ -393,6 +387,19 @@ class List extends _react.Component {
       });
       this.needScroll = false;
     }
+    if (prevProps.reorderable !== this.props.reorderable && this.props.reorderable) {
+      this.applyReorderableList();
+    }
+  }
+  applyReorderableList() {
+    Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "react-movable" */'@plesk/react-movable'))).then(_ref7 => {
+      let {
+        List: ReorderableList
+      } = _ref7;
+      this.setState({
+        ReorderableList
+      });
+    });
   }
   getData() {
     const {

package/cjs/components/List/ListEmptyView.js

@@ -13,7 +13,8 @@ var _Translate = _interopRequireDefault(require("../Translate"));
 var _default2 = _interopRequireDefault(require("./images/default.png"));
 var _filtered = _interopRequireDefault(require("./images/filtered.png"));
 var _constants = require("../../constants");
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+var _ButtonContext = require("../Button/ButtonContext");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const createImage = (baseClassName, image, reason) => {
   if (image === undefined) {
@@ -60,6 +61,11 @@ const createDescription = (baseClassName, description, reason) => {
     className: `${baseClassName}__description`
   }, description);
 };
+const buttonConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 
 /**
  * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
@@ -83,7 +89,9 @@ const ListEmptyView = _ref => {
     className: `${baseClassName}__body`
   }, createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/_react.default.createElement("div", {
     className: `${baseClassName}__actions`
-  }, actions)));
+  }, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+    value: buttonConfig
+  }, actions))));
 };
 var _default = ListEmptyView;
 exports.default = _default;

package/cjs/components/Markdown/Markdown.js

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

package/cjs/components/Select/SelectOption.js

@@ -11,8 +11,7 @@ var _react = _interopRequireDefault(require("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/cjs/components/Spot/SpotPopup.js

@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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.
 
+// TODO: Use SpotSpotProps['popup'] instead of copypaste
+
 const SpotPopup = _ref => {
   let {
     baseClassName = `${_constants.CLS_PREFIX}spot-popup`,

package/cjs/index.js

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