next-recomponents 2.0.49 → 2.0.51

package/dist/index.js

@@ -39436,7 +39436,9 @@ function HTable({
             });
           }),
           Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.map((header) => {
-            var _a;
+            var _a, _b, _c;
+            if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, header)) return null;
+            if (header.startsWith("_") && !header.startsWith("__")) return null;
             return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "div",
               {
@@ -39447,7 +39449,7 @@ function HTable({
                 className: "border-b  font-bold  bg-white flex items-center justify-center",
                 children: valueFormatter({
                   currentCoin: context.currentCoin,
-                  value: ((_a = context.footer) == null ? void 0 : _a[header]) ? context.footer[header] == "sum" ? context.filteredData.map((d) => +d[header]).reduce((acc, h) => h + acc, 0) : context.footer[header] == "count" ? context.filteredData.map((d) => d[header] != "" ? 1 : 0).reduce((acc, h) => acc + h, 0) : 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, h) => acc + h, 0) : "" : ""
+                  value: ((_c = context.footer) == null ? void 0 : _c[header]) ? context.footer[header] == "sum" ? context.filteredData.map((d) => +d[header]).reduce((acc, h) => h + acc, 0) : context.footer[header] == "count" ? context.filteredData.map((d) => d[header] != "" ? 1 : 0).reduce((acc, h) => acc + h, 0) : 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, h) => acc + h, 0) : "" : ""
                 })
               },
               header
@@ -39470,33 +39472,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 +39495,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

@@ -39434,7 +39434,9 @@ function HTable({
             });
           }),
           Object.keys((context == null ? void 0 : context.footer) || {}).length > 0 && headers.map((header) => {
-            var _a;
+            var _a, _b, _c;
+            if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, header)) return null;
+            if (header.startsWith("_") && !header.startsWith("__")) return null;
             return /* @__PURE__ */ jsx33(
               "div",
               {
@@ -39445,7 +39447,7 @@ function HTable({
                 className: "border-b  font-bold  bg-white flex items-center justify-center",
                 children: valueFormatter({
                   currentCoin: context.currentCoin,
-                  value: ((_a = context.footer) == null ? void 0 : _a[header]) ? context.footer[header] == "sum" ? context.filteredData.map((d) => +d[header]).reduce((acc, h) => h + acc, 0) : context.footer[header] == "count" ? context.filteredData.map((d) => d[header] != "" ? 1 : 0).reduce((acc, h) => acc + h, 0) : 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, h) => acc + h, 0) : "" : ""
+                  value: ((_c = context.footer) == null ? void 0 : _c[header]) ? context.footer[header] == "sum" ? context.filteredData.map((d) => +d[header]).reduce((acc, h) => h + acc, 0) : context.footer[header] == "count" ? context.filteredData.map((d) => d[header] != "" ? 1 : 0).reduce((acc, h) => acc + h, 0) : 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, h) => acc + h, 0) : "" : ""
                 })
               },
               header
@@ -39468,33 +39470,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 +39493,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.51",
   "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,
@@ -463,6 +464,8 @@ export default function HTable({
         })}
         {Object.keys(context?.footer || {}).length > 0 &&
           headers.map((header) => {
+            if (context?.hideColumns?.includes?.(header)) return null;
+            if (header.startsWith("_") && !header.startsWith("__")) return null;
             return (
               <div
                 key={header}
@@ -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>
+  );
+}