@plesk/ui-library 3.35.1 → 3.35.2

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) {

package/esm/components/ProgressDialog/ProgressDialog.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 Dialog from '../Dialog';
 import { CLS_PREFIX } from '../../constants';
@@ -44,7 +43,7 @@ class ProgressDialog extends Component {
         isFinished,
         isFailed
       } = this.state;
-      clearTimeout(this.closeTimeout);
+      this.clearCloseTimeout();
       if (!isOpen) {
         return;
       }
@@ -68,7 +67,7 @@ class ProgressDialog extends Component {
       isOpen
     };
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_, prevState) {
     const {
       isFinished
     } = this.state;
@@ -76,13 +75,19 @@ class ProgressDialog extends 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() {
@@ -133,83 +138,7 @@ class ProgressDialog extends Component {
     });
   }
 }
-ProgressDialog.propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 1.2.0
-   */
-  isOpen: PropTypes.bool,
-  /**
-   * Banner. Renders in front of content as wide as dialog.
-   * @since 1.2.0
-   */
-  banner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-  /**
-   * Image. Renders into content.
-   * @since 1.2.0
-   */
-  image: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-  /**
-   * Title
-   * @since 1.2.0
-   */
-  title: PropTypes.node,
-  /**
-   * Description of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  description: PropTypes.node,
-  /**
-   * Actions which will be shown in Dialog header.
-   * @since 1.2.0
-   */
-  actions: PropTypes.node,
-  /**
-   * Whether the dialog should be canceled with the cancel button.
-   * @since 1.2.0
-   */
-  cancelable: PropTypes.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.number,
-  /**
-   * On cancel event handler.
-   * @since 1.2.0
-   */
-  onCancel: PropTypes.func,
-  /**
-   * On close event handler.
-   * @since 1.2.0
-   */
-  onClose: PropTypes.func,
-  /**
-   * On finish event handler.
-   * @since 1.2.0
-   */
-  onFinish: PropTypes.func,
-  /**
-   * On fail event handler.
-   * @since 1.2.0
-   */
-  onFail: PropTypes.func,
-  /**
-   * Content of the `ProgressDialog`.
-   * @since 1.2.0
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-ProgressDialog.defaultProps = {
+_defineProperty(ProgressDialog, "defaultProps", {
   isOpen: false,
   banner: null,
   image: null,
@@ -225,5 +154,5 @@ ProgressDialog.defaultProps = {
   children: null,
   className: null,
   baseClassName: `${CLS_PREFIX}progress-dialog`
-};
+});
 export default ProgressDialog;

package/esm/components/Rating/Rating.js

@@ -1,7 +1,5 @@
 // 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";
@@ -14,25 +12,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 = `${CLS_PREFIX}rating`,
     className,
-    value,
-    small,
+    value = 0,
+    small = false,
     ...props
   } = _ref;
   return /*#__PURE__*/_jsx("div", {
-    className: classNames({
-      [baseClassName]: true,
+    className: classNames(baseClassName, className, {
       [`${baseClassName}--static`]: true,
-      [`${baseClassName}--small`]: small,
-      [className]: true
+      [`${baseClassName}--small`]: small
     }),
     ...props,
     children: /*#__PURE__*/_jsx("div", {
@@ -43,30 +38,4 @@ const Rating = _ref => {
     })
   });
 };
-Rating.propTypes = {
-  /**
-   * Rating value from 0 to 5.
-   * @since 0.0.42
-   */
-  value: PropTypes.number,
-  /**
-   * Small variant.
-   * @since 0.0.42
-   */
-  small: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-Rating.defaultProps = {
-  value: 0,
-  small: false,
-  className: null,
-  baseClassName: `${CLS_PREFIX}rating`
-};
 export default Rating;

package/esm/components/Skeleton/index.js

@@ -1,5 +1,5 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 export { default } from './Skeleton';
-export { default as SkeletonText } from './SkeletonText';
-export { default as SkeletonTabs } from './SkeletonTabs';
+export { default as SkeletonTabs } from './SkeletonTabs';
+export { default as SkeletonText } from './SkeletonText';

package/esm/components/SplitButton/SplitButton.js

@@ -35,8 +35,7 @@ const focusStrategy = {
  * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
  * It is used for grouping several related actions when one of the actions should be accessible immediately
  * because it is used more often than others.
- *
- * Since: 0.0.40
+ * @since 0.0.40
  */
 const SplitButton = _ref => {
   let {

package/esm/components/SwitchesPanel/SwitchesPanel.js

@@ -1,7 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Children, cloneElement } from 'react';
-import PropTypes from 'prop-types';
+import { Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Section from '../Section';
@@ -12,7 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 const SwitchesPanel = _ref => {
   let {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}switches-panel`,
     className,
     children,
     ...props
@@ -22,30 +21,10 @@ const SwitchesPanel = _ref => {
     ...props,
     children: /*#__PURE__*/_jsx("div", {
       className: `${baseClassName}__items`,
-      children: Children.map(children, child => /*#__PURE__*/cloneElement(child, {
+      children: children && Children.map(children, child => /*#__PURE__*/cloneElement(child, {
         className: classNames(child.props.className, `${baseClassName}__item`)
       }))
     })
   });
 };
-SwitchesPanel.propTypes = {
-  /**
-   * Content of the `SwitchesPanel`. Recommended to use [SwitchesPanelItem](#!/SwitchesPanelItem) components.
-   * @since 0.3.0
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
-SwitchesPanel.defaultProps = {
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}switches-panel`
-};
 export default SwitchesPanel;

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/index.js

@@ -98,6 +98,5 @@ 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.2";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/esm/tests/renderer.js

@@ -5,7 +5,8 @@ import userEvent from '@testing-library/user-event';
 import { jsx as _jsx } from "react/jsx-runtime";
 const renderer = (Component, baseProps) => propOverrides => {
   const {
-    asFragment
+    asFragment,
+    rerender
   } = render( /*#__PURE__*/_jsx(Component, {
     ...baseProps,
     ...propOverrides
@@ -13,6 +14,11 @@ const renderer = (Component, baseProps) => propOverrides => {
   return {
     asFragment,
     user: userEvent,
+    rerender: rerenderPropsOverrides => rerender( /*#__PURE__*/_jsx(Component, {
+      ...baseProps,
+      ...propOverrides,
+      ...rerenderPropsOverrides
+    })),
     ...baseProps
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.35.1",
+  "version": "3.35.2",
   "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.22.10",
     "@plesk/react-movable": "^2.7.1",
     "classnames": "^2.3.2",
     "codemirror": "5.58.2",
@@ -58,14 +58,14 @@
     "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.22.10",
     "@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/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.5",
+    "@babel/types": "^7.22.10",
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
@@ -77,11 +77,11 @@
     "@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/jest": "^25.2.3",
+    "@types/jest-image-snapshot": "^6.2.0",
     "@types/marked": "^4.3.1",
-    "@types/node": "^16.18.39",
-    "@types/react": "^17.0.62",
+    "@types/node": "^16.18.40",
+    "@types/react": "^17.0.64",
     "@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.15",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
@@ -98,17 +98,16 @@
     "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.47.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": "^25.5.4",
     "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",
@@ -131,7 +130,7 @@
     "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"
   },