@plesk/ui-library 3.35.2 → 3.35.3

package/esm/components/Subnav/Subnav.js

@@ -1,10 +1,9 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { cloneElement, Children, isValidElement, useRef, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke, createFocusManager } from '../utils';
+import { cloneElement, Children, isValidElement, useRef, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
@@ -12,13 +11,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 const Subnav = _ref => {
   let {
-    baseClassName,
     className,
     children,
     onKeyDown,
+    baseClassName = `${CLS_PREFIX}subnav`,
     ...props
   } = _ref;
-  const rootRef = useRef();
+  const rootRef = useRef(null);
   const {
     focusNext,
     focusPrev,
@@ -47,7 +46,9 @@ const Subnav = _ref => {
         break;
       case 'Enter':
         e.preventDefault();
-        e.target.click();
+        if (e.target instanceof HTMLElement) {
+          e.target.click();
+        }
         break;
     }
     safeInvoke(onKeyDown, e);
@@ -67,6 +68,9 @@ const Subnav = _ref => {
   });
   const items = Children.map(children, (child, index) => {
     if (itemIndex === index) {
+      if (! /*#__PURE__*/isValidElement(child)) {
+        return child;
+      }
       return /*#__PURE__*/cloneElement(child, {
         tabIndex: 0
       });
@@ -81,41 +85,15 @@ const Subnav = _ref => {
     children: items
   });
 };
-Subnav.propTypes = {
-  /**
-   * Subnav items
-   * @since 0.0.42
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.string
-};
-Subnav.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}subnav`,
-  onKeyDown: undefined
-};
-
 /**
  * SubnavItem component.
  */
 const SubnavItem = _ref2 => {
   let {
-    baseClassName,
     className,
     active,
     children,
+    baseClassName = `${CLS_PREFIX}subnav__item`,
     ...props
   } = _ref2;
   return /*#__PURE__*/cloneElement(children, {
@@ -124,27 +102,5 @@ const SubnavItem = _ref2 => {
     ...props
   });
 };
-SubnavItem.propTypes = {
-  /**
-   * Is item active.
-   */
-  active: PropTypes.bool,
-  /**
-   * Content of the item
-   */
-  children: PropTypes.element.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-SubnavItem.defaultProps = {
-  className: null,
-  baseClassName: `${CLS_PREFIX}subnav__item`
-};
 export default Subnav;
 export { SubnavItem };

package/esm/components/Subnav/index.js

@@ -1,4 +1,3 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-export { default } from './Subnav';
-export * from './Subnav';
+export { default, SubnavItem } from './Subnav';

package/esm/components/Toolbar/Toolbar.js

@@ -1,15 +1,14 @@
 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 RegistryContext, { createRegistry } from './RegistryContext';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import { toToolbarItems } from './ToolbarItem';
 import Squeezer from '../Squeezer';
-import { jsx as _jsx } from "react/jsx-runtime";
+
 /**
  * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
  * Toolbar is located on top of the managed content block.
@@ -17,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * and controls for changing the way the content block looks.
  * @since 0.0.57
  */
-
+import { jsx as _jsx } from "react/jsx-runtime";
 class Toolbar extends Component {
   constructor(props) {
     super(props);
@@ -36,6 +35,8 @@ class Toolbar extends Component {
         }
       }
     });
+    _defineProperty(this, "registry", void 0);
+    _defineProperty(this, "measure", void 0);
     this.registry = createRegistry();
     this.measure = () => {};
   }
@@ -73,24 +74,9 @@ class Toolbar extends Component {
     });
   }
 }
-Toolbar.propTypes = {
-  /**
-   * Content of the `Toolbar`.
-   * @since 0.0.57
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-Toolbar.defaultProps = {
+_defineProperty(Toolbar, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${CLS_PREFIX}toolbar`
-};
+});
 export default Toolbar;

package/esm/components/Toolbar/ToolbarGroup.js

@@ -1,8 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Component, Children, useContext } from 'react';
-import PropTypes from 'prop-types';
+import { Component, Children, useContext, isValidElement } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Dropdown from '../Dropdown';
@@ -23,6 +22,7 @@ class ToolbarGroup extends Component {
     super(props);
     _defineProperty(this, "state", {
       compact: false,
+      availableInDistractionFreeMode: false,
       distractionFreeMode: {
         enabled: false,
         toggle: () => {
@@ -35,6 +35,9 @@ class ToolbarGroup extends Component {
         }
       }
     });
+    _defineProperty(this, "registry", void 0);
+    _defineProperty(this, "selfApi", void 0);
+    _defineProperty(this, "childrenApi", void 0);
     this.registry = createRegistry();
     this.selfApi = {
       isCompact: () => this.state.compact,
@@ -103,11 +106,12 @@ class ToolbarGroup extends Component {
       distractionFreeMode,
       availableInDistractionFreeMode
     } = this.state;
-    let hasExpander = Children.toArray(children).some(child => child && child.type === ToolbarExpander);
+    let hasExpander = Children.toArray(children).some(child => /*#__PURE__*/isValidElement(child) && child.type === ToolbarExpander);
     if (groupable && compact && Children.count(children) > 1) {
       hasExpander = false;
       children = /*#__PURE__*/_jsx(Dropdown, {
         menu: /*#__PURE__*/_jsx(ToolbarMenu, {
+          onItemClick: () => {},
           children: children
         }),
         children: title
@@ -133,62 +137,25 @@ class ToolbarGroup extends Component {
     });
   }
 }
-const propTypes = {
-  /**
-   * Title.
-   * @since 0.0.60
-   */
-  title: PropTypes.node.isRequired,
-  /**
-   * Whether to group children into a dropdown or not.
-   * @since 3.8.0
-   */
-  groupable: PropTypes.bool,
-  /**
-   * Content of the `ToolbarGroup`.
-   * @since 0.0.57
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-const defaultProps = {
-  children: undefined,
-  className: undefined,
-  baseClassName: `${CLS_PREFIX}toolbar__group`,
-  groupable: true
-};
-ToolbarGroup.propTypes = {
-  ...propTypes,
-  registry: PropTypes.shape({
-    register: PropTypes.func.isRequired,
-    unregister: PropTypes.func.isRequired
-  }),
-  distractionFreeMode: PropTypes.shape({
-    enabled: PropTypes.bool.isRequired,
-    toggle: PropTypes.func.isRequired
-  })
-};
-ToolbarGroup.defaultProps = {
+_defineProperty(ToolbarGroup, "defaultProps", {
   registry: undefined,
   distractionFreeMode: undefined
-};
-const ToolbarGroupWrapper = props => {
+});
+const ToolbarGroupWrapper = _ref => {
+  let {
+    groupable = true,
+    baseClassName = `${CLS_PREFIX}toolbar__group`,
+    ...props
+  } = _ref;
   const registry = useContext(RegistryContext);
   const distractionFreeMode = useContext(DistractionFreeModeContext);
   return /*#__PURE__*/_jsx(ToolbarGroup, {
+    groupable: groupable,
+    baseClassName: baseClassName,
     ...props,
     registry: registry,
     distractionFreeMode: distractionFreeMode
   });
 };
 ToolbarGroupWrapper.displayName = 'ToolbarGroup';
-ToolbarGroupWrapper.propTypes = propTypes;
-ToolbarGroupWrapper.defaultProps = defaultProps;
 export default ToolbarGroupWrapper;

package/esm/components/Toolbar/ToolbarMenu.js

@@ -70,7 +70,7 @@ const toMenuItem = (child, isLast, onItemClick) => {
             children: /*#__PURE__*/cloneElement(menuItem, {
               onClick: e => {
                 menuItem.props.onClick(e);
-                onItemClick(e);
+                onItemClick?.(e);
               }
             })
           });

