@arkyn/components 1.3.129 → 1.3.130

package/dist/hooks/useAutomation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAqBA,iBAAS,aAAa,SA8BrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"useAutomation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutomation.ts"],"names":[],"mappings":"AAsBA,iBAAS,aAAa,SA2CrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/hooks/useAutomation.js

@@ -1,7 +1,8 @@
-import { useActionData } from "@remix-run/react";
+import { useActionData, useLocation, useNavigate } from "@remix-run/react";
 import { useContext, useEffect } from "react";
 import { animateScroll } from "react-scroll";
 import { ModalContext } from "../context/ModalContext";
+import { useScopedParams } from "./useScopedParams";
 import { useToast } from "./useToast";
 function isToastProps(obj) {
     return (obj &&
@@ -15,8 +16,18 @@ function isToastProps(obj) {
 }
 function useAutomation() {
     const actionData = useActionData();
-    const { closeModal } = useContext(ModalContext);
+    const { closeModal, closeAll } = useContext(ModalContext);
     const { showToast } = useToast();
+    const { getParam } = useScopedParams();
+    const { pathname } = useLocation();
+    const navigate = useNavigate();
+    const closeAllModals = getParam("closeAllModals");
+    useEffect(() => {
+        if (closeAllModals === "true") {
+            closeAll();
+            navigate(pathname);
+        }
+    }, [closeAllModals]);
     useEffect(() => {
         const closeModalKey = actionData?.closeModalKey;
         if (closeModalKey)

package/dist/provider/ModalProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,cAAc,CAAC;AAKhE,iBAAS,aAAa,CAAC,IAAI,EAAE,kBAAkB,2CAiC9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../src/provider/ModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,cAAc,CAAC;AAKhE,iBAAS,aAAa,CAAC,IAAI,EAAE,kBAAkB,2CAqC9C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/provider/ModalProvider.js

@@ -24,6 +24,9 @@ function ModalProvider(args) {
     function closeModal(key) {
         setOpenedModals(openedModals.filter((modal) => modal.key !== key));
     }
-    return (_jsx(ModalContext.Provider, { value: { modalIsOpen, modalData, openModal, closeModal }, children: children }));
+    function closeAll() {
+        setOpenedModals([]);
+    }
+    return (_jsx(ModalContext.Provider, { value: { modalIsOpen, modalData, openModal, closeModal, closeAll }, children: children }));
 }
 export { ModalProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.129",
+  "version": "1.3.130",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/hooks/useAutomation.ts

@@ -1,9 +1,10 @@
 import { ToastProps } from "@arkyn/types";
-import { useActionData } from "@remix-run/react";
+import { useActionData, useLocation, useNavigate } from "@remix-run/react";
 import { useContext, useEffect } from "react";
 import { animateScroll } from "react-scroll";
 
 import { ModalContext } from "../context/ModalContext";
+import { useScopedParams } from "./useScopedParams";
 import { useToast } from "./useToast";
 
 function isToastProps(obj: any): obj is ToastProps {
@@ -21,9 +22,22 @@ function isToastProps(obj: any): obj is ToastProps {
 
 function useAutomation() {
   const actionData = useActionData<any>();
-  const { closeModal } = useContext(ModalContext);
+  const { closeModal, closeAll } = useContext(ModalContext);
   const { showToast } = useToast();
 
+  const { getParam } = useScopedParams();
+  const { pathname } = useLocation();
+  const navigate = useNavigate();
+
+  const closeAllModals = getParam("closeAllModals");
+
+  useEffect(() => {
+    if (closeAllModals === "true") {
+      closeAll();
+      navigate(pathname);
+    }
+  }, [closeAllModals]);
+
   useEffect(() => {
     const closeModalKey = actionData?.closeModalKey;
     if (closeModalKey) closeModal(closeModalKey);

package/src/provider/ModalProvider.tsx

@@ -29,9 +29,13 @@ function ModalProvider(args: ModalProviderProps) {
     setOpenedModals(openedModals.filter((modal) => modal.key !== key));
   }
 
+  function closeAll() {
+    setOpenedModals([]);
+  }
+
   return (
     <ModalContext.Provider
-      value={{ modalIsOpen, modalData, openModal, closeModal }}
+      value={{ modalIsOpen, modalData, openModal, closeModal, closeAll }}
     >
       {children}
     </ModalContext.Provider>