@plesk/ui-library 3.34.1 → 3.34.2

package/esm/components/Drawer/Drawer.js

@@ -1,7 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import React, { Fragment, isValidElement, cloneElement, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
+import { Fragment, isValidElement, cloneElement, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Overlay from '../Overlay';
@@ -14,153 +13,24 @@ import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DrawerProgress from './DrawerProgress';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const propTypes = {
-  /**
-   * Toggles visibility.
-   * @since 0.0.65
-   */
-  isOpen: PropTypes.bool,
-  /**
-   * The title of the `Drawer`.
-   * @since 0.0.65
-   */
-  title: PropTypes.node.isRequired,
-  /**
-   * The subtitle of the `Drawer`.
-   * @since 0.0.65
-   */
-  subtitle: PropTypes.node,
-  /**
-   * Show the minimize button and the inactive close button.
-   * @since 1.4.1
-   */
-  hideButton: PropTypes.bool,
-  /**
-   * Show back button in the header. If true the close button is not show.
-   * @deprecated Not recommended to use. Use default close button instead.
-   * @since 0.0.65
-   */
-  backButton: PropTypes.bool,
-  /**
-   * A slot for `Tabs` component.
-   * @since 3.26.0
-   */
-  tabs: PropTypes.node,
-  /**
-   * Overlay placement.
-   * @since 0.0.65
-   */
-  placement: PropTypes.oneOf(['left', 'right']),
-  /**
-   * Overlay size.
-   * @since 0.0.65
-   */
-  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
-  /**
-   * onClose handler.
-   * @since 0.0.65
-   */
-  onClose: PropTypes.func,
-  /**
-   * Whether show or not a confirmation dialog on close.
-   * @since 3.21.0
-   */
-  closingConfirmation: PropTypes.bool,
-  /**
-   * Wraps children into [Form](#!/Form) if not empty.<br>
-   * **Note:** in case of *element* you should take care of providing additional form props from [Drawer](#!/Drawer) through your custom component. See example below for more details
-   *
-   * @since 0.0.66
-   */
-  form: PropTypes.oneOfType([PropTypes.object, PropTypes.element]),
-  /**
-   * Block with an image, placed at the side of the component
-   * @since 3.25.0
-   */
-  sideBanner: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
-  /**
-   * Additional properties for the sideBanner
-   * @since 3.25.0
-   */
-  sideBannerContainer: PropTypes.shape({
-    /**
-     * Values for css background property
-     */
-    background: PropTypes.string,
-    /**
-     * One of: center, flex-start, flex-end
-     */
-    align: PropTypes.oneOf(['center', 'flex-start', 'flex-end'])
-  }),
-  /**
-   * Content of the `Drawer`.
-   * @since 0.0.65
-   */
-  children: PropTypes.node,
-  /**
-   * Adds [Progress](#!/Progress) into footer.
-   * @since 1.11.0
-   */
-  progress: PropTypes.shape({
-    /**
-     * A title for the progress.
-     */
-    title: PropTypes.string,
-    /**
-     * An array of [ProgressStep](#!/ProgressStep) props.
-     */
-    steps: PropTypes.arrayOf(PropTypes.shape({
-      title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-      status: PropTypes.string,
-      progress: PropTypes.number,
-      icon: PropTypes.string
-    })).isRequired,
-    /**
-     * An option that controls drawer closing ability.
-     */
-    cancelable: PropTypes.bool,
-    /**
-     * On overall status event handler.
-     * @since 3.8.0
-     */
-    onStatusChange: PropTypes.func,
-    /**
-     * @ignore
-     */
-    onClose: PropTypes.func,
-    /**
-     * @ignore
-     */
-    onClosableChange: PropTypes.func
-  }),
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * @ignore
-   */
-  baseClassName: PropTypes.string
-};
 const defaultProps = {
   isOpen: false,
-  subtitle: '',
+  subtitle: undefined,
   backButton: undefined,
   hideButton: undefined,
   tabs: undefined,
   placement: 'left',
   size: 'md',
-  onClose: null,
+  onClose: undefined,
   closingConfirmation: undefined,
-  form: null,
+  form: undefined,
   sideBanner: undefined,
   sideBannerContainer: undefined,
-  progress: null,
+  progress: undefined,
   children: null,
-  className: null,
+  className: undefined,
   baseClassName: `${CLS_PREFIX}drawer`
 };
-
 /**
  * `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
  * [Read more when to use Drawer](#!/Drawers%2C%20pages%2C%20popovers).
@@ -182,7 +52,7 @@ const Drawer = _ref => {
     closingConfirmation,
     ...props
   } = _ref;
-  const scrollableRef = useRef();
+  const scrollableRef = useRef(null);
   const [isClosable, setIsClosable] = useState(true);
   const {
     onCloseWithConfirmation,
@@ -219,7 +89,7 @@ const Drawer = _ref => {
           className: classNames(`${baseClassName}__form`, form.props.className),
           cancelButton: form.props.cancelButton === false ? false : {
             onClick: onCloseWithConfirmation,
-            ...form.props.cancelButton
+            ...(typeof form.props.cancelButton === 'object' && form.props.cancelButton)
           },
           render: _ref3 => {
             let {
@@ -238,7 +108,7 @@ const Drawer = _ref => {
         if (form.cancelButton !== false) {
           form.cancelButton = {
             onClick: onCloseWithConfirmation,
-            ...form.cancelButton
+            ...(typeof form.cancelButton === 'object' && form.cancelButton)
           };
         }
         return /*#__PURE__*/_jsx(Form, {
@@ -283,7 +153,7 @@ const Drawer = _ref => {
           onClose: onCloseWithConfirmation,
           tabs: tabs,
           children: [isLikeText(title) ? /*#__PURE__*/_jsx(Heading, {
-            level: "2",
+            level: 2,
             className: `${baseClassName}__title`,
             children: title
           }) : /*#__PURE__*/_jsx("div", {
@@ -311,6 +181,5 @@ const Drawer = _ref => {
     }), closingConfirmationDialog]
   });
 };
-Drawer.propTypes = propTypes;
 Drawer.defaultProps = defaultProps;
 export default Drawer;

package/esm/components/Drawer/Header.js

@@ -2,8 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 import { isRtl } from '../../utils';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import { Component } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
@@ -11,6 +10,10 @@ import Icon from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default class Header extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isRtl", false);
+  }
   componentDidMount() {
     this.isRtl = isRtl();
   }
@@ -119,14 +122,6 @@ export default class Header extends Component {
     });
   }
 }
-_defineProperty(Header, "propTypes", {
-  baseClassName: PropTypes.string,
-  onClose: PropTypes.func,
-  children: PropTypes.node.isRequired,
-  backButton: PropTypes.bool,
-  hideButton: PropTypes.bool,
-  tabs: PropTypes.node
-});
 _defineProperty(Header, "defaultProps", {
   onClose: null,
   baseClassName: `${CLS_PREFIX}drawer-header`,

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/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.34.2";
 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.34.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",