package/esm/components/index.js

@@ -15,8 +15,7 @@ export { default as Carousel } from './Carousel';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './Radio';
 export { default as CodeEditor } from './CodeEditor';
-export { default as Columns } from './Columns';
-export * from './Columns';
+export { default as Columns, Column } from './Columns';
 export { default as ComboBox } from './ComboBox';
 export * from './ComboBox';
 export { default as ConsoleOutput } from './ConsoleOutput';
@@ -59,10 +58,8 @@ export * from './List';
 export { default as LocaleProvider } from './LocaleProvider';
 export * from './LocaleProvider';
 export { default as Markdown } from './Markdown';
-export { default as Media } from './Media';
-export * from './Media';
-export { default as Menu } from './Menu';
-export * from './Menu';
+export { default as Media, MediaSection } from './Media';
+export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem } from './Menu';
 export { default as Overlay } from './Overlay';
 export { default as PageHeader } from './PageHeader';
 export { default as Pagination } from './Pagination';
@@ -83,8 +80,7 @@ export { default as Spot } from './Spot';
 export { default as SplitButton } from './SplitButton';
 export { default as Status } from './Status';
 export { default as StatusMessage } from './StatusMessage';
-export { default as Subnav } from './Subnav';
-export * from './Subnav';
+export { default as Subnav, SubnavItem } from './Subnav';
 export { default as Switch } from './Switch';
 export { default as SwitchesPanel } from './SwitchesPanel';
 export { default as SwitchesPanelItem } from './SwitchesPanelItem';
