next-recomponents 1.9.98 → 2.0.0

package/dist/index.js

@@ -35753,6 +35753,21 @@ function Table(props) {
     ] }, k)) }) }) });
   }
 }
+function EditIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 576 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+    }
+  );
+}
 function IHTable({
   data,
   flex = 1,
@@ -35770,7 +35785,7 @@ function IHTable({
 }) {
   const [open, setOpen] = (0, import_react4.useState)(false);
   if (modal) {
-    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Editar" }) });
+    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: "" });
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -35816,16 +35831,20 @@ function IHTable({
         flex,
         editable: false,
         type: "string",
-        renderCell: (params) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          Button,
-          {
-            className: "text-xs",
-            onClick: () => {
-              handleOpen();
-            },
-            children: "Editar"
-          }
-        )
+        renderCell: (params) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            Button,
+            {
+              className: "text-xs",
+              onClick: () => {
+                handleOpen();
+              },
+              icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EditIcon, {}),
+              children: (_a = params == null ? void 0 : params.row) == null ? void 0 : _a["Modal"]
+            }
+          );
+        }
       });
     }
     return arr;
@@ -37134,7 +37153,7 @@ function OrderAsc() {
     }
   );
 }
-function EditIcon() {
+function EditIcon2() {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "svg",
     {
@@ -37529,7 +37548,7 @@ function TR({
               (_a = modalRef.current) == null ? void 0 : _a.showModal();
               setDialogRow(row);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditIcon2, {})
           }
         ) }),
         selectItems && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(

package/dist/index.mjs

@@ -35734,6 +35734,21 @@ function Table(props) {
     ] }, k)) }) }) });
   }
 }
+function EditIcon() {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 576 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx6("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+    }
+  );
+}
 function IHTable({
   data,
   flex = 1,
@@ -35751,7 +35766,7 @@ function IHTable({
 }) {
   const [open, setOpen] = useState4(false);
   if (modal) {
-    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ jsx6(Button, { children: "Editar" }) });
+    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: "" });
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -35797,16 +35812,20 @@ function IHTable({
         flex,
         editable: false,
         type: "string",
-        renderCell: (params) => /* @__PURE__ */ jsx6(
-          Button,
-          {
-            className: "text-xs",
-            onClick: () => {
-              handleOpen();
-            },
-            children: "Editar"
-          }
-        )
+        renderCell: (params) => {
+          var _a;
+          return /* @__PURE__ */ jsx6(
+            Button,
+            {
+              className: "text-xs",
+              onClick: () => {
+                handleOpen();
+              },
+              icon: /* @__PURE__ */ jsx6(EditIcon, {}),
+              children: (_a = params == null ? void 0 : params.row) == null ? void 0 : _a["Modal"]
+            }
+          );
+        }
       });
     }
     return arr;
@@ -37131,7 +37150,7 @@ function OrderAsc() {
     }
   );
 }
-function EditIcon() {
+function EditIcon2() {
   return /* @__PURE__ */ jsx18(
     "svg",
     {
@@ -37526,7 +37545,7 @@ function TR({
               (_a = modalRef.current) == null ? void 0 : _a.showModal();
               setDialogRow(row);
             },
-            children: /* @__PURE__ */ jsx21(EditIcon, {})
+            children: /* @__PURE__ */ jsx21(EditIcon2, {})
           }
         ) }),
         selectItems && /* @__PURE__ */ jsx21("th", { className: "border", children: /* @__PURE__ */ jsx21(

package/package.json

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

package/src/table/index.tsx

@@ -64,7 +64,21 @@ export default function Table(props: TableProps) {
     );
   }
 }
-
+function EditIcon() {
+  return (
+    <svg
+      stroke="currentColor"
+      fill="currentColor"
+      strokeWidth="0"
+      viewBox="0 0 576 512"
+      height="20px"
+      width="20px"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path>
+    </svg>
+  );
+}
 function IHTable({
   data,
   flex = 1,
@@ -82,7 +96,7 @@ function IHTable({
 }: TableProps) {
   const [open, setOpen] = useState(false);
   if (modal) {
-    buttons = { ...buttons, Modal: <Button>Editar</Button> };
+    buttons = { ...buttons, Modal: "" };
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -140,8 +154,9 @@ function IHTable({
               onClick={() => {
                 handleOpen();
               }}
+              icon={<EditIcon />}
             >
-              Editar
+              {params?.row?.["Modal"]}
             </Button>
           ) as any,
       });