@plesk/ui-library 3.38.1 → 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,
@@ -184,10 +183,13 @@ 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();

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.

package/esm/components/Menu/MenuBaseItem.js

@@ -3,8 +3,7 @@
 import classNames from 'classnames';
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `MenuBaseItem` component.
  * @since 0.0.60

package/esm/components/Overlay/Overlay.js

@@ -8,8 +8,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX, Z_INDEX_OVERLAY } from '../../constants';
 import Layer from '../Layer';
 import FocusTrap from '../FocusTrap';
-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";
 /**
  * `Overlay` component.
  */

package/esm/components/PageHeader/PageHeader.js

@@ -5,8 +5,7 @@ import { Children } from 'react';
 import { isLikeText } from '../Translate';
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `PageHeader` component is used for identification of the current page.
  * @since 0.0.35

package/esm/components/Pagination/Pagination.js

@@ -10,8 +10,7 @@ import SegmentedControl from '../SegmentedControl';
 import Text from '../Text';
 import Translate 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";
 export const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
 const VIEW_DEFAULT = 'default';
 const VIEW_POPOVER = 'popover';

package/esm/components/Panel/Panel.js

@@ -8,8 +8,7 @@ import { isLikeText } from '../Translate';
 import Heading from '../Heading';
 import Button from '../Button';
 import { isClickable } 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";
 /**
  * `Panel` component is used for visually grouping some content.
  * @since 0.0.35

package/esm/components/Popover/Popover.js

@@ -14,8 +14,7 @@ import { wrapFunction } from '../utils';
 import OnDarkContext from '../OnDarkContext';
 import FocusTrap from '../FocusTrap';
 import { cloneElement, Component, createRef } from 'react';
-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 PLACEMENT_MAP = {
   'top-left': 'top-end',
   'top-right': 'top-start',

package/esm/components/Popper/Popper.js

@@ -7,8 +7,7 @@ import { cloneElement, Component, createRef, Fragment } from 'react';
 import { findDOMNode } from 'react-dom';
 import { CLS_PREFIX } from '../../constants';
 import Layer from '../Layer';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
  * `Popper` component.
  */

package/esm/components/ProgressDialog/ProgressDialog.js

@@ -9,8 +9,7 @@ import Translate from '../Translate';
 import { safeInvoke } from '../utils';
 import { STATUS_DONE, STATUS_ERROR, STATUS_WARNING } from '../ProgressStep';
 import Progress from '../Progress';
-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";
 /**
  * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
  * @since 1.2.0

package/esm/components/ProgressStep/ProgressStep.js

@@ -7,8 +7,7 @@ import StatusComponent from '../Status';
 import { CLS_PREFIX } from '../../constants';
 import ProgressBar from '../ProgressBar';
 import OnDarkContext from '../OnDarkContext';
-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 STATUS_NOT_STARTED = 'not_started';
 export const STATUS_RUNNING = 'running';
 export const STATUS_DONE = 'done';