@plesk/ui-library 3.40.5 → 3.40.6

package/esm/components/Carousel/Carousel.js

@@ -190,20 +190,6 @@ class Carousel extends Component {
     if (prevProps.autoplay !== this.props.autoplay) {
       this.props.autoplay ? this.play() : this.stop();
     }
-    const {
-      width
-    } = this.rootRef.current.getBoundingClientRect();
-    const {
-      slideWidths,
-      totalWidth
-    } = calcWidths(this.genuineRef.current);
-    if (this.state.totalWidth !== totalWidth) {
-      this.setState({
-        slideWidths,
-        totalWidth,
-        showControls: width < totalWidth
-      });
-    }
   }
   componentWillUnmount() {
     this.stop();

package/esm/components/LocaleProvider/LocaleProvider.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-import { PureComponent, isValidElement, cloneElement, createContext, useContext, useCallback } from 'react';
+import { PureComponent, isValidElement, cloneElement, createContext, useContext, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { jsx as _jsx } from "react/jsx-runtime";
 const applyParams = function (message) {
@@ -71,6 +71,21 @@ export const useTranslate = namespace => {
     return typeof fallback === 'string' ? applyParams(fallback, params) : `[${key}]`;
   }, [context, namespace]);
 };
+export const LocaleBetaProvider = _ref => {
+  let {
+    messages,
+    children
+  } = _ref;
+  const value = useMemo(() => ({
+    locale: {
+      lmsg: createTranslate(messages)
+    }
+  }), [messages]);
+  return /*#__PURE__*/_jsx(LocaleContext.Provider, {
+    value: value,
+    children: children
+  });
+};
 /**
  * LocaleProvider provides a uniform localization support for built-in text of components.
  * @since 0.0.42

package/esm/components/StatusMessage/StatusMessage.js

@@ -25,6 +25,7 @@ const StatusMessage = _ref => {
     ...props,
     children: [/*#__PURE__*/_jsx(Icon, {
       name: intentIconMap[intent],
+      intent: intent,
       className: `${baseClassName}__icon`
     }), children]
   });

package/esm/components/Tabs/SearchBar.js

@@ -7,7 +7,6 @@ import { CLS_PREFIX } from '../../constants';
 import { isRtl } from '../../utils';
 import Badge from '../Badge';
 import Button from '../Button';
-import ButtonGroup from '../ButtonGroup';
 import DistractionFreeModeContext from '../DistractionFreeModeContext';
 import Input from '../Input';
 import Menu, { MenuItem, MenuSelectableItem } from '../Menu';
@@ -339,7 +338,7 @@ class SearchBar extends Component {
     } = this.state;
     const isCollapsed = this.isResponsive();
     const distractionFreeModeEnabled = Boolean(distractionFreeMode && distractionFreeMode.enabled);
-    return /*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: classNames(baseClassName, {
         [`${baseClassName}--focused`]: focused
       }, className),
@@ -348,16 +347,16 @@ class SearchBar extends Component {
         minWidth
       },
       ...props,
-      children: [/*#__PURE__*/_jsx(ButtonGroup, {
+      children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/_jsx(Badge, {
+        intent: "info",
+        hidden: !value,
+        children: /*#__PURE__*/_jsx(Button, {
+          icon: "search",
+          onClick: this.handleExpand
+        })
+      }) : /*#__PURE__*/_jsxs("div", {
         className: `${baseClassName}__group`,
-        children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/_jsx(Badge, {
-          intent: "info",
-          hidden: !value,
-          children: /*#__PURE__*/_jsx(Button, {
-            icon: "search",
-            onClick: this.handleExpand
-          })
-        }) : /*#__PURE__*/_jsx(Input, {
+        children: [/*#__PURE__*/_jsx(Input, {
           innerRef: ref => this.search = ref,
           className: `${baseClassName}__input`,
           size: "fill",
@@ -387,8 +386,8 @@ class SearchBar extends Component {
               ghost: true
             })]
           })
-        })
-      }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === Menu && this.renderResultsMenu(results)]
+        }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === Menu && this.renderResultsMenu(results)]
+      })
     });
   }
 }

package/esm/components/index.js

@@ -53,8 +53,7 @@ export { default as ItemList } from './ItemList';
 export { default as Label } from './Label';
 export { default as Layout } from './Layout';
 export { default as List, ListActions, ListAction, ListOperation, ListEmptyView, ListActionsDivider } from './List';
-export { default as LocaleProvider } from './LocaleProvider';
-export * from './LocaleProvider';
+export { default as LocaleProvider, useTranslate, LocaleContext, LocaleBetaProvider } from './LocaleProvider';
 export { default as Markdown } from './Markdown';
 export { default as Media, MediaSection } from './Media';
 export { default as Menu, MenuDivider, MenuHeader, MenuItem, MenuSelectableItem, MenuBaseItem } from './Menu';

package/esm/hooks/useSqueeze.js

@@ -21,7 +21,9 @@ export const useSqueeze = _ref => {
     if (!ref.current) return;
     const root = ref.current;
     const width = Math.ceil(root.getBoundingClientRect().width);
-    const scrollWidth = Math.floor(root.scrollWidth);
+    const {
+      scrollWidth
+    } = root;
     let isCompactChanged = false;
     if (scrollWidth > width) {
       isCompactChanged = compact();

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.40.5",
+  "version": "3.40.6",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",
@@ -43,7 +43,7 @@
     "/index.js"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.24.7",
+    "@babel/runtime": "^7.24.8",
     "@plesk/react-movable": "^2.7.1",
     "classnames": "^2.5.1",
     "codemirror": "5.58.2",
@@ -59,14 +59,14 @@
     "use-focus-visible": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
+    "@babel/core": "^7.24.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@babel/types": "^7.24.7",
+    "@babel/types": "^7.24.9",
     "@csstools/postcss-logical-float-and-clear": "^1.0.1",
     "@plesk/eslint-config": "^3.0.0",
     "@plesk/stylelint-config": "^2.0.0",
@@ -81,7 +81,7 @@
     "@types/jest": "^29.5.12",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/marked": "^4.3.2",
-    "@types/node": "^16.18.98",
+    "@types/node": "^16.18.101",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-measure": "2.0.9",
@@ -108,7 +108,7 @@
     "less": "^4.2.0",
     "less-loader": "^11.1.4",
     "mini-css-extract-plugin": "^2.9.0",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "postcss-less": "^6.0.0",
     "postcss-loader": "^7.3.4",
     "postcss-logical": "^6.2.0",
@@ -117,8 +117,8 @@
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",
-    "react-styleguidist": "^13.1.2",
-    "rimraf": "^5.0.7",
+    "react-styleguidist": "^13.1.3",
+    "rimraf": "^5.0.9",
     "rtlcss": "^4.1.1",
     "style-loader": "^3.3.4",
     "stylelint": "^15.11.0",
@@ -129,7 +129,7 @@
     "svg-mixer": "^2.3.14",
     "terser-webpack-plugin": "^5.3.10",
     "typescript": "5.2.2",
-    "webpack": "^5.92.0",
+    "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4"
   },
   "peerDependencies": {