next-recomponents 1.3.1 → 1.3.3

package/dist/index.js

@@ -3026,25 +3026,23 @@ function Button(_a) {
     "disabled"
   ]);
   const [isLoading, setIsloading] = (0, import_react.useState)(false);
-  const [newProps, setNewProps] = (0, import_react.useState)(__spreadValues({}, props));
-  (0, import_react.useEffect)(() => {
-    const oldProps = __spreadValues({}, props);
-    const np = __spreadValues({}, props);
-    for (let prop in props) {
-      if (prop.startsWith("on")) {
-        np[prop] = (e) => __async(null, null, function* () {
-          setIsloading(true);
-          console.log(oldProps[prop]);
-          yield oldProps[prop](e);
-          setIsloading(false);
-        });
-      }
-    }
-    setNewProps(np);
-  }, [props]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "button",
-    __spreadProps(__spreadValues({}, newProps), {
+    __spreadProps(__spreadValues({}, Object.assign(
+      {},
+      ...Object.keys(props).map((prop) => {
+        const originalHandler = props[prop];
+        const newProp = { [prop]: originalHandler };
+        if (prop.startsWith("on") && typeof originalHandler === "function") {
+          newProp[prop] = (e) => __async(null, null, function* () {
+            setIsloading(true);
+            originalHandler && (yield originalHandler(e));
+            setIsloading(false);
+          });
+        }
+        return newProp;
+      })
+    )), {
       className: [
         className,
         "p-2 border shadow rounded flex gap-1 justify-center items-center",
@@ -11174,6 +11172,31 @@ function TD(_a) {
     },
     { defaultValue: item == null ? void 0 : item.content }
   );
+  const newProps2 = handlers && Object.keys(handlers[item == null ? void 0 : item.name].props).reduce(
+    (acc, i) => {
+      try {
+        const newAcc = __spreadValues({}, acc);
+        const hasEvent = `${i}`.startsWith("on");
+        if (hasEvent) {
+          newAcc[i] = (e) => {
+            var _a2, _b2;
+            e.item = item;
+            (_b2 = (_a2 = handlers[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
+            if (i == "onChange") {
+              const newData = [...mapedData];
+              newData[index][item == null ? void 0 : item.name].content = e.target.value;
+              setMapedData == null ? void 0 : setMapedData(newData);
+            }
+          };
+        } else if (i == "value") {
+          newAcc[i] = item == null ? void 0 : item.content;
+        }
+        return newAcc;
+      } catch (error) {
+      }
+    },
+    { defaultValue: item == null ? void 0 : item.content }
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "td",
     {
@@ -11187,19 +11210,7 @@ function TD(_a) {
       ].join(" "),
       children: handlers && handlers[item == null ? void 0 : item.name] ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: import_react23.default.Children.map(handlers[item == null ? void 0 : item.name], (child) => {
         if (import_react23.default.isValidElement(child)) {
-          const oldProps = (child == null ? void 0 : child.props) || {};
-          const alteredProps = __spreadProps(__spreadValues({}, oldProps), {
-            value: item == null ? void 0 : item.content,
-            onChange: (e) => {
-              var _a2;
-              const newData = [...mapedData];
-              newData[index][item == null ? void 0 : item.name].content = e.target.value;
-              setMapedData == null ? void 0 : setMapedData(newData);
-              e.item = item;
-              (_a2 = oldProps == null ? void 0 : oldProps.onChange) == null ? void 0 : _a2.call(oldProps, e);
-            }
-          });
-          return import_react23.default.cloneElement(child, __spreadValues({}, alteredProps));
+          return import_react23.default.cloneElement(child, __spreadValues({}, newProps2));
         }
       }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "div",

package/dist/index.mjs

@@ -2991,7 +2991,6 @@ function Alert(_a) {
 
 // src/button/index.tsx
 import {
-  useEffect,
   useState
 } from "react";
 import { jsxs } from "react/jsx-runtime";
@@ -3012,25 +3011,23 @@ function Button(_a) {
     "disabled"
   ]);
   const [isLoading, setIsloading] = useState(false);
-  const [newProps, setNewProps] = useState(__spreadValues({}, props));
-  useEffect(() => {
-    const oldProps = __spreadValues({}, props);
-    const np = __spreadValues({}, props);
-    for (let prop in props) {
-      if (prop.startsWith("on")) {
-        np[prop] = (e) => __async(null, null, function* () {
-          setIsloading(true);
-          console.log(oldProps[prop]);
-          yield oldProps[prop](e);
-          setIsloading(false);
-        });
-      }
-    }
-    setNewProps(np);
-  }, [props]);
   return /* @__PURE__ */ jsxs(
     "button",
-    __spreadProps(__spreadValues({}, newProps), {
+    __spreadProps(__spreadValues({}, Object.assign(
+      {},
+      ...Object.keys(props).map((prop) => {
+        const originalHandler = props[prop];
+        const newProp = { [prop]: originalHandler };
+        if (prop.startsWith("on") && typeof originalHandler === "function") {
+          newProp[prop] = (e) => __async(null, null, function* () {
+            setIsloading(true);
+            originalHandler && (yield originalHandler(e));
+            setIsloading(false);
+          });
+        }
+        return newProp;
+      })
+    )), {
       className: [
         className,
         "p-2 border shadow rounded flex gap-1 justify-center items-center",
@@ -11165,6 +11162,31 @@ function TD(_a) {
     },
     { defaultValue: item == null ? void 0 : item.content }
   );
+  const newProps2 = handlers && Object.keys(handlers[item == null ? void 0 : item.name].props).reduce(
+    (acc, i) => {
+      try {
+        const newAcc = __spreadValues({}, acc);
+        const hasEvent = `${i}`.startsWith("on");
+        if (hasEvent) {
+          newAcc[i] = (e) => {
+            var _a2, _b2;
+            e.item = item;
+            (_b2 = (_a2 = handlers[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b2.call(_a2, e);
+            if (i == "onChange") {
+              const newData = [...mapedData];
+              newData[index][item == null ? void 0 : item.name].content = e.target.value;
+              setMapedData == null ? void 0 : setMapedData(newData);
+            }
+          };
+        } else if (i == "value") {
+          newAcc[i] = item == null ? void 0 : item.content;
+        }
+        return newAcc;
+      } catch (error) {
+      }
+    },
+    { defaultValue: item == null ? void 0 : item.content }
+  );
   return /* @__PURE__ */ jsx8(
     "td",
     {
@@ -11178,19 +11200,7 @@ function TD(_a) {
       ].join(" "),
       children: handlers && handlers[item == null ? void 0 : item.name] ? /* @__PURE__ */ jsx8("div", { children: React3.Children.map(handlers[item == null ? void 0 : item.name], (child) => {
         if (React3.isValidElement(child)) {
-          const oldProps = (child == null ? void 0 : child.props) || {};
-          const alteredProps = __spreadProps(__spreadValues({}, oldProps), {
-            value: item == null ? void 0 : item.content,
-            onChange: (e) => {
-              var _a2;
-              const newData = [...mapedData];
-              newData[index][item == null ? void 0 : item.name].content = e.target.value;
-              setMapedData == null ? void 0 : setMapedData(newData);
-              e.item = item;
-              (_a2 = oldProps == null ? void 0 : oldProps.onChange) == null ? void 0 : _a2.call(oldProps, e);
-            }
-          });
-          return React3.cloneElement(child, __spreadValues({}, alteredProps));
+          return React3.cloneElement(child, __spreadValues({}, newProps2));
         }
       }) }) : /* @__PURE__ */ jsxs6(
         "div",

package/package.json

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

package/src/button/index.tsx

@@ -32,25 +32,26 @@ export default function Button({
   ...props
 }: Props) {
   const [isLoading, setIsloading] = useState(false);
-  const [newProps, setNewProps] = useState({ ...props });
-  useEffect(() => {
-    const oldProps: any = { ...props };
-    const np: any = { ...props };
-    for (let prop in props) {
-      if (prop.startsWith("on")) {
-        np[prop] = async (e: React.FormEvent<HTMLButtonElement>) => {
-          setIsloading(true);
-          console.log(oldProps[prop]);
-          await oldProps[prop](e);
-          setIsloading(false);
-        };
-      }
-    }
-    setNewProps(np);
-  }, [props]);
+
   return (
     <button
-      {...newProps}
+      {...Object.assign(
+        {},
+        ...Object.keys(props).map((prop) => {
+          const originalHandler = (props as any)[prop];
+          const newProp: any = { [prop]: originalHandler };
+
+          if (prop.startsWith("on") && typeof originalHandler === "function") {
+            newProp[prop] = async (e: any) => {
+              setIsloading(true);
+              originalHandler && (await originalHandler(e));
+              setIsloading(false);
+            };
+          }
+
+          return newProp;
+        })
+      )}
       className={[
         className,
         "p-2 border shadow rounded flex gap-1 justify-center items-center",

package/src/table/td.tsx

@@ -57,6 +57,32 @@ export default function TD({
       },
       { defaultValue: item?.content }
     );
+
+  const newProps2 =
+    handlers &&
+    Object.keys(handlers[item?.name].props).reduce(
+      (acc: any, i) => {
+        try {
+          const newAcc = { ...acc };
+          const hasEvent = `${i}`.startsWith("on");
+          if (hasEvent) {
+            newAcc[i] = (e: any) => {
+              e.item = item;
+              handlers[item?.name].props[i]?.(e);
+              if (i == "onChange") {
+                const newData = [...mapedData];
+                newData[index][item?.name].content = e.target.value;
+                setMapedData?.(newData);
+              }
+            };
+          } else if (i == "value") {
+            newAcc[i] = item?.content;
+          }
+          return newAcc;
+        } catch (error) {}
+      },
+      { defaultValue: item?.content }
+    );
   return (
     <td
       onDoubleClick={(e) => setIsHidded(!isHidded)}
@@ -72,20 +98,8 @@ export default function TD({
         <div>
           {React.Children.map(handlers[item?.name], (child) => {
             if (React.isValidElement(child)) {
-              const oldProps: any = child?.props || {};
-              const alteredProps = {
-                ...oldProps,
-                value: item?.content,
-                onChange: (e: any) => {
-                  const newData = [...mapedData];
-                  newData[index][item?.name].content = e.target.value;
-                  setMapedData?.(newData);
-                  e.item = item;
-                  oldProps?.onChange?.(e);
-                },
-              };
               return React.cloneElement(child as any, {
-                ...alteredProps,
+                ...newProps2,
               });
             }
           })}