@plesk/ui-library 3.31.0 → 3.31.2

package/esm/components/PageHeader/PageHeader.js

@@ -1,46 +1,48 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import classNames from 'classnames';
 import React, { Children } from 'react';
 import { isLikeText } from '../Translate';
 import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
-
 /**
  * `PageHeader` component is used for identification of the current page.
  * @since 0.0.35
  */
-const PageHeader = ({
-  baseClassName = `${CLS_PREFIX}page-header`,
-  className,
-  topAddon,
-  title,
-  titleLeftAddon,
-  titleRightAddon,
-  breadcrumbs,
-  tabs,
-  children,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", _extends({
-  className: classNames(baseClassName, className)
-}, props), /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__inner`
-}, topAddon && /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__top-addon`
-}, topAddon), breadcrumbs && /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__breadcrumbs`
-}, breadcrumbs), title && /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__title`
-}, titleLeftAddon && /*#__PURE__*/React.createElement("span", {
-  className: `${baseClassName}__title-left-addon`
-}, titleLeftAddon), isLikeText(title) ? /*#__PURE__*/React.createElement(Heading, null, title) : title, titleRightAddon && /*#__PURE__*/React.createElement("span", {
-  className: `${baseClassName}__title-right-addon`
-}, titleRightAddon)), Children.toArray(children).length ? /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__content`
-}, children) : null), tabs && /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__tabs`
-}, /*#__PURE__*/React.createElement("div", {
-  className: `${baseClassName}__tabs-inner`
-}, tabs)));
-
+const PageHeader = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}page-header`,
+    className,
+    topAddon,
+    title,
+    titleLeftAddon,
+    titleRightAddon,
+    breadcrumbs,
+    tabs,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(baseClassName, className)
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__inner`
+  }, topAddon && /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__top-addon`
+  }, topAddon), breadcrumbs && /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__breadcrumbs`
+  }, breadcrumbs), title && /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__title`
+  }, titleLeftAddon && /*#__PURE__*/React.createElement("span", {
+    className: `${baseClassName}__title-left-addon`
+  }, titleLeftAddon), isLikeText(title) ? /*#__PURE__*/React.createElement(Heading, null, title) : title, titleRightAddon && /*#__PURE__*/React.createElement("span", {
+    className: `${baseClassName}__title-right-addon`
+  }, titleRightAddon)), Children.toArray(children).length ? /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__content`
+  }, children) : null), tabs && /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__tabs`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${baseClassName}__tabs-inner`
+  }, tabs)));
+};
 export default PageHeader;

package/esm/components/PageHeader/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './PageHeader';

package/esm/components/Pagination/Pagination.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -14,31 +15,29 @@ import { safeInvoke } from '../utils';
 export const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
 const VIEW_DEFAULT = 'default';
 const VIEW_POPOVER = 'popover';
-
 /**
  * `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
  * @since 0.0.54
  */
