@plesk/ui-library 3.27.3 → 3.28.1

package/cjs/components/Tabs/Tab.js

@@ -15,58 +15,58 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 /* eslint-disable react/no-unused-prop-types */
 
-/**
- * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
- *
- * Each `Tab` can display an icon near the tab name for easier identification.
- * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
- * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
- * @since 0.0.35
+/**
+ * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
+ *
+ * Each `Tab` can display an icon near the tab name for easier identification.
+ * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
+ * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
+ * @since 0.0.35
  */
 const Tab = ({
   children
 }) => /*#__PURE__*/_react.default.createElement("div", null, children);
 
 Tab.propTypes = {
-  /**
-   * Tab title
-   * @since 0.0.35
+  /**
+   * Tab title
+   * @since 0.0.35
    */
   title: _propTypes.default.node.isRequired,
 
-  /**
-   * Label in tab title
-   * @since 0.0.42
+  /**
+   * Label in tab title
+   * @since 0.0.42
    */
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
 
-  /**
-   * Name of icon or Icon component for tab
-   * @since 0.0.42
+  /**
+   * Name of icon or Icon component for tab
+   * @since 0.0.42
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
 
-  /**
-   * Activate callback.
-   * @since 0.0.43
+  /**
+   * Activate callback.
+   * @since 0.0.43
    */
   onActivate: _propTypes.default.func,
 
-  /**
-   * Close callback
-   * @since 0.0.58
+  /**
+   * Close callback
+   * @since 0.0.58
    */
   onClose: _propTypes.default.func,
 
-  /**
-   * Component to render as the root element.
-   * @since 2.5.1
+  /**
+   * Component to render as the root element.
+   * @since 2.5.1
    */
   component: _propTypes.default.elementType,
 
-  /**
-   * Tab content
-   * @since 0.0.47
+  /**
+   * Tab content
+   * @since 0.0.47
    */
   children: _propTypes.default.node
 };

package/cjs/components/Tabs/Tabs.js

@@ -43,12 +43,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 _react.Component {
@@ -616,57 +616,57 @@ class Tabs extends _react.Component {
 }
 
 Tabs.propTypes = {
-  /**
-   * Number of active tab
-   * @since 0.0.35
+  /**
+   * Number of active tab
+   * @since 0.0.35
    */
   active: _propTypes.default.number,
 
-  /**
-   * Addon for search bar, dropdown etc.
-   * @since 0.0.58
+  /**
+   * Addon for search bar, dropdown etc.
+   * @since 0.0.58
    */
   addon: _propTypes.default.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.default.element,
 
-  /**
-   * Minimum add-on width in pixels
-   * @since 0.0.58
+  /**
+   * Minimum add-on width in pixels
+   * @since 0.0.58
    */
   addonMinWidth: _propTypes.default.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.default.bool,
 
-  /**
-   * [SearchBar](#!/SearchBar) element
-   * @since 0.0.58
+  /**
+   * [SearchBar](#!/SearchBar) element
+   * @since 0.0.58
    */
   search: _propTypes.default.element,
 
-  /**
-   * [Tabs](#!/Tab)
-   * @since 0.0.47
+  /**
+   * [Tabs](#!/Tab)
+   * @since 0.0.47
    */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.element), _propTypes.default.element]),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Text/Text.js

@@ -23,9 +23,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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 = `${_constants.CLS_PREFIX}text`,

package/cjs/components/TextArea/TextArea.js

@@ -40,9 +40,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 _react.Component {

package/cjs/components/Toaster/Toaster.js

@@ -34,9 +34,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 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
  */
 class Toaster extends _react.Component {
   constructor(...args) {
@@ -62,19 +62,19 @@ class Toaster extends _react.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
    */
 
 
@@ -90,13 +90,13 @@ class Toaster extends _react.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
    */
 
 
@@ -110,11 +110,11 @@ class Toaster extends _react.Component {
     }));
     return key;
   }
-  /**
-   * Remove toast by key
-   *
-   * @param {string} key
-   * @public
+  /**
+   * Remove toast by key
+   *
+   * @param {string} key
+   * @public
    */
 
 
@@ -125,10 +125,10 @@ class Toaster extends _react.Component {
       toasts: toasts.filter(toast => toast.key !== key)
     }));
   }
-  /**
-   * Clear all toasts
-   *
-   * @public
+  /**
+   * Clear all toasts
+   *
+   * @public
    */
 
 

package/cjs/components/Toolbar/Toolbar.js

