next-recomponents 1.3.4 → 1.3.6

package/dist/index.mjs

@@ -11110,9 +11110,6 @@ var regularExpresions = {
 };
 var regular_expresions_default = regularExpresions;
 
-// src/table/index.tsx
-import { useState as useState7 } from "react";
-
 // src/table/h.tsx
 import React4, { useEffect as useEffect7, useMemo as useMemo7, useRef as useRef4, useState as useState6 } from "react";
 
@@ -11126,7 +11123,6 @@ function TD(_a) {
     index,
     color: color2,
     symbols,
-    handlers,
     mapedData,
     setMapedData
   } = _b, props = __objRest(_b, [
@@ -11135,11 +11131,10 @@ function TD(_a) {
     "index",
     "color",
     "symbols",
-    "handlers",
     "mapedData",
     "setMapedData"
   ]);
-  var _a2, _b2, _c, _d;
+  var _a2, _b2;
   const [isHidded, setIsHidded] = useState4(false);
   const newProps = symbols && React3.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) => {
@@ -11159,65 +11154,58 @@ function TD(_a) {
     },
     { defaultValue: item == null ? void 0 : item.content }
   ));
-  const newProps2 = handlers && React3.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__ */ jsx8(
     "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__ */ jsx8("div", { children: React3.Children.map(handlers[item == null ? void 0 : item.name], (child) => {
-        if (React3.isValidElement(child)) {
-          return React3.cloneElement(child, __spreadValues({}, newProps2));
-        }
-      }) }) : /* @__PURE__ */ jsxs6(
-        "div",
-        {
-          className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between",
-          children: [
-            /* @__PURE__ */ jsx8("div", { children: symbols && React3.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
-              if (React3.isValidElement(child)) {
-                return React3.cloneElement(child, __spreadValues({}, newProps));
+      children: /* @__PURE__ */ jsxs6("div", { className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between", children: [
+        symbols && /* @__PURE__ */ jsx8("div", { children: React3.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
+          if (React3.isValidElement(child)) {
+            return React3.cloneElement(child, __spreadValues({}, newProps));
+          }
+          return child;
+        }) }),
+        /* @__PURE__ */ jsx8("div", { children: (item == null ? void 0 : item.handler) ? React3.Children.map(item.handler, (handler) => {
+          if (React3.isValidElement(handler)) {
+            return React3.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__ */ jsx8("div", { children: item == null ? void 0 : item.content })
-          ]
-        }
-      )
+            });
+          }
+          return handler;
+        }) : item.content })
+      ] })
     }
   );
 }
 
 // src/table/filters.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function FilterOffIcon() {
   return /* @__PURE__ */ jsx9(
     "svg",
@@ -11233,6 +11221,24 @@ function FilterOffIcon() {
     }
   );
 }