-const Pagination = ({
-  baseClassName = `${CLS_PREFIX}pagination`,
-  className,
-  current = 1,
-  total,
-  onSelect,
-  itemsPerPage,
-  itemsPerPageOptions = ITEMS_PER_PAGE_OPTIONS,
-  onItemsPerPageChange,
-  isShowNavigationButtons,
-  isShowPageButtons,
-  maxPageButtons,
-  view = VIEW_DEFAULT,
-  loading = false,
-  ...props
-}) => {
+const Pagination = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}pagination`,
+    className,
+    current = 1,
+    total,
+    onSelect,
+    itemsPerPage,
+    itemsPerPageOptions = ITEMS_PER_PAGE_OPTIONS,
+    onItemsPerPageChange,
+    isShowNavigationButtons,
+    isShowPageButtons,
+    maxPageButtons,
+    view = VIEW_DEFAULT,
+    loading = false,
+    ...props
+  } = _ref;
   const handleSelect = page => safeInvoke(onSelect, page);
-
   const handleItemsPerPageChange = option => safeInvoke(onItemsPerPageChange, option);
-
   const pagination = /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(baseClassName, className)
   }, props), /*#__PURE__*/React.createElement("div", {
@@ -75,14 +74,12 @@ const Pagination = ({
     ghost: true,
     buttons: itemsPerPageOptions.map(value => {
       let title = value;
-
       if (value === 'all') {
         title = /*#__PURE__*/React.createElement(Translate, {
           content: "Pagination.all",
           fallback: "All"
         });
       }
-
       return {
         value,
         title
@@ -92,7 +89,6 @@ const Pagination = ({
     onChange: handleItemsPerPageChange,
     className: `${baseClassName}__control`
   })) : null);
-
   if (view === VIEW_POPOVER) {
     return /*#__PURE__*/React.createElement(Popover, {
       target: /*#__PURE__*/React.createElement(Text, {
@@ -111,8 +107,6 @@ const Pagination = ({
       className: `${baseClassName}__popover`
     }, pagination);
   }
-
   return pagination;
 };
-
 export default Pagination;

package/esm/components/Pagination/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default, ITEMS_PER_PAGE_OPTIONS } from './Pagination';

package/esm/components/Panel/Panel.js

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
 /* eslint-disable react/no-deprecated */
+
 import React, { Component, createRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
@@ -11,7 +12,6 @@ import { isLikeText } from '../Translate';
 import Heading from '../Heading';
 import Button from '../Button';
 import { isClickable } from '../utils';
-
 /**
  * `Panel` component is used for visually grouping some content.
  * @since 0.0.35
@@ -19,32 +19,30 @@ import { isClickable } from '../utils';
 class Panel extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "handleToggle", e => {
       if (isClickable(e)) {
         return;
       }
-
-      this.setState(({
-        collapsed
-      }) => ({
-        collapsed: !collapsed
-      }), () => {
+      this.setState(_ref => {
+        let {
+          collapsed
+        } = _ref;
+        return {
+          collapsed: !collapsed
+        };
+      }, () => {
         if (this.props.onToggle) {
           this.props.onToggle(this.state.collapsed);
         }
       });
     });
-
-    const _collapsed2 = this.props.collapsible && this.props.collapsed || false; // eslint-disable-next-line react/state-in-constructor
-
-
+    const _collapsed2 = this.props.collapsible && this.props.collapsed || false;
+    // eslint-disable-next-line react/state-in-constructor
     this.state = {
       collapsed: _collapsed2,
       prevPropsCollapsed: _collapsed2
     };
   }
-
   static getDerivedStateFromProps(props, state) {
     if (props.collapsed !== state.prevPropsCollapsed) {
       return {
@@ -52,10 +50,8 @@ class Panel extends Component {
         prevPropsCollapsed: props.collapsed
       };
     }
-
     return null;
   }
-
   render() {
     const {
       baseClassName,
@@ -107,13 +103,10 @@ class Panel extends Component {
       className: `${baseClassName}__content`
     }, children)));
   }
-
 }
-
 _defineProperty(Panel, "defaultProps", {
   collapsible: false,
   collapsed: false,
   baseClassName: `${CLS_PREFIX}panel`
 });
-
 export default Panel;

package/esm/components/Panel/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './Panel';

package/esm/components/Paragraph/Paragraph.js

@@ -1,21 +1,23 @@
 import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
  * @since 1.1.0
  */
-const Paragraph = ({
-  baseClassName = `${CLS_PREFIX}paragraph`,
-  className,
-  children,
-  component: Tag = 'p',
-  ...props
-}) => /*#__PURE__*/React.createElement(Tag, _extends({
-  className: classNames(baseClassName, className)
-}, props), children);
-
+const Paragraph = _ref => {
+  let {
+    baseClassName = `${CLS_PREFIX}paragraph`,
+    className,
+    children,
+    component: Tag = 'p',
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: classNames(baseClassName, className)
+  }, props), children);
+};
 export default Paragraph;

package/esm/components/Paragraph/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
 export { default } from './Paragraph';

package/esm/components/Plaintext/Plaintext.js

@@ -1,33 +1,33 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
-
 /**
  * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
  * @since 0.0.42
  */
-const Plaintext = ({
-  baseClassName,
-  className,
-  children
-}) => /*#__PURE__*/React.createElement("pre", {
-  className: classNames(baseClassName, className)
-}, children);
-
+const Plaintext = _ref => {
+  let {
+    baseClassName,
+    className,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("pre", {
+    className: classNames(baseClassName, className)
+  }, children);
+};
 Plaintext.propTypes = {
   /**
    * Content of the Plaintext
    * @since 0.0.42
    */
   children: PropTypes.node.isRequired,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * @ignore
    */

package/esm/components/Plaintext/index.js

@@ -1,2 +1,3 @@
 // Copyright 1999-2017. Plesk International GmbH. All rights reserved.
+
 export { default } from './Plaintext';