@plesk/ui-library 3.40.9 → 3.40.11

package/README.md

@@ -1,50 +1,50 @@
-# UI Library
-
-## Installation
-
-```
-yarn add @plesk/ui-library
-```
-
-## Usage
-
-Here is an example of how to use the UI Library with `create-react-app`.
-
-```shell
-yarn create react-app example
-cd example
-yarn add @plesk/ui-library
-yarn start
-```
-
-Replace the contents of the `src/App.js` file with the following code:
-
-```js
-import { Layout, Button } from '@plesk/ui-library';
-import '@plesk/ui-library/dist/plesk-ui-library.css';
-
-function App() {
-    return (
-        <Layout>
-            <Button>{'Hello World!'}</Button>
-        </Layout>
-    );
-}
-
-export default App;
-```
-
-## Development
-
-Sometimes you need to fix UI Library bug that fires in your project using UI Library.
-
-There is a way to test dev version of the UI Library with your project. You need to use `yarn link` command,
-but there are some details.
-
-* First, you need to run `yarn link` in your UI Library working copy root directory.
-* Then, you need to run `yarn link @plesk/ui-library` in your project working copy root directory.
-* Third. There is a bug with a React library that makes us to do additional steps. Run `yarn link` in your
-project's `node_modules/react` and `node_modules/react-dom` directories.
-* Then, run `yarn link react` and `yarn link react-dom` in your UI Library working copy root directory.
-
-So, in this setup, your project will use the dev copy of UI Library. And UI Library will use React from your project.
+# UI Library
+
+## Installation
+
+```
+yarn add @plesk/ui-library
+```
+
+## Usage
+
+Here is an example of how to use the UI Library with `create-react-app`.
+
+```shell
+yarn create react-app example
+cd example
+yarn add @plesk/ui-library
+yarn start
+```
+
+Replace the contents of the `src/App.js` file with the following code:
+
+```js
+import { Layout, Button } from '@plesk/ui-library';
+import '@plesk/ui-library/dist/plesk-ui-library.css';
+
+function App() {
+    return (
+        <Layout>
+            <Button>{'Hello World!'}</Button>
+        </Layout>
+    );
+}
+
+export default App;
+```
+
+## Development
+
+Sometimes you need to fix UI Library bug that fires in your project using UI Library.
+
+There is a way to test dev version of the UI Library with your project. You need to use `yarn link` command,
+but there are some details.
+
+* First, you need to run `yarn link` in your UI Library working copy root directory.
+* Then, you need to run `yarn link @plesk/ui-library` in your project working copy root directory.
+* Third. There is a bug with a React library that makes us to do additional steps. Run `yarn link` in your
+project's `node_modules/react` and `node_modules/react-dom` directories.
+* Then, run `yarn link react` and `yarn link react-dom` in your UI Library working copy root directory.
+
+So, in this setup, your project will use the dev copy of UI Library. And UI Library will use React from your project.

package/cjs/components/Action/Action.js

@@ -16,9 +16,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/Alert/Alert.js

@@ -10,11 +10,11 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/AutoClosable/AutoClosable.js

