@plesk/ui-library 3.35.1 → 3.35.3

package/cjs/components/Popover/Popover.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
@@ -20,9 +18,8 @@ var _Translate = require("../Translate");
 var _utils = require("../utils");
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
 var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
+var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 const PLACEMENT_MAP = {
@@ -33,12 +30,16 @@ const PLACEMENT_MAP = {
   'bottom-left': 'bottom-end',
   'bottom-right': 'bottom-start',
   'left-top': 'left-end',
-  'left-bottom': 'left-start'
+  'left-bottom': 'left-start',
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left',
+  auto: 'auto'
 };
 const ARROW_HEIGHT = 26;
 const isControlled = props => props.visible !== null;
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
-
 /**
  * `Popover` component is non-modal pop-up window used for providing additional information
  * for an interface element. It also may contain Form with few fields or any other small content.
@@ -53,6 +54,9 @@ class Popover extends _react.Component {
     });
     (0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
     (0, _defineProperty2.default)(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "prevFocusElement", void 0);
+    (0, _defineProperty2.default)(this, "popperData", void 0);
+    (0, _defineProperty2.default)(this, "headerBounds", void 0);
     (0, _defineProperty2.default)(this, "checkArrowPosition", () => {
       const {
         title
@@ -68,10 +72,8 @@ class Popover extends _react.Component {
         actualPlacement,
         arrowStyle
       } = this.popperData;
-      const {
-        top
-      } = arrowStyle;
-      const [direction] = actualPlacement.split('-');
+      const top = parseInt(arrowStyle?.top || '');
+      const [direction] = actualPlacement?.split('-') || [];
       let newArrowInHeader = false;
       const directionBottomOrPopoverLowEnough = direction === 'bottom' || top !== null && this.headerBounds && top < this.headerBounds.height - ARROW_HEIGHT / 2;
       const rightDirection = direction !== 'top' && directionBottomOrPopoverLowEnough;
@@ -117,7 +119,7 @@ class Popover extends _react.Component {
         canCloseOnEscapePress,
         autoFocus
       } = this.props;
-      const isNeedFocus = autoFocus && canCloseOnEscapePress && this.prevFocusElement && (!document.activeElement || this.contentRef.current.contains(document.activeElement));
+      const isNeedFocus = autoFocus && canCloseOnEscapePress && this.prevFocusElement && (!document.activeElement || this.contentRef.current?.contains(document.activeElement));
       if (onClose) {
         onClose();
       } else {
@@ -126,7 +128,7 @@ class Popover extends _react.Component {
         });
       }
       if (isNeedFocus) {
-        this.prevFocusElement.focus();
+        this.prevFocusElement?.focus();
       }
     });
     (0, _defineProperty2.default)(this, "handleHeaderResize", contentRect => {
@@ -152,7 +154,7 @@ class Popover extends _react.Component {
       show: isControlled(props) ? props.visible : state.show
     };
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       canCloseOnEscapePress,
       autoFocus
@@ -206,7 +208,7 @@ class Popover extends _react.Component {
     } = this.state;
     let behavior;
     if (placement !== 'auto') {
-      const [direction] = placement.split('-');
+      const [direction] = placement?.split('-') || [];
       if (direction === 'top') {
         behavior = ['top', 'bottom', 'right', 'left'];
       } else if (direction === 'right') {
@@ -237,7 +239,7 @@ class Popover extends _react.Component {
           ref: measureRef,
           className: `${baseClassName}__heading`,
           children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-            level: "5",
+            level: 5,
             className: `${baseClassName}__title`,
             children: title
           }) : title, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -251,7 +253,7 @@ class Popover extends _react.Component {
       className: (0, _classnames.default)(target.props.className, `${baseClassName}__target`),
       onClick: (0, _utils.wrapFunction)(target.props.onClick, this.handleTargetClick)
     });
-    const popperPlacement = PLACEMENT_MAP[placement] || placement;
+    const popperPlacement = placement ? PLACEMENT_MAP[placement] : undefined;
     let wrapperStyle;
     if (height) {
       wrapperStyle = {
@@ -260,7 +262,7 @@ class Popover extends _react.Component {
     }
     const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
       ref: this.contentRef,
-      onKeyUp: canCloseOnEscapePress && show ? this.hotkeyHandler : null,
+      onKeyUp: canCloseOnEscapePress && show ? this.hotkeyHandler : undefined,
       className: `${baseClassName}__inner`,
       style: wrapperStyle,
       children: [height ? heading : heading || close, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -304,104 +306,7 @@ class Popover extends _react.Component {
 }
 // eslint-disable-next-line react/sort-comp
 (0, _defineProperty2.default)(Popover, "contextType", _OnDarkContext.default);
-Popover.propTypes = {
-  /**
-   * The reference element used to position the popover.
-   * @since 0.0.65
-   */
-  target: _propTypes.default.element.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   * It is required only when visible or defaultVisible props are provided.
-   * @since 3.12.0
-   */
-  targetRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Popover visibility. For controlled component only.
-   * @since 0.0.65
-   */
-  visible: _propTypes.default.bool,
-  /**
-   * Popover default (on init) visibility. For uncontrolled component only.
-   * @since 0.0.66
-   */
-  defaultVisible: _propTypes.default.bool,
-  /**
-   * Popover title. Header will only be rendered if this prop is defined.
-   * @since 0.0.42
-   */
-  title: _propTypes.default.node,
-  /**
-   * Click handler for close button. If it is not defined then default behavior (hide popover) will be used.
-   * @since 0.0.42
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * Popover placement
-   * @since 0.0.42
-   */
-  placement: _propTypes.default.oneOf(['auto', 'top-left', 'top', 'top-right', 'right-top', 'right', 'right-bottom', 'bottom-right', 'bottom', 'bottom-left', 'left-bottom', 'left', 'left-top']),
-  /**
-   * Indicating if clicking outside the popover should close it.
-   * @since 0.0.65
-   */
-  canCloseOnOutsideClick: _propTypes.default.bool,
-  /**
-   * Indicating if pressing the escape key should close the popover.
-   * @since 0.0.65
-   */
-  canCloseOnEscapePress: _propTypes.default.bool,
-  /**
-   * Content of the Popover
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.59
-   */
-  intent: _propTypes.default.oneOf(['info', 'success', 'warning', 'danger']),
-  /**
-   * Undo predefined max-width.
-   * @since 2.4.0
-   */
-  wide: _propTypes.default.bool,
-  /**
-   * Define the popover width.
-   * @since 3.2.0
-   */
-  width: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
-  /**
-   * Define the popover height.
-   * @since 3.3.0
-   */
-  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * A slot for buttons or links in the header.
-   * @since 3.16.0
-   */
-  extra: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Boundaries element for preventOverflow property.
-   * @since 1.12.4
-   */
-  boundariesElement: _propTypes.default.oneOfType([_propTypes.default.oneOf(['scrollParent', 'window', 'viewport']), _propTypes.default.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  autoFocus: _propTypes.default.bool
-};
-Popover.defaultProps = {
+(0, _defineProperty2.default)(Popover, "defaultProps", {
   visible: null,
   defaultVisible: false,
   title: undefined,
@@ -420,6 +325,5 @@ Popover.defaultProps = {
   boundariesElement: undefined,
   autoFocus: true,
   targetRef: undefined
-};
-var _default = Popover;
-exports.default = _default;
+});
+var _default = exports.default = Popover;

package/cjs/components/Popper/Popper.js

@@ -195,5 +195,4 @@ class Popper extends _react.Component {
   style: undefined,
   targetRef: undefined
 });
-var _default = Popper;
-exports.default = _default;
+var _default = exports.default = Popper;

package/cjs/components/Progress/Progress.js

@@ -104,5 +104,4 @@ class Progress extends _react.Component {
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress`
 });
-var _default = Progress;
-exports.default = _default;
+var _default = exports.default = Progress;

package/cjs/components/ProgressBar/ProgressBar.js

@@ -36,5 +36,4 @@ const ProgressBar = _ref => {
     })
   });
 };
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/cjs/components/ProgressBar/ProgressIndicator.js

@@ -29,5 +29,4 @@ const ProgressIndicator = _ref => {
     ...props
   });
 };
-var _default = ProgressIndicator;
-exports.default = _default;
+var _default = exports.default = ProgressIndicator;

package/cjs/components/ProgressDialog/ProgressDialog.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 var _constants = require("../../constants");
@@ -16,8 +15,6 @@ var _utils = require("../utils");
 var _ProgressStep = require("../ProgressStep");
 var _Progress = _interopRequireDefault(require("../Progress"));
 var _jsxRuntime = require("react/jsx-runtime");
-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-2023. Plesk International GmbH. All rights reserved.
 
 /**
@@ -52,7 +49,7 @@ class ProgressDialog extends _react.Component {
         isFinished,
         isFailed
       } = this.state;
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (!isOpen) {
         return;
       }
@@ -76,7 +73,7 @@ class ProgressDialog extends _react.Component {
       isOpen
     };
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       isFinished
     } = this.state;
@@ -84,13 +81,19 @@ class ProgressDialog extends _react.Component {
       autoCloseTimeout
     } = this.props;
     if (prevState.isFinished === false && isFinished === true) {
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (autoCloseTimeout) {
         this.closeTimeout = setTimeout(this.handleClose, autoCloseTimeout);
       }
     }
   }
   componentWillUnmount() {
+    this.clearCloseTimeout();
+  }
+  clearCloseTimeout() {
+    if (!this.closeTimeout) {
+      return;
+    }
     clearTimeout(this.closeTimeout);
   }
   render() {
@@ -141,83 +144,7 @@ class ProgressDialog extends _react.Component {
     });
   }
 }
-ProgressDialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 1.2.0
-   */
-  isOpen: _propTypes.default.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 1.2.0
-   */
-  banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Image. Renders into content.
-   * @since 1.2.0
-   */
-  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Title
-   * @since 1.2.0
-   */
-  title: _propTypes.default.node,
-  /**
-   * Description of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  description: _propTypes.default.node,
-  /**
-   * Actions which will be shown in Dialog header.
-   * @since 1.2.0
-   */
-  actions: _propTypes.default.node,
-  /**
-   * Whether the dialog should be canceled with the cancel button.
-   * @since 1.2.0
-   */
-  cancelable: _propTypes.default.bool,
-  /**
-   * The interval of time to auto close dialog when it successful finished.
-   * Set `null` for disable auto close.
-   * @since 1.2.0
-   */
-  autoCloseTimeout: _propTypes.default.number,
-  /**
-   * On cancel event handler.
-   * @since 1.2.0
-   */
-  onCancel: _propTypes.default.func,
-  /**
-   * On close event handler.
-   * @since 1.2.0
-   */
-  onClose: _propTypes.default.func,
-  /**
-   * On finish event handler.
-   * @since 1.2.0
-   */
-  onFinish: _propTypes.default.func,
-  /**
-   * On fail event handler.
-   * @since 1.2.0
-   */
-  onFail: _propTypes.default.func,
-  /**
-   * Content of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-ProgressDialog.defaultProps = {
+(0, _defineProperty2.default)(ProgressDialog, "defaultProps", {
   isOpen: false,
   banner: null,
   image: null,
@@ -233,6 +160,5 @@ ProgressDialog.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress-dialog`
-};
-var _default = ProgressDialog;
-exports.default = _default;
+});
+var _default = exports.default = ProgressDialog;

package/cjs/components/ProgressDialogStep/ProgressDialogStep.js

@@ -22,5 +22,4 @@ var _jsxRuntime = require("react/jsx-runtime");
     ...props
   });
 };
-var _default = ProgressDialogStep;
-exports.default = _default;
+var _default = exports.default = ProgressDialogStep;

package/cjs/components/ProgressStep/ProgressStep.js

@@ -17,18 +17,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-2023. Plesk International GmbH. All rights reserved.
 
-const STATUS_NOT_STARTED = 'not_started';
-exports.STATUS_NOT_STARTED = STATUS_NOT_STARTED;
-const STATUS_RUNNING = 'running';
-exports.STATUS_RUNNING = STATUS_RUNNING;
-const STATUS_DONE = 'done';
-exports.STATUS_DONE = STATUS_DONE;
-const STATUS_WARNING = 'warning';
-exports.STATUS_WARNING = STATUS_WARNING;
-const STATUS_ERROR = 'error';
-exports.STATUS_ERROR = STATUS_ERROR;
-const STATUS_CANCELED = 'canceled';
-exports.STATUS_CANCELED = STATUS_CANCELED;
+const STATUS_NOT_STARTED = exports.STATUS_NOT_STARTED = 'not_started';
+const STATUS_RUNNING = exports.STATUS_RUNNING = 'running';
+const STATUS_DONE = exports.STATUS_DONE = 'done';
+const STATUS_WARNING = exports.STATUS_WARNING = 'warning';
+const STATUS_ERROR = exports.STATUS_ERROR = 'error';
+const STATUS_CANCELED = exports.STATUS_CANCELED = 'canceled';
 /**
  * `ProgressStep` is a part of the [Progress](#!/Progress) component.
  * @since 1.10.0
@@ -128,5 +122,4 @@ ProgressStep.defaultProps = {
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}progress-step`
 };
-var _default = ProgressStep;
-exports.default = _default;
+var _default = exports.default = ProgressStep;

package/cjs/components/Radio/Radio.js

@@ -59,5 +59,4 @@ const Radio = _ref => {
     }) : null]
   });
 };
-var _default = Radio;
-exports.default = _default;
+var _default = exports.default = Radio;

package/cjs/components/Rating/Rating.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,25 +19,22 @@ const width = value => {
   }
   return result;
 };
-
 /**
  * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
  * @since 0.0.42
  */
 const Rating = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${_constants.CLS_PREFIX}rating`,
     className,
-    value,
-    small,
+    value = 0,
+    small = false,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)({
-      [baseClassName]: true,
+    className: (0, _classnames.default)(baseClassName, className, {
       [`${baseClassName}--static`]: true,
-      [`${baseClassName}--small`]: small,
-      [className]: true
+      [`${baseClassName}--small`]: small
     }),
     ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -50,31 +45,4 @@ const Rating = _ref => {
     })
   });
 };
-Rating.propTypes = {
-  /**
-   * Rating value from 0 to 5.
-   * @since 0.0.42
-   */
-  value: _propTypes.default.number,
-  /**
-   * Small variant.
-   * @since 0.0.42
-   */
-  small: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Rating.defaultProps = {
-  value: 0,
-  small: false,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}rating`
-};
-var _default = Rating;
-exports.default = _default;
+var _default = exports.default = Rating;

package/cjs/components/ResponsiveContext/ResponsiveContext.js

@@ -9,5 +9,4 @@ var _react = require("react");
 
 const ResponsiveContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 ResponsiveContext.displayName = 'ResponsiveContext';
-var _default = ResponsiveContext;
-exports.default = _default;
+var _default = exports.default = ResponsiveContext;