next-recomponents 2.0.14 → 2.0.16

package/dist/index.js

@@ -37123,12 +37123,19 @@ function Modal({
   color = "primary"
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+  const childrenWithHide = (0, import_react10.cloneElement)(children, { hide });
   (0, import_react10.useEffect)(() => {
-    pop.updateMessage(children);
+    pop.updateMessage(childrenWithHide);
   }, [children]);
+  const props = button == null ? void 0 : button.props;
+  const onClick = props == null ? void 0 : props.onClick;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     (0, import_react10.cloneElement)(button, {
-      onClick: () => pop.modal(children, color, false, true)
+      onClick: (e) => {
+        onClick == null ? void 0 : onClick(e);
+        pop.modal(childrenWithHide, color, false, true);
+      }
     }),
     pop.PopupComponent
   ] });

package/dist/index.mjs

@@ -37109,12 +37109,19 @@ function Modal({
   color = "primary"
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+  const childrenWithHide = cloneElement2(children, { hide });
   useEffect6(() => {
-    pop.updateMessage(children);
+    pop.updateMessage(childrenWithHide);
   }, [children]);
+  const props = button == null ? void 0 : button.props;
+  const onClick = props == null ? void 0 : props.onClick;
   return /* @__PURE__ */ jsxs10(Fragment2, { children: [
     cloneElement2(button, {
-      onClick: () => pop.modal(children, color, false, true)
+      onClick: (e) => {
+        onClick == null ? void 0 : onClick(e);
+        pop.modal(childrenWithHide, color, false, true);
+      }
     }),
     pop.PopupComponent
   ] });

package/package.json

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

package/src/modal/index.tsx

@@ -1,6 +1,7 @@
 // Modal.tsx
 import React, { ReactElement, cloneElement, useEffect } from "react";
 import usePopup from "../pop";
+
 export type PopupColor =
   | "white"
   | "primary"
@@ -22,17 +23,25 @@ export default function Modal({
   color?: PopupColor;
 }) {
   const pop = usePopup();
+  const hide = () => pop.close(false);
+
+  // Inyectamos hide en children
+  const childrenWithHide = cloneElement(children, { hide });
 
-  // ✅ Cada vez que children cambia (estado del padre actualizado),
-  // propagamos el nuevo ReactNode al modal si está abierto
   useEffect(() => {
-    pop.updateMessage(children);
-  }, [children]);
+    pop.updateMessage(childrenWithHide);
+  }, [children]); // children como dep para detectar cambios del padre
+
+  const props = button?.props;
+  const onClick = props?.onClick;
 
   return (
     <>
       {cloneElement(button, {
-        onClick: () => pop.modal(children, color, false, true),
+        onClick: (e) => {
+          onClick?.(e as any);
+          pop.modal(childrenWithHide, color, false, true);
+        },
       })}
       {pop.PopupComponent}
     </>