next-recomponents 1.3.4 → 1.3.6

package/dist/index.js

@@ -11120,9 +11120,6 @@ var regularExpresions = {
 };
 var regular_expresions_default = regularExpresions;
 
-// src/table/index.tsx
-var import_react26 = require("react");
-
 // src/table/h.tsx
 var import_react25 = __toESM(require("react"));
 
@@ -11136,7 +11133,6 @@ function TD(_a) {
     index,
     color: color2,
     symbols,
-    handlers,
     mapedData,
     setMapedData
   } = _b, props = __objRest(_b, [
@@ -11145,11 +11141,10 @@ function TD(_a) {
     "index",
     "color",
     "symbols",
-    "handlers",
     "mapedData",
     "setMapedData"
   ]);
-  var _a2, _b2, _c, _d;
+  var _a2, _b2;
   const [isHidded, setIsHidded] = (0, import_react23.useState)(false);
   const newProps = symbols && import_react23.default.isValidElement(symbols[item == null ? void 0 : item.name]) && ((_b2 = Object.keys((_a2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _a2.props)) == null ? void 0 : _b2.reduce(
     (acc, i) => {
@@ -11169,59 +11164,52 @@ function TD(_a) {
     },
     { defaultValue: item == null ? void 0 : item.content }
   ));
-  const newProps2 = handlers && import_react23.default.isValidElement(handlers[item == null ? void 0 : item.name]) && ((_d = Object.keys((_c = handlers[item == null ? void 0 : item.name]) == null ? void 0 : _c.props)) == null ? void 0 : _d.reduce(
-    (acc, i) => {
-      try {
-        const newAcc = __spreadValues({}, acc);
-        const hasEvent = `${i}`.startsWith("on");
-        if (hasEvent) {
-          newAcc[i] = (e) => {
-            var _a3, _b3;
-            e.item = item;
-            (_b3 = (_a3 = handlers[item == null ? void 0 : item.name].props)[i]) == null ? void 0 : _b3.call(_a3, 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);
-            }
-          };
-        }
-        return newAcc;
-      } catch (error) {
-      }
-    },
-    { value: item == null ? void 0 : item.content }
-  ));
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "td",
     {
       onDoubleClick: (e) => setIsHidded(!isHidded),
-      title: item == null ? void 0 : item.title,
       className: [
         isHidded && color2,
         !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis   ",
-        "border-b max-w-[200px] p-5 ",
-        ["number", "money"].includes(item == null ? void 0 : item.cellTypeOf) && "text-right"
+        "border-b max-w-[200px] p-5 "
+        // ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].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)) {
-          return import_react23.default.cloneElement(child, __spreadValues({}, newProps2));
-        }
-      }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-        "div",
-        {
-          className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: symbols && import_react23.default.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
-              if (import_react23.default.isValidElement(child)) {
-                return import_react23.default.cloneElement(child, __spreadValues({}, newProps));
+      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)) {
+            return import_react23.default.cloneElement(child, __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)) {
+            return import_react23.default.cloneElement(handler, {
+              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);
               }
-              return child;
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item == null ? void 0 : item.content })
-          ]
-        }
-      )
+            });
+          }
+          return handler;
+        }) : item.content })
+      ] })
     }
   );
 }
@@ -11243,6 +11231,24 @@ function FilterOffIcon() {
     }
   );
 }
+function SaveIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 512 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
+      ]
+    }
+  );
+}
 function ExcelIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "svg",
