@plesk/ui-library 3.31.2 → 3.32.0

package/cjs/components/Drawer/Header.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
 var _react = _interopRequireWildcard(require("react"));
@@ -14,6 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
 var _Icon = _interopRequireDefault(require("../Icon"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
@@ -27,11 +27,11 @@ class Header extends _react.Component {
       baseClassName,
       onClose
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
       size: "lg",
-      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "chevron-left",
         flipHorizontal: this.isRtl,
         className: `${baseClassName}__icon`
@@ -44,11 +44,11 @@ class Header extends _react.Component {
       baseClassName,
       onClose
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
       size: "lg",
-      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         className: `${baseClassName}__icon`,
         name: "minimize"
       }),
@@ -63,11 +63,11 @@ class Header extends _react.Component {
       baseClassName,
       onClose
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--close`),
       size: "lg",
-      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: 'cross-mark',
         className: `${baseClassName}__icon`
       }),
@@ -93,30 +93,38 @@ class Header extends _react.Component {
           prefix = this.renderBackButton();
           break;
         case hideButton:
-          suffix = /*#__PURE__*/_react.default.createElement("div", {
-            className: `${baseClassName}__actions`
-          }, this.renderHideButton(), this.renderCloseButton({
-            disabled: true
-          }));
+          suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${baseClassName}__actions`,
+            children: [this.renderHideButton(), this.renderCloseButton({
+              disabled: true
+            })]
+          });
           break;
         default:
-          suffix = /*#__PURE__*/_react.default.createElement("div", {
-            className: `${baseClassName}__actions`
-          }, this.renderCloseButton());
+          suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__actions`,
+            children: this.renderCloseButton()
+          });
           break;
       }
     }
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      className: baseClassName
-    }, props), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__inner`
-    }, prefix, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__content`
-    }, children, tabs && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__tabs`
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__tabs-inner`
-    }, tabs))), suffix));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: baseClassName,
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__inner`,
+        children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${baseClassName}__content`,
+          children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__tabs`,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${baseClassName}__tabs-inner`,
+              children: tabs
+            })
+          })]
+        }), suffix]
+      })
+    });
   }
 }
 exports.default = Header;

package/cjs/components/Dropdown/Dropdown.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("../../utils");
 var _react = _interopRequireWildcard(require("react"));
 var _utils2 = require("../utils");
@@ -19,6 +18,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 var _Menu = require("../Menu");
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
@@ -29,9 +29,10 @@ const createTarget = (node, _ref) => {
     targetRef
   } = _ref;
   if (false === ( /*#__PURE__*/(0, _react.isValidElement)(node) && node.type !== _Translate.default)) {
-    node = /*#__PURE__*/_react.default.createElement(_Button.default, {
-      caret: true
-    }, node);
+    node = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      caret: true,
+      children: node
+    });
   }
   let isKeyboardEvent = false;
   return /*#__PURE__*/(0, _react.cloneElement)(node, {
@@ -99,18 +100,17 @@ const useEnhancedMenu = (menu, _ref2) => {
     children
   } = menu.props;
   if (overlay) {
-    children = [...menu.props.children, /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, {
-      className: `${baseClassName}__overlay-menu-divider`,
-      key: "divider"
-    }), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    children = [...menu.props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {
+      className: `${baseClassName}__overlay-menu-divider`
+    }, "divider"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
       onClick: handleClose,
-      key: "close"
-    }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      namespace: "Dropdown",
-      content: "close",
-      translators: locale,
-      fallback: _enUS.default.close
-    }))];
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+        namespace: "Dropdown",
+        content: "close",
+        translators: locale,
+        fallback: _enUS.default.close
+      })
+    }, "close")];
   }
   const clone = /*#__PURE__*/(0, _react.cloneElement)(menu, {
     onItemClick: (0, _utils2.wrapFunction)(menu.props.onItemClick, handleClose),
@@ -147,10 +147,8 @@ const Dropdown = _ref3 => {
   const [opened, setOpened] = (0, _react.useState)(false);
   const [autoFocus, setAutoFocus] = (0, _react.useState)(false);
   const closeTimerRef = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    return () => {
-      clearTimeout(closeTimerRef.current);
-    };
+  (0, _react.useEffect)(() => () => {
+    clearTimeout(closeTimerRef.current);
   }, []);
   const handleOpen = isKeyboardEvent => {
     setAutoFocus(isKeyboardEvent);
@@ -176,30 +174,40 @@ const Dropdown = _ref3 => {
     onToggle: handleOpen,
     targetRef
   });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--opened`]: opened
