react-ecosistema-unp 0.8.15-react-19 → 0.9.1

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

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { l as w } from "../../../index-PYPwtOs4.js";
+import { m as w } from "../../../index-DAgOFOds.js";
 import * as s from "react";
 import { useContext as $, useMemo as T } from "react";
-import { c as p, u as R } from "../../../ThemeProvider-DwZMEupk.js";
-import { w as j } from "../../../warning-b8Ghk8WQ.js";
-import { P as l } from "../../../index-B-HWDQSx.js";
+import { c as p, u as R } from "../../../ThemeProvider-CFCmmLJC.js";
+import { w as j } from "../../../warning-BMiIoRBk.js";
+import { P as l } from "../../../index-Bk5C3cP1.js";
 import '../../../assets/Buscador.css';const k = {
   /**
    * Specify whether the feedback is for valid or invalid fields

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

@@ -0,0 +1,32 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Encabezado as a } from "../../../ui/encabezado/Encabezado.js";
+import "../../../ui/subtitulo/Subtitulo.js";
+import "react";
+import '../../../assets/IconoTooltip.css';import '../../../assets/TarjetaInfo.css';import '../../../assets/ItemsModal.css';import '../../../assets/SeccionTarjetaLectura.css';import '../../../assets/TarjetaLectura.css';import '../../../assets/Paginador.css';import '../../../assets/ContenedorTarjeta.css';import '../../../assets/Tarjeta.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
+/* empty css                        */
+import "../../../ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
+/* empty css                                  */
+/* empty css                          */
+import "../../../ui/logo/Logo.js";
+/* empty css                               */
+/* empty css                                      */
+/* empty css                           */
+/* empty css                            */
+/* empty css                             */
+import { BusquedaInput as e } from "../buscador/Buscador.js";
+const w = ({
+  title: m,
+  subtitle: t,
+  data: p,
+  setSearchTerm: n,
+  extraInput: o
+}) => /* @__PURE__ */ i("div", { className: "unp-row", children: [
+  /* @__PURE__ */ r(a, { title: m, subtitle: t }),
+  /* @__PURE__ */ i("div", { className: "inputs-container", children: [
+    p.length > 0 && /* @__PURE__ */ r(e, { onSearch: n }),
+    o && /* @__PURE__ */ r("div", { children: o })
+  ] })
+] });
+export {
+  w as EncabezadoTabla
+};

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

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import * as y from "react";
-import k from "react";
-import { k as $ } from "../../../index-PYPwtOs4.js";
-import { u as x, c as N } from "../../../ThemeProvider-DwZMEupk.js";
+import $ from "react";
+import { l as k } from "../../../index-DAgOFOds.js";
+import { u as x, c as N } from "../../../ThemeProvider-CFCmmLJC.js";
 import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
   bsPrefix: n,
   className: a,
@@ -56,7 +56,7 @@ import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
   }, children: /* @__PURE__ */ u(v, { striped: !0, hover: !0, children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: n.map((t, l) => /* @__PURE__ */ e("th", { className: "table-header-unp", children: t.label }, l)) }) }),
     /* @__PURE__ */ u("tbody", { children: [
-      i.slice(0, g).map((t, l) => /* @__PURE__ */ u(k.Fragment, { children: [
+      i.slice(0, g).map((t, l) => /* @__PURE__ */ u($.Fragment, { children: [
         /* @__PURE__ */ e("tr", { children: n.map((r, m) => /* @__PURE__ */ e(
           "td",
           {
@@ -103,7 +103,7 @@ import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
           fontWeight: "600",
           color: l % 2 === 0 ? "#365072" : "#303D50",
           backgroundColor: l % 2 === 0 ? "#fefefe" : "#f9fafa"
-        }, children: /* @__PURE__ */ e($, { style: { fontSize: "1.3rem" } }) }) }) })
+        }, children: /* @__PURE__ */ e(k, { style: { fontSize: "1.3rem" } }) }) }) })
       ] }, l)),
       c && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", children: "Cargando más datos..." }) })
     ] })

package/dist/tables.js

@@ -1,6 +1,4 @@
 import { TablaRegistros as a } from "./tables/tabla-registros/TablaRegistros.js";
-import { IconoTabla as t } from "./tables/tabla-registros/icono-tabla/IconoTabla.js";
 export {
-  t as IconoTabla,
   a as TablaRegistros
 };

package/dist/{tables/tabla-registros → ui}/contenido-modal/ContenidoModal.js

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

package/dist/{tables/tabla-registros → ui}/contenido-modal/ContenidoModalv0.1.js

@@ -1,7 +1,7 @@
 import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { useState as m, useEffect as p } from "react";
