react-ecosistema-unp 0.2.3 → 0.3.0

package/dist/shared/components/NotificacionUsuario.js

@@ -1,9 +1,5 @@
-import { jsx as c } from "react/jsx-runtime";
-import { G as i } from "../../iconBase-LROS5hdG.js";
-function o(t) {
-  return i({ 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: [] }] })(t);
-}
-const e = () => /* @__PURE__ */ c(o, { style: { width: "25px", height: "25px" } });
+import "react/jsx-runtime";
+import { g as a } from "../../NotificacionUsuario-BAYfK-nd.js";
 export {
-  e as default
+  a as default
 };

package/dist/shared/components/TabVentana.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import { T as i, g as b, a as p, b as T, P as t } from "../../Bootstrap-ByT3_uwe.js";
+import { T as b, g as i, a as p, b as T, P as t } from "../../Bootstrap-nyDWFTXk.js";
 import "react";
-const o = ({
-  transition: a,
-  ...n
-}) => /* @__PURE__ */ e(i, {
-  ...n,
-  transition: b(a)
+import '../../assets/TabVentana.css';const o = ({
+  transition: n,
+  ...a
+}) => /* @__PURE__ */ e(b, {
+  ...a,
+  transition: i(n)
 });
 o.displayName = "TabContainer";
 const c = {
@@ -36,10 +36,12 @@ const m = Object.assign(s, {
   Content: p,
   Pane: T
 }), y = ({
-  eventKey: a,
-  title: n,
+  eventKey: n,
+  title: a,
   children: r
-}) => /* @__PURE__ */ e(m, { eventKey: a, title: n, children: r });
+}) => /* @__PURE__ */ e(m, { eventKey: n, title: a, style: {
+  border: "50%"
+}, children: r });
 export {
-  y as default
+  y as TabVentana
 };

package/dist/shared/components/VentanaLienzo.js

@@ -1,16 +1,15 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import s from "react";
-import { B as a } from "../../useFinalizarSesion-COlHmXt5.js";
+import t from "react";
 import { MenuLateral as m } from "./MenuLateral.js";
-const d = ({ children: o }) => {
-  const [e, t] = s.useState(!1);
-  return /* @__PURE__ */ r(a, { children: [
-    /* @__PURE__ */ n(m, { onToggle: () => {
-      t(!e);
-    }, isOpen: e }),
-    /* @__PURE__ */ n("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "main-section", children: o }) })
+const p = ({ children: a }) => {
+  const [e, o] = t.useState(!1), s = () => {
+    o(!e);
+  };
+  return /* @__PURE__ */ r(t.Fragment, { children: [
+    /* @__PURE__ */ n(m, { onToggle: s, isOpen: e }),
+    /* @__PURE__ */ n("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ n("div", { className: "main-section", style: { padding: "0.5rem" }, children: a }) })
   ] });
 };
 export {
-  d as VentanaLienzo
+  p as VentanaLienzo
 };

package/dist/shared/components/VentanaTabs.js

@@ -0,0 +1,243 @@
+import { jsx as r, jsxs as j } from "react/jsx-runtime";
+import * as m from "react";
+import g, { useRef as O, useContext as E, useEffect as M } from "react";
+import { MenuLateral as F } from "./MenuLateral.js";
+import { N as W, u as Y, a as z, d as G, b as J, q as Q, c as D, e as L, f as X, g as Z } from "../../NotificacionUsuario-BAYfK-nd.js";
+import { u as ee, T as te, g as ne, a as ae, b as re } from "../../Bootstrap-nyDWFTXk.js";
+import { S as P, T as se, m as le, u as k, c as B } from "../../TabContext-C1blj64Y.js";
+const U = /* @__PURE__ */ m.createContext(null);
+U.displayName = "CardHeaderContext";
+function A(n, e) {
+  let a = 0;
+  return m.Children.map(n, (t) => /* @__PURE__ */ m.isValidElement(t) ? e(t, a++) : t);
+}
+function oe(n, e) {
+  let a = 0;
+  m.Children.forEach(n, (t) => {
+    /* @__PURE__ */ m.isValidElement(t) && e(t, a++);
+  });
+}
+const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
+function ce(n, e) {
+  if (n == null) return {};
+  var a = {};
+  for (var t in n) if ({}.hasOwnProperty.call(n, t)) {
+    if (e.indexOf(t) >= 0) continue;
+    a[t] = n[t];
+  }
+  return a;
+}
+const I = () => {
+}, R = G("event-key"), V = /* @__PURE__ */ m.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: l
+  } = n, u = ce(n, ie);
+  const x = Y(), v = O(!1), y = E(P), o = E(se);
+  let p, N;
+  o && (c = c || "tablist", s = o.activeKey, p = o.getControlledId, N = o.getControllerId);
+  const f = O(null), b = (i) => {
+    const d = f.current;
+    if (!d) return null;
+    const T = Q(d, `[${R}]:not([aria-disabled=true])`), S = d.querySelector("[aria-selected=true]");
+    if (!S || S !== document.activeElement) return null;
+    const w = T.indexOf(S);
+    if (w === -1) return null;
+    let h = w + i;
+    return h >= T.length && (h = 0), h < 0 && (h = T.length - 1), T[h];
+  }, C = (i, d) => {
+    i != null && (t == null || t(i, d), y == null || y(i, d));
+  }, K = (i) => {
+    if (l == null || l(i), !o)
+      return;
+    let d;
+    switch (i.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        d = b(-1);
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        d = b(1);
+        break;
+      default:
+        return;
+    }
+    d && (i.preventDefault(), C(d.dataset[J("EventKey")] || null, i), v.current = !0, x());
+  };
+  M(() => {
+    if (f.current && v.current) {
+      const i = f.current.querySelector(`[${R}][aria-selected=true]`);
+      i == null || i.focus();
+    }
+    v.current = !1;
+  });
+  const H = ee(e, f);
+  return /* @__PURE__ */ r(P.Provider, {
+    value: C,
+    children: /* @__PURE__ */ r(z.Provider, {
+      value: {
+        role: c,
+        // used by NavLink to determine it's role
+        activeKey: le(s),
+        getControlledId: p || I,
+        getControllerId: N || I
+      },
+      children: /* @__PURE__ */ r(a, Object.assign({}, u, {
+        onKeyDown: K,
+        ref: H,
+        role: c
+      }))
+    })
+  });
+});
+V.displayName = "Nav";
+const de = Object.assign(V, {
+  Item: W
+}), $ = /* @__PURE__ */ m.forwardRef(({
+  className: n,
+  bsPrefix: e,
+  as: a = "div",
+  ...t
+}, s) => (e = k(e, "nav-item"), /* @__PURE__ */ r(a, {
+  ref: s,
+  className: B(n, e),
+  ...t
+})));
+$.displayName = "NavItem";
+const _ = /* @__PURE__ */ m.forwardRef((n, e) => {
+  const {
+    as: a = "div",
+    bsPrefix: t,
+    variant: s,
+    fill: c = !1,
+    justify: l = !1,
+    navbar: u,
+    navbarScroll: x,
+    className: v,
+    activeKey: y,
+    ...o
+  } = L(n, {
+    activeKey: "onSelect"
+  }), p = k(t, "nav");
+  let N, f, b = !1;
+  const C = E(X), K = E(U);
+  return C ? (N = C.bsPrefix, b = u ?? !0) : K && ({
+    cardHeaderBsPrefix: f
+  } = K), /* @__PURE__ */ r(de, {
+    as: a,
+    ref: e,
+    activeKey: y,
+    className: B(v, {
+      [p]: !b,
+      [`${N}-nav`]: b,
+      [`${N}-nav-scroll`]: b && x,
+      [`${f}-${s}`]: !!f,
+      [`${p}-${s}`]: !!s,
+      [`${p}-fill`]: c,
+      [`${p}-justified`]: l
+    }),
+    ...o
+  });
+});
+_.displayName = "Nav";
+const ue = Object.assign(_, {
+  Item: $,
+  Link: D
+});
+function fe(n) {
+  let e;
+  return oe(n, (a) => {
+    e == null && (e = a.props.eventKey);
+  }), e;
+}
+function me(n) {
+  const {
+    title: e,
+    eventKey: a,
+    disabled: t,
+    tabClassName: s,
+    tabAttrs: c,
+    id: l
+  } = n.props;
+  return e == null ? null : /* @__PURE__ */ r($, {
+    as: "li",
+    role: "presentation",
+    children: /* @__PURE__ */ r(D, {
+      as: "button",
+      type: "button",
+      eventKey: a,
+      disabled: t,
+      id: l,
+      className: s,
+      ...c,
+      children: e
+    })
+  });
+}
+const q = (n) => {
+  const {
+    id: e,
+    onSelect: a,
+    transition: t,
+    mountOnEnter: s = !1,
+    unmountOnExit: c = !1,
+    variant: l = "tabs",
+    children: u,
+    activeKey: x = fe(u),
+    ...v
+  } = L(n, {
+    activeKey: "onSelect"
+  });
+  return /* @__PURE__ */ j(te, {
+    id: e,
+    activeKey: x,
+    onSelect: a,
+    transition: ne(t),
+    mountOnEnter: s,
+    unmountOnExit: c,
+    children: [/* @__PURE__ */ r(ue, {
+      id: e,
+      ...v,
+      role: "tablist",
+      as: "ul",
+      variant: l,
+      children: A(u, me)
+    }), /* @__PURE__ */ r(ae, {
+      children: A(u, (y) => {
+        const o = {
+          ...y.props
+        };
+        return delete o.title, delete o.disabled, delete o.tabClassName, delete o.tabAttrs, /* @__PURE__ */ r(re, {
+          ...o
+        });
+      })
+    })]
+  });
+};
+q.displayName = "Tabs";
+const Ce = ({ children: n }) => {
+  const [e, a] = g.useState(!1), [t, s] = g.useState(void 0), c = () => {
+    a(!e);
+  };
+  return /* @__PURE__ */ j(g.Fragment, { children: [
+    /* @__PURE__ */ r(Z, {}),
+    /* @__PURE__ */ r(F, { onToggle: c, isOpen: e }),
+    /* @__PURE__ */ r("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
+      q,
+      {
+        id: "controlled-tab",
+        activeKey: t,
+        onSelect: (l) => s(l !== null ? l : void 0),
+        children: g.Children.map(n, (l) => g.isValidElement(l) ? l : null)
+      }
+    ) }) })
+  ] });
+};
+export {
+  Ce as VentanaTabs
+};

