next-recomponents 2.0.49 → 2.0.50

package/dist/index.js

@@ -39435,7 +39435,7 @@ function HTable({
               );
             });
           }),
-          Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.map((header) => {
+          Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.filter((h) => !h.startsWith("_") && !h.startsWith("__")).map((header) => {
             var _a;
             return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "div",
@@ -39470,33 +39470,15 @@ function HTable({
               }
               return true;
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fixed top-0 left-0 p-10 ", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-                  "button",
-                  {
-                    className: "p-2 border shadow rounded " + (currentIndex > 0 ? "bg-white " : "bg-gray-100"),
-                    onClick: (e) => {
-                      currentIndex > 0 && setCurrentIndex(currentIndex - 1);
-                    },
-                    children: "Anterior"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-                  "button",
-                  {
-                    className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
-                    onClick: (e) => {
-                      currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
-                    },
-                    children: "Siguiente"
-                  }
-                )
-              ] }),
-              import_react19.default.cloneElement(context.modal, {
-                row: searchedData[currentIndex]
-              })
-            ] })
+            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              ModalContent,
+              {
+                context,
+                currentIndex,
+                setCurrentIndex,
+                searchedData
+              }
+            )
           }
         ),
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -39511,6 +39493,42 @@ function HTable({
     }
   );
 }
+function ModalContent({
+  currentIndex,
+  setCurrentIndex,
+  searchedData,
+  context,
+  hide
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fixed top-0 left-0 p-10 ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "button",
+        {
+          className: "p-2 border shadow rounded " + (currentIndex > 0 ? "bg-white " : "bg-gray-100"),
+          onClick: (e) => {
+            currentIndex > 0 && setCurrentIndex(currentIndex - 1);
+          },
+          children: "Anterior"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "button",
+        {
+          className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
+          onClick: (e) => {
+            currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
+          },
+          children: "Siguiente"
+        }
+      )
+    ] }),
+    import_react19.default.cloneElement(context.modal, {
+      row: searchedData[currentIndex],
+      hide
+    })
+  ] });
+}
 
 // src/table-advanced/context.ts
 var import_react20 = require("react");

package/dist/index.mjs

@@ -39433,7 +39433,7 @@ function HTable({
               );
             });
           }),
-          Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.map((header) => {
+          Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.filter((h) => !h.startsWith("_") && !h.startsWith("__")).map((header) => {
             var _a;
             return /* @__PURE__ */ jsx33(
               "div",
@@ -39468,33 +39468,15 @@ function HTable({
               }
               return true;
             },
-            children: /* @__PURE__ */ jsxs25("div", { className: "relative", children: [
-              /* @__PURE__ */ jsxs25("div", { className: "fixed top-0 left-0 p-10 ", children: [
-                /* @__PURE__ */ jsx33(
-                  "button",
-                  {
-                    className: "p-2 border shadow rounded " + (currentIndex > 0 ? "bg-white " : "bg-gray-100"),
-                    onClick: (e) => {
-                      currentIndex > 0 && setCurrentIndex(currentIndex - 1);
-                    },
-                    children: "Anterior"
-                  }
-                ),
-                /* @__PURE__ */ jsx33(
-                  "button",
-                  {
-                    className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
-                    onClick: (e) => {
-                      currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
-                    },
-                    children: "Siguiente"
-                  }
-                )
-              ] }),
-              React10.cloneElement(context.modal, {
-                row: searchedData[currentIndex]
-              })
-            ] })
+            children: /* @__PURE__ */ jsx33(
+              ModalContent,
+              {
+                context,
+                currentIndex,
+                setCurrentIndex,
+                searchedData
+              }
+            )
           }
         ),
         isLoading && /* @__PURE__ */ jsx33(
@@ -39509,6 +39491,42 @@ function HTable({
     }
   );
 }
+function ModalContent({
+  currentIndex,
+  setCurrentIndex,
+  searchedData,
+  context,
+  hide
+}) {
+  return /* @__PURE__ */ jsxs25("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "fixed top-0 left-0 p-10 ", children: [
+      /* @__PURE__ */ jsx33(
+        "button",
+        {
+          className: "p-2 border shadow rounded " + (currentIndex > 0 ? "bg-white " : "bg-gray-100"),
+          onClick: (e) => {
+            currentIndex > 0 && setCurrentIndex(currentIndex - 1);
+          },
+          children: "Anterior"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "button",
+        {
+          className: "p-2 border shadow rounded " + (currentIndex < searchedData.length - 1 ? "bg-white " : "bg-gray-100"),
+          onClick: (e) => {
+            currentIndex < searchedData.length - 1 && setCurrentIndex(currentIndex + 1);
+          },
+          children: "Siguiente"
+        }
+      )
+    ] }),
+    React10.cloneElement(context.modal, {
+      row: searchedData[currentIndex],
+      hide
+    })
+  ] });
+}
 
 // src/table-advanced/context.ts
 import { useEffect as useEffect12, useMemo as useMemo9, useReducer as useReducer3, useState as useState16 } from "react";

package/package.json

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

package/src/table-advanced/h.table.tsx

