@plesk/ui-library 3.35.7 → 3.35.8

package/dist/plesk-ui-library.js

@@ -14768,7 +14768,7 @@ const OverlayCore = _ref => {
     onAnimationExited,
     ...props
   } = _ref;
-  const overlayRef = (0, _react.useRef)(null);
+  const backdropRef = (0, _react.useRef)(null);
   const contentRef = (0, _react.useRef)(null);
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => setIsOpen(externalIsOpen), [externalIsOpen]);
@@ -14824,30 +14824,38 @@ const OverlayCore = _ref => {
       children: element
     });
   };
+  const openClassName = `${baseClassName}--open`;
+  const transitionBaseProps = {
+    in: isOpen,
+    classNames: {
+      enterActive: openClassName,
+      enterDone: openClassName
+    },
+    timeout: 300
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
     level: _constants.Z_INDEX_OVERLAY,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
-      in: isOpen,
-      timeout: 300,
-      classNames: {
-        enterActive: `${baseClassName}--open`,
-        enterDone: `${baseClassName}--open`
-      },
-      onExited: onAnimationExited,
-      nodeRef: overlayRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(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__*/(0, _jsxRuntime.jsxs)("div", {
-        ref: overlayRef,
-        className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
-        ...props,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+        nodeRef: backdropRef,
+        ...transitionBaseProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: backdropRef,
           className: `${baseClassName}__backdrop`,
           onClick: handleBackdropClick
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+        onExited: onAnimationExited,
+        nodeRef: contentRef,
+        ...transitionBaseProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
           className: `${baseClassName}__content`,
           onKeyUp: canCloseOnEscapePress ? handleContentKeyUp : undefined,
           ref: contentRef,
@@ -14857,8 +14865,8 @@ const OverlayCore = _ref => {
             className: `${baseClassName}__body`,
             children: children
           }), sideBanner && renderImage(sideBanner)]
-        })]
-      })
+        })
+      })]
     })
   });
 };
@@ -87935,7 +87943,7 @@ function _setPrototypeOf(o, p) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.7","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.23.1","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.0","@babel/types":"^7.23.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.3","@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.5.1","@types/buble":"^0.20.2","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/jest":"^29.5.5","@types/jest-image-snapshot":"^6.2.1","@types/marked":"^4.3.2","@types/node":"^16.18.58","@types/react":"^18.2.25","@types/react-dom":"^18.2.11","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.7","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^6.7.4","@typescript-eslint/parser":"^6.7.4","autoprefixer":"^10.4.16","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.8.1","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.51.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.5.3","jest":"^29.7.0","jest-dev-server":"^9.0.1","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.2.0","less":"^4.2.0","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.31","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^18.2.0","react-docgen-typescript":"^2.2.2","react-dom":"^18.2.0","react-styleguidist":"^13.1.1","rimraf":"^5.0.5","rtlcss":"^4.1.1","style-loader":"^3.3.3","stylelint":"^15.10.3","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"5.2.2","webpack":"^5.88.2","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = JSON.parse('{"name":"@plesk/ui-library","version":"3.35.8","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types/src","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src","format":"prettier --write src","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.23.1","@plesk/react-movable":"^2.7.1","classnames":"^2.3.2","codemirror":"5.58.2","marked":"4.2.12","memoize-one":"^5.2.1","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"0.6.8","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^2.2.31","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.23.0","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.0","@babel/types":"^7.23.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.3","@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.5.1","@types/buble":"^0.20.2","@types/classnames":"2.3.1","@types/doctrine":"^0.0.5","@types/jest":"^29.5.5","@types/jest-image-snapshot":"^6.2.1","@types/marked":"^4.3.2","@types/node":"^16.18.58","@types/react":"^18.2.25","@types/react-dom":"^18.2.11","@types/react-measure":"2.0.9","@types/react-transition-group":"^4.4.7","@types/svg4everybody":"2.1.2","@typescript-eslint/eslint-plugin":"^6.7.4","@typescript-eslint/parser":"^6.7.4","autoprefixer":"^10.4.16","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.8.1","css-minimizer-webpack-plugin":"^5.0.1","eslint":"^8.51.0","eslint-config-prettier":"^8.10.0","eslint-plugin-markdown":"^3.0.1","html-webpack-plugin":"^5.5.3","jest":"^29.7.0","jest-dev-server":"^9.0.1","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.2.0","less":"^4.2.0","less-loader":"^11.1.3","mini-css-extract-plugin":"^2.7.6","postcss":"^8.4.31","postcss-less":"^6.0.0","postcss-loader":"^7.3.3","postcss-logical":"^6.2.0","prettier":"^2.8.8","puppeteer-core":"20.4.0","react":"^18.2.0","react-docgen-typescript":"^2.2.2","react-dom":"^18.2.0","react-styleguidist":"^13.1.1","rimraf":"^5.0.5","rtlcss":"^4.1.1","style-loader":"^3.3.3","stylelint":"^15.10.3","stylelint-declaration-block-no-ignored-properties":"^2.7.0","stylelint-no-unsupported-browser-features":"^6.1.0","stylelint-prettier":"^3.0.0","stylelint-use-logical-spec":"^5.0.0","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.9","typescript":"5.2.2","webpack":"^5.88.2","webpack-cli":"^5.1.4"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3","postcss":"^8.4.23"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),