@mailstep/design-system 0.5.0-beta.26 → 0.5.0-beta.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.5.0-beta.26",
+  "version": "0.5.0-beta.27",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Popover/index.d.ts

@@ -1,10 +1,12 @@
 import React, { FC } from 'react';
 import { Placement } from '@popperjs/core';
+import { StyledComponent } from 'styled-components';
 type DropdownMenuProps = {
     parentRef: React.MutableRefObject<HTMLDivElement | null | undefined>;
     onClose: () => void;
     children: React.ReactChild;
     placement?: Placement;
+    wrapper?: StyledComponent<any, any>;
 };
 declare const Popover: FC<DropdownMenuProps>;
 export default Popover;

package/ui/Blocks/Popover/index.js

@@ -9,11 +9,12 @@ import { useClickOutside } from '../Modal/hooks/useClickOutside';
 import Portal from '../../Elements/Portal';
 var PopoverWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 5;\n"], ["\n  z-index: 5;\n"])));
 var Popover = function (_a) {
-    var placement = _a.placement, children = _a.children, onClose = _a.onClose, parentRef = _a.parentRef;
+    var placement = _a.placement, wrapper = _a.wrapper, children = _a.children, onClose = _a.onClose, parentRef = _a.parentRef;
     var popperRef = useClickOutside({ onClose: onClose, parentRef: parentRef });
+    var Wrapper = wrapper || PopoverWrapper;
     return (_jsx(Portal, { children: _jsx("div", { ref: popperRef, children: _jsx(Popper, { innerRef: popperRef, referenceElement: parentRef.current, placement: placement, children: function (_a) {
                     var ref = _a.ref, style = _a.style;
-                    return (_jsx(PopoverWrapper, { ref: ref, style: style, children: children }));
+                    return (_jsx(Wrapper, { ref: ref, style: style, children: children }));
                 } }) }) }));
 };
 export default Popover;