next-recomponents 2.0.35 → 2.0.38

package/src/use-resources/index.ts

@@ -129,6 +129,22 @@ export default function useResources<T extends Record<string, ItemsRecord>>({
           return error;
         }
       };
+      // Helper para actualizar el array sin mutar
+      const mergeDataArray = (
+        existingData: any[] | undefined,
+        newItem: any,
+        matchId?: any,
+      ): any[] => {
+        if (!existingData) return [newItem];
+        const index = existingData.findIndex((d: any) => d?.id == matchId);
+        if (index >= 0) {
+          return existingData.map((d: any, i: number) =>
+            i === index ? newItem : d,
+          );
+        }
+        return [newItem, ...existingData];
+      };
+
       const bodyCreateFunc = async (
         data: Record<string, any> | Record<string, any>[],
       ) => {
@@ -138,146 +154,158 @@ export default function useResources<T extends Record<string, ItemsRecord>>({
           data: Array.isArray(data) ? [...data] : { ...data },
           headers: { Authorization: token },
         };
-        const newInfo = { ...info };
-        // newInfo[key] = newInfo[key] || {};
-        newInfo[key].state = "loading";
-        newInfo[key].errorMessage = "";
+
+        const newInfo = {
+          ...info,
+          [key]: {
+            ...info[key],
+            data: [...(info[key]?.data ?? [])],
+            state: "loading",
+            errorMessage: "",
+          },
+        };
 
         setInfo(newInfo);
 
         try {
           const consulta = await axios.request(options);
           const d = consulta.data;
-          newInfo[key].state = "success";
-          newInfo[key].errorMessage = "";
+
+          let updatedData: any[];
+
           if (Array.isArray(data)) {
-            for (let datum of data) {
-              const index = newInfo[key]?.data?.findIndex(
-                (d: any) => d?.id == datum?.id,
-              );
-              if (index >= 0) {
-                newInfo[key].data[index] = d;
-              } else {
-                if (newInfo[key]?.data) {
-                  newInfo[key].data.unshift(d);
-                } else {
-                  newInfo[key].data = [d];
-                }
-              }
+            updatedData = [...(newInfo[key]?.data ?? [])];
+            for (const datum of data) {
+              updatedData = mergeDataArray(updatedData, d, datum?.id);
             }
-            newInfo[key].data = newInfo[key].data.flat();
+            updatedData = updatedData.flat();
           } else {
-            newInfo[key].selectedItem = d;
-            const index = newInfo[key]?.data?.findIndex(
-              (d: any) => d?.id == data?.id,
+            updatedData = mergeDataArray(
+              newInfo[key]?.data,
+              d,
+              (data as any)?.id,
             );
-            if (index >= 0) {
-              newInfo[key].data[index] = d;
-            } else {
-              if (newInfo[key]?.data) {
-                newInfo[key].data.unshift(d);
-              } else {
-                newInfo[key].data = [d];
-              }
-            }
           }
-          setInfo({ ...newInfo });
+
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "success",
+              errorMessage: "",
+              selectedItem: Array.isArray(data) ? newInfo[key].selectedItem : d,
+              data: updatedData,
+            },
+          });
+
           return d;
         } catch (error: any) {
           const item = httpStatusCodes.find((s) => s.code == error.status);
 
-          newInfo[key].state = "error";
-          newInfo[key].errorMessage = item?.meaning || error.message;
           if (error.status == 403) {
-            onError?.({ error, ...{ errorMessage: item?.meaning } });
+            onError?.({ error, errorMessage: item?.meaning });
           }
-          setInfo({ ...newInfo });
+
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "error",
+              errorMessage: item?.meaning || error.message,
+            },
+          });
+
           return error;
         }
       };