@@ -11274,11 +11280,7 @@ function FilterMenu({
   const [newMapedData, setNewMapedData] = (0, import_react24.useState)([]);
   (0, import_react24.useEffect)(() => {
     setNewMapedData(
-      [
-        ...new Set(
-          mapedData.filter((md) => md.__visible__ === true).map((md) => md[h])
-        )
-      ].filter((item) => {
+      [...new Set(mapedData.map((md) => md[h]))].filter((item) => {
         return item && `${item}`.toLowerCase().includes(text.toLowerCase());
       })
     );
@@ -11341,10 +11343,11 @@ function FilterMenu({
                       checked: mapedData.map((d) => d[h].exclude).every((d) => d === false),
                       onChange: (e) => {
                         const nmd = [...mapedData];
+                        const all = nmd.map((d) => d[h].exclude).every((d) => d === false);
                         setMapedData(
                           nmd.map((d) => {
                             const newd = __spreadValues({}, d);
-                            newd[h].exclude = false;
+                            newd[h].exclude = all;
                             return newd;
                           })
                         );
@@ -11424,163 +11427,6 @@ function FilterMenu({
   ] });
 }
 
-// src/table/h.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function HTable(_a) {
-  var _b = _a, {
-    data,
-    mapedData,
-    setMapedData,
-    symbols,
-    totals,
-    exportName
-  } = _b, props = __objRest(_b, [
-    "data",
-    "mapedData",
-    "setMapedData",
-    "symbols",
-    "totals",
-    "exportName"
-  ]);
-  const [selected, setSelected] = (0, import_react25.useState)(null);
-  const [selectedFilter, setSelectedFilter] = (0, import_react25.useState)(null);
-  const modalRef = (0, import_react25.useRef)(null);
-  const head = (0, import_react25.useMemo)(() => {
-    return [...new Set(data.map((d) => Object.keys(d)).flat())];
-  }, [data]);
-  const mapedTotals = (0, import_react25.useMemo)(() => {
-    return mapedData == null ? void 0 : mapedData.reduce((acc, md) => {
-      head.forEach((h) => {
-        var _a2, _b2;
-        const value = isNaN(+((_a2 = md[h]) == null ? void 0 : _a2.content)) ? 0 : +((_b2 = md[h]) == null ? void 0 : _b2.content);
-        if (acc[h]) {
-          acc[h] += value;
-        } else {
-          acc[h] = value;
-        }
-      });
-      return acc;
-    }, {});
-  }, [mapedData]);
-  (0, import_react25.useEffect)(() => {
-    const newData = data.map((d, trkey) => {
-      const obj = { __visible__: true };
-      for (let key in d) {
-        const typeOf = typeof d[key];
-        const isObject2 = typeOf == "object";
-        const isDate = typeOf == "string" && d[key].includes("T");
-        const cellTypeOf = isDate ? "date" : isObject2 ? "object" : typeOf;
-        const content = cellTypeOf == "date" ? d[key].split("T").join(" ").split(".")[0] : cellTypeOf == "object" ? import_react25.default.isValidElement(d[key]) ? d[key] : JSON.stringify(d[key]) : d[key];
-        obj[key] = {
-          index: trkey,
-          originalData: content,
-          cellTypeOf,
-          title: content,
-          content,
-          name: key,
-          exclude: false
-        };
-      }
-      return obj;
-    });
-    setMapedData(newData);
-  }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, key) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        "th",
-        {
-          className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b p-5",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              "div",
-              {
-                className: "cursor-pointer flex ",
-                onClick: (e) => {
-                  setSelectedFilter(key == selectedFilter ? null : key);
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-white w-full bg-black rounded p-1 flex justify-center", children: [
-                  h,
-                  " ",
-                  !mapedData.map((d) => d[h].exclude).every((d) => d === false) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-red-300", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FilterOffIcon, {}) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              FilterMenu,
-              {
-                h,
-                mapedData,
-                setMapedData,
-                index: key,
-                selectedFilter,
-                setSelectedFilter
-              }
-            )
-          ]
-        },
-        h
-      );
-    }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "divide-y divide-gray-200", children: mapedData.map((md, trKey) => {
-      var _a2;
-      const color2 = trKey % 2 == 0 ? "bg-white" : "bg-gray-100";
-      for (let d in md) {
-        if (md[d].exclude === true) {
-          return null;
-        }
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "tr",
-        {
-          onDoubleClick: (e) => {
-            var _a3;
-            (_a3 = modalRef.current) == null ? void 0 : _a3.showModal();
-          },
-          onClick: (e) => setSelected(trKey),
-          className: [
-            "hover:bg-green-100 ",
-            color2,
-            selected == trKey && "bg-green-200 hover:bg-green-300"
-          ].join(" "),
-          children: head.map((h, tdKey) => {
-            var _a3;
-            const item = md[h];
-            const id3 = trKey + "-" + (((_a3 = md == null ? void 0 : md.id) == null ? void 0 : _a3.content) || tdKey) + "-" + h;
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              TD,
-              {
-                index: trKey,
-                symbols,
-                handlers: props.handlers,
-                item,
-                color: color2,
-                mapedData,
-                setMapedData
-              },
-              id3
-            );
-          })
-        },
-        ((_a2 = md == null ? void 0 : md.id) == null ? void 0 : _a2.content) || trKey
-      );
-    }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, fkey) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "th",
-        {
-          className: "text-right border-b max-w-[200px] p-5 ",
-          children: totals && totals.includes(h) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex justify-between text-white w-full bg-black rounded p-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-1", children: mapedTotals[h] })
-          ] })
-        },
-        fkey
-      );
-    }) }) })
-  ] })) });
-}
-
 // ../../node_modules/xlsx/xlsx.mjs
 var XLSX = {};
 XLSX.version = "0.18.5";
