@trackunit/react-modal 0.0.5 → 0.0.7

package/index.cjs.js

@@ -183,10 +183,19 @@ const useModal = ({ closeOnOutsideClick } = {}) => {
     const WrappedModal = React.useCallback(PortalWrapper, [Portal, isOpen]);
     return {
         Modal: WrappedModal,
-        toggleModal: togglePortal,
-        openModal: openPortal,
-        closeModal: closePortal,
-        isOpen,
+        toggleModal: (e) => {
+            togglePortal(e);
+        },
+        openModal: (e) => {
+            openPortal(e);
+        },
+        closeModal: (e) => {
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            closePortal(e);
+        },
+        // eslint-disable-next-line local-rules/no-typescript-assertion
+        isOpen: isOpen,
     };
 };
 

package/index.esm.js

@@ -157,10 +157,19 @@ const useModal = ({ closeOnOutsideClick } = {}) => {
     const WrappedModal = useCallback(PortalWrapper, [Portal, isOpen]);
     return {
         Modal: WrappedModal,
-        toggleModal: togglePortal,
-        openModal: openPortal,
-        closeModal: closePortal,
-        isOpen,
+        toggleModal: (e) => {
+            togglePortal(e);
+        },
+        openModal: (e) => {
+            openPortal(e);
+        },
+        closeModal: (e) => {
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            closePortal(e);
+        },
+        // eslint-disable-next-line local-rules/no-typescript-assertion
+        isOpen: isOpen,
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-modal",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/modal/useModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { BaseSyntheticEvent } from "react";
 import { ModalProps } from "./Modal";
 export interface UseModalProps {
     closeOnOutsideClick?: boolean;
@@ -14,8 +14,8 @@ export declare const useModal: ({ closeOnOutsideClick }?: UseModalProps) => {
         (props: ModalProps): JSX.Element;
         displayName: string;
     };
-    toggleModal: any;
-    openModal: any;
-    closeModal: any;
-    isOpen: any;
+    toggleModal: (e?: BaseSyntheticEvent) => void;
+    openModal: (e?: BaseSyntheticEvent) => void;
+    closeModal: (e?: BaseSyntheticEvent) => void;
+    isOpen: boolean;
 };