react-ecosistema-unp 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;align-items:center;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:20px;color:#303d50;cursor:pointer}.icono-sistema-tooltip-container{position:relative;display:inline-block}.icono-sistema-tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#5f6265ef;color:#fff;text-align:center;border-radius:10px;padding:7px 11px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;transition:all .1s ease-in-out}.icono-sistema-tooltip-container:hover .icono-sistema-tooltip-text{visibility:visible;opacity:1}
1
+ .iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;align-items:center;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:21px;color:#303d50;cursor:pointer}.icono-sistema-tooltip-container{position:relative;display:inline-block}.icono-sistema-tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#5f6265ef;color:#fff;text-align:center;border-radius:10px;padding:7px 11px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;transition:all .1s ease-in-out}.icono-sistema-tooltip-container:hover .icono-sistema-tooltip-text{visibility:visible;opacity:1}
@@ -1,41 +1,44 @@
1
- import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
- import { useState as s, useRef as m, useEffect as d } from "react";
3
- import { q as j, r as u } from "../../index-CcQhl4DX.js";
4
- import '../../assets/UnpHistorico.css';const w = ({ icon: r, label: c, show: l = !1, children: h }) => {
5
- const [t, o] = s(l), [f, i] = s(0), a = m(null);
6
- return d(() => {
7
- t && a.current ? i(a.current.scrollHeight) : i(0);
8
- }, [t]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
1
+ import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
+ import { useState as r, useRef as d, useEffect as u } from "react";
3
+ import { q as j, r as N } from "../../index-CcQhl4DX.js";
4
+ import '../../assets/UnpHistorico.css';const C = ({ icon: c, label: l, show: h = !1, children: o }) => {
5
+ const [e, i] = r(h), [f, s] = r(0), a = d(null);
6
+ return u(() => {
7
+ if (!a.current) return;
8
+ const m = a.current;
9
+ (() => {
10
+ s(e ? m.scrollHeight : 0);
11
+ })();
12
+ }, [e, o]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
9
13
  /* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
10
14
  /* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
11
- /* @__PURE__ */ e(r, { className: "tarjeta-info-icon" }),
12
- /* @__PURE__ */ e("span", { children: c })
15
+ /* @__PURE__ */ t(c, { className: "tarjeta-info-icon" }),
16
+ /* @__PURE__ */ t("span", { children: l })
13
17
  ] }),
14
- /* @__PURE__ */ e("div", { className: "tarjeta-info-show-container", children: t ? /* @__PURE__ */ e(
18
+ /* @__PURE__ */ t("div", { className: "tarjeta-info-show-container", children: e ? /* @__PURE__ */ t(
15
19
  j,
16
20
  {
17
21
  className: "tarjeta-info-show-button",
18
- onClick: () => o(!t)
22
+ onClick: () => i(!e)
19
23
  }
20
- ) : /* @__PURE__ */ e(
21
- u,
24
+ ) : /* @__PURE__ */ t(
25
+ N,
22
26
  {
23
27
  className: "tarjeta-info-show-button",
24
- onClick: () => o(!t)
28
+ onClick: () => i(!e)
25
29
  }
26
30
  ) })
27
31
  ] }),
28
- /* @__PURE__ */ e(
32
+ /* @__PURE__ */ t(
29
33
  "div",
30
34
  {
31
35
  className: "tarjeta-info-children-container",
32
36
  style: { height: `${f}px` },
33
- ref: a,
34
- children: /* @__PURE__ */ e("div", { className: "tarjeta-info-content", children: h })
37
+ children: /* @__PURE__ */ t("div", { className: "tarjeta-info-content", ref: a, children: o })
35
38
  }
36
39
  )
37
40
  ] });
38
41
  };
39
42
  export {
40
- w as TarjetaInfo
43
+ C as TarjetaInfo
41
44
  };
@@ -1,18 +1,18 @@
1
- import { jsxs as a, jsx as i } from "react/jsx-runtime";
2
- import { N as n } from "../../NotificacionUsuario-B0uOnywk.js";
3
- import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
4
- s && s.slice(0, 5).map((o, c) => /* @__PURE__ */ a("div", { className: "icono-sistema-tooltip-container", children: [
5
- /* @__PURE__ */ i(
6
- o.icon,
1
+ import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
+ import { N as r } from "../../NotificacionUsuario-B0uOnywk.js";
3
+ import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PURE__ */ c("div", { className: "iconos-sistema-container", children: [
4
+ s && s.slice(0, 5).map((i, a) => /* @__PURE__ */ c("div", { className: "icono-sistema-tooltip-container", children: [
5
+ /* @__PURE__ */ o(
6
+ i.icon,
7
7
  {
8
8
  className: "iconos-sistema-icon",
9
- onClick: o.action
9
+ onClick: i.action
10
10
  },
11
- c
11
+ a
12
12
  ),
13
- o.label && /* @__PURE__ */ i("span", { className: "icono-sistema-tooltip-text", children: o.label })
14
- ] })),
15
- s && /* @__PURE__ */ i(
13
+ i.label && /* @__PURE__ */ o("span", { className: "icono-sistema-tooltip-text", children: i.label })
14
+ ] }, a)),
15
+ s && /* @__PURE__ */ o(
16
16
  "div",
17
17
  {
18
18
  style: {
@@ -25,7 +25,7 @@ import '../../assets/IconosSistema.css';const p = ({ elements: s }) => /* @__PUR
25
25
  }
26
26
  }
27
27
  ),
28
- /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(n, {}) })
28
+ /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(r, {}) })
29
29
  ] });
30
30
  export {
31
31
  p as IconosSistema
@@ -11,7 +11,7 @@ import { TarjetaInfo as N } from "../../cards/tarjeta-info/TarjetaInfo.js";
11
11
  import { F as b } from "../../index-COVtBfm6.js";
12
12
  import { fetchHistorico as p } from "./FetchHistorico.js";
13
13
  import { T as u } from "../../Table-dmTfkFLf.js";
14
- const I = ({ endpoint: h, nuip: d }) => {
14
+ const D = ({ endpoint: h, nuip: d }) => {
15
15
  const [c, o] = n({
16
16
  sintesisHechos1: !1,
17
17
  sintesisHehcos2: !1
@@ -55,7 +55,7 @@ const I = ({ endpoint: h, nuip: d }) => {
55
55
  /* @__PURE__ */ t("td", { className: "text-start", children: /* @__PURE__ */ t("b", { children: "Factor diferencial" }) }),
56
56
  /* @__PURE__ */ t("td", { className: "text-start", children: e.factorDiferencial })
57
57
  ] }),
58
- " ",
58
+ /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 2 }) }),
59
59
  /* @__PURE__ */ s("tr", { children: [
60
60
  /* @__PURE__ */ t("td", { className: "text-start", children: /* @__PURE__ */ t("b", { children: "Analista de riesgo" }) }),
61
61
  /* @__PURE__ */ t("td", { className: "text-start", children: e.analistaRiesgo })
@@ -141,5 +141,5 @@ const I = ({ endpoint: h, nuip: d }) => {
141
141
  ] }) }) }, a)) }) : /* @__PURE__ */ t(i, { children: "No hay información disponible." }) });
142
142
  };
143
143
  export {
144
- I as UnpHistorico
144
+ D as UnpHistorico
145
145
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "react-ecosistema-unp",
3
3
  "author": "Ecosistema de Información - Unidad Nacional de Protección",
4
4
  "private": false,
5
- "version": "1.2.0",
5
+ "version": "1.2.2",
6
6
  "type": "module",
7
7
  "exports": {
8
8
  ".": {