@plesk/ui-library 3.36.1 → 3.37.0

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -11,11 +11,11 @@ import Translate from '../Translate';
 import locale from './locale/en-US';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
- * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
- * give users a different way of editing the text.
- * @since 1.8.3
+/**
+ * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
+ * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
+ * give users a different way of editing the text.
+ * @since 1.8.3
  */
 class InPlaceEdit extends Component {
   constructor() {

package/esm/components/Input/Input.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Input` component is used for entering short text (like user name or email address).
- * @since 0.0.57
+/**
+ * `Input` component is used for entering short text (like user name or email address).
+ * @since 0.0.57
  */
 const Input = _ref => {
   let {

package/esm/components/InputFile/InputFile.js

@@ -13,9 +13,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const generateId = () => Math.random().toString(36).slice(2);
 
-/**
- * `InputFile` component is used for browsing and choosing a file from the local disk.
- * @since 3.2.0
+/**
+ * `InputFile` component is used for browsing and choosing a file from the local disk.
+ * @since 3.2.0
  */
 const InputFile = _ref => {
   let {

package/esm/components/InputNumber/InputNumber.js

@@ -38,9 +38,9 @@ const toNumber = value => {
 const isMinDisabled = (value, min) => min !== undefined && value !== '' && +value <= min;
 const isMaxDisabled = (value, max) => max !== undefined && value !== '' && +value >= max;
 
-/**
- * `InputNumber` component is used for entering integer numbers.
- * @since 2.2.0
+/**
+ * `InputNumber` component is used for entering integer numbers.
+ * @since 2.2.0
  */
 const InputNumber = _ref => {
   let {

package/esm/components/Item/Item.js

@@ -10,10 +10,10 @@ import Tooltip from '../Tooltip';
 import { createProxyProps, wrapFunction } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
- * a combination of icon, text title and content (similar to [Media](#!/Media)).
- * @since 0.0.48
+/**
+ * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
+ * a combination of icon, text title and content (similar to [Media](#!/Media)).
+ * @since 0.0.48
  */
 const Item = _ref => {
   let {

package/esm/components/ItemLink/ItemLink.js

@@ -4,10 +4,10 @@ import classNames from 'classnames';
 import { wrapFunction } from '../utils';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ItemLink` component is a part of [ItemList](#!/ItemList) and
- * is used for specifying a special action on the list (for example, adding new item).
- * @since 2.3.0
+/**
+ * `ItemLink` component is a part of [ItemList](#!/ItemList) and
+ * is used for specifying a special action on the list (for example, adding new item).
+ * @since 2.3.0
  */
 const ItemLink = _ref => {
   let {

package/esm/components/ItemList/ItemList.js

@@ -23,10 +23,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
   }
   return value;
 };
-/**
- * `ItemList` component is used for displaying list of [Items](#!/Item)
- * according to [Grid](#!/Grid) principle.
- * @since 0.0.48
+/**
+ * `ItemList` component is used for displaying list of [Items](#!/Item)
+ * according to [Grid](#!/Grid) principle.
+ * @since 0.0.48
  */
 class ItemList extends Component {
   constructor(_props) {
@@ -160,8 +160,8 @@ class ItemList extends Component {
     return result;
   }
 
-  /**
-   * There are some states where we can't manage hoverable state
+  /**
+   * There are some states where we can't manage hoverable state
    */
   canManageHoverableState() {
     const {

package/esm/components/Label/Label.js

@@ -7,9 +7,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TAG = 'span';
 
-/**
- * `Label` component is used for showing multiple characteristics or attributes of an object.
- * @since 0.0.42
+/**
+ * `Label` component is used for showing multiple characteristics or attributes of an object.
+ * @since 0.0.42
  */
 const Label = _ref => {
   let {

package/esm/components/Layer/Layer.js

@@ -7,8 +7,8 @@ import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
 const LevelContext = /*#__PURE__*/createContext(0);
 export const PortalContext = /*#__PURE__*/createContext(undefined);
-/**
- * `Layer` component.
+/**
+ * `Layer` component.
  */
 const Layer = _ref => {
   let {

package/esm/components/Layout/Layout.js

@@ -35,8 +35,8 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
-/**
- * @since 1.4.0
+/**
+ * @since 1.4.0
  */
 export default class Layout extends Component {
   constructor() {

package/esm/components/Link/Link.js

@@ -9,9 +9,9 @@ import { wrapFunction } from '../utils';
 import Icon from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Link` is used for navigation purposes.
- * @since 1.9.0
+/**
+ * `Link` is used for navigation purposes.
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {

package/esm/components/List/List.js

@@ -134,10 +134,10 @@ const getHumanTotalRows = _ref2 => {
       return null;
   }
 };
-/**
- * `List` component is used for displaying a collection of tabular data.
- * [More details about designing of lists.](#!/Sets%20of%20Objects)
- * @since 0.0.42
+/**
+ * `List` component is used for displaying a collection of tabular data.
+ * [More details about designing of lists.](#!/Sets%20of%20Objects)
+ * @since 0.0.42
  */
 class List extends Component {
   constructor() {
@@ -452,9 +452,6 @@ class List extends Component {
       sortColumn,
       sortDirection
     } = this.state;
-    if (!sortColumn || !sortDirection) {
-      return;
-    }
     const nextSortDirection = sortColumn === columnKey && sortDirection === 'ASC' ? 'DESC' : 'ASC';
     const nextSortColumn = columnKey;
     if (sortInPlace) {

package/esm/components/List/ListAction.js

@@ -3,10 +3,10 @@
 import Button from '../Button';
 import { MenuItem } from '../Menu';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ListAction` component is a part of [ListActions](#!/ListActions) component.
- * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
- * @since 3.3.0
+/**
+ * `ListAction` component is a part of [ListActions](#!/ListActions) component.
+ * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
+ * @since 3.3.0
  */
 const ListAction = _ref => {
   let {

package/esm/components/List/ListActions.js

@@ -10,9 +10,9 @@ import ListAction from './ListAction';
 import VerticalContext from '../VerticalContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
- * @since 3.3.0
+/**
+ * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
+ * @since 3.3.0
  */
 const ListActions = _ref => {
   let {

package/esm/components/List/ListActionsDivider.js

@@ -2,10 +2,10 @@
 
 import { MenuDivider } from '../Menu';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
- * It accepts the props of [MenuDivider](#!/MenuDivider) component.
- * @since 3.10.0
+/**
+ * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
+ * It accepts the props of [MenuDivider](#!/MenuDivider) component.
+ * @since 3.10.0
  */
 const ListActionsDivider = props => /*#__PURE__*/_jsx(MenuDivider, {
   ...props

package/esm/components/List/ListEmptyView.js

@@ -63,10 +63,10 @@ const buttonConfig = getButtonContextValue({
   }
 });
 
-/**
- * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
- * when there are no any objects are added to the list.
- * @since 2.5.0
+/**
+ * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
+ * when there are no any objects are added to the list.
+ * @since 2.5.0
  */
 const ListEmptyView = _ref => {
   let {

package/esm/components/List/ListOperation.js

@@ -31,10 +31,10 @@ const getDefaultText = key => {
     fallback: fallback
   });
 };
-/**
- * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
- * operations on multiple objects in [List](#!/List).
- * @since 2.4.0
+/**
+ * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
+ * operations on multiple objects in [List](#!/List).
+ * @since 2.4.0
  */
 const ListOperation = _ref => {
   let {

package/esm/components/LocaleProvider/LocaleProvider.js

@@ -71,9 +71,9 @@ export const useTranslate = namespace => {
     return typeof fallback === 'string' ? applyParams(fallback, params) : `[${key}]`;
   }, [context, namespace]);
 };
-/**
- * LocaleProvider provides a uniform localization support for built-in text of components.
- * @since 0.0.42
+/**
+ * LocaleProvider provides a uniform localization support for built-in text of components.
+ * @since 0.0.42
  */
 class LocaleProvider extends PureComponent {
   getChildContext() {

package/esm/components/Markdown/Markdown.js

@@ -6,9 +6,9 @@ import classNames from 'classnames';
 import { marked } from 'marked';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Markdown` component is used for creating content with rich text formatting.
- * @since 0.0.42
+/**
+ * `Markdown` component is used for creating content with rich text formatting.
+ * @since 0.0.42
  */
 const Markdown = _ref => {
   let {

package/esm/components/Media/Media.js

@@ -7,11 +7,11 @@ import Heading from '../Heading';
 import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32, ICON_SIZE_48, ICON_SIZE_64, ICON_SIZE_96, ICON_SIZE_128, ICON_SIZE_192 } from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Media` component is a combination of icon, text title and content.
- * This layout was so widely spread in our products so we have decided to create a special component for it.
- * Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
- * @since 0.0.45
+/**
+ * `Media` component is a combination of icon, text title and content.
+ * This layout was so widely spread in our products so we have decided to create a special component for it.
+ * Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
+ * @since 0.0.45
  */
 const Media = _ref => {
   let {

package/esm/components/Media/MediaSection.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MediaSection` is a part of [Media](#!/Media) component.
- * @since 0.0.68
+/**
+ * `MediaSection` is a part of [Media](#!/Media) component.
+ * @since 0.0.68
  */
 const MediaSection = _ref => {
   let {

package/esm/components/Menu/Menu.js

@@ -16,15 +16,15 @@ const hasIconItem = children => {
   });
   return result;
 };
-/**
- * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
- * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
- * [Dropdown](#!/Dropdown).
- *
- * `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
- * Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
- * or separated by [Menu Dividers](#!/MenuDivider).
- * @since 0.0.55
+/**
+ * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
+ * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
+ * [Dropdown](#!/Dropdown).
+ *
+ * `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
+ * Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
+ * or separated by [Menu Dividers](#!/MenuDivider).
+ * @since 0.0.55
  */
 const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
   let {

package/esm/components/Menu/MenuBaseItem.js

@@ -5,9 +5,9 @@ import { CLS_PREFIX } from '../../constants';
 import Icon, { ICON_SIZE_16 } from '../Icon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `MenuBaseItem` component.
- * @since 0.0.60
+/**
+ * `MenuBaseItem` component.
+ * @since 0.0.60
  */
 const MenuBaseItem = _ref => {
   let {

package/esm/components/Menu/MenuDivider.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuDivider` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuDivider` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuDivider = _ref => {
   let {

package/esm/components/Menu/MenuHeader.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuBaseItem from './MenuBaseItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuHeader` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuHeader` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuHeader = _ref => {
   let {

package/esm/components/Menu/MenuItem.js

@@ -7,9 +7,9 @@ import { CLS_PREFIX } from '../../constants';
 import { createProxyProps } from '../utils';
 import MenuBaseItem from './MenuBaseItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuItem` is a part of [Menu](#!/Menu) component.
- * @since 0.0.55
+/**
+ * `MenuItem` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.55
  */
 const MenuItem = _ref => {
   let {

package/esm/components/Menu/MenuSelectableItem.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuItem from './MenuItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuSelectableItem = _ref => {
   let {

package/esm/components/Overlay/Overlay.js

@@ -10,8 +10,8 @@ import Layer from '../Layer';
 import FocusTrap from '../FocusTrap';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Overlay` component.
+/**
+ * `Overlay` component.
  */
 
 let overlaysCount = 0;

package/esm/components/PageHeader/PageHeader.js

@@ -7,9 +7,9 @@ import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `PageHeader` component is used for identification of the current page.
- * @since 0.0.35
+/**
+ * `PageHeader` component is used for identification of the current page.
+ * @since 0.0.35
  */
 const PageHeader = _ref => {
   let {

package/esm/components/Pagination/Pagination.js

@@ -15,9 +15,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 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
+/**
+ * `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
+ * @since 0.0.54
  */
 const Pagination = _ref => {
   let {