@plesk/ui-library 3.38.0 → 3.38.2

package/esm/components/Action/Action.js

@@ -6,8 +6,7 @@ import { CLS_PREFIX } from '../../constants';
 import { wrapFunction } from '../utils';
 import Icon, { ICON_SIZE_16 } from '../Icon';
 import Spinner from '../Spinner';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+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

package/esm/components/Alert/Alert.js

@@ -2,8 +2,7 @@
 
 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";
+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)

package/esm/components/Badge/Badge.js

@@ -5,8 +5,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Label from '../Label';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+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

package/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -5,8 +5,7 @@ import { Children } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+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.

package/esm/components/Button/Button.js

@@ -28,8 +28,7 @@ const oldIconNames = {
 import ResponsiveContext from '../ResponsiveContext';
 import OnDarkContext from '../OnDarkContext';
 import ButtonContext from './ButtonContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const renderIcon = _ref => {
   let {
     baseClassName,

package/esm/components/Card/Card.js

@@ -12,8 +12,7 @@ import ContentLoader from '../ContentLoader';
 import Translate from '../Translate';
 import CardButton from './CardButton';
 import PreviewPanel from './PreviewPanel';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const VIEW_TILE = 'tile';
 const VIEW_EXTENDED = 'extended';
 const VIEW_ROW = 'row';

package/esm/components/Card/PreviewPanel.js

@@ -6,8 +6,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { loadImage } from './helpers';
 import noImage from './images/no-image.svg';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const determineSource = _ref => {
   let {
     image,

package/esm/components/CardList/CardList.js

@@ -14,8 +14,7 @@ import Button from '../Button';
 import Spinner from '../Spinner';
 import Translate from '../Translate';
 import CardListToolbar from './CardListToolbar';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const VIEW_TILE = 'tile';
 export const VIEW_RESPONSIVE = 'responsive';
 export const VIEW_EXTENDED = 'extended';

package/esm/components/Carousel/Carousel.js

@@ -7,10 +7,9 @@ import classNames from 'classnames';
 import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const calcWidths = node => {
-  const slideWidths = [].map.call(node.childNodes, el => el.clientWidth);
+  const slideWidths = [].map.call(node.childNodes, el => el.getBoundingClientRect().width);
   const totalWidth = slideWidths.reduce((prev, curr) => prev + curr, 0);
   return {
     slideWidths,
@@ -24,7 +23,9 @@ const calcWidths = node => {
  */
 class Carousel extends Component {
   constructor() {
+    var _this;
     super(...arguments);
+    _this = this;
     _defineProperty(this, "state", {
       showControls: false,
       current: 0,
@@ -77,9 +78,14 @@ class Carousel extends Component {
         showControls: (bounds?.width || 0) < totalWidth
       });
     });
+    _defineProperty(this, "getChildrenCount", () => {
+      const {
+        children
+      } = this.props;
+      return Array.isArray(children) ? children?.reduce((prev, curr) => Array.isArray(curr) ? prev + curr.length : prev + 1, 0) : 0;
+    });
     _defineProperty(this, "renderNavigationDots", () => {
       const {
-        children,
         baseClassName,
         dots,
         items
@@ -90,18 +96,17 @@ class Carousel extends Component {
       const {
         current
       } = this.state;
-      const childrenCount = children?.length ?? 1;
-      const pages = Math.ceil(childrenCount / items);
-      if (pages <= 1) {
+      const childrenCount = this.getChildrenCount();
+      if (childrenCount <= 1) {
         return null;
       }
       return /*#__PURE__*/_jsx("div", {
         className: `${baseClassName}__dots`,
         children: Array.from({
-          length: pages
+          length: childrenCount
         }).map((_, idx) => /*#__PURE__*/_jsx("div", {
           role: "button",
-          className: classNames(`${baseClassName}__dots--dot`, current === idx ? `${baseClassName}__dots--dot-current` : null),
+          className: classNames(`${baseClassName}__dot`, current === idx ? `${baseClassName}__dot--current` : null),
           "aria-current": current === idx,
           onClick: () => this.setCurrentSlide(idx)
           // eslint-disable-next-line react/no-array-index-key
@@ -148,19 +153,23 @@ class Carousel extends Component {
         })]
       });
     });
-    _defineProperty(this, "renderSliderItems", () => {
+    _defineProperty(this, "renderSliderItems", function () {
+      let showCurrent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       const {
         children,
         baseClassName,
         items
-      } = this.props;
-      const childrenCount = children?.length ?? 1;
+      } = _this.props;
+      const {
+        current
+      } = _this.state;
+      const childrenCount = _this.getChildrenCount();
       let width = '';
       if (items) {
-        width = `calc(100% / ${Math.min(childrenCount, items)})`;
+        width = `${Math.ceil(100 / Math.min(childrenCount, items))}%`;
       }
-      return Children.map(children, item => item && /*#__PURE__*/_jsx("div", {
-        className: `${baseClassName}__item`,
+      return Children.map(children, (item, idx) => item && /*#__PURE__*/_jsx("div", {
+        className: classNames(`${baseClassName}__item`, showCurrent && idx === current ? `${baseClassName}__item--current` : null),
         style: {
           width
         },
@@ -174,30 +183,16 @@ class Carousel extends Component {
       this.play();
     }
   }
-  componentDidUpdate() {
+  componentDidUpdate(prevProps) {
     if (!this.rootRef.current || !this.genuineRef.current) {
       return;
     }
+    if (prevProps.autoplay !== this.props.autoplay) {
+      this.props.autoplay ? this.play() : this.stop();
+    }
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
-    const {
-      items,
-      children
-    } = this.props;
-    if (items) {
-      const slideItems = items;
-      const childrenCount = children?.length ?? 1;
-      const totalWidth = childrenCount * (width / slideItems);
-      if (this.state.totalWidth !== totalWidth) {
-        this.setState({
-          slideWidths: new Array(childrenCount).fill(width),
-          totalWidth,
-          showControls: childrenCount > slideItems
-        });
-      }
-      return;
-    }
     const {
       slideWidths,
       totalWidth
@@ -231,7 +226,7 @@ class Carousel extends Component {
     if (current >= slideWidths.length) {
       current = 0;
     }
-    this.props.onSlide?.(next);
+    this.props.onSlide?.(current);
     this.setState({
       current,
       next,
@@ -317,7 +312,7 @@ class Carousel extends Component {
               children: [showControls && this.renderSliderItems(), /*#__PURE__*/_jsx("div", {
                 className: `${baseClassName}__genuine-slides`,
                 ref: this.genuineRef,
-                children: this.renderSliderItems()
+                children: this.renderSliderItems(true)
               }), showControls && this.renderSliderItems()]
             }), this.renderNavigationArrows()]
           }), this.renderNavigationDots()]

package/esm/components/Checkbox/Checkbox.js

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

package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -1,15 +1,13 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import { useRef, useState, useEffect, useLayoutEffect } from 'react';
+import { useRef, useState, useEffect, useLayoutEffect, createElement as _createElement } from 'react';
 import { Z_INDEX_DROPDOWN, CLS_PREFIX } from '../../constants';
 import classNames from 'classnames';
 import Popper from '../Popper';
 import Menu, { MenuItem, MenuHeader } from '../Menu';
 import AutoClosable from '../AutoClosable';
 import { safeInvoke, scrollIntoView } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const findNextSafeIndex = (currIndex, diff, options) => {
   const maxIndex = options.length - 1;
   let attempt = 0;

package/esm/components/ConsoleOutput/ConsoleOutput.js

@@ -4,8 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { PureComponent, createRef } from 'react';
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };

package/esm/components/ContentLoader/ContentLoader.js

@@ -5,8 +5,7 @@ import classNames from 'classnames';
 import Spinner from '../Spinner';
 import IconsLoader from './IconsLoader';
 import { CLS_PREFIX } from '../../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getLoader = loader => {
   let loaderType;
   let loaderProps = {};

package/esm/components/ContentLoader/IconsLoader.js

@@ -4,8 +4,7 @@ import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import Icon from '../Icon';
 import { CLS_PREFIX } from '../../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
 const useIconCursor = (icons, initialCursor, isSync) => {
   const targetRef = useRef(null);

package/esm/components/Cuttable/Cuttable.js

@@ -7,8 +7,7 @@ import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import Translate from '../Translate';
 import Link from '../Link';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+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

package/esm/components/Dialog/Dialog.js

@@ -11,8 +11,7 @@ import Heading from '../Heading';
 import Text from '../Text';
 import Translate, { isLikeText } from '../Translate';
 import { safeInvoke } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/isValidElement(value);
 
 /**

package/esm/components/Drawer/Drawer.js

@@ -11,8 +11,7 @@ import Heading from '../Heading';
 import { isLikeText } from '../Translate';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DrawerProgress from './DrawerProgress';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultProps = {
   isOpen: false,
   subtitle: undefined,

package/esm/components/Drawer/DrawerProgress.js

@@ -9,8 +9,7 @@ import Progress from '../Progress';
 import ProgressStep, { STATUS_DONE, STATUS_ERROR, STATUS_NOT_STARTED } from '../ProgressStep';
 import { CLS_PREFIX } from '../../constants';
 import { safeInvoke } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const additionalButtonsConfig = getButtonContextValue({
   defaultProps: {
     size: 'lg'

package/esm/components/Drawer/Header.js

@@ -5,8 +5,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Button from '../Button';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Header = _ref => {
   let {
     baseClassName = `${CLS_PREFIX}drawer-header`,

package/esm/components/Dropdown/Dropdown.js

@@ -12,9 +12,7 @@ import Layer from '../Layer';
 import { MenuItem, MenuDivider } from '../Menu';
 import Translate from '../Translate';
 import localeFallback from './locale/en-US';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const createTarget = (node, _ref) => {
   let {
     onToggle,

package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -3,8 +3,7 @@
 import classNames from 'classnames';
 import ContentLoader from '../ContentLoader';
 import { CLS_PREFIX } from '../../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `ExtendedStatusMessage` component is similar to regular [StatusMessage](#!/StatusMessage)
  * but it is used when the message itself is the primary content on the page.

package/esm/components/Figure/Figure.js

@@ -2,8 +2,7 @@
 
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Figure component.
  * @since 0.0.42

package/esm/components/FocusTrap/FocusTrap.js

@@ -3,8 +3,7 @@
 import { useRef, useMemo, forwardRef } from 'react';
 import { createFocusManager, mergeRefs, wrapFunction } from '../utils';
 import { isFocusable } from '../Overlay/Focuser';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const canSkip = node => node instanceof HTMLElement && node.dataset && node.dataset.skipAutoFocus;
 const createFocusStrategy = checkSkipAutoFocusRef => {
   const elements = [];

package/esm/components/Form/Form.js

@@ -15,8 +15,7 @@ import FormContext from './FormContext';
 import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import DisabledContext from './DisabledContext';
 import { safeInvoke } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const actionButtonsConfig = getButtonContextValue({
   defaultProps: {
     size: 'lg'

package/esm/components/FormField/FormField.js

@@ -18,8 +18,7 @@ import FormContext from '../Form/FormContext';
 import VerticalContext from '../VerticalContext';
 import ScrollableElementFormContext from '../Form/ScrollableElementFormContext';
 import DisabledContext from '../Form/DisabledContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const BASE_FORM_FIELD_CLASS_NAME = `${CLS_PREFIX}form-field`;
 const defaultValue = undefined;
 const defaultProps = {

package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -5,9 +5,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Checkbox from '../Checkbox';
 import FormField from '../FormField';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldCheckbox` component is used for turning an option on or off
  * and selecting or deselecting an item.

package/esm/components/FormFieldPassword/FormFieldPassword.js

@@ -11,8 +11,7 @@ import Translate from '../Translate';
 import PasswordMeter from './PasswordMeter';
 import generatePassword from './generatePassword';
 import locale from './locale/en-US';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldPassword` component provides secure way to enter a password.
  * @since 0.0.58

package/esm/components/FormFieldPassword/PasswordMeter.js

@@ -5,9 +5,7 @@ import Popover from '../Popover';
 import Translate from '../Translate';
 import estimatePassword, { DEFAULT_RULES } from './estimatePassword';
 import locale from './locale/en-US';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const strengthIntents = {
   VeryWeak: 'danger',
   Weak: 'danger',

package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js

@@ -6,8 +6,7 @@ import { CLS_PREFIX } from '../../constants';
 import FormField, { BASE_FORM_FIELD_CLASS_NAME } from '../FormField';
 import Hint from '../Hint';
 import Radio from '../Radio';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `FormFieldRadioButtons` is used for making a choice among a set of mutually exclusive, related options. Only one option can be chosen.
  * @since 0.2.0

package/esm/components/Heading/Heading.js

@@ -3,8 +3,7 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32 } from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
  * @since 2.3.0

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -9,8 +9,7 @@ import Input from '../Input';
 import Tooltip from '../Tooltip';
 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";
+import { jsx as _jsx, 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

package/esm/components/Input/Input.js

@@ -2,8 +2,7 @@
 
 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";
+import { jsx as _jsx, 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

package/esm/components/InputFile/InputFile.js

@@ -8,9 +8,7 @@ import Text from '../Text';
 import Button from '../Button';
 import Translate from '../Translate';
 import localeFallback from './locale/en-US';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const generateId = () => Math.random().toString(36).slice(2);
 
 /**

package/esm/components/Item/Item.js

@@ -8,8 +8,7 @@ import Media from '../Media';
 import Heading from '../Heading';
 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";
+import { jsx as _jsx, 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)).

package/esm/components/Label/Label.js

@@ -3,8 +3,7 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TAG = 'span';
 
 /**

package/esm/components/Layout/Layout.js

@@ -6,8 +6,7 @@ import Measure from 'react-measure';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { CLS_PREFIX } from '../../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const subscribeMatchMedia = (query, handler) => {
   const mq = window.matchMedia(query);
   handler(mq);

package/esm/components/Link/Link.js

@@ -7,8 +7,7 @@ import { CLS_PREFIX } from '../../constants';
 import OnDarkContext from '../OnDarkContext';
 import { wrapFunction } from '../utils';
 import Icon from '../Icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `Link` is used for navigation purposes.
  * @since 1.9.0

package/esm/components/List/List.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import { Fragment, cloneElement, isValidElement, createRef, Component } from 'react';
+import { Fragment, cloneElement, isValidElement, createRef, Component, createElement as _createElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
@@ -21,10 +21,7 @@ import VerticalContext, { VERTICAL_BREAKPOINT } from '../VerticalContext';
 import ListEmptyView from './ListEmptyView';
 import Columns, { Column } from '../Columns';
 import { FocusVisibleManager, useFocusVisible } from 'use-focus-visible';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line func-style
 function getRowKey(row, props) {
   const {

package/esm/components/List/ListActions.js

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

package/esm/components/List/ListEmptyView.js

@@ -7,8 +7,7 @@ import empty from './images/default.png';
 import filtered from './images/filtered.png';
 import { CLS_PREFIX } from '../../constants';
 import { ButtonContext, getButtonContextValue } from '../Button/ButtonContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const createImage = (baseClassName, image, reason) => {
   if (image === undefined) {
     image = reason === 'filtered' ? filtered : empty;

package/esm/components/List/ListOperation.js

@@ -10,8 +10,7 @@ import Media from '../Media';
 import Icon from '../Icon';
 import Text from '../Text';
 import Paragraph from '../Paragraph';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const toBold = value => value === undefined ? undefined : /*#__PURE__*/_jsx(Text, {
   bold: true,
   children: value

package/esm/components/Media/Media.js

@@ -5,8 +5,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 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";
+import { jsx as _jsx, 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.