@@ -33,12 +33,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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 _react.Component {
   constructor(props) {
@@ -91,19 +91,19 @@ class Toolbar extends _react.Component {
 }
 
 Toolbar.propTypes = {
-  /**
-   * Content of the `Toolbar`.
-   * @since 0.0.57
+  /**
+   * Content of the `Toolbar`.
+   * @since 0.0.57
    */
   children: _propTypes.default.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Toolbar/ToolbarExpander.js

@@ -23,11 +23,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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 = `${_constants.CLS_PREFIX}toolbar__expander`,

package/cjs/components/Toolbar/ToolbarGroup.js

@@ -37,10 +37,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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 _react.Component {
   constructor(props) {
@@ -163,31 +163,31 @@ class ToolbarGroup extends _react.Component {
 }
 
 const propTypes = {
-  /**
-   * Title.
-   * @since 0.0.60
+  /**
+   * Title.
+   * @since 0.0.60
    */
   title: _propTypes.default.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.default.bool,
 
-  /**
-   * Content of the `ToolbarGroup`.
-   * @since 0.0.57
+  /**
+   * Content of the `ToolbarGroup`.
+   * @since 0.0.57
    */
   children: _propTypes.default.node,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Tooltip/Tooltip.js

@@ -101,10 +101,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
  */
 
 
@@ -218,36 +218,36 @@ class Tooltip extends _react.Component {
 }
 
 Tooltip.propTypes = {
-  /**
-   * Content of the tooltip
-   * @since 0.0.42
+  /**
+   * Content of the tooltip
+   * @since 0.0.42
    */
   title: _propTypes.default.node.isRequired,
 
-  /**
-   * Show delay (ms)
-   * @since 0.0.50
+  /**
+   * Show delay (ms)
+   * @since 0.0.50
    */
   delay: _propTypes.default.number,
 
-  /**
-   * Element with tooltip
-   * @since 0.0.42
+  /**
+   * Element with tooltip
+   * @since 0.0.42
    */
   children: _propTypes.default.element.isRequired,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   style: _propTypes.default.object,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Tour/Tour.js

@@ -13,11 +13,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/Translate/Translate.js

@@ -36,9 +36,9 @@ const isLikeText = node => {
 
   return false;
 };
-/**
- * `Translate` component.
- * @since 0.0.42
+/**
+ * `Translate` component.
+ * @since 0.0.42
  */
 
 
@@ -81,49 +81,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.default.string,
 
-  /**
-   * Translatable content or message key.
-   * @since 0.0.42
+  /**
+   * Translatable content or message key.
+   * @since 0.0.42
    */
   content: _propTypes.default.string,
 
-  /**
-   * Message params
-   * @since 0.0.42
+  /**
+   * Message params
+   * @since 0.0.42
    */
   params: _propTypes.default.object,
 
-  /**
-   * Fallback translation value.
-   * @since 0.0.47
+  /**
+   * Fallback translation value.
+   * @since 0.0.47
    */
   fallback: _propTypes.default.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.default.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.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   unsafe: _propTypes.default.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   children: _propTypes.default.string
 };

package/cjs/components/index.js

@@ -88,7 +88,8 @@ var _exportNames = {
   Tooltip: true,
   Tour: true,
   Translate: true,
-  Link: true
+  Link: true,
+  Skeleton: true
 };
 Object.defineProperty(exports, "Action", {
   enumerable: true,
@@ -492,6 +493,12 @@ Object.defineProperty(exports, "Select", {
     return _Select.default;
   }
 });
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.default;
+  }
+});
 Object.defineProperty(exports, "SplitButton", {
   enumerable: true,
   get: function () {
@@ -935,6 +942,20 @@ var _Translate = _interopRequireDefault(require("./Translate"));
 
 var _Link = _interopRequireDefault(require("./Link"));
 
+var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
+
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Skeleton[key];
+    }
+  });
+});
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/cjs/components/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.wrapFunction = exports.scrollIntoView = exports.safeInvoke = exports.mergeRefs = exports.isClickable = exports.createProxyProps = exports.createFocusManager = exports.EventEmitter = void 0;
+exports.wrapFunction = exports.scrollIntoView = exports.safeInvoke = exports.normalizeSize = exports.mergeRefs = exports.isClickable = exports.createProxyProps = exports.createFocusManager = exports.EventEmitter = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -257,4 +257,8 @@ const mergeRefs = (...refs) => value => {
   });
 };
 
-exports.mergeRefs = mergeRefs;
+exports.mergeRefs = mergeRefs;
+
+const normalizeSize = value => String(Number(value)) === String(value) ? `${value}px` : value;
+
+exports.normalizeSize = normalizeSize;