@plesk/ui-library 3.35.7 → 3.35.8

package/esm/components/Overlay/Overlay.js

@@ -32,7 +32,7 @@ const OverlayCore = _ref => {
     onAnimationExited,
     ...props
   } = _ref;
-  const overlayRef = useRef(null);
+  const backdropRef = useRef(null);
   const contentRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
   useEffect(() => setIsOpen(externalIsOpen), [externalIsOpen]);
@@ -88,30 +88,38 @@ const OverlayCore = _ref => {
       children: element
     });
   };
+  const openClassName = `${baseClassName}--open`;
+  const transitionBaseProps = {
+    in: isOpen,
+    classNames: {
+      enterActive: openClassName,
+      enterDone: openClassName
+    },
+    timeout: 300
+  };
   return /*#__PURE__*/_jsx(Layer, {
     level: Z_INDEX_OVERLAY,
-    children: /*#__PURE__*/_jsx(CSSTransition, {
-      in: isOpen,
-      timeout: 300,
-      classNames: {
-        enterActive: `${baseClassName}--open`,
-        enterDone: `${baseClassName}--open`
-      },
-      onExited: onAnimationExited,
-      nodeRef: overlayRef,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: classNames(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
       style: {
         '--overlay-side-banner-background': sideBannerContainer?.background,
         '--overlay-side-banner-align': sideBannerContainer?.align,
         ...style
       },
-      children: /*#__PURE__*/_jsxs("div", {
-        ref: overlayRef,
-        className: classNames(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
-        ...props,
-        children: [/*#__PURE__*/_jsx("div", {
+      ...props,
+      children: [/*#__PURE__*/_jsx(CSSTransition, {
+        nodeRef: backdropRef,
+        ...transitionBaseProps,
+        children: /*#__PURE__*/_jsx("div", {
+          ref: backdropRef,
           className: `${baseClassName}__backdrop`,
           onClick: handleBackdropClick
-        }), /*#__PURE__*/_jsxs(FocusTrap, {
+        })
+      }), /*#__PURE__*/_jsx(CSSTransition, {
+        onExited: onAnimationExited,
+        nodeRef: contentRef,
+        ...transitionBaseProps,
+        children: /*#__PURE__*/_jsxs(FocusTrap, {
           className: `${baseClassName}__content`,
           onKeyUp: canCloseOnEscapePress ? handleContentKeyUp : undefined,
           ref: contentRef,
@@ -121,8 +129,8 @@ const OverlayCore = _ref => {
             className: `${baseClassName}__body`,
             children: children
           }), sideBanner && renderImage(sideBanner)]
-        })]
-      })
+        })
+      })]
     })
   });
 };

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plesk/ui-library",
-  "version": "3.35.7",
+  "version": "3.35.8",
   "description": "Plesk UI Library",
   "main": "index.js",
   "module": "esm/index.js",