@plesk/ui-library 3.35.2 → 3.35.3

package/cjs/components/Media/Media.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Heading = _interopRequireDefault(require("../Heading"));
+var _Icon = _interopRequireWildcard(require("../Icon"));
 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; }
@@ -24,7 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 const Media = _ref => {
   let {
-    baseClassName,
     className,
     children,
     title,
@@ -34,7 +32,8 @@ const Media = _ref => {
     imageSpacing,
     imageAlign,
     align,
-    vertical,
+    vertical = false,
+    baseClassName = `${_constants.CLS_PREFIX}media`,
     ...props
   } = _ref;
   if (!imageSpacing && /*#__PURE__*/(0, _react.isValidElement)(image) && image.type === _Icon.default) {
@@ -98,74 +97,4 @@ const Media = _ref => {
     })]
   });
 };
-Media.propTypes = {
-  /**
-   * Title
-   * @since 0.0.45
-   */
-  title: _propTypes.default.node,
-  /**
-   * Title addon
-   * @since 0.0.68
-   */
-  titleAddon: _propTypes.default.node,
-  /**
-   * Title size
-   * @deprecated Pass a component as a title prop
-   * @since 0.0.68
-   */
-  titleSize: _propTypes.default.oneOf(['md', 'lg', 'xl']),
-  /**
-   * Image
-   * @since 0.0.45
-   */
-  image: _propTypes.default.any,
-  /**
-   * Spacings between image and content
-   * @since 0.3.0
-   */
-  imageSpacing: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-  /**
-   * Media object and content alignment
-   * @since 3.19.0
-   */
-  align: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /**
-   * Media object (image) alignment
-   * @since 3.19.0
-   */
-  imageAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /**
-   * Media vertical direction
-   * @since 3.19.0
-   */
-  vertical: _propTypes.default.bool,
-  /**
-   * Content of the `Media`.
-   * @since 0.0.45
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Media.defaultProps = {
-  title: null,
-  titleAddon: null,
-  titleSize: null,
-  image: null,
-  imageSpacing: null,
-  align: null,
-  imageAlign: null,
-  vertical: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}media`
-};
-var _default = Media;
-exports.default = _default;
+var _default = exports.default = Media;

package/cjs/components/Media/MediaSection.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");
@@ -15,11 +13,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * `MediaSection` is a part of [Media](#!/Media) component.
  * @since 0.0.68
- */const MediaSection = _ref => {
+ */
+const MediaSection = _ref => {
   let {
-    baseClassName,
     className,
     children,
+    baseClassName = `${_constants.CLS_PREFIX}media-section`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -28,25 +27,4 @@ var _jsxRuntime = require("react/jsx-runtime");
     children: children
   });
 };
-MediaSection.propTypes = {
-  /**
-   * Content of the `MediaSection`.
-   * @since 0.0.68
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-MediaSection.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}media-section`
-};
-var _default = MediaSection;
-exports.default = _default;
+var _default = exports.default = MediaSection;

package/cjs/components/Menu/Menu.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 var _MenuSelectableItem = _interopRequireDefault(require("./MenuSelectableItem"));
+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 hasIconItem = children => {
@@ -26,7 +23,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
@@ -39,17 +35,17 @@ const hasIconItem = children => {
  */
 const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu(_ref, ref) {
   let {
-    baseClassName,
     className,
     children,
     onItemClick,
-    overlay,
     onKeyDown,
     onFocus,
     autoFocus,
+    overlay = false,
+    baseClassName = `${_constants.CLS_PREFIX}menu`,
     ...props
   } = _ref;
-  const rootRef = (0, _react.useRef)();
+  const rootRef = (0, _react.useRef)(null);
   const {
     focusNext,
     focusPrev,
@@ -113,7 +109,7 @@ const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu(_ref, ref) {
     ...props,
     ref: el => {
       rootRef.current = el;
-      if (ref) {
+      if (ref && typeof ref !== 'function') {
         ref.current = el;
       }
     },
@@ -124,52 +120,4 @@ const Menu = /*#__PURE__*/(0, _react.forwardRef)(function Menu(_ref, ref) {
   });
 });
 Menu.displayName = 'Menu';
-Menu.propTypes = {
-  /**
-   * Triggered when menu item was clicked.
-   * @since 0.0.56
-   */
-  onItemClick: _propTypes.default.func,
-  /**
-   * Content of the `Menu`.
-   * @since 0.0.55
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  onFocus: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * Show menu in overlay.
-   * @ignore
-   */
-  overlay: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Menu.defaultProps = {
-  onItemClick: null,
-  children: null,
-  overlay: false,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu`,
-  onKeyDown: undefined,
-  onFocus: undefined,
-  autoFocus: undefined
-};
-var _default = Menu;
-exports.default = _default;
+var _default = exports.default = Menu;

package/cjs/components/Menu/MenuBaseItem.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 _Icon = _interopRequireWildcard(require("../Icon"));
@@ -18,14 +16,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * `MenuBaseItem` component.
  * @since 0.0.60
- */const MenuBaseItem = _ref => {
+ */
+const MenuBaseItem = _ref => {
   let {
-    baseClassName,
     className,
     children,
     icon,
     label,
-    component: Component,
+    component: Component = 'div',
+    baseClassName = `${_constants.CLS_PREFIX}menu__base-item`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
@@ -45,43 +44,4 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     })]
   });
 };
-MenuBaseItem.propTypes = {
-  /**
-   * Icon
-   * @since 0.0.60
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Right label of item.
-   * @since 0.0.60
-   */
-  label: _propTypes.default.node,
-  /**
-   * Content of the `MenuBaseItem`.
-   * @since 0.0.60
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Component to render as the root element. Useful when rendering a `MenuBaseItem` as other component or tag.
-   * @since 1.9.1
-   */
-  component: _propTypes.default.elementType
-};
-MenuBaseItem.defaultProps = {
-  icon: null,
-  label: null,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu__base-item`,
-  component: 'div'
-};
-var _default = MenuBaseItem;
-exports.default = _default;
+var _default = exports.default = MenuBaseItem;

package/cjs/components/Menu/MenuDivider.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");
@@ -15,10 +13,11 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * `MenuDivider` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
- */const MenuDivider = _ref => {
+ */
+const MenuDivider = _ref => {
   let {
-    baseClassName,
     className,
+    baseClassName = `${_constants.CLS_PREFIX}menu__divider`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -27,19 +26,4 @@ var _jsxRuntime = require("react/jsx-runtime");
     ...props
   });
 };
-MenuDivider.propTypes = {
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-MenuDivider.defaultProps = {
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu__divider`
-};
-var _default = MenuDivider;
-exports.default = _default;
+var _default = exports.default = MenuDivider;

package/cjs/components/Menu/MenuHeader.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 _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
@@ -16,11 +14,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * `MenuHeader` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
- */const MenuHeader = _ref => {
+ */
+const MenuHeader = _ref => {
   let {
-    baseClassName,
     className,
     children,
+    baseClassName = `${_constants.CLS_PREFIX}menu__header`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuBaseItem.default, {
@@ -30,25 +29,4 @@ var _jsxRuntime = require("react/jsx-runtime");
     children: children
   });
 };
-MenuHeader.propTypes = {
-  /**
-   * Content of the `MenuHeader`.
-   * @since 0.0.57
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-MenuHeader.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu__header`
-};
-var _default = MenuHeader;
-exports.default = _default;
+var _default = exports.default = MenuHeader;

package/cjs/components/Menu/MenuItem.js

@@ -5,32 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _constants = require("../../constants");
 var _utils = require("../utils");
 var _MenuBaseItem = _interopRequireDefault(require("./MenuBaseItem"));
 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.
 
 /**
  * `MenuItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.55
- */const MenuItem = _ref => {
+ */
+const MenuItem = _ref => {
   let {
-    baseClassName,
     className,
     children,
     onClick,
-    active,
-    disabled,
     icon,
     label,
     tooltip,
+    baseClassName = `${_constants.CLS_PREFIX}menu__item`,
+    disabled = false,
+    active = false,
     ...props
   } = _ref;
   const element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuBaseItem.default, {
@@ -59,60 +57,4 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
   }
   return element;
 };
-MenuItem.propTypes = {
-  /**
-   * Whether item is active.
-   * @since 0.0.55
-   */
-  active: _propTypes.default.bool,
-  /**
-   * Whether item is disabled.
-   * @since 0.0.55
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Icon
-   * @since 0.0.55
-   */
-  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-  /**
-   * Right label of item.
-   * @since 0.0.57
-   */
-  label: _propTypes.default.node,
-  /**
-   * Tooltip for component.
-   * @since 2.6.1
-   */
-  // eslint-disable-next-line react/require-default-props
-  tooltip: _propTypes.default.node,
-  /**
-   * Content of the `MenuItem`.
-   * @since 0.0.55
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes.default.func
-};
-MenuItem.defaultProps = {
-  active: false,
-  disabled: false,
-  icon: null,
-  label: null,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu__item`,
-  onClick: null
-};
-var _default = MenuItem;
-exports.default = _default;
+var _default = exports.default = MenuItem;

package/cjs/components/Menu/MenuSelectableItem.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 _MenuItem = _interopRequireDefault(require("./MenuItem"));
@@ -16,12 +14,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 /**
  * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
  * @since 0.0.57
- */const MenuSelectableItem = _ref => {
+ */
+const MenuSelectableItem = _ref => {
   let {
-    baseClassName,
     className,
     children,
-    selected,
+    selected = false,
+    baseClassName = `${_constants.CLS_PREFIX}menu__item`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
@@ -33,31 +32,4 @@ var _jsxRuntime = require("react/jsx-runtime");
     children: children
   });
 };
-MenuSelectableItem.propTypes = {
-  /**
-   * Whether item is selected.
-   * @since 0.0.57
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * Content of the `MenuSelectableItem`.
-   * @since 0.0.57
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-MenuSelectableItem.defaultProps = {
-  selected: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}menu__item`
-};
-var _default = MenuSelectableItem;
-exports.default = _default;
+var _default = exports.default = MenuSelectableItem;

package/cjs/components/OnDarkContext/OnDarkContext.js

@@ -8,5 +8,4 @@ var _react = require("react");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const OnDarkContext = /*#__PURE__*/(0, _react.createContext)(false);
-var _default = OnDarkContext;
-exports.default = _default;
+var _default = exports.default = OnDarkContext;

package/cjs/components/Overlay/Overlay.js

@@ -168,5 +168,4 @@ const Overlay = _ref2 => {
     ...props
   });
 };
-var _default = Overlay;
-exports.default = _default;
+var _default = exports.default = Overlay;

package/cjs/components/PageHeader/PageHeader.js

@@ -65,5 +65,4 @@ const PageHeader = _ref => {
     })]
   });
 };
-var _default = PageHeader;
-exports.default = _default;
+var _default = exports.default = PageHeader;

package/cjs/components/Pagination/Pagination.js

@@ -18,8 +18,7 @@ var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
-exports.ITEMS_PER_PAGE_OPTIONS = ITEMS_PER_PAGE_OPTIONS;
+const ITEMS_PER_PAGE_OPTIONS = exports.ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
 const VIEW_DEFAULT = 'default';
 const VIEW_POPOVER = 'popover';
 /**
@@ -123,5 +122,4 @@ const Pagination = _ref => {
   }
   return pagination;
 };
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;

package/cjs/components/Panel/Panel.js

@@ -120,5 +120,4 @@ class Panel extends _react.Component {
   collapsed: false,
   baseClassName: `${_constants.CLS_PREFIX}panel`
 });
-var _default = Panel;
-exports.default = _default;
+var _default = exports.default = Panel;

package/cjs/components/Paragraph/Paragraph.js

@@ -28,5 +28,4 @@ const Paragraph = _ref => {
     children: children
   });
 };
-var _default = Paragraph;
-exports.default = _default;
+var _default = exports.default = Paragraph;