@plesk/ui-library 3.40.2 → 3.40.4

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';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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 = _ref => {
   let {

package/esm/components/Alert/Alert.js

@@ -3,11 +3,11 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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 = _ref => {
   let {

package/esm/components/AutoClosable/AutoClosable.js

@@ -5,9 +5,9 @@ import { findDOMNode } from 'react-dom';
 import { Component, Children, createContext } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 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() {

package/esm/components/AuxiliaryActions/AuxiliaryActions.js

@@ -4,9 +4,9 @@ import { cloneElement, isValidElement, Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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 = _ref => {
   let {

package/esm/components/Badge/Badge.js

@@ -6,9 +6,9 @@ import { CLS_PREFIX } from '../../constants';
 import Label from '../Label';
 import Icon from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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 = _ref => {
   let {

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -6,10 +6,10 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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 = _ref => {
   let {

package/esm/components/Button/Button.js

@@ -179,9 +179,9 @@ const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
 });
 Button.displayName = 'Button';
 
-/**
- * `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
  */
 export default Button;

package/esm/components/ButtonGroup/ButtonGroup.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `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 = _ref => {
   let {

package/esm/components/Card/Card.js

@@ -17,9 +17,9 @@ 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 {
   constructor() {
@@ -361,94 +361,94 @@ 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,
     onClick: PropTypes.func.isRequired,
     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

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

package/esm/components/Card/PreviewPanel.js

@@ -29,9 +29,9 @@ const determineSource = _ref => {
   };
 };
 
-/**
- * `PreviewPanel` component is used for displaying website preview.
- * @since 0.3.0
+/**
+ * `PreviewPanel` component is used for displaying website preview.
+ * @since 0.3.0
  */
 const PreviewPanel = _ref2 => {
   let {

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_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 {
   constructor() {
@@ -316,91 +316,91 @@ 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
 };

package/esm/components/Carousel/Carousel.js

@@ -16,10 +16,10 @@ const calcWidths = node => {
     totalWidth
   };
 };
-/**
- * Carousel component is used for optimizing page space by displaying only some parts
- * of entire content in a cyclic view.
- * @since 0.0.42
+/**
+ * Carousel component is used for optimizing page space by displaying only some parts
+ * of entire content in a cyclic view.
+ * @since 0.0.42
  */
 class Carousel extends Component {
   constructor() {

package/esm/components/Checkbox/Checkbox.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Tooltip from '../Tooltip';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
- * @since 0.0.55
+/**
+ * `Checkbox` component is used for turning an option on or off and selecting or deselecting an item.
+ * @since 0.0.55
  */
 const Checkbox = _ref => {
   let {

package/esm/components/CodeEditor/CodeEditor.js

@@ -7,9 +7,9 @@ import { isRtl } from '../../utils';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
- * @since 0.0.61
+/**
+ * `CodeEditor` component is used for editing text as code with proper color highlighting according to selected programming language.
+ * @since 0.0.61
  */
 class CodeEditor extends Component {
   constructor() {

package/esm/components/Columns/Column.js

@@ -7,9 +7,9 @@ import VerticalContext from '../VerticalContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
 
-/**
- * `Column` component is a part of [Columns](#!/Columns).
- * @since 2.6.0
+/**
+ * `Column` component is a part of [Columns](#!/Columns).
+ * @since 2.6.0
  */
 const Column = _ref => {
   let {

package/esm/components/Columns/Columns.js

@@ -6,9 +6,9 @@ import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Columns` component is used for creating of multi-column layouts.
- * @since 2.6.0
+/**
+ * `Columns` component is used for creating of multi-column layouts.
+ * @since 2.6.0
  */
 const Columns = _ref => {
   let {

package/esm/components/ComboBox/ComboBox.js

@@ -36,10 +36,10 @@ const collect = function (children) {
     options
   };
 };
-/**
- * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
- *  which allows to either enter a value directly into the field or choose from a list of existing options.
- * @since 2.6.0
+/**
+ * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
+ *  which allows to either enter a value directly into the field or choose from a list of existing options.
+ * @since 2.6.0
  */
 const ComboBox = _ref => {
   let {

package/esm/components/ComboBox/ComboBoxOption.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
- * @since 2.6.0
+/**
+ * `ComboBoxOption` is a part of [ComboBox](#!/ComboBox) component.
+ * @since 2.6.0
  */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const ComboBoxOption = _props => {

package/esm/components/ConsoleOutput/ConsoleOutput.js

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
-/**
- * `ConsoleOutput` component is used for showing dynamically updating data from console output.
- * @since 0.0.35
+/**
+ * `ConsoleOutput` component is used for showing dynamically updating data from console output.
+ * @since 0.0.35
  */
 class ConsoleOutput extends PureComponent {
   constructor() {

package/esm/components/ContentLoader/ContentLoader.js

@@ -24,9 +24,9 @@ const getLoader = loader => {
   };
 };
 
-/**
- * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
- * @since 1.1.0
+/**
+ * `ContentLoader` component is used as placeholder which indicates that the system is loading requested content.
+ * @since 1.1.0
  */
 const ContentLoader = _ref => {
   let {

package/esm/components/Cuttable/Cuttable.js

@@ -8,9 +8,9 @@ import { CLS_PREFIX } from '../../constants';
 import Translate from '../Translate';
 import Link from '../Link';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Cuttable` component is used for showing and hiding part of content.
- * @since 0.0.42
+/**
+ * `Cuttable` component is used for showing and hiding part of content.
+ * @since 0.0.42
  */
 class Cuttable extends Component {
   constructor() {

package/esm/components/Dialog/Dialog.js

@@ -14,9 +14,9 @@ import { safeInvoke } from '../utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/isValidElement(value);
 
-/**
- * `Dialog` is a modal window that asks users to make a decision or enter additional information.
- * @since 0.0.68
+/**
+ * `Dialog` is a modal window that asks users to make a decision or enter additional information.
+ * @since 0.0.68
  */
 const Dialog = _ref => {
   let {

package/esm/components/Drawer/Drawer.js

@@ -12,10 +12,10 @@ import { isLikeText } from '../Translate';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DrawerProgress from './DrawerProgress';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `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).
- * @since 0.0.65
+/**
+ * `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).
+ * @since 0.0.65
  */
 const Drawer = _ref => {
   let {