@plesk/ui-library 3.27.3 → 3.28.1

package/esm/components/Tabs/Tabs.js

@@ -17,12 +17,12 @@ import ResponsiveContext from '../ResponsiveContext';
 const ADDON_LEFT_PADDING = 5;
 const MIN_ADDON_WIDTH_DEFAULT = 150;
 const COLLAPSED_SEARCH_WIDTH = 60;
-/**
- * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
- * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
- * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
- * group name and a navigation button.
- * @since 0.0.35
+/**
+ * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
+ * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
+ * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
+ * group name and a navigation button.
+ * @since 0.0.35
  */
 
 class Tabs extends Component {
@@ -590,57 +590,57 @@ class Tabs extends Component {
 }
 
 Tabs.propTypes = {
-  /**
-   * Number of active tab
-   * @since 0.0.35
+  /**
+   * Number of active tab
+   * @since 0.0.35
    */
   active: PropTypes.number,
 
-  /**
-   * Addon for search bar, dropdown etc.
-   * @since 0.0.58
+  /**
+   * Addon for search bar, dropdown etc.
+   * @since 0.0.58
    */
   addon: PropTypes.element,
 
-  /**
-   * Placeholder for search bar, dropdown etc.
-   *
-   * @deprecated Do not use! Use `addon` instead!
-   * @since 0.0.42
+  /**
+   * Placeholder for search bar, dropdown etc.
+   *
+   * @deprecated Do not use! Use `addon` instead!
+   * @since 0.0.42
    */
   placeholder: PropTypes.element,
 
-  /**
-   * Minimum add-on width in pixels
-   * @since 0.0.58
+  /**
+   * Minimum add-on width in pixels
+   * @since 0.0.58
    */
   addonMinWidth: PropTypes.number,
 
-  /**
-   * Monospaced version of tabs (all visible tabs as wide as widest of them)
-   * @since 0.0.58
+  /**
+   * Monospaced version of tabs (all visible tabs as wide as widest of them)
+   * @since 0.0.58
    */
   monospaced: PropTypes.bool,
 
-  /**
-   * [SearchBar](#!/SearchBar) element
-   * @since 0.0.58
+  /**
+   * [SearchBar](#!/SearchBar) element
+   * @since 0.0.58
    */
   search: PropTypes.element,
 
-  /**
-   * [Tabs](#!/Tab)
-   * @since 0.0.47
+  /**
+   * [Tabs](#!/Tab)
+   * @since 0.0.47
    */
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Text/Text.js

@@ -5,9 +5,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import OnDarkContext from '../OnDarkContext';
 
-/**
- * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
- * @since 1.1.0
+/**
+ * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
+ * @since 1.1.0
  */
 const Text = ({
   baseClassName = `${CLS_PREFIX}text`,

package/esm/components/TextArea/TextArea.js

@@ -22,9 +22,9 @@ const getMinMax = rows => {
 };
 
 const AVAILABLE_SIZES = ['sm', 'md', 'lg', 'xl', 'fill'];
-/**
- * `TextArea` is used for entering long text (like email body, descriptions, comments).
- * @since 1.9.0
+/**
+ * `TextArea` is used for entering long text (like email body, descriptions, comments).
+ * @since 1.9.0
  */
 
 class TextArea extends Component {

package/esm/components/Toaster/Toaster.js

@@ -11,9 +11,9 @@ import Layer from '../Layer';
 import OnDarkContext from '../OnDarkContext';
 let toastId = 0;
 
-/**
- * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
- * @since 0.0.42
+/**
+ * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
+ * @since 0.0.42
  */
 export default class Toaster extends Component {
   constructor(...args) {
@@ -40,19 +40,19 @@ export default class Toaster extends Component {
   isControlled() {
     return Boolean(this.props.toasts);
   }
-  /**
-   * Add a new toast
-   *
-   * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
-   * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
-   * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
-   * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
-   * `autoClosable` - Whether call `onClose` after 6 seconds or not.
-   * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
-   * ---
-   * @param {Object} props **Toast props**:
-   * @returns {string} New toast key
-   * @public
+  /**
+   * Add a new toast
+   *
+   * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
+   * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
+   * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
+   * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
+   * `autoClosable` - Whether call `onClose` after 6 seconds or not.
+   * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
+   * ---
+   * @param {Object} props **Toast props**:
+   * @returns {string} New toast key
+   * @public
    */
 
 
@@ -68,13 +68,13 @@ export default class Toaster extends Component {
     }));
     return key;
   }
-  /**
-   * Update toast by key
-   *
-   * @param {string} key
-   * @param {Object} props New props
-   * @returns {string} Updated toast key
-   * @public
+  /**
+   * Update toast by key
+   *
+   * @param {string} key
+   * @param {Object} props New props
+   * @returns {string} Updated toast key
+   * @public
    */
 
 
@@ -88,11 +88,11 @@ export default class Toaster extends Component {
     }));
     return key;
   }
-  /**
-   * Remove toast by key
-   *
-   * @param {string} key
-   * @public
+  /**
+   * Remove toast by key
+   *
+   * @param {string} key
+   * @public
    */
 
 
@@ -103,10 +103,10 @@ export default class Toaster extends Component {
       toasts: toasts.filter(toast => toast.key !== key)
     }));
   }