-import { c as v } from "../../../index-PYPwtOs4.js";
-import '../../../assets/ContenidoModal.css';/* empty css                               */
+import { i as v } from "../../index-DAgOFOds.js";
+import '../../assets/ContenidoModal.css';/* empty css                            */
 const y = ({ title: d, children: h, buttons: s, isShowing: i, setIsShowing: u = () => {
 } }) => {
   const [o, r] = m(0), [c, a] = m(!0);

package/dist/ui/encabezado/Encabezado.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Logo as s } from "../logo/Logo.js";
-import '../../assets/Encabezado.css';const r = ({ titulo: a = "", subtitulo: n = "" }) => /* @__PURE__ */ i("div", { className: "title-container", children: [
+import '../../assets/Encabezado.css';const r = ({ title: a = "", subtitle: n = "" }) => /* @__PURE__ */ i("div", { className: "title-container", children: [
   /* @__PURE__ */ i("div", { className: "logo-subtitle-container", children: [
     /* @__PURE__ */ e("div", { className: "red-section" }),
     /* @__PURE__ */ e(s, { type: "entidad", variant: "unp", color: "gris", height: "62" })

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

@@ -0,0 +1,95 @@
+import { jsxs as w, jsx as n } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { c as E, d as M, e as T, f as R, g as S, h as I } from "../../index-DAgOFOds.js";
+import '../../assets/IconoTooltip.css';/* empty css                          */
+const B = ({ recordType: b, taken: o = !0, customIcon: l }) => {
+  const [a, f] = F(!1);
+  let e = "", c = {}, r = null, v = { color: o ? "#287cd1" : "#c8c8c8" };
+  const C = "#28a19d", h = "#ed7e3e", d = "#3e52edf8", u = "#ed3e49f8", p = "#edd958", g = "#6b6e6e", i = "#666666f4", s = (x) => {
+    const t = x.replace(/^#/, ""), m = parseInt(t.slice(0, 2), 16) / 255, y = parseInt(t.slice(2, 4), 16) / 255, N = parseInt(t.slice(4, 6), 16) / 255;
+    return 0.2126 * m + 0.7152 * y + 0.0722 * N;
+  };
+  if (l)
+    e = o ? l.tooltipText : "Nuevo registro", c = {
+      backgroundColor: o ? l.color : i,
+      color: o && s(l.color) > 0.5 ? "#141414" : "#fcfcfc"
+    }, r = l.icon;
+  else
+    switch (b) {
+      case "Individual":
+        e = o ? "Individual" : "Nuevo registro", c = {
+          backgroundColor: o ? C : i,
+          color: "#fcfcfc"
+        }, r = I;
+        break;
+      case "Colectivo":
+        e = o ? "Colectivo" : "Nuevo registro", c = {
+          backgroundColor: o ? h : i,
+          color: "#fcfcfc"
+        }, r = S;
+        break;
+      case "Jurídico":
+        e = o ? "Jurídico" : "Nuevo registro", c = {
+          backgroundColor: o ? d : i,
+          color: o && s(d) > 0.5 ? "#141414" : "#fcfcfc"
+        }, r = R;
+        break;
+      case "Emergencia":
+        e = o ? "Emergencia" : "Nuevo registro", c = {
+          backgroundColor: o ? u : i,
+          color: o && s(u) > 0.5 ? "#141414" : "#fcfcfc"
+        }, r = T;
+        break;
+      case "Reasignación":
+        e = o ? "Reasignación" : "Nuevo registro", c = {
+          backgroundColor: o ? p : i,
+          color: o && s(p) > 0.5 ? "#141414" : "#fcfcfc"
+        }, r = M;
+        break;
+      default:
+        e = o ? "Registro" : "Nuevo registro", c = {
+          backgroundColor: o ? g : i,
+          color: o && s(g) > 0.5 ? "#141414" : "#fcfcfc"
+        }, r = E;
+        break;
+    }
+  return /* @__PURE__ */ w("div", { style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        onMouseEnter: () => f(!0),
+        onMouseLeave: () => f(!1),
+        style: {
+          ...v
+        },
+        className: "icon-solicitud",
+        children: /* @__PURE__ */ n(r, {})
+      }
+    ),
+    a && /* @__PURE__ */ n(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "110%",
+          transform: "translateY(-50%)",
+          backgroundColor: "#eb7575",
+          padding: "8px 12px",
+          borderRadius: "8px",
+          whiteSpace: "nowrap",
+          boxShadow: "0 2px 6px rgba(0, 0, 0, 0.15)",
+          opacity: a ? 1 : 0,
+          visibility: a ? "visible" : "hidden",
+          zIndex: 1e3,
+          transition: "opacity 0.3s ease, visibility 0.3s ease",
+          ...c
+        },
+        children: e
+      }
+    )
+  ] });
+};
+export {
+  B as IconoTooltip
+};

package/dist/ui/items-modal/ItemsModal.js

@@ -0,0 +1,40 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { j as i, k as s } from "../../index-DAgOFOds.js";
+import { G as n } from "../../iconBase-LROS5hdG.js";
+import '../../assets/ItemsModal.css';/* empty css                        */
+import { a as c } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
+function m(l) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(l);
+}
+const N = ({ sections: l }) => {
+  const e = c();
+  return /* @__PURE__ */ o("div", { className: "listado-tarjetas", children: l.map((a, r) => /* @__PURE__ */ t("div", { className: "tarjeta-listado-row", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "tarjeta-listado-container",
+        onClick: () => e(a.route),
+        children: [
+          /* @__PURE__ */ t("div", { className: "tarjeta-listado-label-container", children: [
+            /* @__PURE__ */ o(a.icon, { className: "tarjeta-listado-process-menu" }),
+            /* @__PURE__ */ o("span", { children: a.label })
+          ] }),
+          "closed" in a && /* @__PURE__ */ o("div", { className: "tarjeta-listado-state-container", children: a.closed ? /* @__PURE__ */ o(i, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ o(s, { style: { color: "#E2E2E2" } }) })
+        ]
+      }
+    ),
+    a.handleDownload && /* @__PURE__ */ o(
+      "div",
+      {
+        className: "tarjeta-listado-download-container",
+        onClick: (d) => {
+          d.stopPropagation(), a.handleDownload && a.handleDownload();
+        },
+        children: /* @__PURE__ */ o(m, { className: "tarjeta-listado-download-icon" })
+      }
+    )
+  ] }, r)) });
+};
+export {
+  N as ItemsModal
+};