react-ecosistema-unp 0.9.0 → 0.9.2

package/dist/{NotificacionUsuario-WGsdHnu2.js → NotificacionUsuario-xD2pyELE.js}

@@ -1872,9 +1872,7 @@ const Co = Object.assign(pn, {
 function Po(e) {
   return xn({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z" }, child: [] }] })(e);
 }
-const Lo = () => /* @__PURE__ */ j("div", { className: "position-absolute top-0 end-0", style: {
-  marginTop: "6px"
-}, children: /* @__PURE__ */ j(
+const Lo = () => /* @__PURE__ */ j(
   Co,
   {
     title: /* @__PURE__ */ j(Po, { className: "icono-notificaciones" }),
@@ -1884,7 +1882,7 @@ const Lo = () => /* @__PURE__ */ j("div", { className: "position-absolute top-0
       padding: "1rem"
     }, children: "Notificaciones" })
   }
-) });
+);
 export {
   Lo as N,
   Do as a,

package/dist/assets/IconosSistema.css

@@ -0,0 +1 @@
+.iconos-sistema-container{position:absolute;top:0;right:0;margin-top:6px;display:flex;justify-content:end;gap:1rem}.iconos-sistema-icon{margin-top:.5rem;font-size:25px;color:#303d50;cursor:pointer}

package/dist/assets/NotificacionUsuario.css

@@ -1 +1 @@
-.dropdown-toggle{margin-top:.5rem;margin-right:.75rem}.dropdown-toggle:after{display:none!important}.dropdown-toggle.nav-link{padding:0}.dropdown-menu.show{margin-top:.75rem;border-radius:10px;border:0;box-shadow:0 6px 12px #0000002d}.icono-notificaciones{width:25px;height:25px;color:#303d50}
+.dropdown-toggle{margin-top:.5rem;margin-right:.75rem}.dropdown-toggle:after{display:none!important}.dropdown-toggle.nav-link{padding:0}.dropdown-menu.show{margin-top:.75rem;border-radius:10px;border:0;box-shadow:0 6px 12px #0000002d}.icono-notificaciones{font-size:25px;color:#303d50;transform-origin:top center;transition:transform .3s}.icono-notificaciones:hover{animation:balanceoCampana .425s ease-in-out}@keyframes balanceoCampana{0%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}to{transform:rotate(0)}}

package/dist/lib/shared/breadcrumb/Breadcrumb.d.ts

@@ -5,7 +5,6 @@ export interface BreadcrumbItem {
 }
 interface BreadcrumbNavProps {
     items?: BreadcrumbItem[];
-    extraInput?: React.ReactNode;
 }
 declare const BreadcrumbNav: React.FC<BreadcrumbNavProps>;
-export default BreadcrumbNav;
+export { BreadcrumbNav };

package/dist/lib/shared/iconos-sistema/IconosSistema.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { IconType } from 'react-icons';
+export interface IconoSistema {
+    icon: IconType;
+    action: (...args: any[]) => any;
+}
+interface IconosSistemaProps {
+    elements?: IconoSistema[];
+}
+declare const IconosSistema: React.FC<IconosSistemaProps>;
+export { IconosSistema };

package/dist/lib/shared/notificacion-usuario/NotificacionUsuario.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 declare const NotificacionUsuario: React.FC;
-export default NotificacionUsuario;
+export { NotificacionUsuario };

package/dist/lib/shared/ventana-lienzo/VentanaLienzo.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
+import { IconoSistema } from '../iconos-sistema/IconosSistema.js';
 import { BreadcrumbItem } from '../breadcrumb/Breadcrumb.js';
 interface VentanaLienzoProps {
     children?: React.ReactNode;
     items?: BreadcrumbItem[];
-    extraInput?: React.ReactNode;
+    extraInput?: IconoSistema[];
 }
 declare const VentanaLienzo: React.FC<VentanaLienzoProps>;
 export { VentanaLienzo };

package/dist/lib/shared/ventana-tabs/VentanaTabs.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
+import { IconoSistema } from '../iconos-sistema/IconosSistema.js';
 interface VentanaUsuarioProps {
     children?: React.ReactNode;
+    extraInput?: IconoSistema[];
 }
 declare const VentanaTabs: React.FC<VentanaUsuarioProps>;
 export { VentanaTabs };

package/dist/shared/breadcrumb/Breadcrumb.js

@@ -1,66 +1,66 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { u as b, c as u } from "../../ThemeProvider-CFCmmLJC.js";
-import * as o from "react";
-import { A as g } from "../../Anchor-D8f6vg0T.js";
-import '../../assets/Breadcrumb.css';const t = /* @__PURE__ */ o.forwardRef(({
+import { jsx as a } from "react/jsx-runtime";
+import { u as o, c as u } from "../../ThemeProvider-CFCmmLJC.js";
+import * as b from "react";
+import { A as x } from "../../Anchor-D8f6vg0T.js";
+import '../../assets/Breadcrumb.css';const i = /* @__PURE__ */ b.forwardRef(({
   bsPrefix: c,
-  active: e = !1,
-  children: r,
-  className: s,
+  active: r = !1,
+  children: e,
+  className: n,
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: n = "li",
-  linkAs: d = g,
-  linkProps: l = {},
-  href: m,
-  title: i,
-  target: h,
-  ...p
+  as: s = "li",
+  linkAs: d = x,
+  linkProps: m = {},
+  href: l,
+  title: t,
+  target: p,
+  ...h
 }, N) => {
-  const B = b(c, "breadcrumb-item");
-  return /* @__PURE__ */ a(n, {
+  const B = o(c, "breadcrumb-item");
+  return /* @__PURE__ */ a(s, {
     ref: N,
-    ...p,
-    className: u(B, s, {
-      active: e
+    ...h,
+    className: u(B, n, {
+      active: r
     }),
-    "aria-current": e ? "page" : void 0,
-    children: e ? r : /* @__PURE__ */ a(d, {
-      ...l,
-      href: m,
-      title: i,
-      target: h,
-      children: r
+    "aria-current": r ? "page" : void 0,
+    children: r ? e : /* @__PURE__ */ a(d, {
+      ...m,
+      href: l,
+      title: t,
+      target: p,
+      children: e
     })
   });
 });
-t.displayName = "BreadcrumbItem";
-const f = /* @__PURE__ */ o.forwardRef(({
+i.displayName = "BreadcrumbItem";
+const f = /* @__PURE__ */ b.forwardRef(({
   bsPrefix: c,
-  className: e,
-  listProps: r = {},
-  children: s,
-  label: n = "breadcrumb",
+  className: r,
+  listProps: e = {},
+  children: n,
+  label: s = "breadcrumb",
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   as: d = "nav",
-  ...l
-}, m) => {
-  const i = b(c, "breadcrumb");
+  ...m
+}, l) => {
+  const t = o(c, "breadcrumb");
   return /* @__PURE__ */ a(d, {
-    "aria-label": n,
-    className: e,
-    ref: m,
-    ...l,
+    "aria-label": s,
+    className: r,
+    ref: l,
+    ...m,
     children: /* @__PURE__ */ a("ol", {
-      ...r,
-      className: u(i, r == null ? void 0 : r.className),
-      children: s
+      ...e,
+      className: u(t, e == null ? void 0 : e.className),
+      children: n
     })
   });
 });
 f.displayName = "Breadcrumb";
-const j = Object.assign(f, {
-  Item: t
-}), k = ({ items: c, extraInput: e }) => /* @__PURE__ */ a("div", { className: "breadcrumb-container", children: /* @__PURE__ */ x(
+const w = Object.assign(f, {
+  Item: i
+}), k = ({ items: c }) => /* @__PURE__ */ a("div", { className: "breadcrumb-container", children: /* @__PURE__ */ a(
   "div",
   {
     className: "breadcrumb-wrapper",
@@ -68,12 +68,9 @@ const j = Object.assign(f, {
       // Ajusta la posición de los elementos si se proporcionan links y hay un input extra
       justifyContent: c ? "space-between" : "end"
     },
-    children: [
-      c && /* @__PURE__ */ a(j, { children: c.map((r, s) => /* @__PURE__ */ a(t, { href: r.link, active: !r.link, children: r.label }, s)) }),
-      e && /* @__PURE__ */ a("div", { className: "breadcrumb-right", children: e })
-    ]
+    children: c && /* @__PURE__ */ a(w, { children: c.map((r, e) => /* @__PURE__ */ a(i, { href: r.link, active: !r.link, children: r.label }, e)) })
   }
 ) });
 export {
-  k as default
+  k as BreadcrumbNav
 };

package/dist/shared/iconos-sistema/IconosSistema.js

@@ -0,0 +1,16 @@
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { N as n } from "../../NotificacionUsuario-xD2pyELE.js";
+import '../../assets/IconosSistema.css';const m = ({ elements: o }) => /* @__PURE__ */ a("div", { className: "iconos-sistema-container", children: [
+  o && o.slice(0, 5).map((s, c) => /* @__PURE__ */ i(
+    s.icon,
+    {
+      className: "iconos-sistema-icon",
+      onClick: s.action
+    },
+    c
+  )),
+  /* @__PURE__ */ i("div", { style: { marginLeft: "1rem" }, children: /* @__PURE__ */ i(n, {}) })
+] });
+export {
+  m as IconosSistema
+};

package/dist/shared/notificacion-usuario/NotificacionUsuario.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { N as a } from "../../NotificacionUsuario-WGsdHnu2.js";
+import { N as a } from "../../NotificacionUsuario-xD2pyELE.js";
 export {
-  a as default
+  a as NotificacionUsuario
 };

package/dist/shared/ventana-lienzo/VentanaLienzo.js

@@ -1,19 +1,19 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import s from "react";
-import m from "../breadcrumb/Breadcrumb.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { IconosSistema as i } from "../iconos-sistema/IconosSistema.js";
+import { BreadcrumbNav as l } from "../breadcrumb/Breadcrumb.js";
 import { MenuLateral as c } from "../menu-lateral/MenuLateral.js";
-import { N as l } from "../../NotificacionUsuario-WGsdHnu2.js";
 import { B as p } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
-import '../../assets/VentanaLienzo.css';const x = ({ children: a, items: r, extraInput: t }) => {
-  const [o, i] = s.useState(!1);
-  return /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ e(l, {}),
+import '../../assets/VentanaLienzo.css';const x = ({ children: r, items: a, extraInput: t }) => {
+  const [n, s] = m.useState(!1);
+  return /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ e(i, { elements: t }),
     /* @__PURE__ */ e(c, { onToggle: () => {
-      i(!o);
-    }, isOpen: o }),
-    /* @__PURE__ */ e("div", { className: `${o ? "menu-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "main-section", children: [
-      /* @__PURE__ */ e(m, { items: r, extraInput: t }),
-      /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: a })
+      s(!n);
+    }, isOpen: n }),
+    /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ o("div", { className: "main-section", children: [
+      /* @__PURE__ */ e(l, { items: a }),
+      /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: r })
     ] }) })
   ] });
 };

package/dist/shared/ventana-tabs/VentanaTabs.js

@@ -1,14 +1,15 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
 import * as b from "react";
-import T, { useRef as O, useContext as E, useEffect as M } from "react";
+import T, { useRef as O, useContext as S, useEffect as M } from "react";
 import { MenuLateral as H } from "../menu-lateral/MenuLateral.js";
-import { a as F, u as W, b as Y, d as z, c as G, q as J, e as B, f as D, g as Q, N as X } from "../../NotificacionUsuario-WGsdHnu2.js";
-import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../Bootstrap-yLMFDuQq.js";
+import { IconosSistema as F } from "../iconos-sistema/IconosSistema.js";
+import { u as W, T as Y, g as z, a as G, b as J } from "../../Bootstrap-yLMFDuQq.js";
+import { a as Q, u as X, b as Z, d as ee, c as te, q as ne, e as B, f as D, g as ae } from "../../NotificacionUsuario-xD2pyELE.js";
 import { u as L, c as k } from "../../ThemeProvider-CFCmmLJC.js";
-import { S as P, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
+import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
 import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
 import { B as le } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
-function R(n, e) {
+function P(n, e) {
   let a = 0;
   return b.Children.map(n, (t) => /* @__PURE__ */ b.isValidElement(t) ? e(t, a++) : t);
 }
@@ -28,32 +29,32 @@ function de(n, e) {
   }
   return a;
 }
-const A = () => {
-}, I = z("event-key"), U = /* @__PURE__ */ b.forwardRef((n, e) => {
+const R = () => {
+}, A = ee("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
   let {
     // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
     as: a = "div",
     onSelect: t,
     activeKey: s,
     role: c,
-    onKeyDown: o
-  } = n, u = de(n, ce);
-  const x = W(), m = O(!1), y = E(P), l = E(re);
-  let v, N;
-  l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, N = l.getControllerId);
+    onKeyDown: u
+  } = n, o = de(n, ce);
+  const N = X(), m = O(!1), y = S(I), l = S(re);
+  let v, x;
+  l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, x = l.getControllerId);
   const f = O(null), p = (i) => {
     const d = f.current;
     if (!d) return null;
-    const K = J(d, `[${I}]:not([aria-disabled=true])`), S = d.querySelector("[aria-selected=true]");
-    if (!S || S !== document.activeElement) return null;
-    const w = K.indexOf(S);
+    const K = ne(d, `[${A}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
+    if (!E || E !== document.activeElement) return null;
+    const w = K.indexOf(E);
     if (w === -1) return null;
     let g = w + i;
     return g >= K.length && (g = 0), g < 0 && (g = K.length - 1), K[g];
   }, h = (i, d) => {
     i != null && (t == null || t(i, d), y == null || y(i, d));
   }, C = (i) => {
-    if (o == null || o(i), !l)
+    if (u == null || u(i), !l)
       return;
     let d;
     switch (i.key) {
@@ -68,37 +69,37 @@ const A = () => {
       default:
         return;
     }
-    d && (i.preventDefault(), h(d.dataset[G("EventKey")] || null, i), m.current = !0, x());
+    d && (i.preventDefault(), h(d.dataset[te("EventKey")] || null, i), m.current = !0, N());
   };
   M(() => {
     if (f.current && m.current) {
-      const i = f.current.querySelector(`[${I}][aria-selected=true]`);
+      const i = f.current.querySelector(`[${A}][aria-selected=true]`);
       i == null || i.focus();
     }
     m.current = !1;
   });
-  const q = Z(e, f);
-  return /* @__PURE__ */ r(P.Provider, {
+  const U = W(e, f);
+  return /* @__PURE__ */ r(I.Provider, {
     value: h,
-    children: /* @__PURE__ */ r(Y.Provider, {
+    children: /* @__PURE__ */ r(Z.Provider, {
       value: {
         role: c,
         // used by NavLink to determine it's role
         activeKey: se(s),
-        getControlledId: v || A,
-        getControllerId: N || A
+        getControlledId: v || R,
+        getControllerId: x || R
       },
-      children: /* @__PURE__ */ r(a, Object.assign({}, u, {
+      children: /* @__PURE__ */ r(a, Object.assign({}, o, {
         onKeyDown: C,
-        ref: q,
+        ref: U,
         role: c
       }))
     })
   });
 });
-U.displayName = "Nav";
-const ue = Object.assign(U, {
-  Item: F
+V.displayName = "Nav";
+const ue = Object.assign(V, {
+  Item: Q
 }), $ = /* @__PURE__ */ b.forwardRef(({
   className: n,
   bsPrefix: e,
@@ -110,24 +111,24 @@ const ue = Object.assign(U, {
   ...t
 })));
 $.displayName = "NavItem";
-const V = /* @__PURE__ */ b.forwardRef((n, e) => {
+const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
   const {
     as: a = "div",
     bsPrefix: t,
     variant: s,
     fill: c = !1,
-    justify: o = !1,
-    navbar: u,
-    navbarScroll: x,
+    justify: u = !1,
+    navbar: o,
+    navbarScroll: N,
     className: m,
     activeKey: y,
     ...l
   } = D(n, {
     activeKey: "onSelect"
   }), v = L(t, "nav");
-  let N, f, p = !1;
-  const h = E(Q), C = E(oe);
-  return h ? (N = h.bsPrefix, p = u ?? !0) : C && ({
+  let x, f, p = !1;
+  const h = S(ae), C = S(oe);
+  return h ? (x = h.bsPrefix, p = o ?? !0) : C && ({
     cardHeaderBsPrefix: f
   } = C), /* @__PURE__ */ r(ue, {
     as: a,
@@ -135,18 +136,18 @@ const V = /* @__PURE__ */ b.forwardRef((n, e) => {
     activeKey: y,
     className: k(m, {
       [v]: !p,
-      [`${N}-nav`]: p,
-      [`${N}-nav-scroll`]: p && x,
+      [`${x}-nav`]: p,
+      [`${x}-nav-scroll`]: p && N,
       [`${f}-${s}`]: !!f,
       [`${v}-${s}`]: !!s,
       [`${v}-fill`]: c,
-      [`${v}-justified`]: o
+      [`${v}-justified`]: u
     }),
     ...l
   });
 });
-V.displayName = "Nav";
-const fe = Object.assign(V, {
+_.displayName = "Nav";
+const fe = Object.assign(_, {
   Item: $,
   Link: B
 });
@@ -163,7 +164,7 @@ function ve(n) {
     disabled: t,
     tabClassName: s,
     tabAttrs: c,
-    id: o
+    id: u
   } = n.props;
   return e == null ? null : /* @__PURE__ */ r($, {
     as: "li",
@@ -173,32 +174,32 @@ function ve(n) {
       type: "button",
       eventKey: a,
       disabled: t,
-      id: o,
+      id: u,
       className: s,
       ...c,
       children: e
     })
   });
 }
-const _ = (n) => {
+const q = (n) => {
   const {
     id: e,
     onSelect: a,
     transition: t,
     mountOnEnter: s = !1,
     unmountOnExit: c = !1,
-    variant: o = "tabs",
-    children: u,
-    activeKey: x = me(u),
+    variant: u = "tabs",
+    children: o,
+    activeKey: N = me(o),
     ...m
   } = D(n, {
     activeKey: "onSelect"
   });
-  return /* @__PURE__ */ j(ee, {
+  return /* @__PURE__ */ j(Y, {
     id: e,
-    activeKey: x,
+    activeKey: N,
     onSelect: a,
-    transition: te(t),
+    transition: z(t),
     mountOnEnter: s,
     unmountOnExit: c,
     children: [/* @__PURE__ */ r(fe, {
@@ -206,39 +207,39 @@ const _ = (n) => {
       ...m,
       role: "tablist",
       as: "ul",
-      variant: o,
-      children: R(u, ve)
-    }), /* @__PURE__ */ r(ne, {
-      children: R(u, (y) => {
+      variant: u,
+      children: P(o, ve)
+    }), /* @__PURE__ */ r(G, {
+      children: P(o, (y) => {
         const l = {
           ...y.props
         };
-        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(ae, {
+        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(J, {
           ...l
         });
       })
     })]
   });
 };
-_.displayName = "Tabs";
-const Te = ({ children: n }) => {
-  const [e, a] = T.useState(!1), [t, s] = T.useState(void 0);
+q.displayName = "Tabs";
+const Se = ({ children: n, extraInput: e }) => {
+  const [a, t] = T.useState(!1), [s, c] = T.useState(void 0);
   return /* @__PURE__ */ j(le, { children: [
-    /* @__PURE__ */ r(X, {}),
+    /* @__PURE__ */ r(F, { elements: e }),
     /* @__PURE__ */ r(H, { onToggle: () => {
-      a(!e);
-    }, isOpen: e }),
-    /* @__PURE__ */ r("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
-      _,
+      t(!a);
+    }, isOpen: a }),
+    /* @__PURE__ */ r("div", { className: `${a ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
+      q,
       {
         id: "controlled-tab",
-        activeKey: t,
-        onSelect: (o) => s(o !== null ? o : void 0),
+        activeKey: s,
+        onSelect: (o) => c(o !== null ? o : void 0),
         children: T.Children.map(n, (o) => T.isValidElement(o) ? o : null)
       }
     ) }) })
   ] });
 };
 export {
-  Te as VentanaTabs
+  Se as VentanaTabs
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "0.9.0",
+  "version": "0.9.2",
   "type": "module",
   "exports": {
     ".": {
@@ -52,8 +52,8 @@
     "deploy:storybook": "gh-pages -d .storybook-build -b gh-pages -t"
   },
   "peerDependencies": {
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": ">=18.0.0 <=20.0.0",
+    "react-dom": ">=18.0.0 <=20.0.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.3",