@plesk/ui-library 3.27.2 → 3.27.3

package/cjs/components/Dialog/Dialog.js

@@ -41,9 +41,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /* eslint-disable react/no-deprecated */
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.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
  */
 
 
@@ -65,6 +65,7 @@ const Dialog = ({
   closable,
   onClose,
   closingConfirmation,
+  canClose,
   ...props
 }) => {
   const [isVisible, setIsVisible] = (0, _react.useState)(isOpen);
@@ -175,8 +176,8 @@ const Dialog = ({
     className: (0, _classnames.default)(baseClassName, className),
     isOpen: isVisible,
     onClose: onCloseWithConfirmation,
-    canCloseOnBackdropClick: closable,
-    canCloseOnEscapePress: closable,
+    canCloseOnBackdropClick: canClose && closable,
+    canCloseOnEscapePress: canClose && closable,
     size: size
   }, props), (title || subtitle || actions) && /*#__PURE__*/_react.default.createElement("header", {
     className: `${baseClassName}__header`
@@ -199,6 +200,7 @@ const Dialog = ({
     className: `${baseClassName}__header-actions`
   }, actions, closable && /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: `${baseClassName}__header-close`,
+    disabled: !canClose,
     ghost: true,
     size: "lg",
     icon: "cross-mark",
@@ -209,126 +211,132 @@ const Dialog = ({
 };
 
 Dialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.68
+  /**
+   * Toggles visibility.
+   * @since 0.0.68
    */
   isOpen: _propTypes.default.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.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.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.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
 
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
+  /**
+   * Additional properties for the sideBanner
+   * @since 3.25.0
    */
   sideBannerContainer: _propTypes.default.shape({
-    /**
-     * Values for css background property
+    /**
+     * Values for css background property
      */
     background: _propTypes.default.string,
 
-    /**
-     * One of: center, flex-start, flex-end
+    /**
+     * One of: center, flex-start, flex-end
      */
     align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
   }),
 
-  /**
-   * Image. Renders into content.
-   * @since 0.0.68
+  /**
+   * Image. Renders into content.
+   * @since 0.0.68
    */
   image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
 
-  /**
-   * Title
-   * @since 0.0.68
+  /**
+   * Title
+   * @since 0.0.68
    */
   title: _propTypes.default.node,
 
-  /**
-   * The subtitle of the `Dialog`.
-   * @since 4.0.0
+  /**
+   * The subtitle of the `Dialog`.
+   * @since 4.0.0
    */
   subtitle: _propTypes.default.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.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
 
-  /**
-   * Buttons except "cancel" button
-   * @since 0.0.68
+  /**
+   * Buttons except "cancel" button
+   * @since 0.0.68
    */
   buttons: _propTypes.default.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.default.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.default.object,
 
-  /**
-   * Dialog width
-   * @since 0.0.68
+  /**
+   * Dialog width
+   * @since 0.0.68
    */
   size: _propTypes.default.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.default.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.default.bool,
+
+  /**
+   * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
+   * @since 0.0.68
    */
   onClose: _propTypes.default.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.default.bool,
 
-  /**
-   * Content of the `DialogWindow`.
-   * @since 0.0.68
+  /**
+   * Content of the `DialogWindow`.
+   * @since 0.0.68
    */
   children: _propTypes.default.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };
@@ -347,6 +355,7 @@ Dialog.defaultProps = {
   form: undefined,
   size: 'md',
   closable: true,
+  canClose: true,
   onClose: undefined,
   closingConfirmation: undefined,
   children: undefined,

package/cjs/components/Drawer/Drawer.js

@@ -41,113 +41,113 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 const propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.65
+  /**
+   * Toggles visibility.
+   * @since 0.0.65
    */
   isOpen: _propTypes.default.bool,
 
-  /**
-   * The title of the `Drawer`.
-   * @since 0.0.65
+  /**
+   * The title of the `Drawer`.
+   * @since 0.0.65
    */
   title: _propTypes.default.node.isRequired,
 
-  /**
-   * The subtitle of the `Drawer`.
-   * @since 0.0.65
+  /**
+   * The subtitle of the `Drawer`.
+   * @since 0.0.65
    */
   subtitle: _propTypes.default.node,
 
-  /**
-   * Show the minimize button and the inactive close button.
-   * @since 1.4.1
+  /**
+   * Show the minimize button and the inactive close button.
+   * @since 1.4.1
    */
   hideButton: _propTypes.default.bool,
 
-  /**
-   * Show back button in the header. If true the close button is not show.
-   * @deprecated Not recommended to use. Use default close button instead.
-   * @since 0.0.65
+  /**
+   * Show back button in the header. If true the close button is not show.
+   * @deprecated Not recommended to use. Use default close button instead.
+   * @since 0.0.65
    */
   backButton: _propTypes.default.bool,
 
-  /**
-   * A slot for `Tabs` component.
-   * @since 3.26.0
+  /**
+   * A slot for `Tabs` component.
+   * @since 3.26.0
    */
   tabs: _propTypes.default.node,
 
-  /**
-   * Overlay placement.
-   * @since 0.0.65
+  /**
+   * Overlay placement.
+   * @since 0.0.65
    */
   placement: _propTypes.default.oneOf(['left', 'right']),
 
-  /**
-   * Overlay size.
-   * @since 0.0.65
+  /**
+   * Overlay size.
+   * @since 0.0.65
    */
   size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
 
-  /**
-   * onClose handler.
-   * @since 0.0.65
+  /**
+   * onClose handler.
+   * @since 0.0.65
    */
   onClose: _propTypes.default.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.default.bool,
 
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.
-   * @since 0.0.66
+  /**
+   * Wraps children into [Form](#!/Form) if not empty.
+   * @since 0.0.66
    */
   form: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.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.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
 
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
+  /**
+   * Additional properties for the sideBanner
+   * @since 3.25.0
    */
   sideBannerContainer: _propTypes.default.shape({
-    /**
-     * Values for css background property
+    /**
+     * Values for css background property
      */
     background: _propTypes.default.string,
 
-    /**
-     * One of: center, flex-start, flex-end
+    /**
+     * One of: center, flex-start, flex-end
      */
     align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
   }),
 
-  /**
-   * Content of the `Drawer`.
-   * @since 0.0.65
+  /**
+   * Content of the `Drawer`.
+   * @since 0.0.65
    */
   children: _propTypes.default.node,
 
-  /**
-   * Adds [Progress](#!/Progress) into footer.
-   * @since 1.11.0
+  /**
+   * Adds [Progress](#!/Progress) into footer.
+   * @since 1.11.0
    */
   progress: _propTypes.default.shape({
-    /**
-     * A title for the progress.
+    /**
+     * A title for the progress.
      */
     title: _propTypes.default.string,
 
-    /**
-     * An array of [ProgressStep](#!/ProgressStep) props.
+    /**
+     * An array of [ProgressStep](#!/ProgressStep) props.
      */
     steps: _propTypes.default.arrayOf(_propTypes.default.shape({
       title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
@@ -156,35 +156,35 @@ const propTypes = {
       icon: _propTypes.default.string
     })).isRequired,
 
-    /**
-     * An option that controls drawer closing ability.
+    /**
+     * An option that controls drawer closing ability.
      */
     cancelable: _propTypes.default.bool,
 
-    /**
-     * On overall status event handler.
-     * @since 3.8.0
+    /**
+     * On overall status event handler.
+     * @since 3.8.0
      */
     onStatusChange: _propTypes.default.func,
 
-    /**
-     * @ignore
+    /**
+     * @ignore
      */
     onClose: _propTypes.default.func,
 
-    /**
-     * @ignore
+    /**
+     * @ignore
      */
     onClosableChange: _propTypes.default.func
   }),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };
@@ -206,10 +206,10 @@ const defaultProps = {
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}drawer`
 };
-/**
- * `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.
- * @since 0.0.65
+/**
+ * `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.
+ * @since 0.0.65
  */
 
 const Drawer = ({

package/cjs/components/Dropdown/Dropdown.js

@@ -155,11 +155,11 @@ const useEnhancedMenu = (menu, {
     menuRef
   };
 };
-/**
- * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
- * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
- * for stuff that you don't want to show users all the time, especially if you have limited screen space.
- * @since 0.0.57
+/**
+ * `Dropdown` component is a [Button](#!/Button) that opens a drop-down (nested) [Menu](#!/Menu).
+ * Use dropdown for grouping actions that are not used often or are less important than others -- in other words,
+ * for stuff that you don't want to show users all the time, especially if you have limited screen space.
+ * @since 0.0.57
  */
 
 
@@ -235,45 +235,45 @@ const Dropdown = ({
 };
 
 Dropdown.propTypes = {
-  /**
-   * Dropdown [menu](#!/Menu).
-   * @since 0.0.57
+  /**
+   * Dropdown [menu](#!/Menu).
+   * @since 0.0.57
    */
   menu: _propTypes.default.element.isRequired,
 
-  /**
-   * Menu placement.
-   * @since 0.0.60
+  /**
+   * Menu placement.
+   * @since 0.0.60
    */
   menuPlacement: _propTypes.default.string,
 
-  /**
-   * Content of the `Dropdown`.
-   * @since 0.0.57
+  /**
+   * Content of the `Dropdown`.
+   * @since 0.0.57
    */
   children: _propTypes.default.node,
 
-  /**
-   * Custom localization messages.
-   * @since 3.6.0
+  /**
+   * Custom localization messages.
+   * @since 3.6.0
    */
   locale: _propTypes.default.shape({
     close: _propTypes.default.node
   }),
 
-  /**
-   * Display menu as overlay.
-   * @ignore
+  /**
+   * Display menu as overlay.
+   * @ignore
    */
   overlay: _propTypes.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -19,10 +19,10 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
- * but it is used when the message itself is the primary content on the page.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
+ * but it is used when the message itself is the primary content on the page.
+ * @since 0.0.35
  */
 const ExtendedStatusMessage = ({
   baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -17,9 +17,9 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageActions` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 const ExtendedStatusMessageActions = ({
   baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -17,9 +17,9 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageDescription` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 const ExtendedStatusMessageDescription = ({
   baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -15,9 +15,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageSeparator` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 const ExtendedStatusMessageSeparator = ({
   className,

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -19,9 +19,9 @@ var _Heading = _interopRequireDefault(require("../Heading"));
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
- * @since 0.0.35
+/**
+ * `ExtendedStatusMessageTitle` is a part of [ExtendedStatusMessage](#!/ExtendedStatusMessage) component.
+ * @since 0.0.35
  */
 const ExtendedStatusMessageTitle = ({
   baseClassName = `${_constants.CLS_PREFIX}extended-status-message`,

package/cjs/components/Figure/Figure.js

@@ -19,9 +19,9 @@ var _constants = require("../../constants");
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * Figure component.
- * @since 0.0.42
+/**
+ * Figure component.
+ * @since 0.0.42
  */
 const Figure = ({
   baseClassName,
@@ -40,29 +40,29 @@ const Figure = ({
 }, caption));
 
 Figure.propTypes = {
-  /**
-   * @since 0.0.47
+  /**
+   * @since 0.0.47
    */
   href: _propTypes.default.string,
 
-  /**
-   * @since 0.0.47
+  /**
+   * @since 0.0.47
    */
   caption: _propTypes.default.any,
 
-  /**
-   * Content of the figure
-   * @since 0.0.42
+  /**
+   * Content of the figure
+   * @since 0.0.42
    */
   children: _propTypes.default.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };