@plesk/ui-library 3.35.1 → 3.35.3

package/esm/components/Icon/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="11856" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12144" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
@@ -23,6 +23,12 @@
       <path d="M5.645 10.355a.496.496 0 0 1 0-.702L14.298 1H10.5a.5.5 0 0 1 0-1h5.002A.494.494 0 0 1 16 .498V5.5a.5.5 0 0 1-1 0V1.702l-8.653 8.653a.496.496 0 0 1-.702 0z" />
       <path d="M8 4.5a.5.5 0 0 0-.5-.5H1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8.5a.5.5 0 0 0-1 0V15H1V5h6.5a.5.5 0 0 0 .5-.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-down-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM6 2.5a.5.5 0 0 1 1 0v5.798l1.653-1.653a.496.496 0 0 1 .702.702L6.903 9.798a.5.5 0 0 1-.401.202h-.004a.495.495 0 0 1-.401-.202L3.645 7.347a.496.496 0 0 1 .702-.702L6 8.298V2.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-down-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0zm-3.645.146a.496.496 0 0 0-.702 0L9 11.299V3.5a.5.5 0 0 0-1 0v7.799L5.347 8.646a.496.496 0 0 0-.702.701L8.097 12.8a.504.504 0 0 0 .401.201h.004a.494.494 0 0 0 .401-.201l3.452-3.452a.496.496 0 0 0 0-.701z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-down-in:12">
       <path d="M11 2v9H2V2h1a.5.5 0 0 0 0-1H2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-1a.5.5 0 0 0 0 1h1z" />
       <path d="M8.653 5.645a.496.496 0 0 1 .702.702L6.903 8.798A.499.499 0 0 1 6.502 9h-.004a.495.495 0 0 1-.401-.202L3.645 6.347a.496.496 0 0 1 .702-.702L6 7.298V.5a.5.5 0 0 1 1 0v6.798l1.653-1.653z" />
@@ -52,6 +58,12 @@
     <symbol viewBox="0 0 16 16" id="arrow-down:16">
       <path d="M8 .5a.5.5 0 0 1 1 0v13.7984l2.6531-2.6531a.4962.4962 0 0 1 .7016.7016l-3.4513 3.4513A.4944.4944 0 0 1 8.502 16h-.004a.4944.4944 0 0 1-.4014-.2018l-3.4513-3.4513a.4961.4961 0 0 1 .7016-.7016L8 14.2984V.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-left-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zM10.5 6a.5.5 0 0 1 0 1H4.702l1.653 1.653a.496.496 0 0 1-.702.702L3.202 6.903A.5.5 0 0 1 3 6.502v-.004a.495.495 0 0 1 .202-.401l2.451-2.452a.496.496 0 0 1 .702.702L4.702 6H10.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-left-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15zm-.146-3.645a.496.496 0 0 0 0-.702L5.701 9H13.5a.5.5 0 0 0 0-1H5.701l2.654-2.653a.496.496 0 0 0-.702-.702L4.202 8.097A.499.499 0 0 0 4 8.498v.004a.495.495 0 0 0 .202.401l3.45 3.452a.496.496 0 0 0 .702 0z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-left:12">
       <path d="M.202 6.097A.499.499 0 0 0 0 6.498v.004a.495.495 0 0 0 .202.401l2.451 2.452a.496.496 0 0 0 .702-.702L1.702 7H11.5a.5.5 0 0 0 0-1H1.702l1.653-1.653a.496.496 0 0 0-.702-.702L.202 6.097z" />
     </symbol>
@@ -86,6 +98,12 @@
     <symbol viewBox="0 0 16 16" id="arrow-right:16">
       <path d="M11.6453 5.3469a.4961.4961 0 0 1 .7016-.7016l3.4513 3.4513A.4944.4944 0 0 1 16 8.498v.004a.4944.4944 0 0 1-.2018.4014l-3.4513 3.4513a.4962.4962 0 0 1-.7016-.7016L14.2984 9H.5a.5.5 0 0 1 0-1h13.7984l-2.6531-2.6531z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-up-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM6 10.5a.5.5 0 0 0 1 0V4.702l1.653 1.653a.496.496 0 0 0 .702-.702L6.903 3.202A.5.5 0 0 0 6.502 3h-.004a.495.495 0 0 0-.401.202L3.645 5.653a.496.496 0 0 0 .702.702L6 4.702V10.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-up-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-3.645-.146a.496.496 0 0 1-.702 0L9 5.701V13.5a.5.5 0 0 1-1 0V5.701L5.347 8.355a.496.496 0 0 1-.702-.702l3.452-3.451A.499.499 0 0 1 8.498 4h.004a.495.495 0 0 1 .401.202l3.452 3.45a.496.496 0 0 1 0 .702z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-up-circle:12">
       <path d="M6 11.5a.5.5 0 001 0V4.702l1.653 1.653a.496.496 0 00.702-.702L6.903 3.202A.5.5 0 006.502 3h-.004a.495.495 0 00-.401.202L3.645 5.653a.496.496 0 00.702.702L6 4.702V11.5z" />
       <path d="M9 9.528c0-.179.09-.343.232-.452a4.5 4.5 0 10-5.464 0A.573.573 0 014 9.528c0 .399-.42.65-.742.415a5.5 5.5 0 116.485 0C9.42 10.18 9 9.927 9 9.528z" />
@@ -640,6 +658,12 @@
       <path fill-rule="evenodd" d="M8.5 15c3.5899 0 6.5-2.9101 6.5-6.5S12.0899 2 8.5 2 2 4.9101 2 8.5 4.9101 15 8.5 15zm0 1c4.1421 0 7.5-3.3579 7.5-7.5S12.6421 1 8.5 1 1 4.3579 1 8.5 4.3579 16 8.5 16z" clip-rule="evenodd" />
       <path d="M8 4.5a.5.5 0 0 1 1 0V5h1.5a.5.5 0 0 1 0 1H8c-.5523 0-1 .4477-1 1s.4477 1 1 1h1c1.1046 0 2 .8954 2 2s-.8954 2-2 2v.5a.5.5 0 0 1-1 0V12H6.5a.5.5 0 0 1 0-1H9c.5523 0 1-.4477 1-1s-.4477-1-1-1H8c-1.1046 0-2-.8954-2-2s.8954-2 2-2v-.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="dot-big:12">
+      <path d="M10 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="dot-big:16">
+      <circle cx="8" cy="8" r="5" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="dot:12">
       <path d="M7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
     </symbol>
@@ -1296,6 +1320,20 @@
     <symbol viewBox="0 0 16 16" id="plugins:16">
       <path fill-rule="evenodd" d="M15 2h-5v5h5V2zm-5-1c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1V2c0-.5523-.4477-1-1-1h-5zM7 10H2v5h5v-5zM2 9c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1v-5c0-.5523-.4477-1-1-1H2zM15 10h-5v5h5v-5zm-5-1c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1v-5c0-.5523-.4477-1-1-1h-5z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="plus-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm0-2.5A.5.5 0 0 1 6 9V7H4a.5.5 0 0 1 0-1h2V4a.5.5 0 0 1 1 0v2h2a.5.5 0 0 1 0 1H7v2a.5.5 0 0 1-.5.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="plus-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-11.5 0A.5.5 0 0 1 5 8h3V5a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1H9v3a.5.5 0 0 1-1 0V9H5a.5.5 0 0 1-.5-.5z" />
+    </symbol>
+    <symbol viewBox="0 0 12 12" id="plus-circle:12">
+      <path d="M4 6a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0V7h2a.5.5 0 0 0 0-1H7V4a.5.5 0 0 0-1 0v2H4z" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-1 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="plus-circle:16">
+      <path d="M5 8a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0V9h3a.5.5 0 0 0 0-1H9V5a.5.5 0 0 0-1 0v3H5z" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-1 0a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="plus:12">
       <path d="M6.5 2a.5.5 0 0 0-.5.5V6H2.5a.5.5 0 1 0 0 1H6v3.5a.5.5 0 0 0 1 0V7h3.5a.5.5 0 0 0 0-1H7V2.5a.5.5 0 0 0-.5-.5z" />
     </symbol>

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { Component } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -49,7 +48,9 @@ class InPlaceEdit extends Component {
       });
     });
     _defineProperty(this, "handleEditOk", () => {
-      this.props.onChange(this.state.draft);
+      if (this.props.onChange) {
+        this.props.onChange(this.state.draft);
+      }
       this.handleEdit();
     });
   }
@@ -120,30 +121,10 @@ class InPlaceEdit extends Component {
     });
   }
 }
-InPlaceEdit.propTypes = {
-  /**
-   * Value of the component.
-   * @since 1.8.3
-   */
-  value: PropTypes.node,
-  /**
-   * Event handler of value change with inline editing form.
-   * @since 1.8.3
-   */
-  onChange: PropTypes.func,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-InPlaceEdit.defaultProps = {
+_defineProperty(InPlaceEdit, "defaultProps", {
   value: null,
   onChange: null,
   className: null,
   baseClassName: `${CLS_PREFIX}in-place-edit`
-};
+});
 export default InPlaceEdit;

package/esm/components/Layout/Layout.js

@@ -1,119 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Component, createRef } from 'react';
-import PropTypes from 'prop-types';
+import { Component, createRef } from 'react';
 import Measure from 'react-measure';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const propTypes = {
-  /**
-   * Type of the `Layout`
-   * @since 1.4.0
-   */
-  type: PropTypes.oneOf(['fluid', 'simplified']),
-  /**
-   * Header content.
-   * @since 1.4.0
-   */
-  header: PropTypes.node,
-  /**
-   * Define header position - always on top (fixed) or static.
-   * @since 1.4.0
-   */
-  headerFixed: PropTypes.bool,
-  /**
-   * Additional content at the top of the header.
-   * @since 3.2.0
-   */
-  headerAddon: PropTypes.node,
-  /**
-   * Sidebar content.
-   * @since 1.4.0
-   */
-  sidebar: PropTypes.node,
-  /**
-   * Sidebar type.
-   * @since 3.2.0
-   */
-  sidebarType: PropTypes.oneOf(['collapsed', 'folded']),
-  /**
-   * Define if sidebar can collapse.
-   * @since 1.4.0
-   */
-  sidebarCollapsible: PropTypes.bool,
-  /**
-   * Sidebar collapsed state.
-   * A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
-   *
-   * @since 1.4.0
-   */
-  sidebarCollapsed: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
-  /**
-   * Additional content between header and main content.
-   * @since 1.4.0
-   */
-  contentAddon: PropTypes.node,
-  /**
-   * Content header.
-   * @since 3.0.0
-   */
-  contentHeader: PropTypes.node,
-  /**
-   * Footer content.
-   * @since 1.4.0
-   */
-  footer: PropTypes.node,
-  /**
-   * Main content of the `Layout`.
-   * @since 1.4.0
-   */
-  children: PropTypes.node,
-  /**
-   * Width of the content
-   * @since 3.0.0
-   */
-  width: PropTypes.oneOf(['sm', 'md', 'lg']),
-  /**
-   * Sidebar onToggle handler.
-   * The handler is called with two args:
-   *
-   * * Whether collapsed or not.
-   * * In which mode: responsive or desktop.
-   *
-   * @since 1.4.0
-   */
-  onSidebarToggle: PropTypes.func,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-const defaultProps = {
-  type: 'fluid',
-  header: undefined,
-  headerFixed: true,
-  headerAddon: undefined,
-  sidebar: undefined,
-  sidebarType: 'collapsed',
-  sidebarCollapsible: true,
-  sidebarCollapsed: false,
-  contentAddon: undefined,
-  contentHeader: undefined,
-  footer: undefined,
-  width: undefined,
-  onSidebarToggle: undefined,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}layout`
-};
 const subscribeMatchMedia = (query, handler) => {
   const mq = window.matchMedia(query);
   handler(mq);
@@ -128,7 +22,7 @@ const subscribeClickOutside = (refs, handler) => {
       let {
         current
       } = _ref;
-      return !current || current.contains(event.target);
+      return current && current.contains(event.target);
     })) {
       return;
     }
@@ -141,18 +35,23 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
-
 /**
  * @since 1.4.0
  */
 export default class Layout extends Component {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     _defineProperty(this, "state", {
+      isSidebarClosedDesktop: false,
       isSidebarClosedResponsive: true,
       headerHeight: null,
       isResponsive: window.matchMedia('(max-width: 1022px)').matches
     });
+    _defineProperty(this, "headerRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "sidebarRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "responsiveSidebarTogglerRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "unsubscribeMatchMedia", void 0);
+    _defineProperty(this, "unsubscribeClickOutside", void 0);
     _defineProperty(this, "handleMatchMedia", _ref2 => {
       let {
         matches
@@ -188,7 +87,7 @@ export default class Layout extends Component {
         bounds
       } = _ref3;
       this.setState({
-        headerHeight: bounds.height
+        headerHeight: bounds?.height
       });
     });
     _defineProperty(this, "getSidebarClosed", () => {
@@ -199,9 +98,6 @@ export default class Layout extends Component {
       } = this.state;
       return isResponsive ? isSidebarClosedResponsive : isSidebarClosedDesktop;
     });
-    this.headerRef = /*#__PURE__*/createRef();
-    this.sidebarRef = /*#__PURE__*/createRef();
-    this.responsiveSidebarTogglerRef = /*#__PURE__*/createRef();
   }
   static getDerivedStateFromProps(props, state) {
     const {
@@ -227,8 +123,8 @@ export default class Layout extends Component {
     this.unsubscribeClickOutside = subscribeClickOutside([this.sidebarRef, this.responsiveSidebarTogglerRef], this.handleClickOutside);
   }
   componentWillUnmount() {
-    this.unsubscribeMatchMedia();
-    this.unsubscribeClickOutside();
+    this.unsubscribeMatchMedia?.();
+    this.unsubscribeClickOutside?.();
   }
   renderHeader(_ref4) {
     let {
@@ -471,8 +367,7 @@ export default class Layout extends Component {
         }), /*#__PURE__*/_jsxs("div", {
           className: `${baseClassName}__container`,
           children: [this.renderSidebar({
-            sidebar,
-            headerFixed: headerPositionFixed
+            sidebar
           }), /*#__PURE__*/_jsxs("div", {
             className: `${baseClassName}__content`,
             children: [this.renderContentAddon({
@@ -490,5 +385,21 @@ export default class Layout extends Component {
     });
   }
 }
-Layout.propTypes = propTypes;
-Layout.defaultProps = defaultProps;
+_defineProperty(Layout, "defaultProps", {
+  type: 'fluid',
+  header: undefined,
+  headerFixed: true,
+  headerAddon: undefined,
+  sidebar: undefined,
+  sidebarType: 'collapsed',
+  sidebarCollapsible: true,
+  sidebarCollapsed: false,
+  contentAddon: undefined,
+  contentHeader: undefined,
+  footer: undefined,
+  width: undefined,
+  onSidebarToggle: undefined,
+  children: undefined,
+  className: undefined,
+  baseClassName: `${CLS_PREFIX}layout`
+});

package/esm/components/Link/Link.js

@@ -11,8 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `Link` is used for navigation purposes.
- *
- * Since: 1.9.0
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {

package/esm/components/List/List.js

@@ -294,7 +294,9 @@ class List extends Component {
       data,
       pagination,
       vertical,
-      rowKey
+      rowKey,
+      totalRows,
+      filtered
     } = _ref5;
     let {
       prevSortColumn,
@@ -313,16 +315,17 @@ class List extends Component {
         sortDirection
       };
     }
+    const additionalExpanded = [];
     if (prevData !== data) {
-      if (renderRowBody && (prevData === undefined || prevData && prevData.length === 0) && data && data.length === 1) {
+      const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
+        rowKey
+      }));
+      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
         const key = getRowKey(data[0], {
           rowKey
         });
         if (notExpandableRows.indexOf(key) === -1) {
-          nextState = {
-            ...nextState,
-            expandedRows: [...expandedRows, key]
-          };
+          additionalExpanded.push(key);
         }
       }
       const keys = data.map(row => getRowKey(row, {
@@ -340,10 +343,10 @@ class List extends Component {
         selection
       };
     }
-    if (prevExpandedRows !== expandedRows) {
+    if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
       nextState = {
         ...nextState,
-        expandedRows
+        expandedRows: [...expandedRows, ...additionalExpanded]
       };
     }
     if (prevPagination !== pagination) {
@@ -1247,6 +1250,7 @@ class List extends Component {
           fill: true,
           children: content
         }), /*#__PURE__*/_jsx(Column, {
+          className: `${baseClassName}__sidebar`,
           children: sidebar
         })]
       });

package/esm/components/List/ListOperation.js

@@ -51,7 +51,7 @@ const ListOperation = _ref => {
     selectedRowTitle
   } = useContext(ListOperationContext);
   const [settings, setSettings] = useState(null);
-  const targetRef = useRef();
+  const targetRef = useRef(null);
   if (! /*#__PURE__*/isValidElement(children)) {
     throw new Error('The "children" property must be an element.');
   }

package/esm/components/Media/Media.js

@@ -1,11 +1,10 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { isValidElement, cloneElement, Children } from 'react';
-import PropTypes from 'prop-types';
+import { isValidElement, cloneElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32, ICON_SIZE_48, ICON_SIZE_64, ICON_SIZE_96, ICON_SIZE_128, ICON_SIZE_192 } from '../Icon';
 import Heading from '../Heading';
+import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32, ICON_SIZE_48, ICON_SIZE_64, ICON_SIZE_96, ICON_SIZE_128, ICON_SIZE_192 } from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -16,7 +15,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  */
 const Media = _ref => {
   let {
-    baseClassName,
     className,
     children,
     title,
@@ -26,7 +24,8 @@ const Media = _ref => {
     imageSpacing,
     imageAlign,
     align,
-    vertical,
+    vertical = false,
+    baseClassName = `${CLS_PREFIX}media`,
     ...props
   } = _ref;
   if (!imageSpacing && /*#__PURE__*/isValidElement(image) && image.type === Icon) {
@@ -90,73 +89,4 @@ const Media = _ref => {
     })]
   });
 };
-Media.propTypes = {
-  /**
-   * Title
-   * @since 0.0.45
-   */
-  title: PropTypes.node,
-  /**
-   * Title addon
-   * @since 0.0.68
-   */
-  titleAddon: PropTypes.node,
-  /**
-   * Title size
-   * @deprecated Pass a component as a title prop
-   * @since 0.0.68
-   */
-  titleSize: PropTypes.oneOf(['md', 'lg', 'xl']),
-  /**
-   * Image
-   * @since 0.0.45
-   */
-  image: PropTypes.any,
-  /**
-   * Spacings between image and content
-   * @since 0.3.0
-   */
-  imageSpacing: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-  /**
-   * Media object and content alignment
-   * @since 3.19.0
-   */
-  align: PropTypes.oneOf(['start', 'center', 'end']),
-  /**
-   * Media object (image) alignment
-   * @since 3.19.0
-   */
-  imageAlign: PropTypes.oneOf(['start', 'center', 'end']),
-  /**
-   * Media vertical direction
-   * @since 3.19.0
-   */
-  vertical: PropTypes.bool,
-  /**
-   * Content of the `Media`.
-   * @since 0.0.45
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-Media.defaultProps = {
-  title: null,
-  titleAddon: null,
-  titleSize: null,
-  image: null,
-  imageSpacing: null,
-  align: null,
-  imageAlign: null,
-  vertical: false,
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}media`
-};
 export default Media;

package/esm/components/Media/MediaSection.js

@@ -1,20 +1,17 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `MediaSection` is a part of [Media](#!/Media) component.
  * @since 0.0.68
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 const MediaSection = _ref => {
   let {
-    baseClassName,
     className,
     children,
+    baseClassName = `${CLS_PREFIX}media-section`,
     ...props
   } = _ref;
   return /*#__PURE__*/_jsx("div", {
@@ -23,24 +20,4 @@ const MediaSection = _ref => {
     children: children
   });
 };
-MediaSection.propTypes = {
-  /**
-   * Content of the `MediaSection`.
-   * @since 0.0.68
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-MediaSection.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}media-section`
-};
 export default MediaSection;

package/esm/components/Menu/Menu.js

@@ -1,12 +1,11 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Children, cloneElement, isValidElement, forwardRef, useRef, useMemo } from 'react';
 import { wrapFunction, safeInvoke, createFocusManager } from '../utils';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuItem from './MenuItem';
 import MenuSelectableItem from './MenuSelectableItem';
+import { Children, cloneElement, isValidElement, forwardRef, useRef, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 const hasIconItem = children => {
   let result = false;
@@ -17,7 +16,6 @@ const hasIconItem = children => {
   });
   return result;
 };
-
 /**
  * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
  * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
@@ -30,17 +28,17 @@ const hasIconItem = children => {
  */
 const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
   let {
-    baseClassName,
     className,
     children,
     onItemClick,
-    overlay,
     onKeyDown,
     onFocus,
     autoFocus,
+    overlay = false,
+    baseClassName = `${CLS_PREFIX}menu`,
     ...props
   } = _ref;
-  const rootRef = useRef();
+  const rootRef = useRef(null);
   const {
     focusNext,
     focusPrev,
@@ -104,7 +102,7 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
     ...props,
     ref: el => {
       rootRef.current = el;
-      if (ref) {
+      if (ref && typeof ref !== 'function') {
         ref.current = el;
       }
     },
@@ -115,51 +113,4 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
   });
 });
 Menu.displayName = 'Menu';
-Menu.propTypes = {
-  /**
-   * Triggered when menu item was clicked.
-   * @since 0.0.56
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * Content of the `Menu`.
-   * @since 0.0.55
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocus: PropTypes.func,
-  /**
-   * @ignore
-   */
-  autoFocus: PropTypes.bool,
-  /**
-   * Show menu in overlay.
-   * @ignore
-   */
-  overlay: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-Menu.defaultProps = {
-  onItemClick: null,
-  children: null,
-  overlay: false,
-  className: null,
-  baseClassName: `${CLS_PREFIX}menu`,
-  onKeyDown: undefined,
-  onFocus: undefined,
-  autoFocus: undefined
-};
 export default Menu;