@variamosple/variamos-components 0.0.19

package/dist/NavLink-ebvp1HCw.js

@@ -0,0 +1,173 @@
+import { _ as N, d as C } from "./useWindow-rGE2GXIv.js";
+import * as d from "react";
+import { useRef as P, useState as j, useCallback as O, useReducer as I, useLayoutEffect as S, useEffect as R, useContext as m } from "react";
+import { g as A, u as _, c as B } from "./ThemeProvider-Q3gZ4GF2.js";
+import { A as K } from "./Anchor-DJG5WYYF.js";
+import { u as L } from "./useEventCallback-Bfo0-hwZ.js";
+import { B as U } from "./Button-DWo2Fl71.js";
+import { j as h } from "./jsx-runtime-Drh4NO5G.js";
+function x() {
+  return x = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (t[n] = r[n]);
+    }
+    return t;
+  }, x.apply(null, arguments);
+}
+var p, b;
+function T() {
+  if (b) return p;
+  b = 1;
+  var t = function(e, r, n, u, a, c, i, l) {
+    if (process.env.NODE_ENV !== "production" && r === void 0)
+      throw new Error("invariant requires an error message argument");
+    if (!e) {
+      var s;
+      if (r === void 0)
+        s = new Error(
+          "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
+        );
+      else {
+        var o = [n, u, a, c, i, l], f = 0;
+        s = new Error(
+          r.replace(/%s/g, function() {
+            return o[f++];
+          })
+        ), s.name = "Invariant Violation";
+      }
+      throw s.framesToPop = 1, s;
+    }
+  };
+  return p = t, p;
+}
+var q = T();
+const ot = /* @__PURE__ */ A(q);
+function g(t) {
+  return "default" + t.charAt(0).toUpperCase() + t.substr(1);
+}
+function D(t) {
+  var e = F(t, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+function F(t, e) {
+  if (typeof t != "object" || t === null) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(t);
+}
+function M(t, e, r) {
+  var n = P(t !== void 0), u = j(e), a = u[0], c = u[1], i = t !== void 0, l = n.current;
+  return n.current = i, !i && l && a !== e && c(e), [i ? t : a, O(function(s) {
+    for (var o = arguments.length, f = new Array(o > 1 ? o - 1 : 0), v = 1; v < o; v++)
+      f[v - 1] = arguments[v];
+    r && r.apply(void 0, [s].concat(f)), c(s);
+  }, [r])];
+}
+function at(t, e) {
+  return Object.keys(e).reduce(function(r, n) {
+    var u, a = r, c = a[g(n)], i = a[n], l = N(a, [g(n), n].map(D)), s = e[n], o = M(i, c, t[s]), f = o[0], v = o[1];
+    return x({}, l, (u = {}, u[n] = f, u[s] = v, u));
+  }, t);
+}
+function st() {
+  const [, t] = I((e) => e + 1, 0);
+  return t;
+}
+const W = /* @__PURE__ */ d.createContext(null), w = (t, e = null) => t != null ? String(t) : e || null, y = /* @__PURE__ */ d.createContext(null);
+y.displayName = "NavContext";
+const V = typeof global < "u" && // @ts-ignore
+global.navigator && // @ts-ignore
+global.navigator.product === "ReactNative", $ = typeof document < "u", it = $ || V ? S : R, z = /* @__PURE__ */ d.createContext(null);
+z.displayName = "NavbarContext";
+const G = /* @__PURE__ */ d.createContext(null), H = ["as", "active", "eventKey"];
+function J(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var n in t) if ({}.hasOwnProperty.call(t, n)) {
+    if (e.indexOf(n) >= 0) continue;
+    r[n] = t[n];
+  }
+  return r;
+}
+function E({
+  key: t,
+  onClick: e,
+  active: r,
+  id: n,
+  role: u,
+  disabled: a
+}) {
+  const c = m(W), i = m(y), l = m(G);
+  let s = r;
+  const o = {
+    role: u
+  };
+  if (i) {
+    !u && i.role === "tablist" && (o.role = "tab");
+    const f = i.getControllerId(t ?? null), v = i.getControlledId(t ?? null);
+    o[C("event-key")] = t, o.id = f || n, s = r == null && t != null ? i.activeKey === t : r, (s || !(l != null && l.unmountOnExit) && !(l != null && l.mountOnEnter)) && (o["aria-controls"] = v);
+  }
+  return o.role === "tab" && (o["aria-selected"] = s, s || (o.tabIndex = -1), a && (o.tabIndex = -1, o["aria-disabled"] = !0)), o.onClick = L((f) => {
+    a || (e == null || e(f), t != null && c && !f.isPropagationStopped() && c(t, f));
+  }), [o, {
+    isActive: s
+  }];
+}
+const Q = /* @__PURE__ */ d.forwardRef((t, e) => {
+  let {
+    as: r = U,
+    active: n,
+    eventKey: u
+  } = t, a = J(t, H);
+  const [c, i] = E(Object.assign({
+    key: w(u, a.href),
+    active: n
+  }, a));
+  return c[C("active")] = i.isActive, /* @__PURE__ */ h.jsx(r, Object.assign({}, a, c, {
+    ref: e
+  }));
+});
+Q.displayName = "NavItem";
+const X = /* @__PURE__ */ d.forwardRef(({
+  bsPrefix: t,
+  className: e,
+  as: r = K,
+  active: n,
+  eventKey: u,
+  disabled: a = !1,
+  ...c
+}, i) => {
+  t = _(t, "nav-link");
+  const [l, s] = E({
+    key: w(u, c.href),
+    active: n,
+    disabled: a,
+    ...c
+  });
+  return /* @__PURE__ */ h.jsx(r, {
+    ...c,
+    ...l,
+    ref: i,
+    disabled: a,
+    className: B(e, t, a && "disabled", s.isActive && "active")
+  });
+});
+X.displayName = "NavLink";
+export {
+  Q as N,
+  W as S,
+  G as T,
+  y as a,
+  X as b,
+  at as c,
+  z as d,
+  it as e,
+  ot as i,
+  w as m,
+  st as u
+};

package/dist/SubHeader-DNc4qWBV.js

@@ -0,0 +1,481 @@
+import { j as c } from "./jsx-runtime-Drh4NO5G.js";
+import * as v from "react";
+import z, { useMemo as j, useContext as M, useState as Z, useRef as we, useEffect as Ee, useCallback as W } from "react";
+import "./Context/AnalyticsContext.js";
+import { useMenu as je } from "./Context/MenuContext.js";
+import { useRouter as $e } from "./Context/RouterContext.js";
+import { useSession as Te } from "./Context/SessionsContext.js";
+import { c as N, u as w } from "./ThemeProvider-Q3gZ4GF2.js";
+import { d as B, e as Ce, c as Re, S as Oe } from "./NavLink-ebvp1HCw.js";
+import { T as V, a as I, b as q, s as J, c as be, E as P, e as L, f as ee, h as Be, A as Se, d as ke, M as He, B as De, F as Fe, i as Me, g as Le } from "./AbstractModalHeader-UzCRSxIO.js";
+import { b as A } from "./useWindow-rGE2GXIv.js";
+import { C as Ae } from "./Container-BLjzOisH.js";
+import { N as K } from "./Nav-CdxSljzW.js";
+function O(...e) {
+  return e.filter((a) => a != null).reduce((a, n) => {
+    if (typeof n != "function")
+      throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");
+    return a === null ? n : function(...o) {
+      a.apply(this, o), n.apply(this, o);
+    };
+  }, null);
+}
+const Ge = {
+  height: ["marginTop", "marginBottom"],
+  width: ["marginLeft", "marginRight"]
+};
+function Qe(e, a) {
+  const n = `offset${e[0].toUpperCase()}${e.slice(1)}`, t = a[n], o = Ge[e];
+  return t + // @ts-ignore
+  parseInt(J(a, o[0]), 10) + // @ts-ignore
+  parseInt(J(a, o[1]), 10);
+}
+const Ue = {
+  [Be]: "collapse",
+  [ee]: "collapsing",
+  [L]: "collapsing",
+  [P]: "collapse show"
+}, Xe = /* @__PURE__ */ z.forwardRef(({
+  onEnter: e,
+  onEntering: a,
+  onEntered: n,
+  onExit: t,
+  onExiting: o,
+  className: r,
+  children: f,
+  dimension: s = "height",
+  in: l = !1,
+  timeout: i = 300,
+  mountOnEnter: d = !1,
+  unmountOnExit: u = !1,
+  appear: g = !1,
+  getDimensionValue: x = Qe,
+  ...h
+}, E) => {
+  const p = typeof s == "function" ? s() : s, $ = j(() => O((m) => {
+    m.style[p] = "0";
+  }, e), [p, e]), C = j(() => O((m) => {
+    const T = `scroll${p[0].toUpperCase()}${p.slice(1)}`;
+    m.style[p] = `${m[T]}px`;
+  }, a), [p, a]), R = j(() => O((m) => {
+    m.style[p] = null;
+  }, n), [p, n]), S = j(() => O((m) => {
+    m.style[p] = `${x(p, m)}px`, be(m);
+  }, t), [t, x, p]), b = j(() => O((m) => {
+    m.style[p] = null;
+  }, o), [p, o]);
+  return /* @__PURE__ */ c.jsx(V, {
+    ref: E,
+    addEndListener: q,
+    ...h,
+    "aria-expanded": h.role ? l : null,
+    onEnter: $,
+    onEntering: C,
+    onEntered: R,
+    onExit: S,
+    onExiting: b,
+    childRef: I(f),
+    in: l,
+    timeout: i,
+    mountOnEnter: d,
+    unmountOnExit: u,
+    appear: g,
+    children: (m, T) => /* @__PURE__ */ z.cloneElement(f, {
+      ...T,
+      className: N(r, f.props.className, Ue[m], p === "width" && "collapse-horizontal")
+    })
+  });
+}), ae = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: e,
+  className: a,
+  as: n,
+  ...t
+}, o) => {
+  e = w(e, "navbar-brand");
+  const r = n || (t.href ? "a" : "span");
+  return /* @__PURE__ */ c.jsx(r, {
+    ...t,
+    ref: o,
+    className: N(a, e)
+  });
+});
+ae.displayName = "NavbarBrand";
+const ne = /* @__PURE__ */ v.forwardRef(({
+  children: e,
+  bsPrefix: a,
+  ...n
+}, t) => {
+  a = w(a, "navbar-collapse");
+  const o = M(B);
+  return /* @__PURE__ */ c.jsx(Xe, {
+    in: !!(o && o.expanded),
+    ...n,
+    children: /* @__PURE__ */ c.jsx("div", {
+      ref: t,
+      className: a,
+      children: e
+    })
+  });
+});
+ne.displayName = "NavbarCollapse";
+const te = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: e,
+  className: a,
+  children: n,
+  label: t = "Toggle navigation",
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: o = "button",
+  onClick: r,
+  ...f
+}, s) => {
+  e = w(e, "navbar-toggler");
+  const {
+    onToggle: l,
+    expanded: i
+  } = M(B) || {}, d = A((u) => {
+    r && r(u), l && l();
+  });
+  return o === "button" && (f.type = "button"), /* @__PURE__ */ c.jsx(o, {
+    ...f,
+    ref: s,
+    onClick: d,
+    "aria-label": t,
+    className: N(a, e, !i && "collapsed"),
+    children: n || /* @__PURE__ */ c.jsx("span", {
+      className: `${e}-icon`
+    })
+  });
+});
+te.displayName = "NavbarToggle";
+const F = /* @__PURE__ */ new WeakMap(), Y = (e, a) => {
+  if (!e || !a) return;
+  const n = F.get(a) || /* @__PURE__ */ new Map();
+  F.set(a, n);
+  let t = n.get(e);
+  return t || (t = a.matchMedia(e), t.refCount = 0, n.set(t.media, t)), t;
+};
+function _e(e, a = typeof window > "u" ? void 0 : window) {
+  const n = Y(e, a), [t, o] = Z(() => n ? n.matches : !1);
+  return Ce(() => {
+    let r = Y(e, a);
+    if (!r)
+      return o(!1);
+    let f = F.get(a);
+    const s = () => {
+      o(r.matches);
+    };
+    return r.refCount++, r.addListener(s), s(), () => {
+      r.removeListener(s), r.refCount--, r.refCount <= 0 && (f == null || f.delete(r.media)), r = void 0;
+    };
+  }, [e]), t;
+}
+function ze(e) {
+  const a = Object.keys(e);
+  function n(s, l) {
+    return s === l ? l : s ? `${s} and ${l}` : l;
+  }
+  function t(s) {
+    return a[Math.min(a.indexOf(s) + 1, a.length - 1)];
+  }
+  function o(s) {
+    const l = t(s);
+    let i = e[l];
+    return typeof i == "number" ? i = `${i - 0.2}px` : i = `calc(${i} - 0.2px)`, `(max-width: ${i})`;
+  }
+  function r(s) {
+    let l = e[s];
+    return typeof l == "number" && (l = `${l}px`), `(min-width: ${l})`;
+  }
+  function f(s, l, i) {
+    let d;
+    typeof s == "object" ? (d = s, i = l, l = !0) : (l = l || !0, d = {
+      [s]: l
+    });
+    let u = j(() => Object.entries(d).reduce((g, [x, h]) => ((h === "up" || h === !0) && (g = n(g, r(x))), (h === "down" || h === !0) && (g = n(g, o(x))), g), ""), [JSON.stringify(d)]);
+    return _e(u, i);
+  }
+  return f;
+}
+const Je = ze({
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+}), se = /* @__PURE__ */ v.forwardRef(({
+  className: e,
+  bsPrefix: a,
+  as: n = "div",
+  ...t
+}, o) => (a = w(a, "offcanvas-body"), /* @__PURE__ */ c.jsx(n, {
+  ref: o,
+  className: N(e, a),
+  ...t
+})));
+se.displayName = "OffcanvasBody";
+const Ke = {
+  [L]: "show",
+  [P]: "show"
+}, oe = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: e,
+  className: a,
+  children: n,
+  in: t = !1,
+  mountOnEnter: o = !1,
+  unmountOnExit: r = !1,
+  appear: f = !1,
+  ...s
+}, l) => (e = w(e, "offcanvas"), /* @__PURE__ */ c.jsx(V, {
+  ref: l,
+  addEndListener: q,
+  in: t,
+  mountOnEnter: o,
+  unmountOnExit: r,
+  appear: f,
+  ...s,
+  childRef: I(n),
+  children: (i, d) => /* @__PURE__ */ v.cloneElement(n, {
+    ...d,
+    className: N(a, n.props.className, (i === L || i === ee) && `${e}-toggling`, Ke[i])
+  })
+})));
+oe.displayName = "OffcanvasToggling";
+const re = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: e,
+  className: a,
+  closeLabel: n = "Close",
+  closeButton: t = !1,
+  ...o
+}, r) => (e = w(e, "offcanvas-header"), /* @__PURE__ */ c.jsx(Se, {
+  ref: r,
+  ...o,
+  className: N(a, e),
+  closeLabel: n,
+  closeButton: t
+})));
+re.displayName = "OffcanvasHeader";
+const Ye = ke("h5"), le = /* @__PURE__ */ v.forwardRef(({
+  className: e,
+  bsPrefix: a,
+  as: n = Ye,
+  ...t
+}, o) => (a = w(a, "offcanvas-title"), /* @__PURE__ */ c.jsx(n, {
+  ref: o,
+  className: N(e, a),
+  ...t
+})));
+le.displayName = "OffcanvasTitle";
+function Ze(e) {
+  return /* @__PURE__ */ c.jsx(oe, {
+    ...e
+  });
+}
+function We(e) {
+  return /* @__PURE__ */ c.jsx(Fe, {
+    ...e
+  });
+}
+const ce = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: e,
+  className: a,
+  children: n,
+  "aria-labelledby": t,
+  placement: o = "start",
+  responsive: r,
+  /* BaseModal props */
+  show: f = !1,
+  backdrop: s = !0,
+  keyboard: l = !0,
+  scroll: i = !1,
+  onEscapeKeyDown: d,
+  onShow: u,
+  onHide: g,
+  container: x,
+  autoFocus: h = !0,
+  enforceFocus: E = !0,
+  restoreFocus: p = !0,
+  restoreFocusOptions: $,
+  onEntered: C,
+  onExit: R,
+  onExiting: S,
+  onEnter: b,
+  onEntering: m,
+  onExited: T,
+  backdropClassName: G,
+  manager: Q,
+  renderStaticNode: ue = !1,
+  ...pe
+}, me) => {
+  const k = we();
+  e = w(e, "offcanvas");
+  const [U, ge] = Z(!1), H = A(g), X = Je(r || "xs", "up");
+  Ee(() => {
+    ge(r ? f && !X : f);
+  }, [f, r, X]);
+  const he = j(() => ({
+    onHide: H
+  }), [H]);
+  function ve() {
+    return Q || (i ? (k.current || (k.current = new Me({
+      handleContainerOverflow: !1
+    })), k.current) : Le());
+  }
+  const Ne = (y, ...D) => {
+    y && (y.style.visibility = "visible"), b == null || b(y, ...D);
+  }, xe = (y, ...D) => {
+    y && (y.style.visibility = ""), T == null || T(...D);
+  }, ye = W((y) => /* @__PURE__ */ c.jsx("div", {
+    ...y,
+    className: N(`${e}-backdrop`, G)
+  }), [G, e]), _ = (y) => /* @__PURE__ */ c.jsx("div", {
+    ...y,
+    ...pe,
+    className: N(a, r ? `${e}-${r}` : e, `${e}-${o}`),
+    "aria-labelledby": t,
+    children: n
+  });
+  return /* @__PURE__ */ c.jsxs(c.Fragment, {
+    children: [!U && (r || ue) && _({}), /* @__PURE__ */ c.jsx(He.Provider, {
+      value: he,
+      children: /* @__PURE__ */ c.jsx(De, {
+        show: U,
+        ref: me,
+        backdrop: s,
+        container: x,
+        keyboard: l,
+        autoFocus: h,
+        enforceFocus: E && !i,
+        restoreFocus: p,
+        restoreFocusOptions: $,
+        onEscapeKeyDown: d,
+        onShow: u,
+        onHide: H,
+        onEnter: Ne,
+        onEntering: m,
+        onEntered: C,
+        onExit: R,
+        onExiting: S,
+        onExited: xe,
+        manager: ve(),
+        transition: Ze,
+        backdropTransition: We,
+        renderBackdrop: ye,
+        renderDialog: _
+      })
+    })]
+  });
+});
+ce.displayName = "Offcanvas";
+const Ve = Object.assign(ce, {
+  Body: se,
+  Header: re,
+  Title: le
+}), ie = /* @__PURE__ */ v.forwardRef(({
+  onHide: e,
+  ...a
+}, n) => {
+  const t = M(B), o = A(() => {
+    t == null || t.onToggle == null || t.onToggle(), e == null || e();
+  });
+  return /* @__PURE__ */ c.jsx(Ve, {
+    ref: n,
+    show: !!(t != null && t.expanded),
+    ...a,
+    renderStaticNode: !0,
+    onHide: o
+  });
+});
+ie.displayName = "NavbarOffcanvas";
+const fe = /* @__PURE__ */ v.forwardRef(({
+  className: e,
+  bsPrefix: a,
+  as: n = "span",
+  ...t
+}, o) => (a = w(a, "navbar-text"), /* @__PURE__ */ c.jsx(n, {
+  ref: o,
+  className: N(e, a),
+  ...t
+})));
+fe.displayName = "NavbarText";
+const de = /* @__PURE__ */ v.forwardRef((e, a) => {
+  const {
+    bsPrefix: n,
+    expand: t = !0,
+    variant: o = "light",
+    bg: r,
+    fixed: f,
+    sticky: s,
+    className: l,
+    // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+    as: i = "nav",
+    expanded: d,
+    onToggle: u,
+    onSelect: g,
+    collapseOnSelect: x = !1,
+    ...h
+  } = Re(e, {
+    expanded: "onToggle"
+  }), E = w(n, "navbar"), p = W((...R) => {
+    g == null || g(...R), x && d && (u == null || u(!1));
+  }, [g, x, d, u]);
+  h.role === void 0 && i !== "nav" && (h.role = "navigation");
+  let $ = `${E}-expand`;
+  typeof t == "string" && ($ = `${$}-${t}`);
+  const C = j(() => ({
+    onToggle: () => u == null ? void 0 : u(!d),
+    bsPrefix: E,
+    expanded: !!d,
+    expand: t
+  }), [E, d, t, u]);
+  return /* @__PURE__ */ c.jsx(B.Provider, {
+    value: C,
+    children: /* @__PURE__ */ c.jsx(Oe.Provider, {
+      value: p,
+      children: /* @__PURE__ */ c.jsx(i, {
+        ref: a,
+        ...h,
+        className: N(l, E, t && $, o && `${E}-${o}`, r && `bg-${r}`, s && `sticky-${s}`, f && `fixed-${f}`)
+      })
+    })
+  });
+});
+de.displayName = "Navbar";
+const Ie = Object.assign(de, {
+  Brand: ae,
+  Collapse: ne,
+  Offcanvas: ie,
+  Text: fe,
+  Toggle: te
+}), fa = () => {
+  const { navigate: e } = $e(), { subMenu: a } = je(), { user: n } = Te(), t = j(() => {
+    const r = (n == null ? void 0 : n.roles) || [], f = (n == null ? void 0 : n.permissions) || [];
+    return a ? a.filter((s) => {
+      var i, d;
+      if (!((i = s == null ? void 0 : s.allowedRoles) != null && i.length) && !((d = s == null ? void 0 : s.allowedPermissions) != null && d.length))
+        return !0;
+      let l = !0;
+      return s.allowedRoles && (l = l && s.allowedRoles.some(
+        (u) => r.includes(u)
+      )), s.allowedPermissions && (l = l && s.allowedPermissions.some(
+        (u) => f.includes(u)
+      )), l;
+    }) : [];
+  }, [a, n]), o = (r) => () => {
+    e(r);
+  };
+  return t.length ? /* @__PURE__ */ c.jsx(Ie, { className: "py-1 shadow-sm bg-white", children: /* @__PURE__ */ c.jsx(Ae, { children: /* @__PURE__ */ c.jsx(K, { className: "d-flex justify-content-center w-100 gap-3", children: t.map((r) => /* @__PURE__ */ c.jsx(
+    K.Link,
+    {
+      as: "button",
+      className: "btn btn-link p-0",
+      onClick: o(r.location),
+      children: r.title
+    },
+    r.location
+  )) }) }) }) : null;
+};
+export {
+  Ie as N,
+  fa as S
+};