@@ -1,4 +1,5 @@
 import React, {
+  Dispatch,
   ReactNode,
   useCallback,
   useEffect,
@@ -462,43 +463,45 @@ export default function HTable({
           });
         })}
         {Object.keys(context?.footer || {}).length > 0 &&
-          headers.map((header) => {
-            return (
-              <div
-                key={header}
-                style={{
-                  height: `${padding}px`,
-                  maxHeight: "100px",
-                }}
-                className={
-                  "border-b  font-bold " +
-                  " bg-white flex items-center justify-center"
-                }
-              >
-                {valueFormatter({
-                  currentCoin: context.currentCoin,
-                  value: context.footer?.[header]
-                    ? context.footer[header] == "sum"
-                      ? context.filteredData
-                          .map((d) => +d[header])
-                          .reduce((acc, h) => h + acc, 0)
-                      : context.footer[header] == "count"
+          headers
+            .filter((h) => !h.startsWith("_") && !h.startsWith("__"))
+            .map((header) => {
+              return (
+                <div
+                  key={header}
+                  style={{
+                    height: `${padding}px`,
+                    maxHeight: "100px",
+                  }}
+                  className={
+                    "border-b  font-bold " +
+                    " bg-white flex items-center justify-center"
+                  }
+                >
+                  {valueFormatter({
+                    currentCoin: context.currentCoin,
+                    value: context.footer?.[header]
+                      ? context.footer[header] == "sum"
                         ? context.filteredData
-                            .map((d) => (d[header] != "" ? 1 : 0))
-                            .reduce((acc: number, h) => acc + h, 0)
-                        : context.footer[header] == "avg"
+                            .map((d) => +d[header])
+                            .reduce((acc, h) => h + acc, 0)
+                        : context.footer[header] == "count"
                           ? context.filteredData
-                              .map((d) => +d[header])
-                              .reduce((acc, h) => h + acc, 0) /
-                            context.filteredData
                               .map((d) => (d[header] != "" ? 1 : 0))
                               .reduce((acc: number, h) => acc + h, 0)
-                          : ""
-                    : "",
-                })}
-              </div>
-            );
-          })}
+                          : context.footer[header] == "avg"
+                            ? context.filteredData
+                                .map((d) => +d[header])
+                                .reduce((acc, h) => h + acc, 0) /
+                              context.filteredData
+                                .map((d) => (d[header] != "" ? 1 : 0))
+                                .reduce((acc: number, h) => acc + h, 0)
+                            : ""
+                      : "",
+                  })}
+                </div>
+              );
+            })}
       </div>
 
       {context.modal && (
@@ -517,38 +520,12 @@ export default function HTable({
             return true;
           }}
         >
-          <div className="relative">
-            <div className="fixed top-0 left-0 p-10 ">
-              <button
-                className={
-                  "p-2 border shadow rounded " +
-                  (currentIndex > 0 ? "bg-white " : "bg-gray-100")
-                }
-                onClick={(e) => {
-                  currentIndex > 0 && setCurrentIndex(currentIndex - 1);
-                }}
-              >
-                Anterior
-              </button>
-              <button
-                className={
-                  "p-2 border shadow rounded " +
-                  (currentIndex < searchedData.length - 1
-                    ? "bg-white "
-                    : "bg-gray-100")
-                }
-                onClick={(e) => {
-                  currentIndex < searchedData.length - 1 &&
-                    setCurrentIndex(currentIndex + 1);
-                }}
-              >
-                Siguiente
-              </button>
-            </div>
-            {React.cloneElement(context.modal, {
-              row: searchedData[currentIndex],
-            })}
-          </div>
+          <ModalContent
+            context={context}
+            currentIndex={currentIndex}
+            setCurrentIndex={setCurrentIndex}
+            searchedData={searchedData}
+          />
         </Modal>
       )}
       {isLoading && (
@@ -562,3 +539,53 @@ export default function HTable({
     </div>
   );
 }
+
+function ModalContent({
+  currentIndex,
+  setCurrentIndex,
+  searchedData,
+  context,
+  hide,
+}: {
+  hide?: () => void;
+  currentIndex: number;
+  setCurrentIndex: Dispatch<number>;
+  searchedData: any;
+  context: any;
+}) {
+  return (
+    <div className="relative">
+      <div className="fixed top-0 left-0 p-10 ">
+        <button
+          className={
+            "p-2 border shadow rounded " +
+            (currentIndex > 0 ? "bg-white " : "bg-gray-100")
+          }
+          onClick={(e) => {
+            currentIndex > 0 && setCurrentIndex(currentIndex - 1);
+          }}
+        >
+          Anterior
+        </button>
+        <button
+          className={
+            "p-2 border shadow rounded " +
+            (currentIndex < searchedData.length - 1
+              ? "bg-white "
+              : "bg-gray-100")
+          }
+          onClick={(e) => {
+            currentIndex < searchedData.length - 1 &&
+              setCurrentIndex(currentIndex + 1);
+          }}
+        >
+          Siguiente
+        </button>
+      </div>
+      {React.cloneElement(context.modal, {
+        row: searchedData[currentIndex],
+        hide,
+      })}
+    </div>
+  );
+}