@plesk/ui-library 3.35.1 → 3.35.3

package/esm/components/SwitchesPanelItem/SwitchesPanelItem.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 Switch from '../Switch';
@@ -82,58 +81,7 @@ class SwitchesPanelItem extends Component {
     });
   }
 }
-SwitchesPanelItem.propTypes = {
-  /**
-   * A callback function, can be executed when the checked state is changing.
-   * @since 0.3.0
-   */
-  onChange: PropTypes.func.isRequired,
-  /**
-   * @ignore
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.3.0
-   */
-  intent: PropTypes.oneOf(['warning', 'danger']),
-  /**
-   * Title of the `SwitchesPanelItem`. Must be no longer than two lines.
-   * @since 0.3.0
-   */
-  title: PropTypes.node.isRequired,
-  /**
-   * `SwitchesPanelItem` description. Must be no longer than three lines.
-   * @since 0.3.0
-   */
-  description: PropTypes.node,
-  /**
-   * Rich full description of the `SwitchesPanelItem`.
-   * Adds control button with question mark that shows `Popover` on click.
-   * @since 0.3.0
-   */
-  fullDescription: PropTypes.node,
-  /**
-   * Props of underlying [Switch](#!/Switch) component.
-   * @since 0.5.0
-   */
-  switchProps: PropTypes.object,
-  /**
-   * Content of the control actions.
-   * Don't place here more than three buttons (with the one from 'fullDescription' property) or one link and one button.
-   * @since 0.3.0
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-SwitchesPanelItem.defaultProps = {
+_defineProperty(SwitchesPanelItem, "defaultProps", {
   defaultChecked: false,
   intent: null,
   description: null,
@@ -142,5 +90,5 @@ SwitchesPanelItem.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${CLS_PREFIX}switches-panel-item`
-};
+});
 export default SwitchesPanelItem;

package/esm/components/Toaster/Toaster.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _class;
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 import { render } from 'react-dom';
@@ -184,6 +185,7 @@ export default class Toaster extends Component {
     });
   }
 }
+_class = Toaster;
 // eslint-disable-next-line react/sort-comp
 _defineProperty(Toaster, "defaultProps", {
   position: 'top-end',
@@ -194,7 +196,7 @@ _defineProperty(Toaster, "create", function () {
   let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   const containerElement = document.createElement('div');
   container.appendChild(containerElement);
-  return render( /*#__PURE__*/_jsx(Toaster, {
+  return render( /*#__PURE__*/_jsx(_class, {
     ...props
   }), containerElement);
 });

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,12 +88,10 @@ 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';
 export { default as Link } from './Link';
-export { default as Skeleton } from './Skeleton';
-export * from './Skeleton';
+export { default as Skeleton, SkeletonTabs, SkeletonText } from './Skeleton';
 export { PortalContext } from './Layer';

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.1";
+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.1",
+  "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.6",
+    "@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.9",
+    "@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.9",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@babel/types": "^7.22.5",
+    "@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": "^24.9.1",
-    "@types/jest-image-snapshot": "^6.1.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.39",
-    "@types/react": "^17.0.62",
+    "@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.14",
+    "autoprefixer": "^10.4.16",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
@@ -98,20 +98,19 @@
     "css-minimizer-webpack-plugin": "^5.0.1",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.46.0",
-    "eslint-config-prettier": "^8.9.0",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-markdown": "^3.0.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "fs-extra": "^7.0.1",
     "html-webpack-plugin": "^5.5.3",
     "inquirer": "^3.3.0",
-    "jest": "^24.9.0",
+    "jest": "^27.5.1",
     "jest-dev-server": "^9.0.0",
     "jest-image-snapshot": "^6.2.0",
-    "less": "^4.1.3",
+    "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",
@@ -122,16 +121,16 @@
     "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",
     "stylelint-use-logical-spec": "^5.0.0",
     "svg-mixer": "^2.3.14",
     "terser-webpack-plugin": "^5.3.9",
-    "typescript": "4.5.5",
+    "typescript": "4.7.4",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },