@pushwoosh/dumb-components 1.1.61 → 1.1.62

package/DropdownMenu/components/DropdownMenu/DropdownMenu.js

@@ -12,6 +12,7 @@ export const DropdownMenu = ({
   menuPlacement,
   openOnMount = false,
   fullWidth,
+  onClose,
   children
 }) => {
   const [isOpen, setIsOpen] = useState(openOnMount);
@@ -38,6 +39,7 @@ export const DropdownMenu = ({
         var _refs$floating$curren;
         if (!((_refs$floating$curren = refs.floating.current) !== null && _refs$floating$curren !== void 0 && _refs$floating$curren.contains(e.target)) && !refs.reference.current.contains(e.target)) {
           setIsOpen(false);
+          onClose === null || onClose === void 0 || onClose();
         }
       };
       document.addEventListener('click', handleClickListener);
@@ -45,7 +47,7 @@ export const DropdownMenu = ({
         document.removeEventListener('click', handleClickListener);
       };
     }
-  }, [isOpen, refs.floating, refs.reference]);
+  }, [isOpen, refs.floating, refs.reference, onClose]);
   useEffect(() => {
     if (isOpen && isScrollable && refs.floating.current) {
       const activeElement = refs.floating.current.querySelector('[data-active="true"]');
@@ -59,7 +61,12 @@ export const DropdownMenu = ({
   return React.createElement(DropdownContext.Provider, {
     value: setIsOpen
   }, renderHandler({
-    onClick: () => setIsOpen(prev => !prev),
+    onClick: () => {
+      setIsOpen(prev => !prev);
+      if (isOpen) {
+        onClose === null || onClose === void 0 || onClose();
+      }
+    },
     ref: refs.setReference,
     isOpen
   }), isOpen && React.createElement(Place, {

package/DropdownMenu/components/DropdownMenu/types.d.ts

@@ -13,6 +13,7 @@ export type DropdownMenuProps = {
     menuZIndex?: number;
     menuPlacement?: Placement;
     fullWidth?: boolean;
+    onClose?: () => void;
     renderHandler: (args: HandlerProps) => ReactNode;
     children: (() => ReactNode) | ReactNode;
 };

package/DropdownMenu/components/DropdownMenuButton/DropdownMenuButton.js

@@ -6,6 +6,7 @@ export const DropdownMenuButton = ({
   isScrollable,
   menuZIndex,
   menuPlacement,
+  onClose,
   children,
   ...buttonProps
 }) => {
@@ -13,6 +14,7 @@ export const DropdownMenuButton = ({
     isScrollable: isScrollable,
     menuZIndex: menuZIndex,
     menuPlacement: menuPlacement,
+    onClose: onClose,
     renderHandler: ({
       ref,
       onClick,

package/DropdownMenu/components/DropdownMenuButton/types.d.ts

@@ -6,6 +6,7 @@ export type DropdownMenuButtonProps = {
     isScrollable?: boolean;
     menuZIndex?: number;
     menuPlacement?: Placement;
+    onClose?: () => void;
     color: RequiredButtonProps['color'];
     size?: RequiredButtonProps['size'];
     view?: RequiredButtonProps['view'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.61",
+  "version": "1.1.62",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",