@@ -32082,45 +31928,217 @@ function useExportdata() {
   };
 }
 
-// src/table/index.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Table(props) {
-  const [mapedData, setMapedData] = (0, import_react26.useState)([]);
-  const isArray = Array.isArray(props.data);
+// src/table/h.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function HTable(_a) {
+  var _b = _a, {
+    data,
+    symbols,
+    totals,
+    exportName,
+    onSave
+  } = _b, props = __objRest(_b, [
+    "data",
+    "symbols",
+    "totals",
+    "exportName",
+    "onSave"
+  ]);
+  if (!Array.isArray(data)) return null;
+  const [mapedData, setMapedData] = (0, import_react25.useState)([...data]);
   const exported = useExportdata();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-gray-200 border rounded shadow p-1", children: [
-    (props == null ? void 0 : props.exportName) && props.data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "button",
-      {
-        className: "p-2 border rounded shadow bg-green-800 text-white flex gap-1",
-        onClick: (e) => exported.export(
-          mapedData.map((md) => {
-            const _a = md, { __visible__ } = _a, newMd = __objRest(_a, ["__visible__"]);
-            for (let i of Object.keys(newMd)) {
-              newMd[i] = newMd[i].content;
-            }
-            return newMd;
-          }),
-          props.exportName
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExcelIcon, {}),
-          " Exportar"
-        ]
+  const [selected, setSelected] = (0, import_react25.useState)(null);
+  const [selectedFilter, setSelectedFilter] = (0, import_react25.useState)(null);
+  const modalRef = (0, import_react25.useRef)(null);
+  const head = (0, import_react25.useMemo)(() => {
+    return [...new Set(data.map((d) => Object.keys(d)).flat())];
+  }, [data]);
+  const mapedTotals = (0, import_react25.useMemo)(() => {
+    return mapedData == null ? void 0 : mapedData.reduce((acc, md) => {
+      head.forEach((h) => {
+        var _a2, _b2;
+        const value = isNaN(+((_a2 = md[h]) == null ? void 0 : _a2.content)) ? 0 : +((_b2 = md[h]) == null ? void 0 : _b2.content);
+        if (acc[h]) {
+          acc[h] += value;
+        } else {
+          acc[h] = value;
+        }
+      });
+      return acc;
+    }, {});
+  }, [mapedData]);
+  (0, import_react25.useEffect)(() => {
+    setMapedData(data);
+  }, [data]);
+  (0, import_react25.useEffect)(() => {
+    const newData = data.map((d, trkey) => {
+      var _a2, _b2;
+      const obj = {};
+      for (let key in d) {
+        const item = {};
+        for (let key2 in d) {
+          item[key2] = ((_a2 = d[key2]) == null ? void 0 : _a2.content) || d[key2];
+        }
+        const typeOf = typeof d[key];
+        const isObject2 = typeOf == "object";
+        const isDate = typeOf == "string" && d[key].toString().includes("T");
+        const cellTypeOf = isDate ? "date" : isObject2 ? "object" : typeOf;
+        const content = cellTypeOf == "date" ? d[key].split("T").join(" ").split(".")[0] : cellTypeOf == "object" ? import_react25.default.isValidElement(d[key]) ? ((_b2 = d[key]) == null ? void 0 : _b2.props).defaultValue : JSON.stringify(d[key]) : d[key];
+        const handler = import_react25.default.isValidElement(d[key]) ? d[key] : null;
+        obj[key] = {
+          index: trkey,
+          originalData: content,
+          cellTypeOf,
+          title: content,
+          content,
+          name: key,
+          exclude: false,
+          handler
+        };
       }
-    ) }),
-    isArray ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      HTable,
-      __spreadValues({}, __spreadProps(__spreadValues({}, props), {
-        mapedData,
-        setMapedData
-      }))
-    ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" })
+      return obj;
+    });
+    setMapedData(newData);
+  }, [data]);
+  const values = (0, import_react25.useMemo)(() => {
+    return mapedData.map((d) => Object.keys(d).map((k) => ({ [k]: d[k].content }))).map((d) => Object.assign({}, ...d));
+  }, [mapedData]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "button",
+        {
+          className: "p-2 border rounded shadow bg-blue-800 text-white flex gap-1",
+          onClick: (e) => {
+            onSave({ data: values });
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SaveIcon, {}),
+            " Guardar"
+          ]
+        }
+      ),
+      exportName && mapedData.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "button",
+        {
+          className: "p-2 border rounded shadow bg-green-800 text-white flex gap-1",
+          onClick: (e) => exported.export(values, exportName),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExcelIcon, {}),
+            " Exportar"
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, key) => {
+        var _a2;
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "th",
+          {
+            className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b p-2",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "div",
+                {
+                  className: "cursor-pointer flex ",
+                  onClick: (e) => {
+                    setSelectedFilter(key == selectedFilter ? null : key);
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-white w-full bg-black rounded  flex justify-center", children: [
+                    h,
+                    " ",
+                    !((_a2 = mapedData == null ? void 0 : mapedData.map((d) => {
+                      var _a3;
+                      return (_a3 = d[h]) == null ? void 0 : _a3.exclude;
+                    })) == null ? void 0 : _a2.every((d) => d === false)) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-red-300", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FilterOffIcon, {}) })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                FilterMenu,
+                {
+                  h,
+                  mapedData,
+                  setMapedData,
+                  index: key,
+                  selectedFilter,
+                  setSelectedFilter
+                }
+              )
+            ]
+          },
+          h
+        );
+      }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "divide-y divide-gray-200", children: mapedData.map((md, trKey) => {
+        var _a2;
+        const color2 = trKey % 2 == 0 ? "bg-white" : "bg-gray-100";
+        for (let d in md) {
+          if (md[d].exclude === true) {
+            return null;
+          }
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "tr",
+          {
+            onDoubleClick: (e) => {
+              var _a3;
+              (_a3 = modalRef.current) == null ? void 0 : _a3.showModal();
+            },
+            onClick: (e) => setSelected(trKey),
+            className: [
+              "hover:bg-green-100 ",
+              color2,
+              selected == trKey && "bg-green-200 hover:bg-green-300"
+            ].join(" "),
+            children: head.map((h, tdKey) => {
+              var _a3;
+              const item = md[h];
+              const id3 = trKey + "-" + (((_a3 = md == null ? void 0 : md.id) == null ? void 0 : _a3.content) || tdKey) + "-" + h;
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                TD,
+                {
+                  index: trKey,
+                  symbols,
+                  item,
+                  color: color2,
+                  mapedData,
+                  setMapedData
+                },
+                id3
+              );
+            })
+          },
+          ((_a2 = md == null ? void 0 : md.id) == null ? void 0 : _a2.content) || trKey
+        );
+      }) }),
+      totals && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: head.map((h, fkey) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "th",
+          {
+            className: "text-right border-b max-w-[200px] p-2 ",
+            children: totals.includes(h) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex justify-between text-white w-full bg-black rounded ", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-1", children: mapedTotals[h] })
+            ] })
+          },
+          fkey
+        );
+      }) }) })
+    ] }))
   ] });
 }
 
