@plesk/ui-library 3.40.5 → 3.40.6

package/cjs/components/Carousel/Carousel.js

@@ -197,20 +197,6 @@ class Carousel extends _react.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/cjs/components/LocaleProvider/LocaleProvider.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTranslate = exports.default = exports.LocaleContext = void 0;
+exports.useTranslate = exports.default = exports.LocaleContext = exports.LocaleBetaProvider = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -79,6 +79,22 @@ const useTranslate = namespace => {
   }, [context, namespace]);
 };
 exports.useTranslate = useTranslate;
+const LocaleBetaProvider = _ref => {
+  let {
+    messages,
+    children
+  } = _ref;
+  const value = (0, _react.useMemo)(() => ({
+    locale: {
+      lmsg: createTranslate(messages)
+    }
+  }), [messages]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LocaleContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.LocaleBetaProvider = LocaleBetaProvider;
 /**
  * LocaleProvider provides a uniform localization support for built-in text of components.
  * @since 0.0.42

package/cjs/components/StatusMessage/StatusMessage.js

@@ -32,6 +32,7 @@ const StatusMessage = _ref => {
     ...props,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
       name: _intentIconMap.intentIconMap[intent],
+      intent: intent,
       className: `${baseClassName}__icon`
     }), children]
   });

package/cjs/components/Tabs/SearchBar.js

@@ -12,7 +12,6 @@ var _constants = require("../../constants");
 var _utils = require("../../utils");
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _ButtonGroup = _interopRequireDefault(require("../ButtonGroup"));
 var _DistractionFreeModeContext = _interopRequireDefault(require("../DistractionFreeModeContext"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
@@ -348,7 +347,7 @@ class SearchBar extends _react.Component {
     } = this.state;
     const isCollapsed = this.isResponsive();
     const distractionFreeModeEnabled = Boolean(distractionFreeMode && distractionFreeMode.enabled);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--focused`]: focused
       }, className),
@@ -357,16 +356,16 @@ class SearchBar extends _react.Component {
         minWidth
       },
       ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup.default, {
+      children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
+        intent: "info",
+        hidden: !value,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          icon: "search",
+          onClick: this.handleExpand
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: `${baseClassName}__group`,
-        children: isCollapsed && (collapsable || !distractionFreeModeEnabled) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
-          intent: "info",
-          hidden: !value,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            icon: "search",
-            onClick: this.handleExpand
-          })
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
           innerRef: ref => this.search = ref,
           className: `${baseClassName}__input`,
           size: "fill",
@@ -396,8 +395,8 @@ class SearchBar extends _react.Component {
               ghost: true
             })]
           })
-        })
-      }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+        }), Array.isArray(results) && this.renderResults(results), results && !Array.isArray(results) && results.type === _Menu.default && this.renderResultsMenu(results)]
+      })
     });
   }
 }

package/cjs/components/index.js

@@ -61,6 +61,9 @@ var _exportNames = {
   ListEmptyView: true,
   ListActionsDivider: true,
   LocaleProvider: true,
+  useTranslate: true,
+  LocaleContext: true,
+  LocaleBetaProvider: true,
   Markdown: true,
   Media: true,
   MediaSection: true,
@@ -432,6 +435,18 @@ Object.defineProperty(exports, "ListOperation", {
     return _List.ListOperation;
   }
 });
+Object.defineProperty(exports, "LocaleBetaProvider", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleBetaProvider;
+  }
+});
+Object.defineProperty(exports, "LocaleContext", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.LocaleContext;
+  }
+});
 Object.defineProperty(exports, "LocaleProvider", {
   enumerable: true,
   get: function () {
@@ -762,6 +777,12 @@ Object.defineProperty(exports, "Translate", {
     return _Translate.default;
   }
 });
+Object.defineProperty(exports, "useTranslate", {
+  enumerable: true,
+  get: function () {
+    return _LocaleProvider.useTranslate;
+  }
+});
 var _Action = _interopRequireDefault(require("./Action"));
 var _Alert = _interopRequireDefault(require("./Alert"));
 var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));
@@ -866,17 +887,6 @@ var _Label = _interopRequireDefault(require("./Label"));
 var _Layout = _interopRequireDefault(require("./Layout"));
 var _List = _interopRequireWildcard(require("./List"));
 var _LocaleProvider = _interopRequireWildcard(require("./LocaleProvider"));
-Object.keys(_LocaleProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LocaleProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _LocaleProvider[key];
-    }
-  });
-});
 var _Markdown = _interopRequireDefault(require("./Markdown"));
 var _Media = _interopRequireWildcard(require("./Media"));
 var _Menu = _interopRequireWildcard(require("./Menu"));

package/cjs/hooks/useSqueeze.js

@@ -27,7 +27,9 @@ 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/cjs/index.js

@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-const version = exports.version = "3.40.5";
+const version = exports.version = "3.40.6";
 (0, _svg4everybody.default)();