react-ecosistema-unp 0.7.3 → 0.8.15-react-19

package/dist/tables/tabla-registros/icono-tabla/IconoTabla.js

@@ -0,0 +1,68 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { f as h, g as m, h as k, i as p, j as x } from "../../../index-PYPwtOs4.js";
+import '../../../assets/IconoTabla.css';const S = ({ tipoSolicitud: t, porGestionar: o = !1 }) => {
+  const [c, s] = C(!1);
+  let e = "", l = {}, a = null, n = { color: o ? "#c8c8c8" : "#287cd1" };
+  const d = "#28a19d", u = "#ed7e3e", f = "#3e52edf8", v = "#ed3e49f8", b = "#d4c146", i = "#666666f4";
+  switch (t) {
+    case "Individual":
+      e = o ? "Nuevo registro" : "Individual", l = { backgroundColor: o ? i : d, color: "#f7f7f7" }, a = x;
+      break;
+    case "Colectivo":
+      e = o ? "Nuevo registro" : "Colectivo", l = { backgroundColor: o ? i : u, color: "#f7f7f7" }, a = p;
+      break;
+    case "Jurídico":
+      e = o ? "Nuevo registro" : "Jurídico", l = { backgroundColor: o ? i : f, color: "#f7f7f7" }, a = k;
+      break;
+    case "Emergencia":
+      e = o ? "Nuevo registro" : "Emergencia", l = { backgroundColor: o ? i : v, color: "#f7f7f7" }, a = m;
+      break;
+    case "Reasignación":
+      e = o ? "Nuevo registro" : "Reasignación", l = { backgroundColor: o ? i : b, color: "#f7f7f7" }, a = h;
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ g("div", { style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        onMouseEnter: () => s(!0),
+        onMouseLeave: () => s(!1),
+        style: {
+          ...n
+        },
+        className: "icon-solicitud",
+        children: /* @__PURE__ */ r(a, {})
+      }
+    ),
+    c && /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "110%",
+          transform: "translateY(-50%)",
+          backgroundColor: "#eb7575",
+          color: "#fff",
+          padding: "8px 12px",
+          borderRadius: "8px",
+          fontSize: "0.9em",
+          whiteSpace: "nowrap",
+          boxShadow: "0 2px 6px rgba(0, 0, 0, 0.15)",
+          opacity: c ? 1 : 0,
+          visibility: c ? "visible" : "hidden",
+          zIndex: 1e3,
+          transition: "opacity 0.3s ease, visibility 0.3s ease",
+          ...l
+        },
+        children: e
+      }
+    )
+  ] });
+};
+export {
+  S as IconoTabla
+};

