@plesk/ui-library 3.36.1 → 3.37.0

package/cjs/components/Panel/Panel.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
+var _reactTransitionGroup = require("react-transition-group");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-var _reactTransitionGroup = require("react-transition-group");
 var _Translate = require("../Translate");
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Button = _interopRequireDefault(require("../Button"));
@@ -17,107 +16,71 @@ var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Panel` component is used for visually grouping some content.
- * @since 0.0.35
+/**
+ * `Panel` component is used for visually grouping some content.
+ * @since 0.0.35
  */
-class Panel extends _react.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "handleToggle", e => {
-      if ((0, _utils.isClickable)(e)) {
-        return;
-      }
-      this.setState(_ref => {
-        let {
-          collapsed
-        } = _ref;
-        return {
-          collapsed: !collapsed
-        };
-      }, () => {
-        if (this.props.onToggle) {
-          this.props.onToggle(this.state.collapsed);
-        }
-      });
-    });
-    const _collapsed2 = this.props.collapsible && this.props.collapsed || false;
-    // eslint-disable-next-line react/state-in-constructor
-    this.state = {
-      collapsed: _collapsed2,
-      prevPropsCollapsed: _collapsed2
-    };
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.collapsed !== state.prevPropsCollapsed) {
-      return {
-        collapsed: props.collapsed,
-        prevPropsCollapsed: props.collapsed
-      };
+const Panel = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}panel`,
+    className,
+    title,
+    collapsible = false,
+    collapsed: externalCollapsed,
+    onToggle,
+    children,
+    extra,
+    ...props
+  } = _ref;
+  const rootRef = (0, _react.useRef)(null);
+  const isControlled = externalCollapsed !== undefined;
+  const [internalCollapsed, setInternalCollapsed] = (0, _react.useState)(false);
+  const collapsed = isControlled ? externalCollapsed : internalCollapsed;
+  const handleToggle = e => {
+    if (!collapsible || (0, _utils.isClickable)(e)) return;
+    if (!isControlled) {
+      setInternalCollapsed(!collapsed);
     }
-    return null;
-  }
-  render() {
-    const {
-      baseClassName,
-      className,
-      title,
-      collapsible,
-      collapsed: _collapsed,
-      onToggle,
-      children,
-      extra,
-      ...props
-    } = this.props;
-    const {
-      collapsed
-    } = this.state;
-    const handleToggle = collapsible ? this.handleToggle : undefined;
-    const rootRef = /*#__PURE__*/(0, _react.createRef)();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      classNames: `${baseClassName}-`,
-      in: !collapsed,
-      timeout: 300,
-      nodeRef: rootRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(baseClassName, {
-          [`${baseClassName}--collapsible`]: collapsible,
-          [`${baseClassName}--collapsed`]: collapsed,
-          [`${baseClassName}--expanded`]: !collapsed
-        }, className),
-        ...props,
-        ref: rootRef,
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__header`,
-          onClick: handleToggle,
-          children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
-            component: "div",
-            level: 4,
-            className: `${baseClassName}__title`,
-            children: title
-          }) : title, (extra || collapsible) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__extra`,
-            children: [extra, collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-              ghost: true,
-              className: `${baseClassName}__control-button`,
-              icon: {
-                name: 'chevron-up',
-                flipVertical: collapsed
-              },
-              onClick: handleToggle
-            })]
+    onToggle?.(!collapsed);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    classNames: `${baseClassName}-`,
+    in: !collapsed,
+    timeout: 300,
+    nodeRef: rootRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(baseClassName, {
+        [`${baseClassName}--collapsible`]: collapsible,
+        [`${baseClassName}--collapsed`]: collapsed,
+        [`${baseClassName}--expanded`]: !collapsed
+      }, className),
+      ...props,
+      ref: rootRef,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__header`,
+        onClick: handleToggle,
+        children: [(0, _Translate.isLikeText)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
+          component: "div",
+          level: 4,
+          className: `${baseClassName}__title`,
+          children: title
+        }) : title, (extra || collapsible) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__extra`,
+          children: [extra, collapsible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+            ghost: true,
+            className: `${baseClassName}__control-button`,
+            icon: {
+              name: 'chevron-up',
+              flipVertical: collapsed
+            },
+            onClick: handleToggle
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${baseClassName}__content`,
-          children: children
         })]
-      })
-    });
-  }
-}
-(0, _defineProperty2.default)(Panel, "defaultProps", {
-  collapsible: false,
-  collapsed: false,
-  baseClassName: `${_constants.CLS_PREFIX}panel`
-});
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__content`,
+        children: children
+      })]
+    })
+  });
+};
 var _default = exports.default = Panel;

