next-recomponents 1.3.0 → 1.3.2

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",

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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "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",