next-recomponents 1.7.38 → 1.7.40

package/dist/index.js

@@ -11187,19 +11187,20 @@ function TD(_a) {
       try {
         const newAcc = __spreadValues({}, acc);
         const hasEvent = `${i}`.startsWith("on");
+        const name = item.name;
+        newAcc["value"] = item.content;
+        newAcc["onChange"] = (e) => __async(null, null, function* () {
+          const value = e.target.value;
+          const newData1 = [...mapedData];
+          newData1[index][name].content = value;
+          setMapedData == null ? void 0 : setMapedData(newData1);
+        });
         if (hasEvent) {
           newAcc[i] = (e) => __async(null, null, function* () {
             var _a3, _b3;
-            const value = e.target.value;
-            const name = item.name;
-            if (i == "onChange") {
-              const newData1 = [...mapedData];
-              newData1[index][name].content = value;
-              setMapedData == null ? void 0 : setMapedData(newData1);
-            }
             e.item = item;
             e.row = Object.keys(mapedData[index]).reduce((acc2, i2) => {
-              acc2[i2] = name == i2 ? e.target.value : mapedData[index][i2].content;
+              acc2[i2] = mapedData[index][i2].content;
               return acc2;
             }, {});
             e.updateRow = (data) => {
@@ -11209,7 +11210,7 @@ function TD(_a) {
               }
               setMapedData == null ? void 0 : setMapedData(newData);
             };
-            yield (_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) == null ? void 0 : _a3[i]) == null ? void 0 : _b3.call(_a3, e);
           });
         } else if (i == "row") {
           const row = Object.keys(mapedData[index]).reduce((acc2, i2) => {
@@ -11217,6 +11218,16 @@ function TD(_a) {
             return acc2;
           }, {});
           newAcc["row"] = row;
+          newAcc["updateRow"] = (data) => {
+            try {
+              const newData = [...mapedData];
+              for (const datum in data) {
+                newData[index][datum].content = data[datum];
+              }
+              setMapedData == null ? void 0 : setMapedData(newData);
+            } catch (error) {
+            }
+          };
         }
         return newAcc;
       } catch (error) {
@@ -11234,44 +11245,22 @@ function TD(_a) {
         "border-b max-w-[200px] p-2 "
         // ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].join(" "),
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between", children: [
-        symbols && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: import_react23.default.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
-          if (import_react23.default.isValidElement(child)) {
-            const { type, props: props2 } = child;
-            return import_react23.default.createElement(type, __spreadValues({}, newProps));
-          }
-          return child;
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: (item == null ? void 0 : item.handler) ? import_react23.default.Children.map(item.handler, (handler) => {
-          if (import_react23.default.isValidElement(handler)) {
-            const { type, props: props2 } = handler;
-            return import_react23.default.createElement(type, __spreadProps(__spreadValues({}, props2), {
-              value: mapedData[index][item.name].content,
-              onChange: (e) => {
-                var _a3, _b3;
-                const nmd = [...mapedData];
-                nmd[index][item.name].content = e.target.value;
-                e.item = Object.assign(
-                  {},
-                  ...nmd.map(
-                    (d) => Object.keys(d).map((k) => ({ [k]: d[k].content }))
-                  )[index]
-                );
-                e.setData = (data) => {
-                  const nmd2 = [...mapedData];
-                  for (let datum in data) {
-                    nmd2[index][datum].content = data[datum];
-                  }
-                  setMapedData == null ? void 0 : setMapedData(nmd2);
-                };
-                setMapedData == null ? void 0 : setMapedData(nmd);
-                (_b3 = (_a3 = handler == null ? void 0 : handler.props) == null ? void 0 : _a3.onChange) == null ? void 0 : _b3.call(_a3, e);
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between ",
+          children: symbols ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: import_react23.default.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
+              if (import_react23.default.isValidElement(child)) {
+                const { type, props: props2 } = child;
+                return import_react23.default.createElement(type, __spreadValues({}, newProps));
               }
-            }));
-          }
-          return handler;
-        }) : item == null ? void 0 : item.content })
-      ] })
+              return child;
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: !(newProps == null ? void 0 : newProps["row"]) && item.content })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item == null ? void 0 : item.content })
+        }
+      )
     }
   );
 }