+// src/table/index.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Table(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "bg-gray-200 border rounded shadow p-1", children: Array.isArray(props.data) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(HTable, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" }) });
+}
+
 // src/text-area/index.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function TextArea(_a) {
   var _b = _a, {
@@ -32136,7 +32154,7 @@ function TextArea(_a) {
     "onChange",
     "children"
   ]);
-  const [value, setValue] = (0, import_react27.useState)(children);
+  const [value, setValue] = (0, import_react26.useState)(children);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "font-bold ", children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
@@ -32166,12 +32184,12 @@ function TextArea(_a) {
 }
 
 // src/use-resources/index.ts
-var import_react29 = require("react");
+var import_react28 = require("react");
 
 // src/use-resources/get.token.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 function useToken() {
-  const token = (0, import_react28.useMemo)(() => {
+  const token = (0, import_react27.useMemo)(() => {
     if (typeof window != "undefined") {
       const t = window.localStorage.getItem("token");
       if (t) return t;
@@ -32264,8 +32282,8 @@ function useResources({
   onError
 }) {
   const token = useToken();
-  const [info, setInfo] = (0, import_react29.useState)({});
-  const result = (0, import_react29.useMemo)(() => {
+  const [info, setInfo] = (0, import_react28.useState)({});
+  const result = (0, import_react28.useMemo)(() => {
     var _c, _d, _e, _f, _g, _h, _i;
     const r = {};
     for (const key in endpoints) {
@@ -32500,7 +32518,7 @@ function useResources({
     }
     return r;
   }, [info, token, endpoints]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     var _a, _b;
     for (let item in result) {
       if ((_a = result[item]) == null ? void 0 : _a.id) {
@@ -32514,7 +32532,7 @@ function useResources({
 }
 
 // src/select/index.tsx
-var import_react30 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 
 // src/select/icon.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -32566,21 +32584,21 @@ function Select(_a) {
     "children",
     "strictMode"
   ]);
-  const [isOpen, setIsOpen] = (0, import_react30.useState)(false);
-  const [inputValue, setInputValue] = (0, import_react30.useState)((props == null ? void 0 : props.value) || "");
-  const [options, setOptions] = (0, import_react30.useState)(
+  const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react29.useState)((props == null ? void 0 : props.value) || "");
+  const [options, setOptions] = (0, import_react29.useState)(
     []
   );
-  const [filtered, setFiltered] = (0, import_react30.useState)(
+  const [filtered, setFiltered] = (0, import_react29.useState)(
     []
   );
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react30.useState)(-1);
-  const inputRef = (0, import_react30.useRef)(null);
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react29.useState)(-1);
+  const inputRef = (0, import_react29.useRef)(null);
   const validOption = (value) => {
     return options.find((opt) => opt.label == value);
   };
-  (0, import_react30.useEffect)(() => {
-    const parsedOptions = import_react30.default.Children.toArray(children).filter((child) => {
+  (0, import_react29.useEffect)(() => {
+    const parsedOptions = import_react29.default.Children.toArray(children).filter((child) => {
       return child.type === "option";
     }).map((child) => {
       const el = child;
@@ -32592,7 +32610,7 @@ function Select(_a) {
     setOptions(parsedOptions);
     setFiltered(parsedOptions);
   }, [children]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     setFiltered(
       options.filter(
         (opt) => {
@@ -32621,9 +32639,9 @@ function Select(_a) {
     setInputValue(opt.label);
     setIsOpen(false);
   };
-  const containerRef = (0, import_react30.useRef)(null);
-  const [openUpwards, setOpenUpwards] = (0, import_react30.useState)(false);
-  (0, import_react30.useEffect)(() => {
+  const containerRef = (0, import_react29.useRef)(null);
+  const [openUpwards, setOpenUpwards] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
     if (isOpen && containerRef.current) {
       const rect = containerRef.current.getBoundingClientRect();
       const spaceBelow = window.innerHeight - rect.bottom;
@@ -32739,10 +32757,10 @@ function Select(_a) {
 }
 
 // src/modal/index.tsx
-var import_react31 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function Modal({ button, children, ref }) {
-  const modalRef = ref || (0, import_react31.useRef)(null);
+  const modalRef = ref || (0, import_react30.useRef)(null);
   function show() {
     var _a;
     typeof modalRef == "object" && ((_a = modalRef.current) == null ? void 0 : _a.showModal());
@@ -32752,9 +32770,9 @@ function Modal({ button, children, ref }) {
     typeof modalRef == "object" && ((_a = modalRef.current) == null ? void 0 : _a.close());
   }
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    import_react31.default.Children.map(button, (child) => {
-      if (import_react31.default.isValidElement(child)) {
-        return import_react31.default.cloneElement(child, {
+    import_react30.default.Children.map(button, (child) => {
+      if (import_react30.default.isValidElement(child)) {
+        return import_react30.default.cloneElement(child, {
           onClick: (e) => {
             var _a, _b;
             show();
@@ -32773,9 +32791,9 @@ function Modal({ button, children, ref }) {
           children: "X"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-3 pt-6", children: import_react31.default.Children.map(children, (child) => {
-        if (import_react31.default.isValidElement(child)) {
-          return import_react31.default.cloneElement(child, { hide });
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-3 pt-6", children: import_react30.default.Children.map(children, (child) => {
+        if (import_react30.default.isValidElement(child)) {
+          return import_react30.default.cloneElement(child, { hide });
         }
         return child;
       }) })