+
       const formCreateFunc = async (
         data: Record<string, any> | Record<string, any>[],
       ) => {
-        const newInfo = { ...info };
-        newInfo[key].state = "loading";
-        newInfo[key].errorMessage = "";
-        setInfo(newInfo);
+        const formData = new FormData();
 
-        try {
-          // Convertir datos a FormData
-          const formData = new FormData();
-
-          if (Array.isArray(data)) {
-            // Suponiendo que la API acepta múltiples entradas con la misma clave
-            data.forEach((item, i) => {
-              for (const [k, v] of Object.entries(item)) {
-                formData.append(`${k}[${i}]`, v as any);
-              }
-            });
-          } else {
-            for (const [k, v] of Object.entries(data)) {
-              formData.append(k, v);
+        if (Array.isArray(data)) {
+          data.forEach((item, i) => {
+            for (const [k, v] of Object.entries(item)) {
+              formData.append(`${k}[${i}]`, v as any);
             }
+          });
+        } else {
+          for (const [k, v] of Object.entries(data)) {
+            formData.append(k, v);
           }
+        }
 
-          const options = {
-            method: "POST",
-            url: `${baseURI}/${key}`,
-            data: formData,
-            headers: {
-              Authorization: token,
-              "Content-Type": "multipart/form-data",
-            },
-          };
+        const options = {
+          method: "POST",
+          url: `${baseURI}/${key}`,
+          data: formData,
+          headers: {
+            Authorization: token,
+            "Content-Type": "multipart/form-data",
+          },
+        };
+
+        const newInfo = {
+          ...info,
+          [key]: {
+            ...info[key],
+            data: [...(info[key]?.data ?? [])],
+            state: "loading",
+            errorMessage: "",
+          },
+        };
+
+        setInfo(newInfo);
 
+        try {
           const consulta = await axios.request(options);
           const d = consulta.data;
 
-          newInfo[key].state = "success";
-          newInfo[key].errorMessage = "";
+          let updatedData: any[];
 
           if (Array.isArray(data)) {
-            for (let datum of data) {
-              const index = newInfo[key]?.data?.findIndex(
-                (d: any) => d?.id == datum?.id,
-              );
-              if (index >= 0) {
-                newInfo[key].data[index] = d;
-              } else {
-                if (newInfo[key]?.data) {
-                  newInfo[key].data.unshift(d);
-                } else {
-                  newInfo[key].data = [d];
-                }
-              }
+            updatedData = [...(newInfo[key]?.data ?? [])];
+            for (const datum of data) {
+              updatedData = mergeDataArray(updatedData, d, datum?.id);
             }
-            newInfo[key].data = newInfo[key].data.flat();
+            updatedData = updatedData.flat();
           } else {
-            newInfo[key].selectedItem = d;
-            const index = newInfo[key]?.data?.findIndex(
-              (d: any) => d?.id == data?.id,
+            updatedData = mergeDataArray(
+              newInfo[key]?.data,
+              d,
+              (data as any)?.id,
             );
-            if (index >= 0) {
-              newInfo[key].data[index] = d;
-            } else {
-              if (newInfo[key]?.data) {
-                newInfo[key].data.unshift(d);
-              } else {
-                newInfo[key].data = [d];
-              }
-            }
           }
 
-          setInfo({ ...newInfo });
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "success",
+              errorMessage: "",
+              selectedItem: Array.isArray(data) ? newInfo[key].selectedItem : d,
+              data: updatedData,
+            },
+          });
+
           return d;
         } catch (error: any) {
           const item = httpStatusCodes.find((s) => s.code == error.status);
-          newInfo[key].state = "error";
-          newInfo[key].errorMessage = item?.meaning || error.message;
+
           if (error.status == 403) {
-            onError?.({ error, ...{ errorMessage: item?.meaning } });
+            onError?.({ error, errorMessage: item?.meaning });
           }
-          setInfo({ ...newInfo });
+
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "error",
+              errorMessage: item?.meaning || error.message,
+            },
+          });
+
           return error;
         }
       };
@@ -306,43 +334,68 @@ export default function useResources<T extends Record<string, ItemsRecord>>({
             data: Array.isArray(data) ? [...data] : { ...data },
             headers: { Authorization: token },
           };
-          const newInfo = { ...info };
-          // newInfo[key] = newInfo[key] || {};
-          newInfo[key].state = "loading";
-          newInfo[key].errorMessage = "";
+
+          const newInfo = {
+            ...info,
+            [key]: {
+              ...info[key], // ✅ copia superficial del key
+              data: [...(info[key]?.data ?? [])], // ✅ copia del array
+              state: "loading",
+              errorMessage: "",
+            },
+          };
 
           setInfo(newInfo);
 
           try {
             const consulta = await axios.request(options);
             const d = consulta.data;
-            newInfo[key].state = "success";
-            newInfo[key].errorMessage = "";
-            newInfo[key].selectedItem = { ...newInfo[key].selectedItem, ...d };
+
             const index = newInfo[key]?.data?.findIndex(
-              (d: any) => d?.id == id,
+              (item: any) => item?.id == id,
             );
 
-            if (index >= 0) {
-              newInfo[key].data[index] = { ...newInfo[key].data[index], ...d };
-            } else {
-              if (newInfo[key]?.data) {
-                newInfo[key].data.unshift(d);
-              } else {
-                newInfo[key].data = [d];
-              }
-            }
-            setInfo({ ...newInfo });
+            const updatedData =
+              index >= 0
+                ? newInfo[key].data.map(
+                    (
+                      item: any,
+                      i: number, // ✅ map en lugar de mutación
+                    ) => (i === index ? { ...item, ...d } : item),
+                  )
+                : newInfo[key]?.data
+                  ? [d, ...newInfo[key].data] // ✅ nuevo array en lugar de unshift
+                  : [d];
+
+            const updatedInfo = {
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "success",
+                errorMessage: "",
+                selectedItem: { ...newInfo[key].selectedItem, ...d },
+                data: updatedData,
+              },
+            };
+
+            setInfo(updatedInfo);
             return d;
           } catch (error: any) {
             const item = httpStatusCodes.find((s) => s.code == error.status);
 
-            newInfo[key].state = "error";
-            newInfo[key].errorMessage = item?.meaning || error.message;
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "error",
+                errorMessage: item?.meaning || error.message,
+              },
+            });
+
             if (error.status == 403) {
               onError?.({ error, ...{ errorMessage: item?.meaning } });
             }
-            setInfo({ ...newInfo });
+
             return error;
           }
         },
@@ -352,36 +405,53 @@ export default function useResources<T extends Record<string, ItemsRecord>>({
             url: `${baseURI}/${key}/${id}`,
             headers: { Authorization: token },
           };
-          const newInfo = { ...info };
-          // newInfo[key] = newInfo[key] || {};
-          newInfo[key].state = "loading";
-          newInfo[key].errorMessage = "";
+
+          const newInfo = {
+            ...info,
+            [key]: {
+              ...info[key],
+              data: [...(info[key]?.data ?? [])],
+              state: "loading",
+              errorMessage: "",
+            },
+          };
 
           setInfo(newInfo);
 
           try {
             const consulta = await axios.request(options);
             const d = consulta.data;
-            newInfo[key].state = "success";
-            newInfo[key].errorMessage = "";
-            newInfo[key].selectedItem = d;
-            const index = newInfo[key]?.data?.findIndex(
-              (d: any) => d?.id == id,
-            );
-            if (index >= 0) {
-              newInfo[key].data.splice(index, 1);
-            }
-            setInfo({ ...newInfo });
+
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "success",
+                errorMessage: "",
+                selectedItem: d,
+                data:
+                  newInfo[key]?.data?.filter((item: any) => item?.id != id) ??
+                  [], // ✅ filter en lugar de splice
+              },
+            });
+
             return d.data;
           } catch (error: any) {
             const item = httpStatusCodes.find((s) => s.code == error.status);
 
-            newInfo[key].state = "error";
-            newInfo[key].errorMessage = item?.meaning || error.message;
             if (error.status == 403) {
-              onError?.({ error, ...{ errorMessage: item?.meaning } });
+              onError?.({ error, errorMessage: item?.meaning });
             }
-            setInfo({ ...newInfo });
+
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "error",
+                errorMessage: item?.meaning || error.message,
+              },
+            });
+
             return error;
           }
         },