@@ -92,8 +88,7 @@ export { default as Tabs } from './Tabs';
 export * from './Tabs';
 export { default as Text } from './Text';
 export { default as Toaster } from './Toaster';
-export { default as Toolbar } from './Toolbar';
-export * from './Toolbar';
+export { default as Toolbar, ToolbarGroup, ToolbarExpander } from './Toolbar';
 export { default as Tooltip } from './Tooltip';
 export { default as Tour } from './Tour';
 export { default as Translate } from './Translate';

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.35.2";
+const version = "3.35.3";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/esm/utils/types/DataAttributes.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.35.2",
+  "version": "3.35.3",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -42,7 +42,7 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.22.10",
+    "@babel/runtime": "^7.23.1",
     "@plesk/react-movable": "^2.7.1",
     "classnames": "^2.3.2",
     "codemirror": "5.58.2",
@@ -58,30 +58,30 @@
     "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.10",
+    "@babel/core": "^7.23.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.22.10",
-    "@babel/preset-env": "^7.22.10",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@babel/types": "^7.22.10",
+    "@babel/plugin-transform-runtime": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@babel/types": "^7.23.0",
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
-    "@testing-library/dom": "^9.3.1",
+    "@testing-library/dom": "^9.3.3",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^12.8.3",
-    "@types/buble": "^0.20.1",
+    "@types/buble": "^0.20.2",
     "@types/classnames": "2.3.1",
     "@types/doctrine": "^0.0.5",
-    "@types/enzyme": "^3.10.13",
-    "@types/jest": "^25.2.3",
-    "@types/jest-image-snapshot": "^6.2.0",
+    "@types/enzyme": "^3.10.14",
+    "@types/jest": "^27.5.2",
+    "@types/jest-image-snapshot": "^6.2.1",
     "@types/marked": "^4.3.1",
-    "@types/node": "^16.18.40",
-    "@types/react": "^17.0.64",
+    "@types/node": "^16.18.54",
+    "@types/react": "^17.0.65",
     "@types/react-dom": "^17.0.20",
     "@types/react-measure": "2.0.8",
     "@types/react-transition-group": "^4.4.6",
@@ -89,7 +89,7 @@
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "autoprefixer": "^10.4.15",
+    "autoprefixer": "^10.4.16",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
@@ -98,19 +98,19 @@
     "css-minimizer-webpack-plugin": "^5.0.1",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.47.0",
+    "eslint": "^8.50.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-markdown": "^3.0.1",
     "eslint-plugin-prettier": "^4.2.1",
     "html-webpack-plugin": "^5.5.3",
     "inquirer": "^3.3.0",
-    "jest": "^25.5.4",
+    "jest": "^27.5.1",
     "jest-dev-server": "^9.0.0",
     "jest-image-snapshot": "^6.2.0",
     "less": "^4.2.0",
     "less-loader": "^11.1.3",
     "mini-css-extract-plugin": "^2.7.6",
-    "postcss": "^8.4.27",
+    "postcss": "^8.4.30",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-logical": "^6.2.0",
@@ -121,9 +121,9 @@
     "react-dom": "^17.0.2",
     "react-styleguidist": "^12.0.1",
     "rimraf": "^5.0.1",
-    "rtlcss": "^4.1.0",
+    "rtlcss": "^4.1.1",
     "style-loader": "^3.3.3",
-    "stylelint": "^15.10.2",
+    "stylelint": "^15.10.3",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-no-unsupported-browser-features": "^6.1.0",
     "stylelint-prettier": "^3.0.0",