package/dist/tables/{components → tabla-registros/modal}/Modal.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import { useState as n, useEffect as f } from "react";
-import '../../assets/Modal.css';const C = ({
+import '../../../assets/Modal.css';const C = ({
   show: o,
   onHide: l,
   title: c,

package/dist/tables/{components → tabla-registros/tabla}/Tabla.js

@@ -1,28 +1,28 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import * as y from "react";
-import $ from "react";
-import { d as k } from "../../index-DHX2gxCC.js";
-import { u as x, c as N } from "../../ThemeProvider-DwZMEupk.js";
-import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
+import k from "react";
+import { k as $ } from "../../../index-PYPwtOs4.js";
+import { u as x, c as N } from "../../../ThemeProvider-DwZMEupk.js";
+import '../../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
   bsPrefix: n,
-  className: s,
+  className: a,
   striped: i,
   bordered: c,
   borderless: p,
   hover: g,
   size: d,
   variant: h,
-  responsive: a,
+  responsive: s,
   ...b
 }, f) => {
-  const o = x(n, "table"), t = N(s, o, h && `${o}-${h}`, d && `${o}-${d}`, i && `${o}-${typeof i == "string" ? `striped-${i}` : "striped"}`, c && `${o}-bordered`, p && `${o}-borderless`, g && `${o}-hover`), l = /* @__PURE__ */ e("table", {
+  const o = x(n, "table"), t = N(a, o, h && `${o}-${h}`, d && `${o}-${d}`, i && `${o}-${typeof i == "string" ? `striped-${i}` : "striped"}`, c && `${o}-bordered`, p && `${o}-borderless`, g && `${o}-hover`), l = /* @__PURE__ */ e("table", {
     ...b,
     className: t,
     ref: f
   });
-  if (a) {
+  if (s) {
     let r = `${o}-responsive`;
-    return typeof a == "string" && (r = `${r}-${a}`), /* @__PURE__ */ e("div", {
+    return typeof s == "string" && (r = `${r}-${s}`), /* @__PURE__ */ e("div", {
       className: r,
       children: l
     });
@@ -30,19 +30,19 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
   return l;
 }), B = ({
   columns: n,
-  filteredData: s,
+  filteredData: a,
   tableData: i,
   hasMoreData: c,
   setHasMoreData: p,
   visibleData: g,
   setVisibleData: d,
   handleCellClick: h,
-  totalDias: a,
+  totalDias: s,
   isShared: b
 }) => {
   const f = (t) => {
-    if (a) {
-      const l = t / a * 100;
+    if (s) {
+      const l = t / s * 100;
       return l <= 25 ? { backgroundColor: "#3AB34A", color: "#FFFFFF" } : l <= 50 ? { backgroundColor: "#F8EB10", color: "#000000" } : l <= 75 ? { backgroundColor: "#F79122", color: "#000000" } : { backgroundColor: "#E91720", color: "#FFFFFF" };
     }
     return { backgroundColor: "transparent", color: "inherit" };
@@ -51,12 +51,12 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
     const { scrollTop: l, clientHeight: r, scrollHeight: m } = t.currentTarget;
     m - l <= r + 50 && c && d((F) => {
       const C = F + 5;
-      return C >= s.length && p(!1), Math.min(C, s.length);
+      return C >= a.length && p(!1), Math.min(C, a.length);
     });
   }, 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($.Fragment, { children: [
+      i.slice(0, g).map((t, l) => /* @__PURE__ */ u(k.Fragment, { children: [
         /* @__PURE__ */ e("tr", { children: n.map((r, m) => /* @__PURE__ */ e(
           "td",
           {
@@ -94,16 +94,16 @@ import '../../assets/Tabla.css';const v = /* @__PURE__ */ y.forwardRef(({
           },
           m
         )) }),
-        b && t.estadoRegistro === "en_gestion" && !s.some((r) => r.estadoRegistro === "en_gestion" && s.indexOf(r) > l) && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", style: { padding: "0 0 0 0" }, children: /* @__PURE__ */ e("div", { style: {
-          height: "3rem",
+        b && t.estadoRegistro === "en_gestion" && !a.some((r) => r.estadoRegistro === "en_gestion" && a.indexOf(r) > l) && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n.length, className: "text-center", style: { padding: "0 0 0 0" }, children: /* @__PURE__ */ e("div", { style: {
+          height: "2rem",
           display: "flex",
           flexDirection: "row",
           justifyContent: "center",
           alignItems: "center",
           fontWeight: "600",
           color: l % 2 === 0 ? "#365072" : "#303D50",
-          backgroundColor: l % 2 === 0 ? "#fefefe" : "#f7f7f9"
-        }, children: /* @__PURE__ */ e(k, { style: { fontSize: "1.3rem" } }) }) }) })
+          backgroundColor: l % 2 === 0 ? "#fefefe" : "#f9fafa"
+        }, children: /* @__PURE__ */ e($, { 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,4 +1,6 @@
-import { TablaRegistros as a } from "./tables/components/TablaRegistros.js";
+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/ui/encabezado/Encabezado.js

@@ -0,0 +1,15 @@
+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: [
+  /* @__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" })
+  ] }),
+  /* @__PURE__ */ i("div", { className: "subtitle-container", children: [
+    /* @__PURE__ */ e("span", { className: "title", children: a || "Unidad Nacional de Protección" }),
+    /* @__PURE__ */ e("span", { className: "subtitle", children: n })
+  ] })
+] });
+export {
+  r as Encabezado
+};