-    }, className)
-  }, props), overlay ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target, opened && /*#__PURE__*/_react.default.createElement(_Layer.default, {
-    level: _constants.Z_INDEX_OVERLAY
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__overlay`
-  }, /*#__PURE__*/_react.default.createElement(_AutoClosable.default, {
-    onClose: handleClose,
-    nodeRef: menuRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__overlay-menu`
-  }, enhancedMenu))))) : /*#__PURE__*/_react.default.createElement(_Popper.default, {
-    target: target,
-    targetRef: targetRef,
-    placement: computePlacement(menuPlacement),
-    show: opened,
-    className: `${baseClassName}__popper`,
-    zIndex: _constants.Z_INDEX_DROPDOWN
-  }, /*#__PURE__*/_react.default.createElement(_AutoClosable.default, {
-    onClose: handleClose,
-    nodeRef: menuRef
-  }, enhancedMenu)));
+    }, className),
+    ...props,
+    children: overlay ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [target, opened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
+        level: _constants.Z_INDEX_OVERLAY,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__overlay`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoClosable.default, {
+            onClose: handleClose,
+            nodeRef: menuRef,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${baseClassName}__overlay-menu`,
+              children: enhancedMenu
+            })
+          })
+        })
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+      target: target,
+      targetRef: targetRef,
+      placement: computePlacement(menuPlacement),
+      show: opened,
+      className: `${baseClassName}__popper`,
+      zIndex: _constants.Z_INDEX_DROPDOWN,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoClosable.default, {
+        onClose: handleClose,
+        nodeRef: menuRef,
+        children: enhancedMenu
+      })
+    })
+  });
 };
 Dropdown.propTypes = {
   /**

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -27,21 +26,26 @@ const ExtendedStatusMessage = _ref => {
     loading,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__container`
-  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, {
-      [`${baseClassName}--${intent}`]: intent,
-      [`${baseClassName}--loading`]: loading
-    }, className)
-  }, props), image ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__image`
-  }, image) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__body`
-  }, children), loading && /*#__PURE__*/_react.default.createElement(_ContentLoader.default, {
-    overlay: true,
-    text: loading === true ? null : loading
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__container`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(baseClassName, {
+        [`${baseClassName}--${intent}`]: intent,
+        [`${baseClassName}--loading`]: loading
+      }, className),
+      ...props,
+      children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__image`,
+        children: image
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__body`,
+        children: children
+      }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentLoader.default, {
+        overlay: true,
+        text: loading === true ? null : loading
+      })]
+    })
+  });
 };
 var _default = ExtendedStatusMessage;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -23,9 +22,11 @@ const ExtendedStatusMessageActions = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(`${baseClassName}__actions`, className)
-  }, props), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(`${baseClassName}__actions`, className),
+    ...props,
+    children: children
+  });
 };
 var _default = ExtendedStatusMessageActions;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -23,9 +22,11 @@ const ExtendedStatusMessageDescription = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(`${baseClassName}__description`, className)
-  }, props), children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(`${baseClassName}__description`, className),
+    ...props,
+    children: children
+  });
 };
 var _default = ExtendedStatusMessageDescription;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -20,9 +19,10 @@ const ExtendedStatusMessageSeparator = _ref => {
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("hr", (0, _extends2.default)({
-    className: (0, _classnames.default)(className)
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
+    className: (0, _classnames.default)(className),
+    ...props
+  });
 };
 var _default = ExtendedStatusMessageSeparator;
 exports.default = _default;

package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js

@@ -5,11 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Heading = _interopRequireDefault(require("../Heading"));
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -24,10 +23,12 @@ const ExtendedStatusMessageTitle = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Heading.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.default, {
     level: 3,
-    className: (0, _classnames.default)(`${baseClassName}__title`, className)
-  }, props), children);
+    className: (0, _classnames.default)(`${baseClassName}__title`, className),
+    ...props,
+    children: children
+  });
 };
 var _default = ExtendedStatusMessageTitle;
 exports.default = _default;

package/cjs/components/Figure/Figure.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
@@ -25,14 +25,17 @@ const Figure = _ref => {
     children,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("figure", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, className)
-  }, props), children, href && /*#__PURE__*/_react.default.createElement("a", {
-    href: href,
-    className: (0, _classnames.default)(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
-  }), caption && /*#__PURE__*/_react.default.createElement("figcaption", {
-    className: (0, _classnames.default)(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`)
-  }, caption));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [children, href && /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: href,
+      className: (0, _classnames.default)(`${baseClassName}__overlay`, `${baseClassName}__overlay--cover`, `${baseClassName}__action`)
+    }), caption && /*#__PURE__*/(0, _jsxRuntime.jsx)("figcaption", {
+      className: (0, _classnames.default)(`${baseClassName}__overlay`, `${baseClassName}__overlay--bottom`),
+      children: caption
+    })]
+  });
 };
 Figure.propTypes = {
   /**

package/cjs/components/FocusTrap/FocusTrap.js

@@ -1,16 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _utils = require("../utils");
 var _Focuser = require("../Overlay/Focuser");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const canSkip = node => node instanceof HTMLElement && node.dataset && node.dataset.skipAutoFocus;
@@ -106,17 +103,19 @@ const FocusTrap = (_ref, ref) => {
         break;
     }
   });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     onFocus: handleFocus,
     ref: (0, _utils.mergeRefs)(rootRef, ref),
-    tabIndex: -1
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: 0,
-    ref: trapBeforeRef
-  }), children, /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: 0,
-    ref: trapAfterRef
-  }));
+    tabIndex: -1,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: 0,
+      ref: trapBeforeRef
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: 0,
+      ref: trapAfterRef
+    })]
+  });
 };
 FocusTrap.displayName = 'FocusTrap';
 var _default = /*#__PURE__*/(0, _react.forwardRef)(FocusTrap);