-  /**
-   * Clear all toasts
-   *
-   * @public
+  /**
+   * Clear all toasts
+   *
+   * @public
    */
 
 

package/esm/components/Toolbar/Toolbar.js

@@ -10,12 +10,12 @@ import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import { toToolbarItems } from './ToolbarItem';
 import Squeezer from '../Squeezer';
 
-/**
- * `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.
- * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
- * and controls for changing the way the content block looks.
- * @since 0.0.57
+/**
+ * `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.
+ * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
+ * and controls for changing the way the content block looks.
+ * @since 0.0.57
  */
 class Toolbar extends Component {
   constructor(props) {
@@ -70,19 +70,19 @@ class Toolbar extends Component {
 }
 
 Toolbar.propTypes = {
-  /**
-   * Content of the `Toolbar`.
-   * @since 0.0.57
+  /**
+   * Content of the `Toolbar`.
+   * @since 0.0.57
    */
   children: PropTypes.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Toolbar/ToolbarExpander.js

@@ -5,11 +5,11 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 
-/**
- * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
- * It is used to split all toolbar controls into two groups:
- * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
- * @since 0.0.57
+/**
+ * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
+ * It is used to split all toolbar controls into two groups:
+ * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
+ * @since 0.0.57
  */
 const ToolbarExpander = ({
   baseClassName = `${CLS_PREFIX}toolbar__expander`,

package/esm/components/Toolbar/ToolbarGroup.js

@@ -11,10 +11,10 @@ import RegistryContext, { createRegistry } from './RegistryContext';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import { toToolbarItems } from './ToolbarItem';
 import ToolbarExpander from './ToolbarExpander';
-/**
- * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
- * It is used for grouping several toolbar controls together.
- * @since 0.0.57
+/**
+ * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
+ * It is used for grouping several toolbar controls together.
+ * @since 0.0.57
  */
 
 class ToolbarGroup extends Component {
@@ -139,31 +139,31 @@ class ToolbarGroup extends Component {
 }
 
 const propTypes = {
-  /**
-   * Title.
-   * @since 0.0.60
+  /**
+   * Title.
+   * @since 0.0.60
    */
   title: PropTypes.node.isRequired,
 
-  /**
-   * Whether to group children into a dropdown or not.
-   * @since 3.8.0
+  /**
+   * Whether to group children into a dropdown or not.
+   * @since 3.8.0
    */
   groupable: PropTypes.bool,
 
-  /**
-   * Content of the `ToolbarGroup`.
-   * @since 0.0.57
+  /**
+   * Content of the `ToolbarGroup`.
+   * @since 0.0.57
    */
   children: PropTypes.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Tooltip/Tooltip.js

@@ -81,10 +81,10 @@ const determinePosition = ({
     left: targetRect.left + X_EXTRA_SPACE
   };
 };
-/**
- * `Tooltip` component is used for providing information about an interface element
- * while user hovers the pointer over the element.
- * @since 0.0.35
+/**
+ * `Tooltip` component is used for providing information about an interface element
+ * while user hovers the pointer over the element.
+ * @since 0.0.35
  */
 
 
@@ -203,36 +203,36 @@ class Tooltip extends Component {
 }
 
 Tooltip.propTypes = {
-  /**
-   * Content of the tooltip
-   * @since 0.0.42
+  /**
+   * Content of the tooltip
+   * @since 0.0.42
    */
   title: PropTypes.node.isRequired,
 
-  /**
-   * Show delay (ms)
-   * @since 0.0.50
+  /**
+   * Show delay (ms)
+   * @since 0.0.50
    */
   delay: PropTypes.number,
 
-  /**
-   * Element with tooltip
-   * @since 0.0.42
+  /**
+   * Element with tooltip
+   * @since 0.0.42
    */
   children: PropTypes.element.isRequired,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   style: PropTypes.object,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Tour/Tour.js

@@ -1,11 +1,11 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 import React, { Children, cloneElement, isValidElement } from 'react';
 
-/**
- * `Tour` component is used for introducing a new functionality in the product.
- * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
- * or element you want to focus user attention on.
- * @since 2.7.0
+/**
+ * `Tour` component is used for introducing a new functionality in the product.
+ * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
+ * or element you want to focus user attention on.
+ * @since 2.7.0
  */
 const Tour = ({
   current,

package/esm/components/Translate/Translate.js

@@ -20,9 +20,9 @@ export const isLikeText = node => {
 
   return false;
 };
-/**
- * `Translate` component.
- * @since 0.0.42
+/**
+ * `Translate` component.
+ * @since 0.0.42
  */
 
 const Translate = ({
@@ -62,49 +62,49 @@ const Translate = ({
 };
 
 Translate.propTypes = {
-  /**
-   * A some prefix for the message key.
-   * @since 2.6.0
+  /**
+   * A some prefix for the message key.
+   * @since 2.6.0
    */
   namespace: PropTypes.string,
 
-  /**
-   * Translatable content or message key.
-   * @since 0.0.42
+  /**
+   * Translatable content or message key.
+   * @since 0.0.42
    */
   content: PropTypes.string,
 
-  /**
-   * Message params
-   * @since 0.0.42
+  /**
+   * Message params
+   * @since 0.0.42
    */
   params: PropTypes.object,
 
-  /**
-   * Fallback translation value.
-   * @since 0.0.47
+  /**
+   * Fallback translation value.
+   * @since 0.0.47
    */
   fallback: PropTypes.string,
 
-  /**
-   * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
-   * @since 0.0.42
+  /**
+   * Component to render as the root element. Useful when rendering a `Translate` as `<option>`.
+   * @since 0.0.42
    */
   component: PropTypes.elementType,
 
-  /**
-   * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
-   * @ignore
+  /**
+   * A set of translation messages. If the set contains a message key, the component uses an item from the set for rendering.
+   * @ignore
    */
   translators: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.func, PropTypes.node])),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   unsafe: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   children: PropTypes.string
 };

package/esm/components/index.js

@@ -96,4 +96,6 @@ export * 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 Link } from './Link';
+export { default as Skeleton } from './Skeleton';
+export * from './Skeleton';

package/esm/components/utils.js

@@ -223,4 +223,5 @@ export const mergeRefs = (...refs) => value => {
       ref.current = value;
     }
   });
-};
+};
+export const normalizeSize = value => String(Number(value)) === String(value) ? `${value}px` : value;

package/esm/index.js

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

package/index.js

@@ -1,5 +1,5 @@
-// Copyright 1999-2019. Plesk International GmbH. All rights reserved.
-
-'use strict';
-
-module.exports = require('./cjs/index.js');
+// Copyright 1999-2019. Plesk International GmbH. All rights reserved.
+
+'use strict';
+
+module.exports = require('./cjs/index.js');