next-recomponents 2.0.35 → 2.0.38

package/dist/index.mjs

@@ -3561,7 +3561,7 @@ function Button({
 }
 
 // src/container/index.tsx
-import { useEffect, useState as useState2 } from "react";
+import { useState as useState2 } from "react";
 
 // src/container/icons.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -3643,19 +3643,8 @@ function Container({
   expandedFooter = false,
   expandedMenu = false
 }) {
-  const [isSidebarOpen, setIsSidebarOpen] = useState2(expandedMenu);
+  const [isSidebarOpen, setIsSidebarOpen] = useState2(false);
   const [isFooterOpen, setIsFooterOpen] = useState2(expandedFooter);
-  const handleClick = (state) => {
-    window.localStorage.setItem("isSidebarOpen", JSON.stringify(state));
-  };
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const storedSidebarState = window.localStorage.getItem("isSidebarOpen");
-      if (storedSidebarState && window.innerWidth >= 768) {
-        setIsSidebarOpen(JSON.parse(storedSidebarState));
-      }
-    }
-  }, []);
   return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col h-screen", children: [
     /* @__PURE__ */ jsxs2("header", { className: "", children: [
       /* @__PURE__ */ jsxs2("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [
@@ -3664,7 +3653,6 @@ function Container({
           {
             onClick: () => {
               setIsSidebarOpen(!isSidebarOpen);
-              handleClick(!isSidebarOpen);
             },
             className: "bg-blue-600 text-white px-2 py-1 rounded-r",
             children: /* @__PURE__ */ jsx3(MenuIcon, {})
@@ -3703,6 +3691,10 @@ function Container({
           className: `bg-blue-500 text-white overflow-y-auto fixed md:static top-0 left-0 h-full z-50 md:z-auto transition-all duration-300 ease-in-out
     ${isSidebarOpen ? "w-full md:w-[250px]" : "w-0 md:w-[60px]"}
   `,
+          onMouseEnter: (e) => {
+            setIsSidebarOpen(true);
+          },
+          onMouseLeave: (e) => setIsSidebarOpen(false),
           children: /* @__PURE__ */ jsx3("div", { className: "p-4 ", children: /* @__PURE__ */ jsxs2("ul", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs2(
               "li",
@@ -3710,7 +3702,6 @@ function Container({
                 className: "p-2  md:hidden flex items-center justify-between font-bold",
                 onClick: (e) => {
                   setIsSidebarOpen(false);
-                  handleClick(false);
                 },
                 children: [
                   /* @__PURE__ */ jsx3(MenuIcon, {}),
@@ -3746,7 +3737,6 @@ function Container({
           className: "fixed inset-0 bg-black bg-opacity-40 z-40",
           onClick: () => {
             setIsSidebarOpen(false);
-            handleClick(false);
           }
         }
       ),
@@ -36399,140 +36389,152 @@ function useResources({
           return error;
         }
       };
+      const mergeDataArray = (existingData, newItem, matchId) => {
+        if (!existingData) return [newItem];
+        const index = existingData.findIndex((d) => (d == null ? void 0 : d.id) == matchId);
+        if (index >= 0) {
+          return existingData.map(
+            (d, i) => i === index ? newItem : d
+          );
+        }
+        return [newItem, ...existingData];
+      };
       const bodyCreateFunc = async (data) => {
-        var _a2, _b2, _c2, _d2, _e2, _f2;
+        var _a2, _b2, _c2, _d2, _e2;
         const options = {
           method: "POST",
           url: `${baseURI}/${key}`,
           data: Array.isArray(data) ? [...data] : { ...data },
           headers: { Authorization: token }
         };
-        const newInfo = { ...info };
-        newInfo[key].state = "loading";
-        newInfo[key].errorMessage = "";
+        const newInfo = {
+          ...info,
+          [key]: {
+            ...info[key],
+            data: [...(_b2 = (_a2 = info[key]) == null ? void 0 : _a2.data) != null ? _b2 : []],
+            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;
           if (Array.isArray(data)) {
-            for (let datum of data) {
-              const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
-                (d2) => (d2 == null ? void 0 : d2.id) == (datum == null ? void 0 : datum.id)
-              );
-              if (index >= 0) {
-                newInfo[key].data[index] = d;
-              } else {
-                if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
-                  newInfo[key].data.unshift(d);
-                } else {
-                  newInfo[key].data = [d];
-                }
-              }
+            updatedData = [...(_d2 = (_c2 = newInfo[key]) == null ? void 0 : _c2.data) != null ? _d2 : []];
+            for (const datum of data) {
+              updatedData = mergeDataArray(updatedData, d, datum == null ? void 0 : datum.id);
             }
-            newInfo[key].data = newInfo[key].data.flat();
+            updatedData = updatedData.flat();
           } else {
-            newInfo[key].selectedItem = d;
-            const index = (_e2 = (_d2 = newInfo[key]) == null ? void 0 : _d2.data) == null ? void 0 : _e2.findIndex(
-              (d2) => (d2 == null ? void 0 : d2.id) == (data == null ? void 0 : data.id)
+            updatedData = mergeDataArray(
+              (_e2 = newInfo[key]) == null ? void 0 : _e2.data,
+              d,
+              data == null ? void 0 : data.id
             );
-            if (index >= 0) {
-              newInfo[key].data[index] = d;
-            } else {
-              if ((_f2 = newInfo[key]) == null ? void 0 : _f2.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) {
           const item = http_codes_default.find((s) => s.code == error.status);
-          newInfo[key].state = "error";
-          newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
           if (error.status == 403) {
-            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+            onError == null ? void 0 : onError({ error, errorMessage: item == null ? void 0 : item.meaning });
           }
-          setInfo({ ...newInfo });
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "error",
+              errorMessage: (item == null ? void 0 : item.meaning) || error.message
+            }
+          });
           return error;
         }
       };
       const formCreateFunc = async (data) => {
-        var _a2, _b2, _c2, _d2, _e2, _f2;
-        const newInfo = { ...info };
-        newInfo[key].state = "loading";
-        newInfo[key].errorMessage = "";
-        setInfo(newInfo);
-        try {
-          const formData = new FormData();
-          if (Array.isArray(data)) {
-            data.forEach((item, i) => {
-              for (const [k, v] of Object.entries(item)) {
-                formData.append(`${k}[${i}]`, v);
-              }
-            });
-          } else {
-            for (const [k, v] of Object.entries(data)) {
-              formData.append(k, v);
+        var _a2, _b2, _c2, _d2, _e2;
+        const formData = new FormData();
+        if (Array.isArray(data)) {
+          data.forEach((item, i) => {
+            for (const [k, v] of Object.entries(item)) {
+              formData.append(`${k}[${i}]`, v);
             }
+          });
+        } 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: [...(_b2 = (_a2 = info[key]) == null ? void 0 : _a2.data) != null ? _b2 : []],
+            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;
           if (Array.isArray(data)) {
-            for (let datum of data) {
-              const index = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
-                (d2) => (d2 == null ? void 0 : d2.id) == (datum == null ? void 0 : datum.id)
-              );
-              if (index >= 0) {
-                newInfo[key].data[index] = d;
-              } else {
-                if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
-                  newInfo[key].data.unshift(d);
-                } else {
-                  newInfo[key].data = [d];
-                }
-              }
+            updatedData = [...(_d2 = (_c2 = newInfo[key]) == null ? void 0 : _c2.data) != null ? _d2 : []];
+            for (const datum of data) {
+              updatedData = mergeDataArray(updatedData, d, datum == null ? void 0 : datum.id);
             }
-            newInfo[key].data = newInfo[key].data.flat();
+            updatedData = updatedData.flat();
           } else {
-            newInfo[key].selectedItem = d;
-            const index = (_e2 = (_d2 = newInfo[key]) == null ? void 0 : _d2.data) == null ? void 0 : _e2.findIndex(
-              (d2) => (d2 == null ? void 0 : d2.id) == (data == null ? void 0 : data.id)
+            updatedData = mergeDataArray(
+              (_e2 = newInfo[key]) == null ? void 0 : _e2.data,
+              d,
+              data == null ? void 0 : data.id
             );
-            if (index >= 0) {
-              newInfo[key].data[index] = d;
-            } else {
-              if ((_f2 = newInfo[key]) == null ? void 0 : _f2.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) {
           const item = http_codes_default.find((s) => s.code == error.status);
-          newInfo[key].state = "error";
-          newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
           if (error.status == 403) {
-            onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+            onError == null ? void 0 : onError({ error, errorMessage: item == null ? void 0 : item.meaning });
           }
-          setInfo({ ...newInfo });
+          setInfo({
+            ...newInfo,
+            [key]: {
+              ...newInfo[key],
+              state: "error",
+              errorMessage: (item == null ? void 0 : item.meaning) || error.message
+            }
+          });
           return error;
         }
       };
@@ -36551,81 +36553,107 @@ function useResources({
           return await bodyCreateFunc(data);
         },
         update: async (id, data) => {
-          var _a2, _b2, _c2;
+          var _a2, _b2, _c2, _d2, _e2;
           const options = {
             method: "PATCH",
             url: `${baseURI}/${key}/${id}`,
             data: Array.isArray(data) ? [...data] : { ...data },
             headers: { Authorization: token }
           };
-          const newInfo = { ...info };
-          newInfo[key].state = "loading";
-          newInfo[key].errorMessage = "";
+          const newInfo = {
+            ...info,
+            [key]: {
+              ...info[key],
+              // ✅ copia superficial del key
+              data: [...(_b2 = (_a2 = info[key]) == null ? void 0 : _a2.data) != null ? _b2 : []],
+              // ✅ 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 = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
-              (d2) => (d2 == null ? void 0 : d2.id) == id
+            const index = (_d2 = (_c2 = newInfo[key]) == null ? void 0 : _c2.data) == null ? void 0 : _d2.findIndex(
+              (item) => (item == null ? void 0 : item.id) == id
             );
-            if (index >= 0) {
-              newInfo[key].data[index] = { ...newInfo[key].data[index], ...d };
-            } else {
-              if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
-                newInfo[key].data.unshift(d);
-              } else {
-                newInfo[key].data = [d];
+            const updatedData = index >= 0 ? newInfo[key].data.map(
+              (item, i) => i === index ? { ...item, ...d } : item
+            ) : ((_e2 = newInfo[key]) == null ? void 0 : _e2.data) ? [d, ...newInfo[key].data] : [d];
+            const updatedInfo = {
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "success",
+                errorMessage: "",
+                selectedItem: { ...newInfo[key].selectedItem, ...d },
+                data: updatedData
               }
-            }
-            setInfo({ ...newInfo });
+            };
+            setInfo(updatedInfo);
             return d;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
-            newInfo[key].state = "error";
-            newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "error",
+                errorMessage: (item == null ? void 0 : item.meaning) || error.message
+              }
+            });
             if (error.status == 403) {
               onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
             }
-            setInfo({ ...newInfo });
             return error;
           }
         },
         remove: async (id) => {
-          var _a2, _b2;
+          var _a2, _b2, _c2, _d2, _e2;
           const options = {
             method: "DELETE",
             url: `${baseURI}/${key}/${id}`,
             headers: { Authorization: token }
           };
-          const newInfo = { ...info };
-          newInfo[key].state = "loading";
-          newInfo[key].errorMessage = "";
+          const newInfo = {
+            ...info,
+            [key]: {
+              ...info[key],
+              data: [...(_b2 = (_a2 = info[key]) == null ? void 0 : _a2.data) != null ? _b2 : []],
+              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 = (_b2 = (_a2 = newInfo[key]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.findIndex(
-              (d2) => (d2 == null ? void 0 : d2.id) == id
-            );
-            if (index >= 0) {
-              newInfo[key].data.splice(index, 1);
-            }
-            setInfo({ ...newInfo });
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "success",
+                errorMessage: "",
+                selectedItem: d,
+                data: (_e2 = (_d2 = (_c2 = newInfo[key]) == null ? void 0 : _c2.data) == null ? void 0 : _d2.filter((item) => (item == null ? void 0 : item.id) != id)) != null ? _e2 : []
+                // ✅ filter en lugar de splice
+              }
+            });
             return d.data;
           } catch (error) {
             const item = http_codes_default.find((s) => s.code == error.status);
-            newInfo[key].state = "error";
-            newInfo[key].errorMessage = (item == null ? void 0 : item.meaning) || error.message;
             if (error.status == 403) {
-              onError == null ? void 0 : onError({ error, ...{ errorMessage: item == null ? void 0 : item.meaning } });
+              onError == null ? void 0 : onError({ error, errorMessage: item == null ? void 0 : item.meaning });
             }
-            setInfo({ ...newInfo });
+            setInfo({
+              ...newInfo,
+              [key]: {
+                ...newInfo[key],
+                state: "error",
+                errorMessage: (item == null ? void 0 : item.meaning) || error.message
+              }
+            });
             return error;
           }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.35",
+  "version": "2.0.38",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/container/index.tsx

@@ -26,19 +26,19 @@ export default function Container({
   expandedMenu?: boolean;
   expandedFooter?: boolean;
 }) {
-  const [isSidebarOpen, setIsSidebarOpen] = useState(expandedMenu);
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
   const [isFooterOpen, setIsFooterOpen] = useState(expandedFooter);
-  const handleClick = (state: boolean) => {
-    window.localStorage.setItem("isSidebarOpen", JSON.stringify(state));
-  };
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const storedSidebarState = window.localStorage.getItem("isSidebarOpen");
-      if (storedSidebarState && window.innerWidth >= 768) {
-        setIsSidebarOpen(JSON.parse(storedSidebarState));
-      }
-    }
-  }, []);
+  // const handleClick = (state: boolean) => {
+  //   window.localStorage.setItem("isSidebarOpen", JSON.stringify(state));
+  // };
+  // useEffect(() => {
+  //   if (typeof window !== "undefined") {
+  //     const storedSidebarState = window.localStorage.getItem("isSidebarOpen");
+  //     if (storedSidebarState && window.innerWidth >= 768) {
+  //       setIsSidebarOpen(JSON.parse(storedSidebarState));
+  //     }
+  //   }
+  // }, []);
   return (
     <div className="flex flex-col h-screen">
       {/* Header */}
@@ -47,7 +47,7 @@ export default function Container({
           <button
             onClick={() => {
               setIsSidebarOpen(!isSidebarOpen);
-              handleClick(!isSidebarOpen);
+              // handleClick(!isSidebarOpen);
             }}
             className="bg-blue-600 text-white px-2 py-1 rounded-r"
           >
@@ -90,6 +90,10 @@ export default function Container({
           className={`bg-blue-500 text-white overflow-y-auto fixed md:static top-0 left-0 h-full z-50 md:z-auto transition-all duration-300 ease-in-out
     ${isSidebarOpen ? "w-full md:w-[250px]" : "w-0 md:w-[60px]"}
   `}
+          onMouseEnter={(e) => {
+            setIsSidebarOpen(true);
+          }}
+          onMouseLeave={(e) => setIsSidebarOpen(false)}
         >
           <div className="p-4 ">
             {
@@ -101,7 +105,7 @@ export default function Container({
                   }
                   onClick={(e) => {
                     setIsSidebarOpen(false);
-                    handleClick(false);
+                    // handleClick(false);
                   }}
                 >
                   <MenuIcon /> {appName}
@@ -152,7 +156,7 @@ export default function Container({
               className="fixed inset-0 bg-black bg-opacity-40 z-40"
               onClick={() => {
                 setIsSidebarOpen(false);
-                handleClick(false);
+                // handleClick(false);
               }}
             />
           )}