package/dist/index.mjs

@@ -11169,19 +11169,20 @@ function TD(_a) {
       try {
         const newAcc = __spreadValues({}, acc);
         const hasEvent = `${i}`.startsWith("on");
+        const name = item.name;
+        newAcc["value"] = item.content;
+        newAcc["onChange"] = (e) => __async(null, null, function* () {
+          const value = e.target.value;
+          const newData1 = [...mapedData];
+          newData1[index][name].content = value;
+          setMapedData == null ? void 0 : setMapedData(newData1);
+        });
         if (hasEvent) {
           newAcc[i] = (e) => __async(null, null, function* () {
             var _a3, _b3;
-            const value = e.target.value;
-            const name = item.name;
-            if (i == "onChange") {
-              const newData1 = [...mapedData];
-              newData1[index][name].content = value;
-              setMapedData == null ? void 0 : setMapedData(newData1);
-            }
             e.item = item;
             e.row = Object.keys(mapedData[index]).reduce((acc2, i2) => {
-              acc2[i2] = name == i2 ? e.target.value : mapedData[index][i2].content;
+              acc2[i2] = mapedData[index][i2].content;
               return acc2;
             }, {});
             e.updateRow = (data) => {
@@ -11191,7 +11192,7 @@ function TD(_a) {
               }
               setMapedData == null ? void 0 : setMapedData(newData);
             };
-            yield (_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) == null ? void 0 : _a3[i]) == null ? void 0 : _b3.call(_a3, e);
           });
         } else if (i == "row") {
           const row = Object.keys(mapedData[index]).reduce((acc2, i2) => {
@@ -11199,6 +11200,16 @@ function TD(_a) {
             return acc2;
           }, {});
           newAcc["row"] = row;
+          newAcc["updateRow"] = (data) => {
+            try {
+              const newData = [...mapedData];
+              for (const datum in data) {
+                newData[index][datum].content = data[datum];
+              }
+              setMapedData == null ? void 0 : setMapedData(newData);
+            } catch (error) {
+            }
+          };
         }
         return newAcc;
       } catch (error) {
@@ -11216,44 +11227,22 @@ function TD(_a) {
         "border-b max-w-[200px] p-2 "
         // ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].join(" "),
-      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)) {
-            const { type, props: props2 } = child;
-            return React3.createElement(type, __spreadValues({}, newProps));
-          }
-          return child;
-        }) }),
-        /* @__PURE__ */ jsx8("div", { children: (item == null ? void 0 : item.handler) ? React3.Children.map(item.handler, (handler) => {
-          if (React3.isValidElement(handler)) {
-            const { type, props: props2 } = handler;
-            return React3.createElement(type, __spreadProps(__spreadValues({}, props2), {
-              value: mapedData[index][item.name].content,
-              onChange: (e) => {
-                var _a3, _b3;
-                const nmd = [...mapedData];
-                nmd[index][item.name].content = e.target.value;
-                e.item = Object.assign(
-                  {},
-                  ...nmd.map(
-                    (d) => Object.keys(d).map((k) => ({ [k]: d[k].content }))
-                  )[index]
-                );
-                e.setData = (data) => {
-                  const nmd2 = [...mapedData];
-                  for (let datum in data) {
-                    nmd2[index][datum].content = data[datum];
-                  }
-                  setMapedData == null ? void 0 : setMapedData(nmd2);
-                };
-                setMapedData == null ? void 0 : setMapedData(nmd);
-                (_b3 = (_a3 = handler == null ? void 0 : handler.props) == null ? void 0 : _a3.onChange) == null ? void 0 : _b3.call(_a3, e);
+      children: /* @__PURE__ */ jsx8(
+        "div",
+        {
+          className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between ",
+          children: symbols ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-1", children: [
+            /* @__PURE__ */ jsx8("div", { children: React3.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
+              if (React3.isValidElement(child)) {
+                const { type, props: props2 } = child;
+                return React3.createElement(type, __spreadValues({}, newProps));
               }
-            }));
-          }
-          return handler;
-        }) : item == null ? void 0 : item.content })
-      ] })
+              return child;
+            }) }),
+            /* @__PURE__ */ jsx8("div", { children: !(newProps == null ? void 0 : newProps["row"]) && item.content })
+          ] }) : /* @__PURE__ */ jsx8("div", { children: item == null ? void 0 : item.content })
+        }
+      )
     }
   );
 }

