next-recomponents 1.5.99 → 1.6.2

package/dist/index.mjs

@@ -11132,25 +11132,25 @@ function TD(_a) {
     "mapedData",
     "setMapedData"
   ]);
-  var _a2, _b2;
+  var _a2, _b2, _c;
   const [isHidded, setIsHidded] = useState4(false);
-  const newProps = symbols && React3.isValidElement(symbols[item == null ? void 0 : item.name]) && ((_b2 = Object.keys((_a2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _a2.props)) == null ? void 0 : _b2.reduce(
+  const newProps = symbols && React3.isValidElement(symbols[item == null ? void 0 : item.name]) && ((_c = Object.keys((_a2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _a2.props)) == null ? void 0 : _c.reduce(
     (acc, i) => {
       try {
         const newAcc = __spreadValues({}, acc);
         const hasEvent = `${i}`.startsWith("on");
         if (hasEvent) {
-          newAcc[i] = (e) => {
+          newAcc[i] = (e) => __async(null, null, function* () {
             var _a3, _b3;
             e.item = item;
-            (_b3 = (_a3 = symbols[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b3.call(_a3, e);
-          };
+            yield (_b3 = (_a3 = symbols[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b3.call(_a3, e);
+          });
         }
         return newAcc;
       } catch (error) {
       }
     },
-    { defaultValue: item == null ? void 0 : item.content }
+    __spreadValues({}, (_b2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _b2.props)
   ));
   return /* @__PURE__ */ jsx8(
     "td",
@@ -11165,7 +11165,8 @@ function TD(_a) {
       children: /* @__PURE__ */ jsxs6("div", { className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between", children: [
         symbols && /* @__PURE__ */ jsx8("div", { children: React3.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
           if (React3.isValidElement(child)) {
-            return React3.cloneElement(child, __spreadValues({}, newProps));
+            const { type, props: props2 } = child;
+            return React3.createElement(type, __spreadValues({}, newProps));
           }
           return child;
         }) }),
@@ -32073,6 +32074,7 @@ function HTable(_a) {
             return null;
           }
         }
+        const dataKey = ((_b2 = md == null ? void 0 : md.id) == null ? void 0 : _b2.content) || trKey;
         return /* @__PURE__ */ jsx11(
           "tr",
           {
@@ -32080,6 +32082,7 @@ function HTable(_a) {
               var _a3;
               (_a3 = modalRef.current) == null ? void 0 : _a3.showModal();
             },
+            "data-key": dataKey,
             onClick: (e) => setSelected(trKey),
             className: [
               "hover:bg-green-100 ",
@@ -32104,7 +32107,7 @@ function HTable(_a) {
               );
             })
           },
-          ((_b2 = md == null ? void 0 : md.id) == null ? void 0 : _b2.content) || trKey
+          dataKey
         );
       }) }),
       totals && /* @__PURE__ */ jsx11("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, fkey) => {
@@ -32285,178 +32288,67 @@ function useResources({
         [key]: {
           loaded: false,
           id: (_a = endpoints[key]) == null ? void 0 : _a.id,
-          defaultParams: (_b = endpoints[key]) == null ? void 0 : _b.defaultParams
+          defaultParams: (_b = endpoints[key]) == null ? void 0 : _b.defaultParams,
+          data: [],
+          selectedItem: {}
         }
       });
       return newAcc;
     }, {})
   );
-  const results = Object.keys(endpoints).reduce((acc, key) => {
-    var _c, _d, _e, _f, _g, _h, _i;
-    const endpoint = endpoints[key];
-    const showFunc = (_a, autoLoad = false) => __async(null, null, function* () {
-      var _b = _a, { limit = 10, page = 1, merge = true } = _b, query = __objRest(_b, ["limit", "page", "merge"]);
-      const options = {
-        method: "GET",
-        url: `${baseURI}/${key}`,
-        params: __spreadValues({ limit, page }, query),
-        headers: { Authorization: token }
-      };
-      const newInfo = __spreadValues({}, info);
-      newInfo[key] = newInfo[key] || {};
-      newInfo[key].state = "loading";
-      newInfo[key].errorMessage = "";
-      newInfo[key].params = query;
-      newInfo[key].loaded = true;
-      setInfo(newInfo);
-      try {
-        const consulta = yield axios.request(options);
-        const d = consulta.data;
-        newInfo[key].state = "success";
-        newInfo[key].errorMessage = "";
-        newInfo[key].data = merge ? page == 1 ? d.data : [...d.data, ...newInfo[key].data || []] : d.data;
-        newInfo[key].totalItems = d.totalItems;
-        newInfo[key].totalPages = d.totalPages;
-        newInfo[key].currentPage = d.currentPage;
-        setInfo(__spreadValues({}, newInfo));
-        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;
-        if (error.status == 403) {
-          onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
-        }
-        setInfo(__spreadValues({}, newInfo));
-        return error;
-      }
-    });
-    const findFunc = (id3, query, autoLoad = false) => __async(null, null, function* () {
-      var _a, _b, _c2;
-      const options = {
-        method: "GET",
-        url: `${baseURI}/${key}/${id3}`,
-        params: __spreadValues({}, query),
-        headers: { Authorization: token }
-      };
-      const newInfo = __spreadValues({}, info);
-      newInfo[key] = newInfo[key] || {};
-      newInfo[key].state = "loading";
-      newInfo[key].errorMessage = "";
-      newInfo[key].params = query;
-      newInfo[key].loaded = true;
-      setInfo(newInfo);
-      try {
-        const consulta = yield axios.request(options);
-        const d = consulta.data;
-        newInfo[key].state = "success";
-        newInfo[key].errorMessage = "";
-        if (autoLoad) {
-        } else {
-          newInfo[key].selectedItem = d;
-          const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
-            (d2) => (d2 == null ? void 0 : d2.id) == (d2 == null ? void 0 : d2.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];
-            }
-          }
-        }
-        setInfo(__spreadValues({}, newInfo));
-        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(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
-        }
-        setInfo(__spreadValues({}, newInfo));
-        return error;
-      }
-    });
-    acc[key] = __spreadProps(__spreadValues({}, endpoint), {
-      loaded: false,
-      show: showFunc,
-      find: findFunc,
-      create: (data) => __async(null, null, function* () {
-        var _a, _b, _c2, _d2, _e2, _f2;
+  const results = Object.keys(endpoints).reduce(
+    (acc, key) => {
+      var _c, _d, _e, _f, _g, _h, _i;
+      const endpoint = endpoints[key];
+      const showFunc = (_a, autoLoad = false) => __async(null, null, function* () {
+        var _b = _a, { limit = 10, page = 1, merge = true } = _b, query = __objRest(_b, ["limit", "page", "merge"]);
         const options = {
-          method: "POST",
+          method: "GET",
           url: `${baseURI}/${key}`,
-          data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+          params: __spreadValues({ limit, page }, query),
           headers: { Authorization: token }
         };
         const newInfo = __spreadValues({}, info);
-        newInfo[key] = newInfo[key] || {};
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
+        newInfo[key].params = query;
+        newInfo[key].loaded = true;
         setInfo(newInfo);
         try {
           const consulta = yield axios.request(options);
           const d = consulta.data;
           newInfo[key].state = "success";
           newInfo[key].errorMessage = "";
-          if (Array.isArray(data)) {
-            for (let datum of data) {
-              const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.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];
-                }
-              }
-            }
-          } 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) == (d2 == null ? void 0 : d2.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];
-              }
-            }
-          }
+          newInfo[key].data = merge ? page == 1 ? d.data : [...d.data, ...newInfo[key].data || []] : d.data;
+          newInfo[key].totalItems = d.totalItems;
+          newInfo[key].totalPages = d.totalPages;
+          newInfo[key].currentPage = d.currentPage;
           setInfo(__spreadValues({}, newInfo));
-          return d;
+          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;
+          newInfo[key].errorMessage = item == null ? void 0 : item.meaning;
           if (error.status == 403) {
             onError == null ? void 0 : onError(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
           }
           setInfo(__spreadValues({}, newInfo));
           return error;
         }
-      }),
-      update: (id3, data) => __async(null, null, function* () {
-        var _a, _b, _c2;
+      });
+      const findFunc = (id3, query) => __async(null, null, function* () {
+        var _a, _b, _c2, _d2;
         const options = {
-          method: "PATCH",
+          method: "GET",
           url: `${baseURI}/${key}/${id3}`,
-          data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+          params: __spreadValues({}, query),
           headers: { Authorization: token }
         };
         const newInfo = __spreadValues({}, info);
-        newInfo[key] = newInfo[key] || {};
         newInfo[key].state = "loading";
         newInfo[key].errorMessage = "";
+        newInfo[key].params = query;
+        newInfo[key].loaded = true;
         setInfo(newInfo);
         try {
           const consulta = yield axios.request(options);
@@ -32464,13 +32356,12 @@ function useResources({
           newInfo[key].state = "success";
           newInfo[key].errorMessage = "";
           newInfo[key].selectedItem = d;
-          const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
-            (d2) => (d2 == null ? void 0 : d2.id) == (d2 == null ? void 0 : d2.id)
-          );
+          const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex((d2) => (d2 == null ? void 0 : d2.id) == id3);
+          console.log("index", index, (_c2 = newInfo[key]) == null ? void 0 : _c2.data);
           if (index >= 0) {
             newInfo[key].data[index] = d;
           } else {
-            if ((_c2 = newInfo[key]) == null ? void 0 : _c2.data) {
+            if ((_d2 = newInfo[key]) == null ? void 0 : _d2.data) {
               newInfo[key].data.unshift(d);
             } else {
               newInfo[key].data = [d];
@@ -32488,62 +32379,171 @@ function useResources({
           setInfo(__spreadValues({}, newInfo));
           return error;
         }
-      }),
-      remove: (id3) => __async(null, null, function* () {
-        var _a, _b;
-        const options = {
-          method: "DELETE",
-          url: `${baseURI}/${key}/${id3}`,
-          headers: { Authorization: token }
-        };
-        const newInfo = __spreadValues({}, info);
-        newInfo[key] = newInfo[key] || {};
-        newInfo[key].state = "loading";
-        newInfo[key].errorMessage = "";
-        setInfo(newInfo);
-        try {
-          const consulta = yield axios.request(options);
-          const d = consulta.data;
-          newInfo[key].state = "success";
+      });
+      acc[key] = __spreadProps(__spreadValues({}, endpoint), {
+        loaded: false,
+        show: showFunc,
+        find: findFunc,
+        create: (data) => __async(null, null, function* () {
+          var _a, _b, _c2, _d2, _e2, _f2;
+          const options = {
+            method: "POST",
+            url: `${baseURI}/${key}`,
+            data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+            headers: { Authorization: token }
+          };
+          const newInfo = __spreadValues({}, info);
+          newInfo[key].state = "loading";
           newInfo[key].errorMessage = "";
-          newInfo[key].selectedItem = d;
-          const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
-            (d2) => (d2 == null ? void 0 : d2.id) == (d2 == null ? void 0 : d2.id)
-          );
-          if (index >= 0) {
-            newInfo[key].data.splice(index, 1);
+          setInfo(newInfo);
+          try {
+            const consulta = yield axios.request(options);
+            const d = consulta.data;
+            newInfo[key].state = "success";
+            newInfo[key].errorMessage = "";
+            if (Array.isArray(data)) {
+              for (let datum of data) {
+                const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.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];
+                  }
+                }
+              }
+              newInfo[key].data = newInfo[key].data.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)
+              );
+              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(__spreadValues({}, newInfo));
+            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(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            }
+            setInfo(__spreadValues({}, newInfo));
+            return error;
           }
-          setInfo(__spreadValues({}, newInfo));
-          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(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+        }),
+        update: (id3, data) => __async(null, null, function* () {
+          var _a, _b, _c2;
+          const options = {
+            method: "PATCH",
+            url: `${baseURI}/${key}/${id3}`,
+            data: Array.isArray(data) ? [...data] : __spreadValues({}, data),
+            headers: { Authorization: token }
+          };
+          const newInfo = __spreadValues({}, info);
+          newInfo[key].state = "loading";
+          newInfo[key].errorMessage = "";
+          setInfo(newInfo);
+          try {
+            const consulta = yield axios.request(options);
+            const d = consulta.data;
+            newInfo[key].state = "success";
+            newInfo[key].errorMessage = "";
+            newInfo[key].selectedItem = d;
+            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == id3
+            );
+            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];
+              }
+            }
+            setInfo(__spreadValues({}, newInfo));
+            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(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            }
+            setInfo(__spreadValues({}, newInfo));
+            return error;
           }
-          setInfo(__spreadValues({}, newInfo));
-          return error;
-        }
-      }),
-      totalPages: (_c = info[key]) == null ? void 0 : _c.totalPages,
-      currentPage: (_d = info[key]) == null ? void 0 : _d.currentPage,
-      state: ((_e = info[key]) == null ? void 0 : _e.state) || "success",
-      errorMessage: (_f = info[key]) == null ? void 0 : _f.errorMessage,
-      params: (_g = info[key]) == null ? void 0 : _g.params,
-      setLoaded: () => {
-        const newInfo = __spreadValues({}, info);
-        newInfo[key].loaded = true;
-        setInfo(newInfo);
-      },
-      getAllPages: (limit = 10) => __async(null, null, function* () {
-        console.log("Not aviable");
-      }),
-      data: ((_h = info[key]) == null ? void 0 : _h.data) || [],
-      selectedItem: ((_i = info[key]) == null ? void 0 : _i.selectedItem) || {}
-    });
-    return acc;
-  }, {});
+        }),
+        remove: (id3) => __async(null, null, function* () {
+          var _a, _b;
+          const options = {
+            method: "DELETE",
+            url: `${baseURI}/${key}/${id3}`,
+            headers: { Authorization: token }
+          };
+          const newInfo = __spreadValues({}, info);
+          newInfo[key].state = "loading";
+          newInfo[key].errorMessage = "";
+          setInfo(newInfo);
+          try {
+            const consulta = yield axios.request(options);
+            const d = consulta.data;
+            newInfo[key].state = "success";
+            newInfo[key].errorMessage = "";
+            newInfo[key].selectedItem = d;
+            const index = (_b = (_a = newInfo[key]) == null ? void 0 : _a.data) == null ? void 0 : _b.findIndex(
+              (d2) => (d2 == null ? void 0 : d2.id) == id3
+            );
+            if (index >= 0) {
+              newInfo[key].data.splice(index, 1);
+            }
+            setInfo(__spreadValues({}, newInfo));
+            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(__spreadValues({ error }, { errorMessage: item == null ? void 0 : item.meaning }));
+            }
+            setInfo(__spreadValues({}, newInfo));
+            return error;
+          }
+        }),
+        totalPages: (_c = info[key]) == null ? void 0 : _c.totalPages,
+        currentPage: (_d = info[key]) == null ? void 0 : _d.currentPage,
+        state: ((_e = info[key]) == null ? void 0 : _e.state) || "success",
+        errorMessage: (_f = info[key]) == null ? void 0 : _f.errorMessage,
+        params: (_g = info[key]) == null ? void 0 : _g.params,
+        setLoaded: () => {
+          const newInfo = __spreadValues({}, info);
+          newInfo[key].loaded = true;
+          setInfo(newInfo);
+        },
+        getAllPages: (limit = 10) => __async(null, null, function* () {
+          console.log("Not aviable");
+        }),
+        data: ((_h = info[key]) == null ? void 0 : _h.data) || [],
+        selectedItem: ((_i = info[key]) == null ? void 0 : _i.selectedItem) || {}
+      });
+      return acc;
+    },
+    {}
+  );
   function doSome() {
     return __async(this, null, function* () {
       var _a, _b, _c, _d, _e;

package/package.json

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

package/src/table/h.tsx

@@ -159,13 +159,14 @@ export default function HTable({
                 return null;
               }
             }
-
+            const dataKey = md?.id?.content || trKey;
             return (
               <tr
                 onDoubleClick={(e) => {
                   modalRef.current?.showModal();
                 }}
-                key={md?.id?.content || trKey}
+                data-key={dataKey}
+                key={dataKey}
                 onClick={(e) => setSelected(trKey)}
                 className={[
                   "hover:bg-green-100 ",

package/src/table/td.tsx

@@ -37,15 +37,15 @@ export default function TD({
           const newAcc = { ...acc };
           const hasEvent = `${i}`.startsWith("on");
           if (hasEvent) {
-            newAcc[i] = (e: any) => {
+            newAcc[i] = async (e: any) => {
               e.item = item;
-              symbols[item?.name].props[i]?.(e);
+              await symbols[item?.name].props[i]?.(e);
             };
           }
           return newAcc;
         } catch (error) {}
       },
-      { defaultValue: item?.content }
+      { ...symbols[item?.name]?.props }
     );
 
   return (
@@ -64,7 +64,8 @@ export default function TD({
           <div>
             {React.Children.map(symbols[item?.name], (child) => {
               if (React.isValidElement(child)) {
-                return React.cloneElement(child, {
+                const { type, props } = child;
+                return React.createElement(type, {
                   ...newProps,
                 });
               }