@plesk/ui-library 3.34.1 → 3.35.0

package/esm/components/Popper/Popper.js

@@ -1,19 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { cloneElement, Component, Fragment, createRef } from 'react';
-import { findDOMNode } from 'react-dom';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { CLS_PREFIX } from '../../constants';
 import PopperJs from 'popper.js';
+import { cloneElement, Component, createRef, Fragment } from 'react';
+import { findDOMNode } from 'react-dom';
+import { CLS_PREFIX } from '../../constants';
 import Layer from '../Layer';
-
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Popper` component.
  */
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 class Popper extends Component {
   constructor() {
     super(...arguments);
@@ -24,29 +22,26 @@ class Popper extends Component {
     });
     _defineProperty(this, "popper", null);
     _defineProperty(this, "contentRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "arrowRef", null);
+    // @ts-ignore
     _defineProperty(this, "extractStyles", state => {
-      if (!state) {
-        return;
-      }
       const {
         onUpdate
       } = this.props;
       const data = {
         popperStyle: {
-          position: state.offsets.popper.position,
           ...(state.hide ? {
             visibility: 'hidden',
             pointerEvents: 'none'
           } : undefined),
-          ...state.styles
+          ...state.styles,
+          position: state.offsets.popper.position
         },
         actualPlacement: state.placement,
         arrowStyle: state.arrowStyles
       };
       this.setState(data);
-      if (onUpdate) {
-        onUpdate(data);
-      }
+      onUpdate?.(data);
     });
   }
   componentDidMount() {
@@ -116,10 +111,10 @@ class Popper extends Component {
           padding: 0,
           behavior
         },
-        arrow: arrow && {
+        arrow: arrow && this.arrowRef ? {
           enabled: true,
           element: this.arrowRef
-        }
+        } : undefined
       }
     };
     let reference;
@@ -179,67 +174,7 @@ class Popper extends Component {
     });
   }
 }
-Popper.propTypes = {
-  /**
-   * Whether show popper content.
-   */
-  show: PropTypes.bool,
-  /**
-   * Content of the `Popper`.
-   */
-  children: PropTypes.node,
-  /**
-   * Target for popper.
-   */
-  target: PropTypes.any.isRequired,
-  /**
-   * A React reference to the DOM element that needs for calculating the position of the popup.
-   */
-  targetRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.instanceOf(HTMLElement)
-  })]),
-  /**
-   * Arrow element of popper
-   */
-  arrow: PropTypes.element,
-  /**
-   * Placement for popper.
-   */
-  placement: PropTypes.oneOf(['auto', 'auto-start', 'auto-end', 'auto-top', 'auto-right', 'auto-bottom', 'auto-left', 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end']),
-  /**
-   * The behavior used to change the popper's placement.
-   */
-  behavior: PropTypes.oneOfType([PropTypes.oneOf(['flip', 'clockwise', 'counterclockwise']), PropTypes.arrayOf(PropTypes.string)]),
-  /**
-   * Shift your popper on both axis.
-   */
-  offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Update callback function
-   */
-  onUpdate: PropTypes.func,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * zIndex value.
-   */
-  zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Boundaries element for preventOverflow property.
-   */
-  boundariesElement: PropTypes.oneOfType([PropTypes.oneOf(['scrollParent', 'window', 'viewport']), PropTypes.instanceOf(HTMLElement)]),
-  /**
-   * @ignore
-   */
-  style: PropTypes.object
-};
-Popper.defaultProps = {
+_defineProperty(Popper, "defaultProps", {
   show: true,
   children: null,
   arrow: null,
@@ -253,5 +188,5 @@ Popper.defaultProps = {
   boundariesElement: 'window',
   style: undefined,
   targetRef: undefined
-};
+});
 export default Popper;

package/esm/components/Popper/index.js

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

package/esm/components/Section/Section.js

@@ -139,8 +139,7 @@ class Section extends Component {
       value: title,
       onChange: onTitleChange,
       onClick: e => {
-        var _e$target$closest$que;
-        (_e$target$closest$que = e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)) === null || _e$target$closest$que === void 0 ? void 0 : _e$target$closest$que.click();
+        e.target.closest(`.${baseClassName}__header`).querySelector(`.${baseClassName}__control-button`)?.click();
       }
     });
   }

package/esm/components/Skeleton/SkeletonText.js

@@ -26,7 +26,7 @@ const SkeletonText = _ref => {
     // eslint-disable-next-line react/no-array-index-key
     , {
       ...lineProps,
-      className: classNames(`${baseClassName}__line`, lineProps === null || lineProps === void 0 ? void 0 : lineProps.className)
+      className: classNames(`${baseClassName}__line`, lineProps?.className)
     }, key))
   });
 };

package/esm/components/SplitButton/SplitButton.js

@@ -1,7 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
+import { useRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -32,25 +31,26 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-
 /**
  * `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 {
-    baseClassName,
+    baseClassName = `${CLS_PREFIX}split-button`,
     className,
     menu,
     children,
-    opened,
     onClick,
     onKeyDown,
+    icon,
+    size,
     ...props
   } = _ref;
