@plesk/ui-library 3.38.0 → 3.38.2

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';

package/esm/components/Radio/Radio.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";
 let radioId = 0;
 
 /**

package/esm/components/Section/Section.js

@@ -10,8 +10,7 @@ import FormContext from '../Form/FormContext';
 import InPlaceEdit from '../InPlaceEdit';
 import { isClickable } from '../utils';
 import VerticalContext, { VERTICAL_BREAKPOINT } 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";
 const getErrorsForChildren = (form, children) => {
   let errors = {};
   Children.forEach(children, child => {

package/esm/components/Section/SectionItem.js

@@ -4,8 +4,7 @@ import classNames from 'classnames';
 import { useContext } from 'react';
 import { CLS_PREFIX } from '../../constants';
 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";
 export const SECTION_ITEM_BASE_CLASS_NAME = `${CLS_PREFIX}section-item`;
 
 /**

package/esm/components/SegmentedControl/SegmentedControl.js

@@ -10,8 +10,7 @@ import Dropdown from '../Dropdown';
 import Menu, { MenuItem } from '../Menu';
 import ResponsiveContext from '../ResponsiveContext';
 import Squeezer from '../Squeezer';
-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 alphaSort = (a, b) => a > b ? 1 : -1;
 export const SEGMENTED_CONTROL_BASE_CLASS_NAME = `${CLS_PREFIX}segmented-control`;
 

package/esm/components/Select/MultiValue.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 MultiValue = _ref => {
   let {
     baseClassName = `${CLS_PREFIX}select-multi-value`,

package/esm/components/Select/SelectControl.js

@@ -6,8 +6,7 @@ import { useTranslate } from '../LocaleProvider';
 import { CLS_PREFIX } from '../../constants';
 import Icon from '../Icon';
 import MultiValue from './MultiValue';
-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_INPUT_WIDTH = 2;
 let inputMeter;
 const getInputWidth = target => {

package/esm/components/SplitButton/SplitButton.js

@@ -7,8 +7,7 @@ import Button from '../Button';
 import ButtonGroup from '../ButtonGroup';
 import Dropdown from '../Dropdown';
 import { wrapFunction, createFocusManager } 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 focusStrategy = {
   getNext(container, element) {
     const elements = container.children;

package/esm/components/Spot/SpotPopup.js

@@ -10,8 +10,7 @@ import Focuser from '../Overlay/Focuser';
 import { safeInvoke } from '../utils';
 
 // TODO: Use SpotSpotProps['popup'] instead of copypaste
-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 SpotPopup = _ref => {
   let {
     baseClassName = `${CLS_PREFIX}spot-popup`,

package/esm/components/Spot/SpotPulsar.js

@@ -3,8 +3,7 @@
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 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 OFFSET = 23;
 const calculate = (rect, placement) => {
   const placementTop = rect.height / 2;

package/esm/components/StatusMessage/StatusMessage.js

@@ -5,8 +5,7 @@ import Alert from '../Alert';
 import Icon from '../Icon';
 import { CLS_PREFIX } from '../../constants';
 import { intentIconMap } from '../intentIconMap';
-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";
 /**
  * `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.

package/esm/components/Switch/Switch.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";
 /**
  * `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.

package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js

@@ -7,8 +7,7 @@ import { CLS_PREFIX } from '../../constants';
 import Switch from '../Switch';
 import Action from '../Action';
 import Popover from '../Popover';
-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";
 /**
  * `SwitchesPanelItem` component is used for combining [Switch](#!/Switch) component with text title and description.
  * Used in [SwitchesPanel](#!/SwitchesPanel).

package/esm/components/Tabs/SearchBar.js

@@ -13,9 +13,7 @@ import Input from '../Input';
 import Menu, { MenuItem, MenuSelectableItem } from '../Menu';
 import ResponsiveContext from '../ResponsiveContext';
 import { safeInvoke } from '../utils';
-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";
 /**
  * `SearchBar` component is used for providing type-as-you-go search.
  * @since 0.0.58

package/esm/components/Tabs/Tabs.js

@@ -12,9 +12,7 @@ import Menu, { MenuItem } from '../Menu';
 import ResponsiveContext from '../ResponsiveContext';
 import { wrapFunction } from '../utils';
 import Tab from './Tab';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const ADDON_LEFT_PADDING = 5;
 const MIN_ADDON_WIDTH_DEFAULT = 150;
 const COLLAPSED_SEARCH_WIDTH = 60;

package/esm/components/Toast/Toast.js

@@ -8,8 +8,7 @@ import Icon from '../Icon';
 import Button from '../Button';
 import { intentIconMap } from '../intentIconMap';
 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";
 const AUTOCLOSE_TIMEOUT = 6000;
 export default class Toast extends Component {
   constructor() {

package/esm/components/Tooltip/Tooltip.js

@@ -6,9 +6,7 @@ import classNames from 'classnames';
 import { CLS_PREFIX, Z_INDEX_TOOLTIP } from '../../constants';
 import { wrapFunction } from '../utils';
 import { cloneElement, Component, createRef } from 'react';
-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 createRectFactory = (width, height) => (left, top) => ({
   top,
   left,

package/esm/index.js

@@ -1,6 +1,6 @@
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 import svg4everybody from 'svg4everybody';
-const version = "3.38.0";
+const version = "3.38.2";
 export * from './publicPath';
 export { version };
 export * from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.38.0",
+  "version": "3.38.2",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -43,7 +43,7 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.24.0",
+    "@babel/runtime": "^7.24.4",
     "@plesk/react-movable": "^2.7.1",
     "classnames": "^2.5.1",
     "codemirror": "5.58.2",
@@ -59,20 +59,20 @@
     "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
+    "@babel/core": "^7.24.4",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/plugin-transform-runtime": "^7.24.3",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
     "@babel/types": "^7.24.0",
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/buble": "^0.20.5",
     "@types/classnames": "2.3.1",
@@ -81,21 +81,21 @@
     "@types/jest": "^29.5.12",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/marked": "^4.3.2",
-    "@types/node": "^16.18.87",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
+    "@types/node": "^16.18.95",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@types/react-measure": "2.0.9",
     "@types/react-transition-group": "^4.4.10",
     "@types/svg4everybody": "2.1.2",
     "@types/webpack-env": "^1.18.4",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "autoprefixer": "^10.4.18",
+    "autoprefixer": "^10.4.19",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.10.0",
+    "css-loader": "^6.11.0",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",
@@ -108,7 +108,7 @@
     "less": "^4.2.0",
     "less-loader": "^11.1.4",
     "mini-css-extract-plugin": "^2.8.1",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.38",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^7.3.4",
     "postcss-logical": "^6.2.0",
@@ -129,7 +129,7 @@
     "svg-mixer": "^2.3.14",
     "terser-webpack-plugin": "^5.3.10",
     "typescript": "5.2.2",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4"
   },
   "peerDependencies": {