react-ecosistema-unp 1.7.0 → 1.7.1-8.pre-1

package/dist/tables/tabla-registros/buscador/Buscador.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { u as s } from "../../../index-Cpp73e44.js";
+import { x as s } from "../../../index-DDjnZyBf.js";
 import { F as i, a as l } from "../../../FormGroup-BLpFcIN5.js";
 import '../../../assets/Buscador.css';const d = ({ onSearch: r }) => {
   const n = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");

package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Encabezado as e } from "../../../ui/encabezado/Encabezado.js";
+import { Encabezado as a } from "../../../ui/encabezado/Encabezado.js";
 import "../../../ui/subtitulo/Subtitulo.js";
 import "react";
-import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
+import '../../../assets/EcoModalStyles.css';import '../../../assets/Modal.css';import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Logo.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
 /* empty css                          */
 /* empty css                          */
 /* empty css                     */
@@ -11,22 +11,25 @@ import "react-router-dom";
 /* empty css                             */
 /* empty css                                  */
 /* empty css                      */
+import "../../../index-BrykDZgK.js";
+/* empty css                               */
 import "../../../Animacion-ThNL9iiY.js";
-import { BusquedaInput as c } from "../buscador/Buscador.js";
-const w = ({
+import { BusquedaInput as e } from "../buscador/Buscador.js";
+const B = ({
   title: m,
   subtitle: t,
   data: p,
   setSearchTerm: n,
-  extraInput: o,
-  enableColumnSearch: a
+  extraInput: o
+  // enableColumnSearch
 }) => /* @__PURE__ */ i("div", { className: "unp-row", children: [
-  /* @__PURE__ */ r(e, { title: m, subtitle: t }),
+  /* @__PURE__ */ r(a, { title: m, subtitle: t }),
   /* @__PURE__ */ i("div", { className: "inputs-container", children: [
-    p.length > 0 && !a && /* @__PURE__ */ r(c, { onSearch: n }),
+    p.length > 0 && //  && !enableColumnSearch
+    /* @__PURE__ */ r(e, { onSearch: n }),
     o && /* @__PURE__ */ r("div", { children: o })
   ] })
 ] });
 export {
-  w as EncabezadoTabla
+  B as EncabezadoTabla
 };

package/dist/tables/tabla-registros/modal/Modal.js

@@ -1,45 +1,45 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useState as d, useEffect as u } from "react";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { useState as n, useEffect as h } from "react";
 import '../../../assets/Modal.css';/* empty css                      */
-const f = ({
-  show: o,
-  onHide: t,
+const M = ({
+  show: l,
+  onHide: s,
   title: c,
   children: r,
   closeModalOut: m
 }) => {
-  const [l, a] = d(!1), [i, s] = d(!1);
-  return u(() => {
-    o ? a(!0) : (s(!0), setTimeout(() => {
-      a(!1), s(!1);
+  console.warn("react-ecosistema-unp - [CustomModal] is deprecated. Please use [EcoModal] instead.");
+  const [a, d] = n(!1), [t, e] = n(!1);
+  return h(() => {
+    l ? d(!0) : (e(!0), setTimeout(() => {
+      d(!1), e(!1);
     }, 200));
-  }, [o]), /* @__PURE__ */ e(
+  }, [l]), /* @__PURE__ */ o(
     "div",
     {
-      className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
+      className: `modal-overlay-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
       onClick: () => {
-        m && (s(!0), setTimeout(() => {
-          t(), s(!1);
+        m && (e(!0), setTimeout(() => {
+          s(), e(!1);
         }, 200));
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
-          onClick: (h) => h.stopPropagation(),
+          className: `modal-container-old ${a ? "show-old" : ""} ${t ? "hide-old" : ""}`,
+          onClick: (u) => u.stopPropagation(),
           children: [
-            /* @__PURE__ */ n("div", { className: "modal_header", children: [
-              /* @__PURE__ */ e("span", { children: c }),
-              /* @__PURE__ */ e("button", { className: "close_button", onClick: t, type: "button", children: "×" })
+            /* @__PURE__ */ i("div", { className: "modal_header-old", children: [
+              /* @__PURE__ */ o("span", { children: c }),
+              /* @__PURE__ */ o("button", { className: "close_button_old", onClick: s, type: "button", children: "×" })
             ] }),
-            /* @__PURE__ */ e("div", { className: "modal_body", children: r })
+            /* @__PURE__ */ o("div", { className: "modal_body_old", children: r })
           ]
         }
       )
     }
   );
-}, b = (o) => /* @__PURE__ */ e(f, { ...o });
+};
 export {
-  b as CustomModal,
-  f as EcoModal
+  M as CustomModal
 };

package/dist/tables/tabla-registros/modal-v2/EcoModal.js

@@ -0,0 +1,118 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as m, useRef as I, useEffect as u } from "react";
+import { R as M } from "../../../index-BrykDZgK.js";
+import { q as A, r as B } from "../../../index-DDjnZyBf.js";
+import '../../../assets/EcoModalStyles.css';/* empty css                               */
+const X = ({
+  show: r,
+  onHide: f,
+  title: N,
+  children: S,
+  closeModalOut: k,
+  isMaximized: l,
+  onToggleMaximize: p,
+  showMaximizeButton: E = !1,
+  modalType: o = "primary",
+  primaryPosition: s = "right",
+  disableClose: h = !1,
+  hasSecondaryModalOpen: R = !1,
+  otherModalOpen: n = !1,
+  widthPercent: y,
+  headerBgColor: j = "#303D50",
+  hasBody: D = !0,
+  showOverlay: $ = !0
+}) => {
+  const [b, v] = m(!1), [c, _] = m(!1), [g, w] = m(!1), a = I(null);
+  u(() => (w(!0), o === "secondary" && !a.current && (a.current = document.createElement("div"), a.current.className = "modal_portal_container", document.body.appendChild(a.current)), () => {
+    w(!1), a.current && (document.body.removeChild(a.current), a.current = null);
+  }), [o]), u(() => {
+    const e = document.body;
+    return r ? (v(!0), e.classList.add("eco_modal_open")) : (_(!0), setTimeout(() => {
+      g && (v(!1), _(!1)), e.classList.remove("eco_modal_open");
+    }, 200)), () => {
+      e.classList.remove("eco_modal_open");
+    };
+  }, [r, g]), u(() => {
+    const e = document.body;
+    o === "primary" && (e.classList.remove("eco_modal_primary_right", "eco_modal_primary_left"), e.classList.add(
+      s === "left" ? "eco_modal_primary_left" : "eco_modal_primary_right"
+    ));
+    const d = () => {
+      if (!(r && n && !l)) {
+        e.classList.remove("eco_modal_two_modals_50", "eco_modal_two_modals_large");
+        return;
+      }
+      window.innerWidth >= 1200 ? (e.classList.add("eco_modal_two_modals_large"), e.classList.remove("eco_modal_two_modals_50")) : (e.classList.add("eco_modal_two_modals_50"), e.classList.remove("eco_modal_two_modals_large"));
+    };
+    return d(), window.addEventListener("resize", d), () => {
+      o === "primary" && e.classList.remove("eco_modal_primary_right", "eco_modal_primary_left"), e.classList.remove("eco_modal_two_modals_50", "eco_modal_two_modals_large"), window.removeEventListener("resize", d);
+    };
+  }, [o, s, r, n, l]);
+  const x = () => o === "primary" ? s === "center" ? "eco_modal_primary_center" : `eco_modal_primary_${s}` : `eco_modal_secondary_${s === "left" ? "right" : "left"}`, W = () => {
+    const e = ["eco_modal_overlay"];
+    return $ && e.push("eco_modal_overlay_bg"), o === "primary" ? e.push(`eco_modal_primary_${s}`) : e.push("eco_modal_secondary_overlay"), b && !c && e.push("eco_modal_show"), c && e.push("eco_modal_hide"), e.join(" ");
+  }, z = () => {
+    const e = ["eco_modal_container", o, x()];
+    return b && !c && e.push("eco_modal_show"), c && e.push("eco_modal_hide"), l && e.push("eco_modal_maximized"), s === "center" && e.push("eco_modal_centered"), e.join(" ");
+  }, C = o === "primary" ? h || R : h, F = o === "primary" && r && n, O = () => {
+    !C && o === "primary" && k && (_(!0), setTimeout(() => {
+      f(), _(!1);
+    }, 200));
+  }, q = () => {
+    const e = {};
+    return o === "primary" && !l && y && (e["--modal-primary-width"] = `${y}%`), e;
+  }, L = /* @__PURE__ */ t("div", { className: W(), onClick: O, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: z(),
+      style: q(),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "eco_modal_header",
+            style: { backgroundColor: j },
+            children: [
+              /* @__PURE__ */ t("span", { children: N }),
+              /* @__PURE__ */ i("div", { style: { display: "flex", gap: 10 }, children: [
+                E && p && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "eco_modal_max_button",
+                    onClick: p,
+                    type: "button",
+                    disabled: F,
+                    children: l ? /* @__PURE__ */ t(A, { size: 14, className: "eco_modal_icon_header" }) : /* @__PURE__ */ t(B, { size: 14, className: "eco_modal_icon_header" })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "eco_modal_close_button",
+                    onClick: f,
+                    type: "button",
+                    disabled: C,
+                    children: "×"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "eco_modal_body",
+            style: { padding: D ? "1rem" : "0rem" },
+            children: S
+          }
+        )
+      ]
+    }
+  ) });
+  return o === "secondary" && a.current ? M.createPortal(L, a.current) : L;
+};
+export {
+  X as EcoModal
+};

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

@@ -1,158 +1,218 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import _, { useState as j } from "react";
-import { t as A } from "../../../index-Cpp73e44.js";
-import { a as G, b as R, c as E } from "../../../index-CgSyrJ_X.js";
-import { T as z } from "../../../Table-C5ydZooy.js";
-import { F as M, a as O } from "../../../FormGroup-BLpFcIN5.js";
-import { B as U } from "../../../Button-B87TJYml.js";
-import '../../../assets/Tabla.css';const L = ({
-  columns: p,
-  displayedData: a,
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import L, { useState as m, useEffect as Q } from "react";
+import { v as S, w as X } from "../../../index-DDjnZyBf.js";
+import { a as Y, b as Z, c as w, d as ee } from "../../../index-D3WseyJh.js";
+import { T as te } from "../../../Table-C5ydZooy.js";
+import { F as re, a as se } from "../../../FormGroup-BLpFcIN5.js";
+import { B as oe } from "../../../Button-B87TJYml.js";
+import '../../../assets/Tabla.css';const pe = ({
+  columns: u,
+  displayedData: f,
   // tableData,
-  hasMoreData: h,
-  setHasMoreData: m,
-  visibleData: v,
-  setVisibleData: x,
-  handleCellClick: N,
-  totalDias: g,
-  isShared: y,
+  hasMoreData: x,
+  setHasMoreData: z,
+  visibleData: I,
+  setVisibleData: D,
+  handleCellClick: O,
+  totalDias: v,
+  isShared: b,
   //
-  enableColumnSearch: k,
-  columnSearch: u,
-  handleColumnSearch: b,
-  enableColumnSorter: C
+  enableColumnSearch: N,
+  columnSearch: R,
+  handleColumnSearch: M,
+  enableColumnSorter: T,
+  //
+  onSelectionChange: C,
+  enableRowSelection: h = !1
 }) => {
-  const [i, T] = j({
+  const [l, P] = m({
     key: null,
     direction: null
-  }), F = (e) => {
-    if (g) {
-      const o = e / g * 100;
+  }), [c, U] = m([]), [y, _] = m(null), [k, B] = m(null);
+  Q(() => {
+    C == null || C(c);
+  }, [c]);
+  const V = (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);
+    let a = [];
+    if (t)
+      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, q = r.filter((g) => g.tipoMesa === p && g.numeroRegistro !== e), j = r.filter((g) => g.tipoMesa !== p), E = r.findIndex((g) => g.numeroRegistro === e), J = j.slice(0, E), K = j.slice(E);
+      B([...J, n, ...q, ...K]);
+    } else {
+      if (y && n.tipoMesa !== y) return;
+      a = [...c, e];
+    }
+    U(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" };
-  }, B = (e) => {
-    const { scrollTop: o, clientHeight: t, scrollHeight: n } = e.currentTarget;
-    n - o <= t + 50 && h && x((l) => {
-      const s = l + 5;
-      return s >= a.length && m(!1), Math.min(s, a.length);
+  }, W = (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);
     });
-  }, S = (e) => {
-    T((o) => ({
+  }, $ = (e) => {
+    P((o) => ({
       key: e,
       direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
     }));
   }, H = (() => {
-    if (!i.key) return a;
-    if (y) {
-      const [e, o] = a.reduce(
-        (n, l) => (n[l.estadoRegistro === "en_gestion" ? 0 : 1].push(l), n),
+    if (!l.key) return f;
+    if (b) {
+      const [e, o] = f.reduce(
+        (i, n) => (i[n.estadoRegistro === "en_gestion" ? 0 : 1].push(n), i),
         [[], []]
       );
-      return [...[...e].sort((n, l) => {
-        const s = n[i.key], c = l[i.key];
-        return typeof s == "number" && typeof c == "number" ? i.direction === "asc" ? s - c : c - s : typeof s == "string" && typeof c == "string" ? i.direction === "asc" ? s.localeCompare(c) : c.localeCompare(s) : 0;
+      return [...[...e].sort((i, n) => {
+        const t = i[l.key], a = n[l.key];
+        return typeof t == "number" && typeof a == "number" ? l.direction === "asc" ? t - a : a - t : typeof t == "string" && typeof a == "string" ? l.direction === "asc" ? t.localeCompare(a) : a.localeCompare(t) : 0;
       }), ...o];
     }
-    return [...a].sort((e, o) => {
-      const t = e[i.key], n = o[i.key];
-      return typeof t == "number" && typeof n == "number" ? i.direction === "asc" ? t - n : n - t : typeof t == "string" && typeof n == "string" ? i.direction === "asc" ? t.localeCompare(n) : n.localeCompare(t) : 0;
+    return [...f].sort((e, o) => {
+      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 = i.direction === "asc" || i.direction === "desc" ? H : a;
-  return /* @__PURE__ */ r("div", { className: "table_container", children: /* @__PURE__ */ r("div", { className: "table-scroll", onScroll: B, children: /* @__PURE__ */ d(z, { striped: !0, hover: !0, children: [
+  })(), 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: W, children: /* @__PURE__ */ d(te, { striped: !0, hover: !0, children: [
     /* @__PURE__ */ d("thead", { children: [
-      /* @__PURE__ */ r("tr", { children: p.map((e, o) => /* @__PURE__ */ d(
-        "th",
-        {
-          className: "table-header-unp",
-          onClick: () => (e.sorter || C) && S(e.key),
-          style: { cursor: k ? "pointer" : "default" },
-          children: [
-            e.label,
-            " ",
-            e.sorter || C ? i.key === e.key ? i.direction === "asc" ? /* @__PURE__ */ r(G, {}) : /* @__PURE__ */ r(R, {}) : /* @__PURE__ */ r(E, {}) : null
-          ]
-        },
-        o
-      )) }),
-      k && /* @__PURE__ */ r("tr", { children: p.map((e, o) => /* @__PURE__ */ r("th", { children: /* @__PURE__ */ d(M, { className: "mx-1 position-relative", children: [
-        /* @__PURE__ */ r(
-          O,
-          {
-            type: "text",
-            placeholder: `Buscar ${e.label}`,
-            value: u[e.key] || "",
-            onChange: (t) => b(e.key, t.target.value),
-            className: "pe-4 search-column-input"
-          }
-        ),
-        u[e.key] && /* @__PURE__ */ r(
-          U,
+      /* @__PURE__ */ d("tr", { children: [
+        h && /* @__PURE__ */ s("th", { className: "table-header-unp" }),
+        u.map((e, o) => /* @__PURE__ */ d(
+          "th",
           {
-            variant: "link",
-            size: "sm",
-            className: "position-absolute end-0 top-50 translate-middle-y me-2 p-0",
-            onClick: () => b(e.key, ""),
-            style: { textDecoration: "none", color: "gray" },
-            children: "✖"
-          }
-        )
-      ] }) }, o)) })
+            className: "table-header-unp",
+            onClick: () => (e.sorter || T) && $(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(Y, {}) : /* @__PURE__ */ s(Z, {}) : /* @__PURE__ */ s(w, {}) : null
+            ]
+          },
+          o
+        ))
+      ] }),
+      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(re, { className: "mx-1 position-relative", children: [
+          /* @__PURE__ */ s(
+            se,
+            {
+              type: "text",
+              placeholder: `Buscar ${e.label}`,
+              value: R[e.key] || "",
+              onChange: (r) => M(e.key, r.target.value),
+              className: "search-column-input"
+            }
+          ),
+          R[e.key] && /* @__PURE__ */ s(
+            oe,
+            {
+              variant: "link",
+              size: "sm",
+              className: "position-absolute end-0 top-50 translate-middle-y me-2 p-0",
+              onClick: () => M(e.key, ""),
+              style: { textDecoration: "none", color: "gray" },
+              children: "✖"
+            }
+          )
+        ] }) }, o))
+      ] })
     ] }),
     /* @__PURE__ */ d("tbody", { children: [
-      f.slice(0, v).map((e, o) => /* @__PURE__ */ d(_.Fragment, { children: [
-        /* @__PURE__ */ r("tr", { children: p.map((t, n) => /* @__PURE__ */ r(
-          "td",
-          {
-            onClick: () => N(t, e),
-            style: {
-              cursor: t.hasModal || t.redirectTo ? "pointer" : "default"
-            },
-            className: t.redirectTo ? "cell-redirect" : t.hasModal ? "cell-with-modal" : "",
-            children: t.key === "diasHabiles" ? /* @__PURE__ */ r(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "center"
-                },
-                children: /* @__PURE__ */ r(
-                  "div",
+      F.slice(0, I).map((e, o) => {
+        let r = !1;
+        b ? e.estadoRegistro === "en_gestion" ? r = !0 : e.estadoRegistro === "por_gestionar" && A.i < 5 && (r = !0, A.i++) : r = !0;
+        const i = h && y != null && e.tipoMesa !== y, n = c.includes(e.numeroRegistro);
+        return /* @__PURE__ */ d(L.Fragment, { children: [
+          /* @__PURE__ */ d(
+            "tr",
+            {
+              className: h && n ? "row-selected" : "",
+              style: i && !n ? { opacity: 0.5 } : void 0,
+              children: [
+                h && /* @__PURE__ */ s(
+                  "td",
                   {
+                    className: "selection-cell",
                     style: {
-                      padding: "8px",
-                      borderRadius: "100px",
-                      width: "40px",
-                      backgroundColor: F(
-                        e.diasHabiles
-                      ).backgroundColor,
-                      color: F(
-                        e.diasHabiles
-                      ).color
+                      width: 36,
+                      textAlign: "center",
+                      padding: 4,
+                      cursor: i ? "not-allowed" : "pointer"
                     },
-                    children: /* @__PURE__ */ r("span", { children: e.diasHabiles })
+                    onClick: (t) => {
+                      t.stopPropagation(), i || V(e.numeroRegistro);
+                    },
+                    children: n ? /* @__PURE__ */ s(ee, { size: 18, style: { color: "#505050ff" } }) : /* @__PURE__ */ s(S, { size: 18, style: { color: "#505050ff" } })
                   }
-                )
-              }
-            ) : t.renderComponent ? t.renderComponent(e) : /* @__PURE__ */ r("div", { children: t.truncateText && (typeof e[t.key] == "string" || e[t.key] instanceof String) && e[t.key].length > 26 ? e[t.key].slice(0, 26) + "..." : e[t.key] })
-          },
-          n
-        )) }),
-        y && e.estadoRegistro === "en_gestion" && !f.some((t) => t.estadoRegistro === "en_gestion" && f.indexOf(t) > o) && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: p.length, className: "text-center", style: { padding: "0 0 0 0" }, children: /* @__PURE__ */ r("div", { style: {
-          height: "2rem",
-          display: "flex",
-          flexDirection: "row",
-          justifyContent: "center",
-          alignItems: "center",
-          fontWeight: "600",
-          color: o % 2 === 0 ? "#365072" : "#303D50",
-          backgroundColor: o % 2 === 0 ? "#fefefe" : "#f9fafa"
-        }, children: /* @__PURE__ */ r(A, { style: { fontSize: "1.3rem" } }) }) }) })
-      ] }, o)),
-      h && /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: p.length, className: "text-center", children: "Cargando más datos..." }) })
+                ),
+                u.map((t, a) => /* @__PURE__ */ s(
+                  "td",
+                  {
+                    onClick: () => r ? O(t, e) : {},
+                    style: {
+                      cursor: (t.hasModal || t.redirectTo) && r ? "pointer" : "default"
+                    },
+                    className: r ? t.redirectTo ? "cell-redirect" : t.hasModal ? "cell-with-modal" : "" : "",
+                    children: t.key === "diasHabiles" ? /* @__PURE__ */ s(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          justifyContent: "center"
+                        },
+                        children: /* @__PURE__ */ s(
+                          "div",
+                          {
+                            style: {
+                              padding: "8px",
+                              borderRadius: "100px",
+                              width: "40px",
+                              backgroundColor: G(
+                                e.diasHabiles
+                              ).backgroundColor,
+                              color: G(
+                                e.diasHabiles
+                              ).color
+                            },
+                            children: /* @__PURE__ */ s("span", { children: e.diasHabiles })
+                          }
+                        )
+                      }
+                    ) : t.renderComponent ? t.renderComponent(e) : /* @__PURE__ */ s("div", { children: t.truncateText && (typeof e[t.key] == "string" || e[t.key] instanceof String) && e[t.key].length > 26 ? e[t.key].slice(0, 26) + "..." : e[t.key] })
+                  },
+                  a
+                ))
+              ]
+            },
+            e.numeroRegistro
+          ),
+          b && e.estadoRegistro === "en_gestion" && !F.some((t) => t.estadoRegistro === "en_gestion" && F.indexOf(t) > o) && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", style: { padding: "0 0 0 0" }, children: /* @__PURE__ */ s("div", { style: {
+            height: "2rem",
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            fontWeight: "600",
+            color: o % 2 === 0 ? "#365072" : "#303D50",
+            backgroundColor: o % 2 === 0 ? "#fefefe" : "#f9fafa"
+          }, children: /* @__PURE__ */ s(X, { style: { fontSize: "1.3rem" } }) }) }) })
+        ] }, o);
+      }),
+      x && /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s("td", { colSpan: u.length, className: "text-center", children: "Cargando más datos..." }) })
     ] })
   ] }) }) });
 };
 export {
-  L as Tabla
+  pe as Tabla
 };

package/dist/ui/contenido-modal/ContenidoModal.js

@@ -1,6 +1,6 @@
 import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
 import p, { useState as o } from "react";
-import { n as v } from "../../index-Cpp73e44.js";
+import { n as v } from "../../index-DDjnZyBf.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const x = ({ title: u, modalContent: i, children: d }) => {
   const [a, l] = o(0), [m, c] = o(!0), [r, n] = o(!1);

package/dist/ui/contenido-modal/ContenidoModalv0.1.js

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { useState as m, useEffect as p } from "react";
-import { n as v } from "../../index-Cpp73e44.js";
+import { n as v } from "../../index-DDjnZyBf.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
 } }) => {

package/dist/ui/icono-tooltip/IconoTooltip.js

@@ -1,6 +1,6 @@
 import { jsxs as L, jsx as u } from "react/jsx-runtime";
 import { useState as M } from "react";
-import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-Cpp73e44.js";
+import { F as A, a as U, b as j, c as B, d as J, e as W, f as z, g as P, h as Y, i as q, j as g, k as h, l as G, m as H } from "../../index-DDjnZyBf.js";
 import '../../assets/IconoTooltip.css';/* empty css                          */
 const _ = ({ recordType: x, taken: o = !0, customIcon: l }) => {
   const [a, b] = M(!1);