@plesk/ui-library 3.27.3 → 3.28.1

package/esm/components/Action/Action.js

@@ -7,9 +7,9 @@ import { wrapFunction } from '../utils';
 import Icon, { ICON_SIZE_16 } from '../Icon';
 import Spinner from '../Spinner';
 
-/**
- * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
- * @since 0.0.68
+/**
+ * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
+ * @since 0.0.68
  */
 const Action = ({
   baseClassName = `${CLS_PREFIX}action`,

package/esm/components/Alert/Alert.js

@@ -4,11 +4,11 @@ import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `Alert` component is used for highlighting important content.
- *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
- *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
- * @since 0.0.35
+/**
+ * `Alert` component is used for highlighting important content.
+ *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
+ *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
+ * @since 0.0.35
  */
 const Alert = ({
   baseClassName = `${CLS_PREFIX}alert`,

package/esm/components/AutoClosable/AutoClosable.js

@@ -4,9 +4,9 @@ import { findDOMNode } from 'react-dom';
 import React, { Component, Children, createContext } from 'react';
 const AutoClosableContext = /*#__PURE__*/createContext(null);
 
-/**
- * This is helper component for handling outside clicks.
- * @since 0.0.42
+/**
+ * This is helper component for handling outside clicks.
+ * @since 0.0.42
  */
 class AutoClosable extends Component {
   constructor(...args) {

package/esm/components/AuxiliaryActions/AuxiliaryActions.js

@@ -4,9 +4,9 @@ import React, { cloneElement, isValidElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * Auxiliary Actions component is used for executing additional (not primary) actions.
- * @since 0.4.1
+/**
+ * Auxiliary Actions component is used for executing additional (not primary) actions.
+ * @since 0.4.1
  */
 const AuxiliaryActions = ({
   baseClassName = `${CLS_PREFIX}auxiliary-actions`,

package/esm/components/Badge/Badge.js

@@ -6,9 +6,9 @@ import { CLS_PREFIX } from '../../constants';
 import Label from '../Label';
 import Icon from '../Icon';
 
-/**
- * `Badge` component is used for showing small numerical value or status attached to an interface element.
- * @since 0.0.58
+/**
+ * `Badge` component is used for showing small numerical value or status attached to an interface element.
+ * @since 0.0.58
  */
 const Badge = ({
   baseClassName = `${CLS_PREFIX}badge`,

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -6,10 +6,10 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
 
-/**
- * `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
- * and it is used for navigation up to the main page of the product.
- * @since 2.3.0
+/**
+ * `Breadcrumbs` component indicates a position of current page in general hierarchy of all pages,
+ * and it is used for navigation up to the main page of the product.
+ * @since 2.3.0
  */
 const Breadcrumbs = ({
   baseClassName = `${CLS_PREFIX}breadcrumbs`,

package/esm/components/Button/Button.js

@@ -65,10 +65,10 @@ const renderCaret = ({
 
   return caretElement;
 };
-/**
- * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
- * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- * @since 0.0.37
+/**
+ * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
+ * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
+ * @since 0.0.37
  */
 
 
@@ -187,97 +187,97 @@ const Button = ({
 };
 
 Button.propTypes = {
-  /**
-   * Button size.
-   * @since 2.5.0
+  /**
+   * Button size.
+   * @since 2.5.0
    */
   size: PropTypes.oneOf(['md', 'lg']),
 
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.42
+  /**
+   * Visual intent color to apply to component.
+   * @since 0.0.42
    */
   intent: PropTypes.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
 
-  /**
-   * Display button with transparent background.
-   * @since 2.1.0
+  /**
+   * Display button with transparent background.
+   * @since 2.1.0
    */
   ghost: PropTypes.bool,
 
-  /**
-   * Arrow button.
-   * @since 2.6.0
+  /**
+   * Arrow button.
+   * @since 2.6.0
    */
   arrow: PropTypes.oneOf(['forward', 'backward']),
 
-  /**
-   * Selected state of toggle button. Used in controlled component mode.
-   * @since 0.0.68
+  /**
+   * Selected state of toggle button. Used in controlled component mode.
+   * @since 0.0.68
    */
   selected: PropTypes.bool,
 
-  /**
-   * Toggle button callback. Used in uncontrolled component mode.
-   * @since 0.0.68
+  /**
+   * Toggle button callback. Used in uncontrolled component mode.
+   * @since 0.0.68
    */
   onToggle: PropTypes.func,
 
-  /**
-   * State of the button
-   * @since 0.0.42
+  /**
+   * State of the button
+   * @since 0.0.42
    */
   state: PropTypes.oneOf(['active', 'loading', 'hovered', 'focused']),
 
-  /**
-   * Is button disabled?
-   * @since 0.0.42
+  /**
+   * Is button disabled?
+   * @since 0.0.42
    */
   disabled: PropTypes.bool,
 
-  /**
-   * Tooltip for component
-   * @since 0.0.42
+  /**
+   * Tooltip for component
+   * @since 0.0.42
    */
   tooltip: PropTypes.node,
 
-  /**
-   * Name of icon or [Icon](#!/Icon) component
-   * @since 0.0.42
+  /**
+   * Name of icon or [Icon](#!/Icon) component
+   * @since 0.0.42
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]),
 
-  /**
-   * Show caret
-   * @since 0.0.42
+  /**
+   * Show caret
+   * @since 0.0.42
    */
   caret: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
 
-  /**
-   * Dynamically expand the button to fill out the whole available width of its parent container.
-   * @since 1.8.0
+  /**
+   * Dynamically expand the button to fill out the whole available width of its parent container.
+   * @since 1.8.0
    */
   fill: PropTypes.bool,
 
-  /**
-   * Content of the button
-   * @since 0.0.37
+  /**
+   * Content of the button
+   * @since 0.0.37
    */
   children: PropTypes.node,
 
-  /**
-   * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
-   * @since 0.0.42
+  /**
+   * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
+   * @since 0.0.42
    */
   component: PropTypes.elementType,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/ButtonGroup/ButtonGroup.js

@@ -4,9 +4,9 @@ import React from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 
-/**
- * `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
- * @since 0.0.37
+/**
+ * `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
+ * @since 0.0.37
  */
 const ButtonGroup = ({
   baseClassName = `${CLS_PREFIX}button-group`,

package/esm/components/Card/Card.js

@@ -17,9 +17,9 @@ import PreviewPanel from './PreviewPanel';
 const VIEW_TILE = 'tile';
 const VIEW_EXTENDED = 'extended';
 const VIEW_ROW = 'row';
-/**
- * @deprecated `Card` component is a part of [CardList](#!/CardList).
- * @since 0.0.54
+/**
+ * @deprecated `Card` component is a part of [CardList](#!/CardList).
+ * @since 0.0.54
  */
 
 class Card extends Component {
@@ -381,57 +381,57 @@ class Card extends Component {
 }
 
 Card.propTypes = {
-  /**
-   * Content of the `Card`.
-   * @since 0.0.54
+  /**
+   * Content of the `Card`.
+   * @since 0.0.54
    */
   children: PropTypes.node,
 
-  /**
-   * View mode.
-   * @since 0.0.54
+  /**
+   * View mode.
+   * @since 0.0.54
    */
   view: PropTypes.oneOf([VIEW_EXTENDED, VIEW_TILE, VIEW_ROW]),
 
-  /**
-   * Visual intent color to apply to component.
-   * @since 0.0.54
+  /**
+   * Visual intent color to apply to component.
+   * @since 0.0.54
    */
   intent: PropTypes.oneOf(['warning', 'danger', 'inactive']),
 
-  /**
-   * Text of title.
-   * @since 0.0.54
+  /**
+   * Text of title.
+   * @since 0.0.54
    */
   title: PropTypes.node.isRequired,
 
-  /**
-   * Link for title.
-   * @since 0.0.54
+  /**
+   * Link for title.
+   * @since 0.0.54
    */
   titleLink: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
-  /**
-   * List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
-   * @since 1.6.0
+  /**
+   * List of labels in header, which should appear right after the title. See [Label](#!/Label) component for details.
+   * @since 1.6.0
    */
   titleLabels: PropTypes.arrayOf(PropTypes.element),
 
-  /**
-   * Text of subtitle.
-   * @since 0.0.54
+  /**
+   * Text of subtitle.
+   * @since 0.0.54
    */
   subtitle: PropTypes.node,
 
-  /**
-   * List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
-   * @since 0.0.54
+  /**
+   * List of labels in header, which should appear at the end of header. See [Label](#!/Label) component for details.
+   * @since 0.0.54
    */
   labels: PropTypes.arrayOf(PropTypes.element),
 
-  /**
-   * List of additional buttons in header.
-   * @since 0.0.54
+  /**
+   * List of additional buttons in header.
+   * @since 0.0.54
    */
   buttons: PropTypes.arrayOf(PropTypes.shape({
     icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]).isRequired,
@@ -439,52 +439,52 @@ Card.propTypes = {
     tooltip: PropTypes.node
   })),
 
-  /**
-   * See [Menu](#!/Menu).
-   * @since 0.3.0
+  /**
+   * See [Menu](#!/Menu).
+   * @since 0.3.0
    */
   menu: PropTypes.element,
 
-  /**
-   * Selection control.
-   * @since 0.0.54
+  /**
+   * Selection control.
+   * @since 0.0.54
    */
   selection: PropTypes.shape({
     isSelected: PropTypes.bool.isRequired,
     onSelectionChange: PropTypes.func.isRequired
   }),
 
-  /**
-   * Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
-   * @since 0.0.54
+  /**
+   * Side header section. Recommended to use [PreviewPanel](#!/PreviewPanel) component.
+   * @since 0.0.54
    */
   sideHeader: PropTypes.element,
 
-  /**
-   * Side content section.
-   * @since 0.0.54
+  /**
+   * Side content section.
+   * @since 0.0.54
    */
   sideContent: PropTypes.element,
 
-  /**
-   * Content for row view.
-   * @since 0.0.54
+  /**
+   * Content for row view.
+   * @since 0.0.54
    */
   rowContent: PropTypes.any,
 
-  /**
-   * Indicate the progress state of the card.
-   * @since 0.4.1
+  /**
+   * Indicate the progress state of the card.
+   * @since 0.4.1
    */
   progress: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };

package/esm/components/Card/CardButton.js

@@ -14,8 +14,8 @@ const CardButton = ({
 }, props));
 
 CardButton.propTypes = {
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string,
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.element]).isRequired

package/esm/components/Card/PreviewPanel.js

@@ -30,9 +30,9 @@ const determineSource = ({
     type: 'noImage'
   };
 };
-/**
- * `PreviewPanel` component is used for displaying website preview.
- * @since 0.3.0
+/**
+ * `PreviewPanel` component is used for displaying website preview.
+ * @since 0.3.0
  */
 
 

package/esm/components/Card/images/no-image.svg

@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
-  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
-  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
-  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
-  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
-  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill="#ccc" width="280" height="210" viewBox="-90 -55 280 210">
+  <path d="M73.5 43a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
+  <path fill-rule="evenodd" d="M13.2 16.2A49.9 49.9 0 01100 50c0 14.6-6.2 27.7-16.2 36.8L13.2 16.2zM96 50c0 12-4.6 23-12.2 31.2L78.6 76a4 4 0 003.4-4V36a4 4 0 00-4-4H67.5l-6.3-10.1a4 4 0 00-3.4-1.9H42.2a4 4 0 00-3.4 1.9l-5.5 8.8-14.5-14.5A45.8 45.8 0 0196 50zM78 72h-3.3L63.4 60.7a16 16 0 00-22.1-22.1l-5-5 6-9.6h15.5L64 34.1a4 4 0 003.4 1.9H78v36zM62 52a12 12 0 01-1.5 5.8L44.2 41.5A12 12 0 0162 52z" clip-rule="evenodd"/>
+  <path d="M80.8 89.4l-2.9-2.8A46 46 0 0113.4 22l-2.8-2.9a50 50 0 0070.2 70.2z"/>
+  <path d="M23.3 32H22a4 4 0 00-4 4v36a4 4 0 004 4h45.3l-4-4H22V36h5.3l-4-4z"/>
+  <path d="M35.9 44.5a16 16 0 0021.6 21.6l-3-3A12 12 0 0138 52c0-1.6.3-3.1.9-4.5l-3-3z"/>
 </svg>

package/esm/components/CardList/CardList.js

@@ -20,11 +20,11 @@ export const VIEW_TILE = 'tile';
 export const VIEW_RESPONSIVE = 'responsive';
 export const VIEW_EXTENDED = 'extended';
 export const VIEW_ROW = 'row';
-/**
- * @deprecated `CardList` was used for displaying list of objects presented in various data formats
- * including images and other interface components.
- * Now it is deprecated and [List should be used](#!/List) instead.
- * @since 0.0.54
+/**
+ * @deprecated `CardList` was used for displaying list of objects presented in various data formats
+ * including images and other interface components.
+ * Now it is deprecated and [List should be used](#!/List) instead.
+ * @since 0.0.54
  */
 
 class CardList extends Component {
@@ -336,107 +336,107 @@ class CardList extends Component {
 }
 
 CardList.propTypes = {
-  /**
-   * Array of data items for rendering.
-   * @since 0.0.68
+  /**
+   * Array of data items for rendering.
+   * @since 0.0.68
    */
   items: PropTypes.array.isRequired,
 
-  /**
-   * Callback for fetching items.
-   * @since 0.0.68
+  /**
+   * Callback for fetching items.
+   * @since 0.0.68
    */
   onItemsFetch: PropTypes.func,
 
-  /**
-   * Total items. Equal items.length by default.
-   * @since 0.0.68
+  /**
+   * Total items. Equal items.length by default.
+   * @since 0.0.68
    */
   totalItems: PropTypes.number,
 
-  /**
-   * Default page number.
-   * @since 1.0.1
+  /**
+   * Default page number.
+   * @since 1.0.1
    */
   defaultPage: PropTypes.number,
 
-  /**
-   * View mode.
-   * @since 0.0.54
+  /**
+   * View mode.
+   * @since 0.0.54
    */
   view: PropTypes.oneOf([VIEW_EXTENDED, VIEW_TILE, VIEW_ROW, VIEW_RESPONSIVE]),
 
-  /**
-   * View change callback.
-   * @since 0.0.54
+  /**
+   * View change callback.
+   * @since 0.0.54
    */
   onViewChange: PropTypes.func,
 
-  /**
-   * View switcher config.
-   * @since 0.0.59
+  /**
+   * View switcher config.
+   * @since 0.0.59
    */
   viewSwitcher: PropTypes.bool,
 
-  /**
-   * Array of keys of selected cards.
-   * @since 0.0.59
+  /**
+   * Array of keys of selected cards.
+   * @since 0.0.59
    */
   selection: PropTypes.array,
 
-  /**
-   * Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
-   * @since 0.0.59
+  /**
+   * Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
+   * @since 0.0.59
    */
   onSelectionChange: PropTypes.func,
 
-  /**
-   * Config for selection button in the toolbar.
-   * @since 0.0.59
+  /**
+   * Config for selection button in the toolbar.
+   * @since 0.0.59
    */
   selectionButton: PropTypes.shape({
-    /**
-     * See [Badge](#!/Badge) for all props.
+    /**
+     * See [Badge](#!/Badge) for all props.
      */
     badge: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
 
-    /**
-     * Array of additional [MenuItems](#!/MenuItem).
+    /**
+     * Array of additional [MenuItems](#!/MenuItem).
      */
     menuItems: PropTypes.arrayOf(PropTypes.element)
   }),
 
-  /**
-   * Toolbar groups for the toolbar.
-   * @since 0.0.59
+  /**
+   * Toolbar groups for the toolbar.
+   * @since 0.0.59
    */
   toolbarGroups: PropTypes.arrayOf(PropTypes.element),
 
-  /**
-   * Unique key.
-   * @since 0.0.59
+  /**
+   * Unique key.
+   * @since 0.0.59
    */
   itemKey: PropTypes.string.isRequired,
 
-  /**
-   * Render function for item.
-   * @since 0.0.59
+  /**
+   * Render function for item.
+   * @since 0.0.59
    */
   itemRender: PropTypes.func.isRequired,
 
-  /**
-   * Indicate the loading state of the list.
-   * @since 0.0.68
+  /**
+   * Indicate the loading state of the list.
+   * @since 0.0.68
    */
   loading: PropTypes.bool,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: PropTypes.string,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: PropTypes.string
 };