@arkyn/components 1.3.129 → 1.3.131

package/dist/components/Form/FormController/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormController/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,cAAc,CAAC;AAItB,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA4BjD;AAED,iBAAS,iBAAiB,+BAEzB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormController/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,cAAc,CAAC;AAItB,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuCjD;AAED,iBAAS,iBAAiB,+BAEzB;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Form/FormController/index.js

@@ -1,14 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useActionData } from "@remix-run/react";
+import { useActionData, useFetchers } from "@remix-run/react";
 import { createContext, useContext, useId, useRef } from "react";
 import "./styles.css";
 const FormControllerContext = createContext({});
 function FormController(props) {
-    const actionData = useActionData();
     const { children, className: baseClassName, id: formControllerId, ...rest } = props;
+    const actionData = useActionData();
+    const fetchers = useFetchers();
+    let fieldErrors = {};
+    fieldErrors = { ...actionData?.fieldErrors };
+    fetchers.forEach((fetcher) => {
+        if (fetcher.data?.fieldErrors) {
+            fieldErrors = { ...fieldErrors, ...fetcher.data.fieldErrors };
+        }
+    });
     const inputRef = useRef(null);
     const name = inputRef.current?.name || "";
-    const error = actionData?.fieldErrors?.[name] || null;
+    const error = fieldErrors?.[name] || null;
     const id = useId();
     const className = `arkynFormController ${baseClassName}`;
     return (_jsx(FormControllerContext.Provider, { value: { error, id, inputRef }, children: _jsx("section", { id: formControllerId || name || undefined, className: className.trim(), ...rest, children: children }) }));

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.131",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/Form/FormController/index.tsx

@@ -1,5 +1,5 @@
 import { FormControllerContextProps, FormControllerProps } from "@arkyn/types";
-import { useActionData } from "@remix-run/react";
+import { useActionData, useFetchers } from "@remix-run/react";
 import { createContext, useContext, useId, useRef } from "react";
 
 import "./styles.css";
@@ -7,7 +7,6 @@ import "./styles.css";
 const FormControllerContext = createContext({} as FormControllerContextProps);
 
 function FormController(props: FormControllerProps) {
-  const actionData = useActionData<any>();
   const {
     children,
     className: baseClassName,
@@ -15,10 +14,22 @@ function FormController(props: FormControllerProps) {
     ...rest
   } = props;
 
+  const actionData = useActionData<any>();
+  const fetchers = useFetchers();
+
+  let fieldErrors: { [x: string]: string } = {};
+
+  fieldErrors = { ...actionData?.fieldErrors };
+  fetchers.forEach((fetcher) => {
+    if (fetcher.data?.fieldErrors) {
+      fieldErrors = { ...fieldErrors, ...fetcher.data.fieldErrors };
+    }
+  });
+
   const inputRef = useRef<HTMLInputElement>(null);
 
   const name = inputRef.current?.name || "";
-  const error = actionData?.fieldErrors?.[name] || null;
+  const error = fieldErrors?.[name] || null;
 
   const id = useId();
   const className = `arkynFormController ${baseClassName}`;

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>