-  const rootRef = useRef();
+  const rootRef = useRef(null);
   const {
     focusNext,
     focusPrev
@@ -74,6 +74,8 @@ const SplitButton = _ref => {
     onKeyDown: handleKeyDown,
     ...props,
     children: [/*#__PURE__*/_jsx(Button, {
+      icon: icon,
+      size: size,
       tabIndex: 0,
       onClick: onClick,
       children: children
@@ -82,50 +84,11 @@ const SplitButton = _ref => {
       menu: menu,
       menuPlacement: "bottom-end",
       children: /*#__PURE__*/_jsx(Button, {
+        size: size,
         caret: true,
         tabIndex: -1
       })
     })]
   });
 };
-SplitButton.propTypes = {
-  /**
-   * @since 0.0.47
-   */
-  menu: PropTypes.any,
-  /**
-   * @since 0.0.47
-   */
-  opened: PropTypes.bool,
-  /**
-   * Content of the button group
-   * @since 0.0.40
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: PropTypes.func
-};
-SplitButton.defaultProps = {
-  menu: null,
-  opened: false,
-  children: null,
-  className: null,
-  baseClassName: `${CLS_PREFIX}split-button`,
-  onClick: undefined,
-  onKeyDown: undefined
-};
 export default SplitButton;

package/esm/components/SplitButton/index.js

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

package/esm/components/index.js

@@ -6,7 +6,7 @@ export { default as AutoClosable } from './AutoClosable';
 export { default as AuxiliaryActions } from './AuxiliaryActions';
 export { default as Badge } from './Badge';
 export { default as Breadcrumbs } from './Breadcrumbs';
-export { default as Button, ButtonProps } from './Button';
+export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as Card } from './Card';
 export * from './Card';
@@ -42,7 +42,7 @@ export { default as Grid } from './Grid';
 export { default as GridCol } from './GridCol';
 export { default as Heading } from './Heading';
 export { default as Hint } from './Hint';
-export { default as Icon, IconProps, IconName, IconSize } from './Icon';
+export { default as Icon } from './Icon';
 export { default as Input } from './Input';
 export { default as InputFile } from './InputFile';
 export { default as InputNumber } from './InputNumber';

package/esm/components/utils.js

@@ -109,7 +109,7 @@ const createStrategy = () => {
   };
 };
 export const createFocusManager = function (containerRef) {
-  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _node => true;
+  let isFitForFocus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => true;
   let strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : createStrategy();
   const tryFocus = node => {
     if (isFitForFocus(node) && node instanceof HTMLElement) {

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.34.1",
+  "version": "3.35.0",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -42,7 +42,7 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.22.5",
+    "@babel/runtime": "^7.22.6",
     "@plesk/react-movable": "^2.7.1",
     "classnames": "^2.3.2",
     "codemirror": "5.58.2",
@@ -58,11 +58,11 @@
     "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.5",
+    "@babel/core": "^7.22.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
+    "@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",
@@ -70,7 +70,6 @@
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
     "@types/buble": "^0.20.1",
-    "@types/cheerio": "^0.22.31",
     "@types/classnames": "2.3.1",
     "@types/doctrine": "^0.0.5",
     "@types/enzyme": "^3.10.13",
@@ -83,12 +82,11 @@
     "@types/react-measure": "2.0.8",
     "@types/react-transition-group": "^4.4.6",
     "@types/svg4everybody": "2.1.2",
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
+    "@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",
     "babel-loader": "^8.3.0",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^5.2.1",
@@ -96,7 +94,7 @@
     "css-minimizer-webpack-plugin": "^5.0.1",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^8.44.0",
+    "eslint": "^8.45.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-markdown": "^3.0.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -109,7 +107,7 @@
     "less": "^4.1.3",
     "less-loader": "^11.1.3",
     "mini-css-extract-plugin": "^2.7.6",
-    "postcss": "^8.4.24",
+    "postcss": "^8.4.26",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-logical": "^6.2.0",
@@ -119,11 +117,10 @@
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^17.0.2",
     "react-styleguidist": "^12.0.1",
-    "react-test-renderer": "^16.14.0",
     "rimraf": "^5.0.1",
     "rtlcss": "^4.1.0",
     "style-loader": "^3.3.3",
-    "stylelint": "^15.9.0",
+    "stylelint": "^15.10.1",
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-no-unsupported-browser-features": "^6.1.0",
     "stylelint-prettier": "^3.0.0",