@@ -12,9 +12,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const AutoClosableContext = /*#__PURE__*/(0, _react.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 _react.Component {
   constructor() {

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * 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/cjs/components/Badge/Badge.js

@@ -13,9 +13,9 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -13,10 +13,10 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/Button/Button.js

@@ -185,9 +185,9 @@ const Button = /*#__PURE__*/(0, _react.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
  */
 var _default = exports.default = Button;

package/cjs/components/ButtonGroup/ButtonGroup.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/Card/Card.js

@@ -26,9 +26,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 _react.Component {
   constructor() {
@@ -370,94 +370,94 @@ class Card extends _react.Component {
   }
 }
 Card.propTypes = {
-  /**
-   * Content of the `Card`.
-   * @since 0.0.54
+  /**
+   * Content of the `Card`.
+   * @since 0.0.54
    */
   children: _propTypes.default.node,
-  /**
-   * View mode.
-   * @since 0.0.54
+  /**
+   * View mode.
+   * @since 0.0.54
    */
   view: _propTypes.default.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.default.oneOf(['warning', 'danger', 'inactive']),
-  /**
-   * Text of title.
-   * @since 0.0.54
+  /**
+   * Text of title.
+   * @since 0.0.54
    */
   title: _propTypes.default.node.isRequired,
-  /**
-   * Link for title.
-   * @since 0.0.54
+  /**
+   * Link for title.
+   * @since 0.0.54
    */
   titleLink: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.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.default.arrayOf(_propTypes.default.element),
-  /**
-   * Text of subtitle.
-   * @since 0.0.54
+  /**
+   * Text of subtitle.
+   * @since 0.0.54
    */
   subtitle: _propTypes.default.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.default.arrayOf(_propTypes.default.element),
-  /**
-   * List of additional buttons in header.
-   * @since 0.0.54
+  /**
+   * List of additional buttons in header.
+   * @since 0.0.54
    */
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
     icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]).isRequired,
     onClick: _propTypes.default.func.isRequired,
     tooltip: _propTypes.default.node
   })),
-  /**
-   * See [Menu](#!/Menu).
-   * @since 0.3.0
+  /**
+   * See [Menu](#!/Menu).
+   * @since 0.3.0
    */
   menu: _propTypes.default.element,
-  /**
-   * Selection control.
-   * @since 0.0.54
+  /**
+   * Selection control.
+   * @since 0.0.54
    */
   selection: _propTypes.default.shape({
     isSelected: _propTypes.default.bool.isRequired,
     onSelectionChange: _propTypes.default.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.default.element,
-  /**
-   * Side content section.
-   * @since 0.0.54
+  /**
+   * Side content section.
+   * @since 0.0.54
    */
   sideContent: _propTypes.default.element,
-  /**
-   * Content for row view.
-   * @since 0.0.54
+  /**
+   * Content for row view.
+   * @since 0.0.54
    */
   rowContent: _propTypes.default.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.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Card/CardButton.js

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

package/cjs/components/Card/PreviewPanel.js

@@ -36,9 +36,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/cjs/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/cjs/components/CardList/CardList.js

@@ -29,11 +29,11 @@ const VIEW_RESPONSIVE = exports.VIEW_RESPONSIVE = 'responsive';
 const VIEW_EXTENDED = exports.VIEW_EXTENDED = 'extended';
 const VIEW_ROW = exports.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 _react.Component {
   constructor() {
@@ -325,91 +325,91 @@ class CardList extends _react.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.default.array.isRequired,
-  /**
-   * Callback for fetching items.
-   * @since 0.0.68
+  /**
+   * Callback for fetching items.
+   * @since 0.0.68
    */
   onItemsFetch: _propTypes.default.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.default.number,
-  /**
-   * Default page number.
-   * @since 1.0.1
+  /**
+   * Default page number.
+   * @since 1.0.1
    */
   defaultPage: _propTypes.default.number,
-  /**
-   * View mode.
-   * @since 0.0.54
+  /**
+   * View mode.
+   * @since 0.0.54
    */
   view: _propTypes.default.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.default.func,
-  /**
-   * View switcher config.
-   * @since 0.0.59
+  /**
+   * View switcher config.
+   * @since 0.0.59
    */
   viewSwitcher: _propTypes.default.bool,
-  /**
-   * Array of keys of selected cards.
-   * @since 0.0.59
+  /**
+   * Array of keys of selected cards.
+   * @since 0.0.59
    */
   selection: _propTypes.default.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.default.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.default.shape({
-    /**
-     * See [Badge](#!/Badge) for all props.
+    /**
+     * See [Badge](#!/Badge) for all props.
      */
     badge: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-    /**
-     * Array of additional [MenuItems](#!/MenuItem).
+    /**
+     * Array of additional [MenuItems](#!/MenuItem).
      */
     menuItems: _propTypes.default.arrayOf(_propTypes.default.element)
   }),
-  /**
-   * Toolbar groups for the toolbar.
-   * @since 0.0.59
+  /**
+   * Toolbar groups for the toolbar.
+   * @since 0.0.59
    */
   toolbarGroups: _propTypes.default.arrayOf(_propTypes.default.element),
-  /**
-   * Unique key.
-   * @since 0.0.59
+  /**
+   * Unique key.
+   * @since 0.0.59
    */
   itemKey: _propTypes.default.string.isRequired,
-  /**
-   * Render function for item.
-   * @since 0.0.59
+  /**
+   * Render function for item.
+   * @since 0.0.59
    */
   itemRender: _propTypes.default.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.default.bool,
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   baseClassName: _propTypes.default.string
 };

package/cjs/components/Carousel/Carousel.js

@@ -23,10 +23,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 _react.Component {
   constructor() {

package/cjs/components/Checkbox/Checkbox.js

@@ -11,9 +11,9 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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/cjs/components/CodeEditor/CodeEditor.js

@@ -14,9 +14,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-/**
- * `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 _react.Component {
   constructor() {

package/cjs/components/Columns/Column.js

@@ -14,9 +14,9 @@ var _jsxRuntime = require("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/cjs/components/Columns/Columns.js

@@ -15,9 +15,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `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 {