package/package.json

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

package/src/table/td.tsx

@@ -36,21 +36,20 @@ export default function TD({
         try {
           const newAcc = { ...acc };
           const hasEvent = `${i}`.startsWith("on");
+          const name = item.name;
+
+          newAcc["value"] = item.content;
+          newAcc["onChange"] = async (e: any) => {
+            const value = e.target.value;
+            const newData1 = [...mapedData];
+            newData1[index][name].content = value;
+            setMapedData?.(newData1);
+          };
           if (hasEvent) {
             newAcc[i] = async (e: any) => {
-              const value = e.target.value;
-              const name = item.name;
-              //actualizar en automatico en el onchange
-              if (i == "onChange") {
-                const newData1 = [...mapedData];
-                newData1[index][name].content = value;
-                setMapedData?.(newData1);
-              }
-
               e.item = item;
               e.row = Object.keys(mapedData[index]).reduce((acc, i) => {
-                acc[i] =
-                  name == i ? e.target.value : mapedData[index][i].content;
+                acc[i] = mapedData[index][i].content;
                 return acc;
               }, {} as any);
               e.updateRow = (data: Record<string, any>) => {
@@ -60,7 +59,8 @@ export default function TD({
                 }
                 setMapedData?.(newData);
               };
-              await symbols[item?.name].props[i]?.(e);
+
+              await symbols[item?.name].props?.[i]?.(e);
             };
           } else if (i == "row") {
             const row = Object.keys(mapedData[index]).reduce((acc, i) => {
@@ -68,6 +68,15 @@ export default function TD({
               return acc;
             }, {} as any);
             newAcc["row"] = row;
+            newAcc["updateRow"] = (data: Record<string, any>) => {
+              try {
+                const newData = [...mapedData];
+                for (const datum in data) {
+                  newData[index][datum].content = data[datum];
+                }
+                setMapedData?.(newData);
+              } catch (error) {}
+            };
           }
           return newAcc;
         } catch (error) {}
@@ -86,56 +95,27 @@ export default function TD({
         // ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].join(" ")}
     >
-      <div className={symbols && symbols[item?.name] && "flex justify-between"}>
-        {symbols && (
-          <div>
-            {React.Children.map(symbols[item?.name], (child) => {
-              if (React.isValidElement(child)) {
-                const { type, props } = child;
-                return React.createElement(type, {
-                  ...newProps,
-                });
-              }
-              return child;
-            })}
-          </div>
-        )}
-
-        <div>
-          {item?.handler
-            ? React.Children.map(item.handler, (handler) => {
-                if (React.isValidElement(handler)) {
-                  const { type, props } = handler;
-
+      <div
+        className={symbols && symbols[item?.name] && "flex justify-between "}
+      >
+        {symbols ? (
+          <div className="flex items-center justify-between gap-1">
+            <div>
+              {React.Children.map(symbols[item?.name], (child) => {
+                if (React.isValidElement(child)) {
+                  const { type, props } = child;
                   return React.createElement(type, {
-                    ...props,
-                    value: mapedData[index][item.name].content,
-                    onChange: (e: any) => {
-                      const nmd = [...mapedData];
-                      nmd[index][item.name].content = e.target.value;
-                      e.item = Object.assign(
-                        {},
-                        ...nmd.map((d: any) =>
-                          Object.keys(d).map((k) => ({ [k]: d[k].content }))
-                        )[index]
-                      );
-                      e.setData = (data: any) => {
-                        const nmd = [...mapedData];
-                        for (let datum in data) {
-                          nmd[index][datum].content = data[datum];
-                        }
-                        setMapedData?.(nmd);
-                      };
-                      setMapedData?.(nmd);
-                      handler?.props?.onChange?.(e);
-                      // console.log("hola mundo", e.item);
-                    },
+                    ...newProps,
                   });
                 }
-                return handler;
-              })
-            : item?.content}
-        </div>
+                return child;
+              })}
+            </div>
+            <div>{!newProps?.["row"] && item.content}</div>
+          </div>
+        ) : (
+          <div>{item?.content}</div>
+        )}
       </div>
     </td>
   );