#88 added hideOnClose flag (#89)

* #88 add hideOnClose flag

* #88 fixed eslint issues

* #88 patch 2.4.1

Author: Quernest

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.4.0",
+  "version": "2.4.1",
   "license": "MIT",
   "name": "mui-modal-provider",
   "author": "Quernest",

src/modal-provider.test.tsx

@@ -27,6 +27,7 @@ describe('ModalProvider', () => {
 
   const modalOptions: Options = {
     rootId,
+    hideOnClose: true,
   };
 
   let uidSpy: jest.SpyInstance;
@@ -138,6 +139,7 @@ describe('ModalProvider', () => {
       [id]: {
         component: Modal,
         options: {
+          hideOnClose: true,
           rootId: rootId,
         },
         props: {

src/modal-provider.tsx

@@ -142,10 +142,12 @@ export default function ModalProvider({
       const { component: Component, props, options } = state[id];
 
       const handleClose = (...args: any[]) => {
+        if (options && options.hideOnClose) {
+          hide(id);
+        }
+
         if (options && options.destroyOnClose) {
           destroy(id);
-        } else {
-          hide(id);
         }
 
         if (props && props.onClose) {

src/types.ts

@@ -10,6 +10,7 @@ export interface Props {
 }
 
 export interface Options {
+  hideOnClose?: boolean;
   destroyOnClose?: boolean;
   rootId?: string;
 }

src/use-modal.test.tsx

@@ -42,6 +42,7 @@ describe('useModal', () => {
         options: {
           rootId,
           destroyOnClose: true,
+          hideOnClose: true,
         },
         props: {
           open: true,

src/use-modal.ts

@@ -32,7 +32,11 @@ export default function useModal(options: UseModalOptions = defaultOptions) {
   return {
     showModal: useCallback<ShowFn>(
       (component, props, options) =>
-        showModal(component, props, { rootId: id.current, ...options }),
+        showModal(component, props, {
+          rootId: id.current,
+          hideOnClose: true,
+          ...options,
+        }),
       [showModal]
     ),
     destroyModal,