package/dist/shared.js

@@ -1,4 +1,6 @@
-import { VentanaLienzo as o } from "./shared/components/VentanaLienzo.js";
+import { VentanaLienzo as n } from "./shared/components/VentanaLienzo.js";
+import { VentanaTabs as r } from "./shared/components/VentanaTabs.js";
 export {
-  o as VentanaLienzo
+  n as VentanaLienzo,
+  r as VentanaTabs
 };

package/dist/ui/components/Encabezado.js

@@ -0,0 +1,34 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+const l = {
+  borderLeft: "8px solid",
+  borderLeftColor: "#d13c47",
+  height: "65px",
+  marginBottom: "20px",
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "0px"
+}, i = {
+  height: "60px",
+  marginLeft: "12px",
+  marginRight: "15px",
+  alignSelf: "center"
+}, r = ({ dependencia: n }) => /* @__PURE__ */ e("div", { style: l, children: /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "flex-start", alignItems: "center" }, children: [
+  /* @__PURE__ */ e("img", { src: "https://i.imgur.com/MYXJbgg.png", style: i }),
+  /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", justifyContent: "start" }, children: [
+    /* @__PURE__ */ e("h4", { className: "d-none d-md-block", style: { margin: "0px 0px 4px 0px", fontWeight: "700" }, children: " Unidad Nacional de Protección " }),
+    /* @__PURE__ */ e("h5", { className: "d-block d-md-none", style: { margin: "0px 0px 4px 0px", fontWeight: "700", fontSize: "1rem" }, children: " Unidad Nacional de Protección " }),
+    /* @__PURE__ */ t("h6", { className: "d-none d-md-block", style: { margin: "0px 0px 4px 0px", color: "#6b6b6b" }, children: [
+      " ",
+      n,
+      " "
+    ] }),
+    /* @__PURE__ */ t("h6", { className: "d-block d-md-none", style: { margin: "0px 0px 4px 0px", fontSize: "0.8rem", color: "#6b6b6b" }, children: [
+      " ",
+      n,
+      " "
+    ] })
+  ] })
+] }) });
+export {
+  r as default
+};