+function SaveIcon() {
+  return /* @__PURE__ */ jsxs7(
+    "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__ */ jsx9("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__ */ jsx9("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__ */ jsx9(
     "svg",
@@ -11251,7 +11257,7 @@ function ExcelIcon() {
 
 // src/table/filter.menu.tsx
 import { useEffect as useEffect6, useState as useState5 } from "react";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function FilterMenu({
   h,
   mapedData,
@@ -11264,11 +11270,7 @@ function FilterMenu({
   const [newMapedData, setNewMapedData] = useState5([]);
   useEffect6(() => {
     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());
       })
     );
@@ -11276,14 +11278,14 @@ function FilterMenu({
   useEffect6(() => {
     setText("");
   }, [selectedFilter]);
-  return selectedFilter == index && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+  return selectedFilter == index && /* @__PURE__ */ jsxs8(Fragment3, { children: [
     /* @__PURE__ */ jsx10(
       "div",
       {
         className: "absolute bg-white border rounded min-w-[200px] ",
         style: { zIndex: 9999999 },
-        children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-start text-black", children: [
-          /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-start text-black", children: [
+          /* @__PURE__ */ jsxs8(
             "div",
             {
               className: "flex gap-1 w-full hover:bg-gray-100 p-3 cursor-pointer",
@@ -11317,13 +11319,13 @@ function FilterMenu({
               }
             }
           ) }),
-          /* @__PURE__ */ jsx10("div", { className: "px-2   w-full  h-[150px]", children: /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsx10("div", { className: "px-2   w-full  h-[150px]", children: /* @__PURE__ */ jsxs8(
             "div",
             {
               style: { overflow: "auto" },
               className: "border h-full flex gap-2 flex-col  p-1",
               children: [
-                /* @__PURE__ */ jsx10("div", { className: "flex gap-2 items-center justify-start ", children: /* @__PURE__ */ jsxs7("label", { children: [
+                /* @__PURE__ */ jsx10("div", { className: "flex gap-2 items-center justify-start ", children: /* @__PURE__ */ jsxs8("label", { children: [
                   /* @__PURE__ */ jsx10(
                     "input",
                     {
@@ -11331,10 +11333,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;
                           })
                         );
@@ -11363,7 +11366,7 @@ function FilterMenu({
                     "div",
                     {
                       className: "flex gap-2 items-center justify-start",
-                      children: /* @__PURE__ */ jsxs7("label", { children: [
+                      children: /* @__PURE__ */ jsxs8("label", { children: [
                         /* @__PURE__ */ jsx10(
                           "input",
                           {
@@ -11414,163 +11417,6 @@ function FilterMenu({
   ] });
 }
 
-// src/table/h.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "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] = useState6(null);
-  const [selectedFilter, setSelectedFilter] = useState6(null);
-  const modalRef = useRef4(null);
-  const head = useMemo7(() => {
-    return [...new Set(data.map((d) => Object.keys(d)).flat())];
-  }, [data]);
-  const mapedTotals = useMemo7(() => {
-    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]);
-  useEffect7(() => {
-    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" ? React4.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__ */ jsx11(Fragment4, { children: /* @__PURE__ */ jsxs8("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
-    /* @__PURE__ */ jsx11("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, key) => {
-      return /* @__PURE__ */ jsxs8(
-        "th",
-        {
-          className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b p-5",
-          children: [
-            /* @__PURE__ */ jsx11(
-              "div",
-              {
-                className: "cursor-pointer flex ",
-                onClick: (e) => {
-                  setSelectedFilter(key == selectedFilter ? null : key);
-                },
-                children: /* @__PURE__ */ jsxs8("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__ */ jsx11("div", { className: "text-red-300", children: /* @__PURE__ */ jsx11(FilterOffIcon, {}) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx11(
-              FilterMenu,
-              {
-                h,
-                mapedData,
-                setMapedData,
-                index: key,
-                selectedFilter,
-                setSelectedFilter
-              }
-            )
-          ]
-        },
-        h
-      );
-    }) }) }),
-    /* @__PURE__ */ jsx11("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__ */ jsx11(
-        "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__ */ jsx11(
-              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__ */ jsx11("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, fkey) => {
-      return /* @__PURE__ */ jsx11(
-        "th",
-        {
-          className: "text-right border-b max-w-[200px] p-5 ",
-          children: totals && totals.includes(h) && /* @__PURE__ */ jsxs8("div", { className: "flex justify-between text-white w-full bg-black rounded p-1", children: [
-            /* @__PURE__ */ jsx11("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
-            /* @__PURE__ */ jsx11("div", { className: "p-1", children: mapedTotals[h] })
-          ] })
-        },
-        fkey
-      );
-    }) }) })
-  ] })) });
-}
-
 // ../../node_modules/xlsx/xlsx.mjs
 var XLSX = {};
 XLSX.version = "0.18.5";
@@ -32072,46 +31918,218 @@ function useExportdata() {
   };
 }
 
-// src/table/index.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function Table(props) {
-  const [mapedData, setMapedData] = useState7([]);
-  const isArray = Array.isArray(props.data);
+// src/table/h.tsx
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "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] = useState6([...data]);
   const exported = useExportdata();
-  return /* @__PURE__ */ jsxs9("div", { className: "bg-gray-200 border rounded shadow p-1", children: [
-    (props == null ? void 0 : props.exportName) && props.data.length > 0 && /* @__PURE__ */ jsx12(Fragment5, { children: /* @__PURE__ */ jsxs9(
-      "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__ */ jsx12(ExcelIcon, {}),
-          " Exportar"
-        ]
+  const [selected, setSelected] = useState6(null);
+  const [selectedFilter, setSelectedFilter] = useState6(null);
+  const modalRef = useRef4(null);
+  const head = useMemo7(() => {
+    return [...new Set(data.map((d) => Object.keys(d)).flat())];
+  }, [data]);
+  const mapedTotals = useMemo7(() => {
+    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]);
+  useEffect7(() => {
+    setMapedData(data);
+  }, [data]);
+  useEffect7(() => {
+    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" ? React4.isValidElement(d[key]) ? ((_b2 = d[key]) == null ? void 0 : _b2.props).defaultValue : JSON.stringify(d[key]) : d[key];
+        const handler = React4.isValidElement(d[key]) ? d[key] : null;
+        obj[key] = {
+          index: trkey,
+          originalData: content,
+          cellTypeOf,
+          title: content,
+          content,
+          name: key,
+          exclude: false,
+          handler
+        };
       }
-    ) }),
-    isArray ? /* @__PURE__ */ jsx12(
-      HTable,
-      __spreadValues({}, __spreadProps(__spreadValues({}, props), {
-        mapedData,
-        setMapedData
-      }))
-    ) : /* @__PURE__ */ jsx12("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" })
+      return obj;
+    });
+    setMapedData(newData);
+  }, [data]);
+  const values = useMemo7(() => {
+    return mapedData.map((d) => Object.keys(d).map((k) => ({ [k]: d[k].content }))).map((d) => Object.assign({}, ...d));
+  }, [mapedData]);
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+      onSave && /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          className: "p-2 border rounded shadow bg-blue-800 text-white flex gap-1",
+          onClick: (e) => {
+            onSave({ data: values });
+          },
+          children: [
+            /* @__PURE__ */ jsx11(SaveIcon, {}),
+            " Guardar"
+          ]
+        }
+      ),
+      exportName && mapedData.length > 0 && /* @__PURE__ */ jsx11(Fragment4, { children: /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          className: "p-2 border rounded shadow bg-green-800 text-white flex gap-1",
+          onClick: (e) => exported.export(values, exportName),
+          children: [
+            /* @__PURE__ */ jsx11(ExcelIcon, {}),
+            " Exportar"
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs9("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
+      /* @__PURE__ */ jsx11("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, key) => {
+        var _a2;
+        return /* @__PURE__ */ jsxs9(
+          "th",
+          {
+            className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b p-2",
+            children: [
+              /* @__PURE__ */ jsx11(
+                "div",
+                {
+                  className: "cursor-pointer flex ",
+                  onClick: (e) => {
+                    setSelectedFilter(key == selectedFilter ? null : key);
+                  },
+                  children: /* @__PURE__ */ jsxs9("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__ */ jsx11("div", { className: "text-red-300", children: /* @__PURE__ */ jsx11(FilterOffIcon, {}) })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx11(
+                FilterMenu,
+                {
+                  h,
+                  mapedData,
+                  setMapedData,
+                  index: key,
+                  selectedFilter,
+                  setSelectedFilter
+                }
+              )
+            ]
+          },
+          h
+        );
+      }) }) }),
+      /* @__PURE__ */ jsx11("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__ */ jsx11(
+          "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__ */ jsx11(
+                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__ */ jsx11("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ jsx11("tr", { children: head.map((h, fkey) => {
+        return /* @__PURE__ */ jsx11(
+          "th",
+          {
+            className: "text-right border-b max-w-[200px] p-2 ",
+            children: totals.includes(h) && /* @__PURE__ */ jsxs9("div", { className: "flex justify-between text-white w-full bg-black rounded ", children: [
+              /* @__PURE__ */ jsx11("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
+              /* @__PURE__ */ jsx11("div", { className: "p-1", children: mapedTotals[h] })
+            ] })
+          },
+          fkey
+        );
+      }) }) })
+    ] }))
   ] });
 }
 
+// src/table/index.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Table(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx12("div", { className: "bg-gray-200 border rounded shadow p-1", children: Array.isArray(props.data) ? /* @__PURE__ */ jsx12(HTable, __spreadValues({}, props)) : /* @__PURE__ */ jsx12("div", { className: " p-5 border rounded shadow bg-yellw-500", children: "No es un array" }) });
+}
+
 // src/text-area/index.tsx
 import {
-  useState as useState8
+  useState as useState7
 } from "react";
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function TextArea(_a) {
@@ -32128,7 +32146,7 @@ function TextArea(_a) {
     "onChange",
     "children"
   ]);
-  const [value, setValue] = useState8(children);
+  const [value, setValue] = useState7(children);
   return /* @__PURE__ */ jsx13("div", { className: "w-full", children: /* @__PURE__ */ jsxs10("label", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx13("div", { className: "font-bold ", children: label }),
     /* @__PURE__ */ jsxs10("div", { children: [
@@ -32158,7 +32176,7 @@ function TextArea(_a) {
 }
 
 // src/use-resources/index.ts
-import { useEffect as useEffect8, useMemo as useMemo9, useState as useState9 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo9, useState as useState8 } from "react";
 
 // src/use-resources/get.token.tsx
 import { useMemo as useMemo8 } from "react";
@@ -32256,7 +32274,7 @@ function useResources({
   onError
 }) {
   const token = useToken();
-  const [info, setInfo] = useState9({});
+  const [info, setInfo] = useState8({});
   const result = useMemo9(() => {
     var _c, _d, _e, _f, _g, _h, _i;
     const r = {};
@@ -32509,7 +32527,7 @@ function useResources({
 import React6, {
   useEffect as useEffect9,
   useRef as useRef5,
-  useState as useState10
+  useState as useState9
 } from "react";
 
 // src/select/icon.tsx
@@ -32562,15 +32580,15 @@ function Select(_a) {
     "children",
     "strictMode"
   ]);
-  const [isOpen, setIsOpen] = useState10(false);
-  const [inputValue, setInputValue] = useState10((props == null ? void 0 : props.value) || "");
-  const [options, setOptions] = useState10(
+  const [isOpen, setIsOpen] = useState9(false);
+  const [inputValue, setInputValue] = useState9((props == null ? void 0 : props.value) || "");
+  const [options, setOptions] = useState9(
     []
   );
-  const [filtered, setFiltered] = useState10(
+  const [filtered, setFiltered] = useState9(
     []
   );
-  const [highlightedIndex, setHighlightedIndex] = useState10(-1);
+  const [highlightedIndex, setHighlightedIndex] = useState9(-1);
   const inputRef = useRef5(null);
   const validOption = (value) => {
     return options.find((opt) => opt.label == value);
@@ -32618,7 +32636,7 @@ function Select(_a) {
     setIsOpen(false);
   };
   const containerRef = useRef5(null);
-  const [openUpwards, setOpenUpwards] = useState10(false);
+  const [openUpwards, setOpenUpwards] = useState9(false);
   useEffect9(() => {
     if (isOpen && containerRef.current) {
       const rect = containerRef.current.getBoundingClientRect();
@@ -32736,7 +32754,7 @@ function Select(_a) {
 
 // src/modal/index.tsx
 import React7, { useRef as useRef6 } from "react";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function Modal({ button, children, ref }) {
   const modalRef = ref || useRef6(null);
   function show() {
@@ -32747,7 +32765,7 @@ function Modal({ button, children, ref }) {
     var _a;
     typeof modalRef == "object" && ((_a = modalRef.current) == null ? void 0 : _a.close());
   }
-  return /* @__PURE__ */ jsxs12(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
     React7.Children.map(button, (child) => {
       if (React7.isValidElement(child)) {
         return React7.cloneElement(child, {