react-ecosistema-unp 0.1.6 → 0.2.0

package/dist/shared/components/VentanaUsuario.js

@@ -0,0 +1,488 @@
+import { jsx as f, jsxs as W } from "react/jsx-runtime";
+import * as p from "react";
+import C, { useRef as $, useState as re, useCallback as oe, useReducer as ae, useContext as h, useEffect as ie } from "react";
+import se from "./NotificacionUsuario.js";
+import { B as le } from "../../useFinalizarSesion-COlHmXt5.js";
+import { MenuLateral as ue } from "./MenuLateral.js";
+import { _ as ce, u as k, S as E, c as q, m as S, d as de, e as j, f as R, T as fe, g as ve, a as pe, b as me } from "../../TabPane-C423iXKE.js";
+function I() {
+  return I = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, I.apply(null, arguments);
+}
+function L(e) {
+  return "default" + e.charAt(0).toUpperCase() + e.substr(1);
+}
+function be(e) {
+  var t = ye(e, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+function ye(e, t) {
+  if (typeof e != "object" || e === null) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(e);
+}
+function xe(e, t, r) {
+  var n = $(e !== void 0), o = re(t), i = o[0], a = o[1], l = e !== void 0, v = n.current;
+  return n.current = l, !l && v && i !== t && a(t), [l ? e : i, oe(function(c) {
+    for (var s = arguments.length, u = new Array(s > 1 ? s - 1 : 0), d = 1; d < s; d++)
+      u[d - 1] = arguments[d];
+    r && r.apply(void 0, [c].concat(u)), a(c);
+  }, [r])];
+}
+function V(e, t) {
+  return Object.keys(t).reduce(function(r, n) {
+    var o, i = r, a = i[L(n)], l = i[n], v = ce(i, [L(n), n].map(be)), c = t[n], s = xe(l, a, e[c]), u = s[0], d = s[1];
+    return I({}, v, (o = {}, o[n] = u, o[c] = d, o));
+  }, e);
+}
+const Ce = ["as", "disabled"];
+function he(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) >= 0) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function Pe(e) {
+  return !e || e.trim() === "#";
+}
+function M({
+  tagName: e,
+  disabled: t,
+  href: r,
+  target: n,
+  rel: o,
+  role: i,
+  onClick: a,
+  tabIndex: l = 0,
+  type: v
+}) {
+  e || (r != null || n != null || o != null ? e = "a" : e = "button");
+  const c = {
+    tagName: e
+  };
+  if (e === "button")
+    return [{
+      type: v || "button",
+      disabled: t
+    }, c];
+  const s = (d) => {
+    if ((t || e === "a" && Pe(r)) && d.preventDefault(), t) {
+      d.stopPropagation();
+      return;
+    }
+    a == null || a(d);
+  }, u = (d) => {
+    d.key === " " && (d.preventDefault(), s(d));
+  };
+  return e === "a" && (r || (r = "#"), t && (r = void 0)), [{
+    role: i ?? "button",
+    // explicitly undefined so that it overrides the props disabled in a spread
+    // e.g. <Tag {...props} {...hookProps} />
+    disabled: void 0,
+    tabIndex: t ? void 0 : l,
+    href: r,
+    target: e === "a" ? n : void 0,
+    "aria-disabled": t || void 0,
+    rel: e === "a" ? o : void 0,
+    onClick: s,
+    onKeyDown: u
+  }, c];
+}
+const X = /* @__PURE__ */ p.forwardRef((e, t) => {
+  let {
+    as: r,
+    disabled: n
+  } = e, o = he(e, Ce);
+  const [i, {
+    tagName: a
+  }] = M(Object.assign({
+    tagName: r,
+    disabled: n
+  }, o));
+  return /* @__PURE__ */ f(a, Object.assign({}, o, i, {
+    ref: t
+  }));
+});
+X.displayName = "Button";
+const ge = ["onKeyDown"];
+function Ke(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) >= 0) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function we(e) {
+  return !e || e.trim() === "#";
+}
+const Y = /* @__PURE__ */ p.forwardRef((e, t) => {
+  let {
+    onKeyDown: r
+  } = e, n = Ke(e, ge);
+  const [o] = M(Object.assign({
+    tagName: "a"
+  }, n)), i = k((a) => {
+    o.onKeyDown(a), r == null || r(a);
+  });
+  return we(n.href) || n.role === "button" ? /* @__PURE__ */ f("a", Object.assign({
+    ref: t
+  }, n, o, {
+    onKeyDown: i
+  })) : /* @__PURE__ */ f("a", Object.assign({
+    ref: t
+  }, n, {
+    onKeyDown: r
+  }));
+});
+Y.displayName = "Anchor";
+const z = /* @__PURE__ */ p.createContext(null);
+z.displayName = "CardHeaderContext";
+function U(e, t) {
+  let r = 0;
+  return p.Children.map(e, (n) => /* @__PURE__ */ p.isValidElement(n) ? t(n, r++) : n);
+}
+function Ne(e, t) {
+  let r = 0;
+  p.Children.forEach(e, (n) => {
+    /* @__PURE__ */ p.isValidElement(n) && t(n, r++);
+  });
+}
+var Oe = Function.prototype.bind.call(Function.prototype.call, [].slice);
+function $e(e, t) {
+  return Oe(e.querySelectorAll(t));
+}
+function Ee() {
+  const [, e] = ae((t) => t + 1, 0);
+  return e;
+}
+const T = /* @__PURE__ */ p.createContext(null);
+T.displayName = "NavContext";
+const Ie = "data-rr-ui-", Se = "rrUi";
+function A(e) {
+  return `${Ie}${e}`;
+}
+function je(e) {
+  return `${Se}${e}`;
+}
+const G = /* @__PURE__ */ p.createContext(null);
+G.displayName = "NavbarContext";
+const Re = ["as", "active", "eventKey"];
+function Te(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) >= 0) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function J({
+  key: e,
+  onClick: t,
+  active: r,
+  id: n,
+  role: o,
+  disabled: i
+}) {
+  const a = h(E), l = h(T), v = h(q);
+  let c = r;
+  const s = {
+    role: o
+  };
+  if (l) {
+    !o && l.role === "tablist" && (s.role = "tab");
+    const u = l.getControllerId(e ?? null), d = l.getControlledId(e ?? null);
+    s[A("event-key")] = e, s.id = u || n, c = r == null && e != null ? l.activeKey === e : r, (c || !(v != null && v.unmountOnExit) && !(v != null && v.mountOnEnter)) && (s["aria-controls"] = d);
+  }
+  return s.role === "tab" && (s["aria-selected"] = c, c || (s.tabIndex = -1), i && (s.tabIndex = -1, s["aria-disabled"] = !0)), s.onClick = k((u) => {
+    i || (t == null || t(u), e != null && a && !u.isPropagationStopped() && a(e, u));
+  }), [s, {
+    isActive: c
+  }];
+}
+const Q = /* @__PURE__ */ p.forwardRef((e, t) => {
+  let {
+    as: r = X,
+    active: n,
+    eventKey: o
+  } = e, i = Te(e, Re);
+  const [a, l] = J(Object.assign({
+    key: S(o, i.href),
+    active: n
+  }, i));
+  return a[A("active")] = l.isActive, /* @__PURE__ */ f(r, Object.assign({}, i, a, {
+    ref: t
+  }));
+});
+Q.displayName = "NavItem";
+const Ae = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
+function De(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) >= 0) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+const F = () => {
+}, H = A("event-key"), Z = /* @__PURE__ */ p.forwardRef((e, t) => {
+  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: r = "div",
+    onSelect: n,
+    activeKey: o,
+    role: i,
+    onKeyDown: a
+  } = e, l = De(e, Ae);
+  const v = Ee(), c = $(!1), s = h(E), u = h(q);
+  let d, P;
+  u && (i = i || "tablist", o = u.activeKey, d = u.getControlledId, P = u.getControllerId);
+  const y = $(null), x = (m) => {
+    const b = y.current;
+    if (!b) return null;
+    const N = $e(b, `[${H}]:not([aria-disabled=true])`), O = b.querySelector("[aria-selected=true]");
+    if (!O || O !== document.activeElement) return null;
+    const B = N.indexOf(O);
+    if (B === -1) return null;
+    let K = B + m;
+    return K >= N.length && (K = 0), K < 0 && (K = N.length - 1), N[K];
+  }, g = (m, b) => {
+    m != null && (n == null || n(m, b), s == null || s(m, b));
+  }, w = (m) => {
+    if (a == null || a(m), !u)
+      return;
+    let b;
+    switch (m.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        b = x(-1);
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        b = x(1);
+        break;
+      default:
+        return;
+    }
+    b && (m.preventDefault(), g(b.dataset[je("EventKey")] || null, m), c.current = !0, v());
+  };
+  ie(() => {
+    if (y.current && c.current) {
+      const m = y.current.querySelector(`[${H}][aria-selected=true]`);
+      m == null || m.focus();
+    }
+    c.current = !1;
+  });
+  const ne = de(t, y);
+  return /* @__PURE__ */ f(E.Provider, {
+    value: g,
+    children: /* @__PURE__ */ f(T.Provider, {
+      value: {
+        role: i,
+        // used by NavLink to determine it's role
+        activeKey: S(o),
+        getControlledId: d || F,
+        getControllerId: P || F
+      },
+      children: /* @__PURE__ */ f(r, Object.assign({}, l, {
+        onKeyDown: w,
+        ref: ne,
+        role: i
+      }))
+    })
+  });
+});
+Z.displayName = "Nav";
+const _e = Object.assign(Z, {
+  Item: Q
+}), D = /* @__PURE__ */ p.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: r = "div",
+  ...n
+}, o) => (t = j(t, "nav-item"), /* @__PURE__ */ f(r, {
+  ref: o,
+  className: R(e, t),
+  ...n
+})));
+D.displayName = "NavItem";
+const _ = /* @__PURE__ */ p.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  as: r = Y,
+  active: n,
+  eventKey: o,
+  disabled: i = !1,
+  ...a
+}, l) => {
+  e = j(e, "nav-link");
+  const [v, c] = J({
+    key: S(o, a.href),
+    active: n,
+    disabled: i,
+    ...a
+  });
+  return /* @__PURE__ */ f(r, {
+    ...a,
+    ...v,
+    ref: l,
+    disabled: i,
+    className: R(t, e, i && "disabled", c.isActive && "active")
+  });
+});
+_.displayName = "NavLink";
+const ee = /* @__PURE__ */ p.forwardRef((e, t) => {
+  const {
+    as: r = "div",
+    bsPrefix: n,
+    variant: o,
+    fill: i = !1,
+    justify: a = !1,
+    navbar: l,
+    navbarScroll: v,
+    className: c,
+    activeKey: s,
+    ...u
+  } = V(e, {
+    activeKey: "onSelect"
+  }), d = j(n, "nav");
+  let P, y, x = !1;
+  const g = h(G), w = h(z);
+  return g ? (P = g.bsPrefix, x = l ?? !0) : w && ({
+    cardHeaderBsPrefix: y
+  } = w), /* @__PURE__ */ f(_e, {
+    as: r,
+    ref: t,
+    activeKey: s,
+    className: R(c, {
+      [d]: !x,
+      [`${P}-nav`]: x,
+      [`${P}-nav-scroll`]: x && v,
+      [`${y}-${o}`]: !!y,
+      [`${d}-${o}`]: !!o,
+      [`${d}-fill`]: i,
+      [`${d}-justified`]: a
+    }),
+    ...u
+  });
+});
+ee.displayName = "Nav";
+const Be = Object.assign(ee, {
+  Item: D,
+  Link: _
+});
+function Le(e) {
+  let t;
+  return Ne(e, (r) => {
+    t == null && (t = r.props.eventKey);
+  }), t;
+}
+function Ue(e) {
+  const {
+    title: t,
+    eventKey: r,
+    disabled: n,
+    tabClassName: o,
+    tabAttrs: i,
+    id: a
+  } = e.props;
+  return t == null ? null : /* @__PURE__ */ f(D, {
+    as: "li",
+    role: "presentation",
+    children: /* @__PURE__ */ f(_, {
+      as: "button",
+      type: "button",
+      eventKey: r,
+      disabled: n,
+      id: a,
+      className: o,
+      ...i,
+      children: t
+    })
+  });
+}
+const te = (e) => {
+  const {
+    id: t,
+    onSelect: r,
+    transition: n,
+    mountOnEnter: o = !1,
+    unmountOnExit: i = !1,
+    variant: a = "tabs",
+    children: l,
+    activeKey: v = Le(l),
+    ...c
+  } = V(e, {
+    activeKey: "onSelect"
+  });
+  return /* @__PURE__ */ W(fe, {
+    id: t,
+    activeKey: v,
+    onSelect: r,
+    transition: ve(n),
+    mountOnEnter: o,
+    unmountOnExit: i,
+    children: [/* @__PURE__ */ f(Be, {
+      id: t,
+      ...c,
+      role: "tablist",
+      as: "ul",
+      variant: a,
+      children: U(l, Ue)
+    }), /* @__PURE__ */ f(pe, {
+      children: U(l, (s) => {
+        const u = {
+          ...s.props
+        };
+        return delete u.title, delete u.disabled, delete u.tabClassName, delete u.tabAttrs, /* @__PURE__ */ f(me, {
+          ...u
+        });
+      })
+    })]
+  });
+};
+te.displayName = "Tabs";
+const Me = ({ children: e }) => {
+  const [t, r] = C.useState(!1), [n, o] = C.useState(void 0), i = () => {
+    r(!t);
+  };
+  return C.useEffect(() => {
+    if (C.Children.count(e) > 0) {
+      const a = C.Children.toArray(
+        e
+      )[0];
+      o(a.props.eventKey);
+    }
+  }, [e]), /* @__PURE__ */ W(le, { children: [
+    /* @__PURE__ */ f("div", { className: "position-absolute top-0 end-0 m-3", children: /* @__PURE__ */ f(se, {}) }),
+    /* @__PURE__ */ f(ue, { onToggle: i, isOpen: t }),
+    /* @__PURE__ */ f("div", { className: `${t ? "menu-open" : ""}`, children: /* @__PURE__ */ f("div", { className: "main-section", children: /* @__PURE__ */ f(
+      te,
+      {
+        id: "controlled-tab-example",
+        activeKey: n,
+        onSelect: (a) => o(a !== null ? a : void 0),
+        children: C.Children.map(e, (a) => C.isValidElement(a) ? a : null)
+      }
+    ) }) })
+  ] });
+};
+export {
+  Me as default
+};

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.1.6",
+  "version": "0.2.0",
   "type": "module",
   "exports": {
     ".": {