@plesk/ui-library 3.27.2 → 3.27.3

package/esm/components/Carousel/Carousel.js

@@ -17,10 +17,10 @@ const calcWidths = node => {
     totalWidth
   };
 };
-/**
- * Carousel component is used for optimizing page space by displaying only some parts
- * of entire content in a cyclic view.
- * @since 0.0.42
+/**
+ * Carousel component is used for optimizing page space by displaying only some parts
+ * of entire content in a cyclic view.
+ * @since 0.0.42
  */
 
 
@@ -237,19 +237,19 @@ class Carousel extends Component {
 }
 
 Carousel.propTypes = {
-  /**
-   * Slides
-   * @since 0.0.42
+  /**
+   * Slides
+   * @since 0.0.42
    */
   children: PropTypes.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Checkbox/Checkbox.js

@@ -5,9 +5,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Tooltip from '../Tooltip';
 
-/**
- * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
- * @since 0.0.55
+/**
+ * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
+ * @since 0.0.55
  */
 const Checkbox = ({
   baseClassName = `${CLS_PREFIX}checkbox`,

package/esm/components/CodeEditor/CodeEditor.js

@@ -10,9 +10,9 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
- * @since 0.0.61
+/**
+ * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
+ * @since 0.0.61
  */
 class CodeEditor extends Component {
   constructor(...args) {
@@ -220,82 +220,82 @@ class CodeEditor extends Component {
 }
 
 CodeEditor.propTypes = {
-  /**
-   * The mode to use. When not given, this will default to the first mode that was loaded.
-   * @since 0.0.61
+  /**
+   * The mode to use. When not given, this will default to the first mode that was loaded.
+   * @since 0.0.61
    */
   mode: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
-  /**
-   * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
-   * @since 0.0.61
+  /**
+   * CodeEditor can detect mode by file name. Will be ignored if you set mode property.
+   * @since 0.0.61
    */
   fileName: PropTypes.string,
 
-  /**
-   * Content of the `CodeEditor`.
-   * @since 0.0.61
+  /**
+   * Content of the `CodeEditor`.
+   * @since 0.0.61
    */
   children: PropTypes.string,
 
-  /**
-   * Set read only.
-   * @since 0.0.61
+  /**
+   * Set read only.
+   * @since 0.0.61
    */
   readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
 
-  /**
-   * Set auto focus.
-   * @since 0.0.61
+  /**
+   * Set auto focus.
+   * @since 0.0.61
    */
   autofocus: PropTypes.bool,
 
-  /**
-   * onInit event handler.
-   * @since 0.0.61
+  /**
+   * onInit event handler.
+   * @since 0.0.61
    */
   onInit: PropTypes.func,
 
-  /**
-   * onChange event handler.
-   * @since 0.0.61
+  /**
+   * onChange event handler.
+   * @since 0.0.61
    */
   onChange: PropTypes.func,
 
-  /**
-   * onSave event handler.
-   * @since 0.0.61
+  /**
+   * onSave event handler.
+   * @since 0.0.61
    */
   onSave: PropTypes.func,
 
-  /**
-   * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
-   * @since 0.0.61
+  /**
+   * See all supported options in [CodeMirror](https://codemirror.net/doc/manual.html#config) documentation.
+   * @since 0.0.61
    */
   options: PropTypes.object,
 
-  /**
-   * Set scroll position.
-   * @since 1.12.4
+  /**
+   * Set scroll position.
+   * @since 1.12.4
    */
   scrollPosition: PropTypes.shape({
     left: PropTypes.number,
     top: PropTypes.number
   }),
 
-  /**
-   * onScroll event handler.
-   * @since 1.12.4
+  /**
+   * onScroll event handler.
+   * @since 1.12.4
    */
   onScroll: PropTypes.func,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Columns/Column.js

@@ -6,9 +6,9 @@ import { CLS_PREFIX } from '../../constants';
 import VerticalContext from '../VerticalContext';
 
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
-/**
- * `Column` component is a part of [Columns](#!/Columns).
- * @since 2.6.0
+/**
+ * `Column` component is a part of [Columns](#!/Columns).
+ * @since 2.6.0
  */
 
 

package/esm/components/Columns/Columns.js

@@ -6,9 +6,9 @@ import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 
-/**
- * `Columns` component is used for creating of multi-column layouts.
- * @since 2.6.0
+/**
+ * `Columns` component is used for creating of multi-column layouts.
+ * @since 2.6.0
  */
 const Columns = ({
   baseClassName = `${CLS_PREFIX}columns`,

package/esm/components/ComboBox/ComboBox.js

@@ -38,10 +38,10 @@ const collect = (children, options = []) => {
   };
 };
 
-/**
- * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
- *  which allows to either enter a value directly into the field or choose from a list of existing options.
- * @since 2.6.0
+/**
+ * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
+ *  which allows to either enter a value directly into the field or choose from a list of existing options.
+ * @since 2.6.0
  */
 const ComboBox = ({
   baseClassName = `${CLS_PREFIX}combobox`,

package/esm/components/ComboBox/ComboBoxOption.js

@@ -1,9 +1,9 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 import React from 'react';
 
-/**
- * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
- * @since 2.6.0
+/**
+ * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
+ * @since 2.6.0
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {

package/esm/components/ConsoleOutput/ConsoleOutput.js

@@ -9,9 +9,9 @@ const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
 
-/**
- * `ConsoleOutput` component is used for showing dynamically updating data from console output.
- * @since 0.0.35
+/**
+ * `ConsoleOutput` component is used for showing dynamically updating data from console output.
+ * @since 0.0.35
  */
 class ConsoleOutput extends PureComponent {
   constructor(...args) {

package/esm/components/ContentLoader/ContentLoader.js

@@ -26,9 +26,9 @@ const getLoader = loader => {
     loaderProps
   };
 };
-/**
- * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
- * @since 1.1.0
+/**
+ * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
+ * @since 1.1.0
  */
 
 

package/esm/components/Cuttable/Cuttable.js

@@ -10,9 +10,9 @@ import { CLS_PREFIX } from '../../constants';
 import Translate from '../Translate';
 import Link from '../Link';
 
-/**
- * `Cuttable` component is used for showing and hiding part of content.
- * @since 0.0.42
+/**
+ * `Cuttable` component is used for showing and hiding part of content.
+ * @since 0.0.42
  */
 class Cuttable extends Component {
   constructor(...args) {

package/esm/components/Dialog/Dialog.js

@@ -16,9 +16,9 @@ import Translate, { isLikeText } from '../Translate';
 import { safeInvoke } from '../utils';
 
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/isValidElement(value);
-/**
- * `Dialog` is a modal window that asks users to make a decision or enter additional information.
- * @since 0.0.68
+/**
+ * `Dialog` is a modal window that asks users to make a decision or enter additional information.
+ * @since 0.0.68
  */
 
 
@@ -40,6 +40,7 @@ const Dialog = ({
   closable,
   onClose,
   closingConfirmation,
+  canClose,
   ...props
 }) => {
   const [isVisible, setIsVisible] = useState(isOpen);
@@ -150,8 +151,8 @@ const Dialog = ({
     className: classNames(baseClassName, className),
     isOpen: isVisible,
     onClose: onCloseWithConfirmation,
-    canCloseOnBackdropClick: closable,
-    canCloseOnEscapePress: closable,
+    canCloseOnBackdropClick: canClose && closable,
+    canCloseOnEscapePress: canClose && closable,
     size: size
   }, props), (title || subtitle || actions) && /*#__PURE__*/React.createElement("header", {
     className: `${baseClassName}__header`
@@ -174,6 +175,7 @@ const Dialog = ({
     className: `${baseClassName}__header-actions`
   }, actions, closable && /*#__PURE__*/React.createElement(Button, {
     className: `${baseClassName}__header-close`,
+    disabled: !canClose,
     ghost: true,
     size: "lg",
     icon: "cross-mark",
@@ -184,126 +186,132 @@ const Dialog = ({
 };
 
 Dialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.68
+  /**
+   * Toggles visibility.
+   * @since 0.0.68
    */
   isOpen: PropTypes.bool,
 
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 0.0.68
+  /**
+   * Banner. Renders in front of content as wide as dialog.
+   * @since 0.0.68
    */
   banner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Block with an image, placed at the side of the component
-   * @since 3.25.0
+  /**
+   * Block with an image, placed at the side of the component
+   * @since 3.25.0
    */
   sideBanner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
+  /**
+   * Additional properties for the sideBanner
+   * @since 3.25.0
    */
   sideBannerContainer: PropTypes.shape({
-    /**
-     * Values for css background property
+    /**
+     * Values for css background property
      */
     background: PropTypes.string,
 
-    /**
-     * One of: center, flex-start, flex-end
+    /**
+     * One of: center, flex-start, flex-end
      */
     align: PropTypes.oneOf(['center', 'flex-start', 'flex-end'])
   }),
 
-  /**
-   * Image. Renders into content.
-   * @since 0.0.68
+  /**
+   * Image. Renders into content.
+   * @since 0.0.68
    */
   image: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Title
-   * @since 0.0.68
+  /**
+   * Title
+   * @since 0.0.68
    */
   title: PropTypes.node,
 
-  /**
-   * The subtitle of the `Dialog`.
-   * @since 4.0.0
+  /**
+   * The subtitle of the `Dialog`.
+   * @since 4.0.0
    */
   subtitle: PropTypes.node,
 
-  /**
-   * Title of "cancel" button
-   * @since 0.0.68
-   * @deprecated Use `cancelButton` instead.
+  /**
+   * Title of "cancel" button
+   * @since 0.0.68
+   * @deprecated Use `cancelButton` instead.
    */
   cancelTitle: PropTypes.node,
 
-  /**
-   * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
-   * @since 3.13.0
+  /**
+   * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
+   * @since 3.13.0
    */
   cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
 
-  /**
-   * Buttons except "cancel" button
-   * @since 0.0.68
+  /**
+   * Buttons except "cancel" button
+   * @since 0.0.68
    */
   buttons: PropTypes.node,
 
-  /**
-   * Actions which will be shown in Dialog header
-   * @since 1.2.0
+  /**
+   * Actions which will be shown in Dialog header
+   * @since 1.2.0
    */
   actions: PropTypes.node,
 
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.
-   * @since 0.0.68
+  /**
+   * Wraps children into [Form](#!/Form) if not empty.
+   * @since 0.0.68
    */
   form: PropTypes.object,
 
-  /**
-   * Dialog width
-   * @since 0.0.68
+  /**
+   * Dialog width
+   * @since 0.0.68
    */
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
 
-  /**
-   * If the value is false, the dialog cannot be closed and the Close button is hidden.
-   * @since 1.2.0
+  /**
+   * If the value is false, the dialog cannot be closed and the Close button is hidden.
+   * @since 1.2.0
    */
   closable: PropTypes.bool,
 
-  /**
-   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
-   * @since 0.0.68
+  /**
+   * Disable close dialog button
+   * @since 4.0.0
+   */
+  canClose: PropTypes.bool,
+
+  /**
+   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
+   * @since 0.0.68
    */
   onClose: PropTypes.func,
 
-  /**
-   * Whether show or not a confirmation dialog on close.
-   * @since 3.21.0
+  /**
+   * Whether show or not a confirmation dialog on close.
+   * @since 3.21.0
    */
   closingConfirmation: PropTypes.bool,
 
-  /**
-   * Content of the `DialogWindow`.
-   * @since 0.0.68
+  /**
+   * Content of the `DialogWindow`.
+   * @since 0.0.68
    */
   children: PropTypes.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };
@@ -322,6 +330,7 @@ Dialog.defaultProps = {
   form: undefined,
   size: 'md',
   closable: true,
+  canClose: true,
   onClose: undefined,
   closingConfirmation: undefined,
   children: undefined,