package/cjs/components/Paragraph/Paragraph.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
- * @since 1.1.0
+/**
+ * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
+ * @since 1.1.0
  */
 const Paragraph = _ref => {
   let {

package/cjs/components/Plaintext/Plaintext.js

@@ -10,9 +10,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
- * @since 0.0.42
+/**
+ * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
+ * @since 0.0.42
  */
 const Plaintext = _ref => {
   let {

package/cjs/components/Popover/Popover.js

@@ -40,10 +40,10 @@ const PLACEMENT_MAP = {
 const ARROW_HEIGHT = 26;
 const isControlled = props => props.visible !== null;
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
-/**
- * `Popover` component is non-modal pop-up window used for providing additional information
- * for an interface element. It also may contain Form with few fields or any other small content.
- * @since 0.0.42
+/**
+ * `Popover` component is non-modal pop-up window used for providing additional information
+ * for an interface element. It also may contain Form with few fields or any other small content.
+ * @since 0.0.42
  */
 class Popover extends _react.Component {
   constructor() {

package/cjs/components/Popper/Popper.js

@@ -15,8 +15,8 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Popper` component.
+/**
+ * `Popper` component.
  */
 class Popper extends _react.Component {
   constructor() {

package/cjs/components/Progress/Progress.js

@@ -14,9 +14,9 @@ var _ProgressStep = require("../ProgressStep");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Progress` is used for showing progress of performing long operations.
- * @since 1.10.0
+/**
+ * `Progress` is used for showing progress of performing long operations.
+ * @since 1.10.0
  */
 class Progress extends _react.Component {
   constructor() {

package/cjs/components/ProgressDialog/ProgressDialog.js

@@ -17,9 +17,9 @@ var _Progress = _interopRequireDefault(require("../Progress"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
- * @since 1.2.0
+/**
+ * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
+ * @since 1.2.0
  */
 class ProgressDialog extends _react.Component {
   constructor() {

package/cjs/components/ProgressDialogStep/ProgressDialogStep.js

@@ -10,9 +10,9 @@ var _ProgressStep = _interopRequireDefault(require("../ProgressStep"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
- * @since 1.2.0
+/**
+ * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
+ * @since 1.2.0
  */const ProgressDialogStep = props => {
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line no-console

package/cjs/components/ProgressStep/ProgressStep.js

@@ -23,9 +23,9 @@ const STATUS_DONE = exports.STATUS_DONE = 'done';
 const STATUS_WARNING = exports.STATUS_WARNING = 'warning';
 const STATUS_ERROR = exports.STATUS_ERROR = 'error';
 const STATUS_CANCELED = exports.STATUS_CANCELED = 'canceled';
-/**
- * `ProgressStep` is a part of the [Progress](#!/Progress) component.
- * @since 1.10.0
+/**
+ * `ProgressStep` is a part of the [Progress](#!/Progress) component.
+ * @since 1.10.0
  */
 const ProgressStep = _ref => {
   let {

package/cjs/components/Radio/Radio.js

@@ -12,9 +12,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 let radioId = 0;
 
-/**
- * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
- * @since 3.2.0
+/**
+ * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
+ * @since 3.2.0
  */
 const Radio = _ref => {
   let {

package/cjs/components/Rating/Rating.js

@@ -19,9 +19,9 @@ const width = value => {
   }
   return result;
 };
-/**
- * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
- * @since 0.0.42
+/**
+ * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
+ * @since 0.0.42
  */
 const Rating = _ref => {
   let {

package/cjs/components/Rating/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
-<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
-</svg>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
+<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>

package/cjs/components/Section/Section.js

@@ -239,10 +239,10 @@ class Section extends _react.Component {
   }
 }
 
-/**
- * `Section` component is used for dividing of complex content into groups for better readability
- * and comprehension of the presented information.
- * @since 0.0.54
+/**
+ * `Section` component is used for dividing of complex content into groups for better readability
+ * and comprehension of the presented information.
+ * @since 0.0.54
  */
 (0, _defineProperty2.default)(Section, "defaultProps", DEFAULT_PROPS);
 const SectionWrapper = props => {

package/cjs/components/Section/SectionItem.js

@@ -14,9 +14,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const SECTION_ITEM_BASE_CLASS_NAME = exports.SECTION_ITEM_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}section-item`;
 
-/**
- * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
- * @since 0.0.54
+/**
+ * `SectionItem` component is used for showing parameters and its values in [Section](#!/Section).
+ * @since 0.0.54
  */
 const SectionItem = _ref => {
   let {

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -23,10 +23,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const alphaSort = (a, b) => a > b ? 1 : -1;
 const SEGMENTED_CONTROL_BASE_CLASS_NAME = exports.SEGMENTED_CONTROL_BASE_CLASS_NAME = `${_constants.CLS_PREFIX}segmented-control`;
 
-/**
- *  `Segmented Control` is a group of several [Buttons](#!/Button)
- * each of which functions as a mutually exclusive option.
- * @since 0.0.68
+/**
+ *  `Segmented Control` is a group of several [Buttons](#!/Button)
+ * each of which functions as a mutually exclusive option.
+ * @since 0.0.68
  */
 class SegmentedControl extends _react.Component {
   constructor() {

package/cjs/components/Select/MultiValue.js

@@ -44,7 +44,7 @@ const MultiValue = _ref => {
           focusable: "false",
           "aria-hidden": "true",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-            d: "M3.85 8.854a.498.498 0 1 1-.704-.704L5.296 6l-2.15-2.15a.498.498 0 0 1 .704-.704L6 5.296l2.15-2.15a.498.498 0 1 1\r .704.704L6.704 6l2.15 2.15a.498.498 0 0 1-.704.704L6 6.704l-2.15 2.15z"
+            d: "M3.85 8.854a.498.498 0 1 1-.704-.704L5.296 6l-2.15-2.15a.498.498 0 0 1 .704-.704L6 5.296l2.15-2.15a.498.498 0 1 1 .704.704L6.704 6l2.15 2.15a.498.498 0 0 1-.704.704L6 6.704l-2.15 2.15z"
           })
         })
       })]

package/cjs/components/Select/Select.js

@@ -95,9 +95,9 @@ const getNextValue = (value, prevValue) => {
   }
   return value;
 };
-/**
- * `Select` component is used for making a choice among a set of related options.
- * @since 2.3.0
+/**
+ * `Select` component is used for making a choice among a set of related options.
+ * @since 2.3.0
  */
 const Select = _ref => {
   let {

package/cjs/components/Select/SelectControl.js

@@ -226,7 +226,7 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
             "aria-hidden": "true",
             focusable: "false",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1\r .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
+              d: "M.85 7.854a.498.498 0 1 1-.704-.704L3.296 4 .146.85A.498.498 0 0 1 .85.146L4 3.296 7.15.146a.498.498 0 0 1 .704.704L4.704 4l3.15 3.15a.498.498 0 0 1-.704.704L4 4.704.85 7.854z"
             })
           })
         })

package/cjs/components/Select/SelectOption.js

@@ -7,10 +7,11 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
- * @since 2.3.0
- */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+/**
+ * `SelectOption` is a part of [SelectOptionGroup](#!/SelectOptionGroup) component.
+ * @since 2.3.0
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const SelectOption = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing
   // eslint-disable-next-line no-constant-condition

package/cjs/components/Select/SelectOptionGroup.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
- * @since 2.3.0
+/**
+ * `SelectOptionGroup` is a part of [Select](#!/Select) component. It can be used for splitting the list of all options into groups.
+ * @since 2.3.0
  */
 const SelectOptionGroup = _props => {
   // styleguidist doesn't show Props & Methods if component renders nothing

package/cjs/components/Skeleton/Skeleton.js

@@ -11,10 +11,10 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Skeleton` (or content-placeholder) is placeholder preview of content before the data gets loaded to reduce load-time frustration.
- * Skeleton is used for non-text components, images, media-objects, etc.
- * @since 3.28.0
+/**
+ * `Skeleton` (or content-placeholder) is placeholder preview of content before the data gets loaded to reduce load-time frustration.
+ * Skeleton is used for non-text components, images, media-objects, etc.
+ * @since 3.28.0
  */
 const Skeleton = _ref => {
   let {

package/cjs/components/Skeleton/SkeletonTabs.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * Skeleton for tabs component
- * @since `3.28.0
+/**
+ * Skeleton for tabs component
+ * @since `3.28.0
  */
 const SkeletonTabs = _ref => {
   let {

package/cjs/components/Skeleton/SkeletonText.js

@@ -11,9 +11,9 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
- * @since 3.28.0
+/**
+ * Skeleton for text-containing components. Is can be used inside Paragraph, as title, or single text
+ * @since 3.28.0
  */
 const SkeletonText = _ref => {
   let {

package/cjs/components/Spinner/Spinner.js

@@ -10,8 +10,8 @@ var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Spinner` component.
+/**
+ * `Spinner` component.
  */
 const Spinner = _ref => {
   let {

package/cjs/components/SplitButton/SplitButton.js

@@ -37,11 +37,11 @@ const focusStrategy = {
     return container.children[1].querySelector('button');
   }
 };
-/**
- * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
- * It is used for grouping several related actions when one of the actions should be accessible immediately
- * because it is used more often than others.
- * @since 0.0.40
+/**
+ * `Split Button` is a combination of a standard [Button](#!/Button) with a [Dropdown](#!/Dropdown) menu.
+ * It is used for grouping several related actions when one of the actions should be accessible immediately
+ * because it is used more often than others.
+ * @since 0.0.40
  */
 const SplitButton = _ref => {
   let {

package/cjs/components/Spot/Spot.js

@@ -16,9 +16,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 const isEqual = (a, b) => a.top === b.top && a.left === b.left && a.right === b.right && a.bottom === b.bottom && a.width === b.width && a.height === b.height;
 
-/**
- * The component can be used to attract the user's attention to a specific element on the page.
- * @since 3.0.1
+/**
+ * The component can be used to attract the user's attention to a specific element on the page.
+ * @since 3.0.1
  */
 const Spot = _ref => {
   let {

package/cjs/components/Status/Status.js

@@ -27,9 +27,9 @@ const toIcon = (icon, intent) => {
   } : undefined);
 };
 
-/**
- * `Status` component is used for indicating state of an object or the system.
- * @since 0.0.68
+/**
+ * `Status` component is used for indicating state of an object or the system.
+ * @since 0.0.68
  */
 const Status = _ref => {
   let {

package/cjs/components/StatusMessage/StatusMessage.js

@@ -13,10 +13,10 @@ var _intentIconMap = require("../intentIconMap");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `StatusMessage` is used for notifying users about events happened (or going to happen) in the system.
- * For showing results of performed operations [Toaster](#!/Toaster) should be used.
- * @since 1.12.0
+/**
+ * `StatusMessage` is used for notifying users about events happened (or going to happen) in the system.
+ * For showing results of performed operations [Toaster](#!/Toaster) should be used.
+ * @since 1.12.0
  */
 const StatusMessage = _ref => {
   let {

package/cjs/components/Subnav/Subnav.js

@@ -12,9 +12,9 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
- * @since 0.0.42
+/**
+ * `Subnav` component is used when you need a second level navigation under [Tabs](#!/Tabs) on the screen.
+ * @since 0.0.42
  */
 const Subnav = _ref => {
   let {
@@ -92,8 +92,8 @@ const Subnav = _ref => {
     children: items
   });
 };
-/**
- * SubnavItem component.
+/**
+ * SubnavItem component.
  */
 const SubnavItem = _ref2 => {
   let {

package/cjs/components/Switch/Switch.js

@@ -11,10 +11,10 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `Switch` component is used for changing the state of an object or system preferences.
- * It provides immediate results that is why it should not be used in Form.
- * @since 0.0.42
+/**
+ * `Switch` component is used for changing the state of an object or system preferences.
+ * It provides immediate results that is why it should not be used in Form.
+ * @since 0.0.42
  */
 const Switch = _ref => {
   let {

package/cjs/components/SwitchesPanel/SwitchesPanel.js

@@ -12,9 +12,9 @@ var _Section = _interopRequireDefault(require("../Section"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
- * @since 0.3.0
+/**
+ * `SwitchesPanel` component is used for grouping several [SwitchesPanelItems](#!/SwitchesPanelItem) into one set.
+ * @since 0.3.0
  */
 const SwitchesPanel = _ref => {
   let {

package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js

@@ -15,10 +15,10 @@ var _Popover = _interopRequireDefault(require("../Popover"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-/**
- * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
- * Used in [SwitchesPanel](#!/SwitchesPanel).
- * @since 0.3.0
+/**
+ * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
+ * Used in [SwitchesPanel](#!/SwitchesPanel).
+ * @since 0.3.0
  */
 class SwitchesPanelItem extends _react.Component {
   constructor() {