react-ecosistema-unp 1.7.19 → 1.7.21

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

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import Q, { useState as m, useEffect as S } from "react";
-import { v as X, w as Y } from "../../../index-DDjnZyBf.js";
-import { a as Z, b as w, c as ee, d as te } from "../../../index-D3WseyJh.js";
-import { T as re } from "../../../Table-C5ydZooy.js";
-import { F as se, a as oe } from "../../../FormGroup-BLpFcIN5.js";
-import { B as ie } from "../../../Button-B87TJYml.js";
-import '../../../assets/Tabla.css';const ge = ({
+import S, { useState as m, useEffect as X } from "react";
+import { v as Y, w as Z } 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 = ({
   columns: u,
   displayedData: f,
   // tableData,
@@ -25,16 +25,17 @@ import '../../../assets/Tabla.css';const ge = ({
   onSelectionChange: C,
   enableRowSelection: h = !1,
   // Indicador para aumentar la selección de casos por gestionar
-  extendedSelection: P
+  extendedSelection: P,
+  cellSelectionColor: U
 }) => {
-  const [l, U] = m({
+  const [l, V] = m({
     key: null,
     direction: null
-  }), [c, V] = m([]), [y, _] = m(null), [k, B] = m(null);
-  S(() => {
+  }), [c, W] = m([]), [y, _] = m(null), [k, B] = m(null);
+  X(() => {
     C == null || C(c);
   }, [c]);
-  const W = (e, o) => {
+  const $ = (e, o) => {
     const r = k || H, i = r.findIndex((p) => p.numeroRegistro === e);
     if (i === -1) return;
     const n = r[i], t = c.includes(e);
@@ -43,27 +44,27 @@ import '../../../assets/Tabla.css';const ge = ({
       a = c.filter((p) => p !== e), a.length === 0 && (B(null), _(null));
     else if (c.length === 0) {
       a = [e], _(n.tipoMesa);
-      const p = n.tipoMesa, J = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), j = r.filter((g) => g.tipoMesa !== p), E = r.findIndex((g) => g.numeroRegistro === e), K = j.slice(0, E), L = j.slice(E);
-      B([...K, n, ...J, ...L]);
+      const p = n.tipoMesa, K = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), j = r.filter((g) => g.tipoMesa !== p), E = r.findIndex((g) => g.numeroRegistro === e), L = j.slice(0, E), Q = j.slice(E);
+      B([...L, n, ...K, ...Q]);
     } else {
       if (y && n.tipoMesa !== y) return;
       a = [...c, e];
     }
-    V(a);
+    W(a);
   }, A = { i: 0 }, G = (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" };
-  }, $ = (e) => {
+  }, q = (e) => {
     const { scrollTop: o, clientHeight: r, scrollHeight: i } = e.currentTarget;
     i - o <= r + 50 && x && D((n) => {
       const t = n + 5;
       return t >= f.length && z(!1), Math.min(t, f.length);
     });
-  }, q = (e) => {
-    U((o) => ({
+  }, J = (e) => {
+    V((o) => ({
       key: e,
       direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
     }));
@@ -84,7 +85,7 @@ import '../../../assets/Tabla.css';const ge = ({
       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" ? H : f);
-  return /* @__PURE__ */ s("div", { className: "table_container", children: /* @__PURE__ */ s("div", { className: "table-scroll", onScroll: $, children: /* @__PURE__ */ d(re, { striped: !0, hover: !0, children: [
+  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: [
     /* @__PURE__ */ d("thead", { children: [
       /* @__PURE__ */ d("tr", { children: [
         h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
@@ -92,12 +93,12 @@ import '../../../assets/Tabla.css';const ge = ({
           "th",
           {
             className: "table-header-unp",
-            onClick: () => (e.sorter || T) && q(e.key),
+            onClick: () => (e.sorter || T) && J(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(Z, {}) : /* @__PURE__ */ s(w, {}) : /* @__PURE__ */ s(ee, {}) : null
+              c.length == 0 && (e.sorter || T) ? l.key === e.key ? l.direction === "asc" ? /* @__PURE__ */ s(w, {}) : /* @__PURE__ */ s(ee, {}) : /* @__PURE__ */ s(te, {}) : null
             ]
           },
           o
@@ -105,9 +106,9 @@ import '../../../assets/Tabla.css';const ge = ({
       ] }),
       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(se, { className: "mx-1 position-relative", children: [
+        u.map((e, o) => /* @__PURE__ */ s("th", { children: /* @__PURE__ */ d(oe, { className: "mx-1 position-relative", children: [
           /* @__PURE__ */ s(
-            oe,
+            ie,
             {
               type: "text",
               placeholder: `Buscar ${e.label}`,
@@ -117,7 +118,7 @@ import '../../../assets/Tabla.css';const ge = ({
             }
           ),
           R[e.key] && /* @__PURE__ */ s(
-            ie,
+            ne,
             {
               variant: "link",
               size: "sm",
@@ -135,7 +136,7 @@ import '../../../assets/Tabla.css';const ge = ({
         let r = !1;
         b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && A.i < (P ? 15 : 5) && (r = !0, A.i++) : r = !0;
         const i = h && y != null && e.tipoMesa !== y, n = c.includes(e.numeroRegistro);
-        return /* @__PURE__ */ d(Q.Fragment, { children: [
+        return /* @__PURE__ */ d(S.Fragment, { children: [
           /* @__PURE__ */ d(
             "tr",
             {
@@ -153,9 +154,9 @@ import '../../../assets/Tabla.css';const ge = ({
                       cursor: i ? "not-allowed" : "pointer"
                     },
                     onClick: (t) => {
-                      t.stopPropagation(), i || W(e.numeroRegistro);
+                      t.stopPropagation(), i || $(e.numeroRegistro);
                     },
-                    children: n ? /* @__PURE__ */ s(te, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(X, { size: 18, style: { color: "#505050ff" } })
+                    children: n ? /* @__PURE__ */ s(re, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(Y, { size: 18, style: { color: "#505050ff" } })
                   }
                 ),
                 u.map((t, a) => /* @__PURE__ */ s(
@@ -163,7 +164,8 @@ import '../../../assets/Tabla.css';const ge = ({
                   {
                     onClick: () => r ? O(t, e) : {},
                     style: {
-                      cursor: (t.hasModal || t.redirectTo) && r ? "pointer" : "default"
+                      cursor: (t.hasModal || t.redirectTo) && r ? "pointer" : "default",
+                      "--cell-selection-bg-color": U || void 0
                     },
                     className: r ? t.redirectTo ? "cell-redirect" : t.hasModal ? "cell-with-modal" : "" : "",
                     children: t.key === "diasHabiles" ? /* @__PURE__ */ s(
@@ -208,7 +210,7 @@ import '../../../assets/Tabla.css';const ge = ({
             fontWeight: "600",
             color: o % 2 === 0 ? "#365072" : "#303D50",
             backgroundColor: o % 2 === 0 ? "#fefefe" : "#f9fafa"
-          }, children: /* @__PURE__ */ s(Y, { style: { fontSize: "1.3rem" } }) }) }) })
+          }, children: /* @__PURE__ */ s(Z, { style: { fontSize: "1.3rem" } }) }) }) })
         ] }, o);
       }),
       x && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", children: "Cargando más datos..." }) })
@@ -216,5 +218,5 @@ import '../../../assets/Tabla.css';const ge = ({
   ] }) }) });
 };
 export {
-  ge as Tabla
+  ue as Tabla
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.7.19",
+  "version": "1.7.21",
   "type": "module",
   "exports": {
     ".": {