react-ecosistema-unp 1.7.26 → 1.8.0-pre.0

package/dist/tables/tabla-registros/tabla/Tabla.js

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import X, { useState as m, useEffect as Y } from "react";
-import { v as Z, w as S } from "../../../index-DDjnZyBf.js";
-import { a as w, b as ee, c as te, d as re } from "../../../index-D3WseyJh.js";
-import { T as se } from "../../../Table-C5ydZooy.js";
-import { F as oe, a as ie } from "../../../FormGroup-BLpFcIN5.js";
-import { B as ne } from "../../../Button-B87TJYml.js";
-import '../../../assets/Tabla.css';const ue = ({
+import Z, { useState as m, useEffect as L } from "react";
+import { v as S, w } from "../../../index-DDjnZyBf.js";
+import { a as ee, b as te, c as re, d as se } from "../../../index-D3WseyJh.js";
+import { T as oe } from "../../../Table-C5ydZooy.js";
+import { F as ie, a as ne } from "../../../FormGroup-BLpFcIN5.js";
+import { B as ae } from "../../../Button-B87TJYml.js";
+import '../../../assets/Tabla.css';const he = ({
   columns: u,
   displayedData: f,
   // tableData,
-  hasMoreData: x,
-  setHasMoreData: I,
-  visibleData: D,
-  setVisibleData: O,
-  handleCellClick: P,
+  hasMoreData: D,
+  // setHasMoreData,
+  visibleData: x,
+  setVisibleData: P,
+  handleCellClick: U,
   totalDias: v,
   isShared: b,
   //
@@ -26,49 +26,56 @@ import '../../../assets/Tabla.css';const ue = ({
   enableRowSelection: h = !1,
   // Indicador para aumentar la selección de casos por gestionar
   extendedSelection: _,
-  cellSelectionColor: U
+  cellSelectionColor: V,
+  //
+  onLoadMore: B,
+  isFiltering: A
 }) => {
-  const [l, V] = m({
+  const [l, W] = m({
     key: null,
     direction: null
-  }), [c, W] = m([]), [y, B] = m(null), [k, A] = m(null);
-  Y(() => {
+  }), [c, $] = m([]), [y, G] = m(null), [k, H] = m(null);
+  L(() => {
     C == null || C(c);
   }, [c]);
-  const $ = (e, o) => {
-    const r = k || j, i = r.findIndex((p) => p.numeroRegistro === e);
+  const q = (e, o) => {
+    const r = k || z, i = r.findIndex((p) => p.numeroRegistro === e);
     if (i === -1) return;
     const n = r[i], t = c.includes(e);
     let a = [];
     if (t)
-      a = c.filter((p) => p !== e), a.length === 0 && (A(null), B(null));
+      a = c.filter((p) => p !== e), a.length === 0 && (H(null), G(null));
     else if (c.length === 0) {
-      a = [e], B(n.tipoMesa);
-      const p = n.tipoMesa, K = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), E = r.filter((g) => g.tipoMesa !== p), z = r.findIndex((g) => g.numeroRegistro === e), L = E.slice(0, z), Q = E.slice(z);
-      A([...L, n, ...K, ...Q]);
+      a = [e], G(n.tipoMesa);
+      const p = n.tipoMesa, Q = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), I = r.filter((g) => g.tipoMesa !== p), O = r.findIndex((g) => g.numeroRegistro === e), X = I.slice(0, O), Y = I.slice(O);
+      H([...X, n, ...Q, ...Y]);
     } else {
       if (y && n.tipoMesa !== y) return;
       a = [...c, e];
     }
-    W(a);
-  }, G = { i: 0 }, H = (e) => {
+    $(a);
+  }, j = { i: 0 }, E = (e) => {
     if (v) {
       const o = e / v * 100;
       return o <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : o <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : o <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
     }
     return { backgroundColor: "transparent", color: "inherit" };
-  }, q = (e) => {
-    const { scrollTop: o, clientHeight: r, scrollHeight: i } = e.currentTarget;
-    i - o <= r + 50 && x && O((n) => {
-      const t = n + 5;
-      return t >= f.length && I(!1), Math.min(t, f.length);
-    });
   }, J = (e) => {
-    V((o) => ({
+    const { scrollTop: o, clientHeight: r, scrollHeight: i } = e.currentTarget;
+    if (i - o <= r + 50) {
+      if (P((n) => {
+        const t = n + 10;
+        return Math.min(t, f.length);
+      }), A)
+        return;
+      f.length - x < 5 && B && B();
+    }
+  }, K = (e) => {
+    W((o) => ({
       key: e,
       direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
     }));
-  }, j = (() => {
+  }, z = (() => {
     if (!l.key) return f;
     if (b) {
       const [e, o] = f.reduce(
@@ -84,8 +91,8 @@ import '../../../assets/Tabla.css';const ue = ({
       const r = e[l.key], i = o[l.key];
       return typeof r == "number" && typeof i == "number" ? l.direction === "asc" ? r - i : i - r : typeof r == "string" && typeof i == "string" ? l.direction === "asc" ? r.localeCompare(i) : i.localeCompare(r) : 0;
     });
-  })(), F = k || (l.direction === "asc" || l.direction === "desc" ? j : f);
-  return /* @__PURE__ */ s("div", { className: "table_container", children: /* @__PURE__ */ s("div", { className: "table-scroll", onScroll: q, children: /* @__PURE__ */ d(se, { striped: !0, hover: !0, children: [
+  })(), F = k || (l.direction === "asc" || l.direction === "desc" ? z : f);
+  return /* @__PURE__ */ s("div", { className: "table_container", children: /* @__PURE__ */ s("div", { className: "table-scroll", onScroll: J, children: /* @__PURE__ */ d(oe, { striped: !0, hover: !0, children: [
     /* @__PURE__ */ d("thead", { children: [
       /* @__PURE__ */ d("tr", { children: [
         h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
@@ -93,12 +100,12 @@ import '../../../assets/Tabla.css';const ue = ({
           "th",
           {
             className: "table-header-unp",
-            onClick: () => (e.sorter || T) && J(e.key),
+            onClick: () => (e.sorter || T) && K(e.key),
             style: { cursor: N ? "pointer" : "default" },
             children: [
               e.label,
               " ",
-              c.length == 0 && (e.sorter || T) ? l.key === e.key ? l.direction === "asc" ? /* @__PURE__ */ s(w, {}) : /* @__PURE__ */ s(ee, {}) : /* @__PURE__ */ s(te, {}) : null
+              c.length == 0 && (e.sorter || T) ? l.key === e.key ? l.direction === "asc" ? /* @__PURE__ */ s(ee, {}) : /* @__PURE__ */ s(te, {}) : /* @__PURE__ */ s(re, {}) : null
             ]
           },
           o
@@ -106,9 +113,9 @@ import '../../../assets/Tabla.css';const ue = ({
       ] }),
       c.length == 0 && N && /* @__PURE__ */ d("tr", { children: [
         h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
-        u.map((e, o) => /* @__PURE__ */ s("th", { children: /* @__PURE__ */ d(oe, { className: "mx-1 position-relative", children: [
+        u.map((e, o) => /* @__PURE__ */ s("th", { children: /* @__PURE__ */ d(ie, { className: "mx-1 position-relative", children: [
           /* @__PURE__ */ s(
-            ie,
+            ne,
             {
               type: "text",
               placeholder: `Buscar ${e.label}`,
@@ -118,7 +125,7 @@ import '../../../assets/Tabla.css';const ue = ({
             }
           ),
           R[e.key] && /* @__PURE__ */ s(
-            ne,
+            ae,
             {
               variant: "link",
               size: "sm",
@@ -132,11 +139,11 @@ import '../../../assets/Tabla.css';const ue = ({
       ] })
     ] }),
     /* @__PURE__ */ d("tbody", { children: [
-      F.slice(0, D).map((e, o) => {
+      F.slice(0, x).map((e, o) => {
         let r = !1;
-        b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && (!_ && G.i < 60 ? (r = !0, G.i++) : _ && (r = !0)) : r = !0;
+        b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && (!_ && j.i < 60 ? (r = !0, j.i++) : _ && (r = !0)) : r = !0;
         const i = h && y != null && e.tipoMesa !== y, n = c.includes(e.numeroRegistro);
-        return /* @__PURE__ */ d(X.Fragment, { children: [
+        return /* @__PURE__ */ d(Z.Fragment, { children: [
           /* @__PURE__ */ d(
             "tr",
             {
@@ -154,18 +161,18 @@ import '../../../assets/Tabla.css';const ue = ({
                       cursor: i ? "not-allowed" : "pointer"
                     },
                     onClick: (t) => {
-                      t.stopPropagation(), i || $(e.numeroRegistro);
+                      t.stopPropagation(), i || q(e.numeroRegistro);
                     },
-                    children: n ? /* @__PURE__ */ s(re, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(Z, { size: 18, style: { color: "#505050ff" } })
+                    children: n ? /* @__PURE__ */ s(se, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(S, { size: 18, style: { color: "#505050ff" } })
                   }
                 ),
                 u.map((t, a) => /* @__PURE__ */ s(
                   "td",
                   {
-                    onClick: () => r ? P(t, e) : {},
+                    onClick: () => r ? U(t, e) : {},
                     style: {
                       cursor: (t.hasModal || t.redirectTo) && r ? "pointer" : "default",
-                      "--cell-selection-bg-color": U || void 0
+                      "--cell-selection-bg-color": V || void 0
                     },
                     className: r ? t.redirectTo ? "cell-redirect" : t.hasModal ? "cell-with-modal" : "" : "",
                     children: t.key === "diasHabiles" ? /* @__PURE__ */ s(
@@ -182,10 +189,10 @@ import '../../../assets/Tabla.css';const ue = ({
                               padding: "8px",
                               borderRadius: "100px",
                               width: "40px",
-                              backgroundColor: H(
+                              backgroundColor: E(
                                 e.diasHabiles
                               ).backgroundColor,
-                              color: H(
+                              color: E(
                                 e.diasHabiles
                               ).color
                             },
@@ -210,13 +217,13 @@ import '../../../assets/Tabla.css';const ue = ({
             fontWeight: "600",
             color: o % 2 === 0 ? "#365072" : "#303D50",
             backgroundColor: o % 2 === 0 ? "#fefefe" : "#f9fafa"
-          }, children: /* @__PURE__ */ s(S, { style: { fontSize: "1.3rem" } }) }) }) })
+          }, children: /* @__PURE__ */ s(w, { style: { fontSize: "1.3rem" } }) }) }) })
         ] }, o);
       }),
-      x && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", children: "Cargando más datos..." }) })
+      D && !A && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", children: "Cargando más datos..." }) })
     ] })
   ] }) }) });
 };
 export {
-  ue as Tabla
+  he as Tabla
 };