@variamosple/variamos-components 0.0.19

package/dist/Anchor-DJG5WYYF.js

@@ -0,0 +1,40 @@
+import * as u from "react";
+import { u as c } from "./useEventCallback-Bfo0-hwZ.js";
+import { u as f } from "./Button-DWo2Fl71.js";
+import { j as a } from "./jsx-runtime-Drh4NO5G.js";
+const l = ["onKeyDown"];
+function p(o, e) {
+  if (o == null) return {};
+  var t = {};
+  for (var n in o) if ({}.hasOwnProperty.call(o, n)) {
+    if (e.indexOf(n) >= 0) continue;
+    t[n] = o[n];
+  }
+  return t;
+}
+function m(o) {
+  return !o || o.trim() === "#";
+}
+const j = /* @__PURE__ */ u.forwardRef((o, e) => {
+  let {
+    onKeyDown: t
+  } = o, n = p(o, l);
+  const [r] = f(Object.assign({
+    tagName: "a"
+  }, n)), i = c((s) => {
+    r.onKeyDown(s), t == null || t(s);
+  });
+  return m(n.href) || n.role === "button" ? /* @__PURE__ */ a.jsx("a", Object.assign({
+    ref: e
+  }, n, r, {
+    onKeyDown: i
+  })) : /* @__PURE__ */ a.jsx("a", Object.assign({
+    ref: e
+  }, n, {
+    onKeyDown: t
+  }));
+});
+j.displayName = "Anchor";
+export {
+  j as A
+};

package/dist/Button-DWo2Fl71.js

@@ -0,0 +1,78 @@
+import * as d from "react";
+import { j as b } from "./jsx-runtime-Drh4NO5G.js";
+const x = ["as", "disabled"];
+function j(n, t) {
+  if (n == null) return {};
+  var o = {};
+  for (var u in n) if ({}.hasOwnProperty.call(n, u)) {
+    if (t.indexOf(u) >= 0) continue;
+    o[u] = n[u];
+  }
+  return o;
+}
+function y(n) {
+  return !n || n.trim() === "#";
+}
+function P({
+  tagName: n,
+  disabled: t,
+  href: o,
+  target: u,
+  rel: e,
+  role: r,
+  onClick: s,
+  tabIndex: a = 0,
+  type: p
+}) {
+  n || (o != null || u != null || e != null ? n = "a" : n = "button");
+  const f = {
+    tagName: n
+  };
+  if (n === "button")
+    return [{
+      type: p || "button",
+      disabled: t
+    }, f];
+  const l = (i) => {
+    if ((t || n === "a" && y(o)) && i.preventDefault(), t) {
+      i.stopPropagation();
+      return;
+    }
+    s == null || s(i);
+  }, c = (i) => {
+    i.key === " " && (i.preventDefault(), l(i));
+  };
+  return n === "a" && (o || (o = "#"), t && (o = void 0)), [{
+    role: r ?? "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 : a,
+    href: o,
+    target: n === "a" ? u : void 0,
+    "aria-disabled": t || void 0,
+    rel: n === "a" ? e : void 0,
+    onClick: l,
+    onKeyDown: c
+  }, f];
+}
+const w = /* @__PURE__ */ d.forwardRef((n, t) => {
+  let {
+    as: o,
+    disabled: u
+  } = n, e = j(n, x);
+  const [r, {
+    tagName: s
+  }] = P(Object.assign({
+    tagName: o,
+    disabled: u
+  }, e));
+  return /* @__PURE__ */ b.jsx(s, Object.assign({}, e, r, {
+    ref: t
+  }));
+});
+w.displayName = "Button";
+export {
+  w as B,
+  P as u
+};

package/dist/Button-GQJKgb76.js

@@ -0,0 +1,33 @@
+import { u as x, c as l } from "./ThemeProvider-Q3gZ4GF2.js";
+import * as B from "react";
+import { u as N } from "./Button-DWo2Fl71.js";
+import { j as $ } from "./jsx-runtime-Drh4NO5G.js";
+const j = /* @__PURE__ */ B.forwardRef(({
+  as: e,
+  bsPrefix: m,
+  variant: a = "primary",
+  size: r,
+  active: f = !1,
+  disabled: t = !1,
+  className: n,
+  ...o
+}, u) => {
+  const s = x(m, "btn"), [c, {
+    tagName: p
+  }] = N({
+    tagName: e,
+    disabled: t,
+    ...o
+  }), i = p;
+  return /* @__PURE__ */ $.jsx(i, {
+    ...c,
+    ...o,
+    ref: u,
+    disabled: t,
+    className: l(n, s, f && "active", a && `${s}-${a}`, r && `${s}-${r}`, o.href && t && "disabled")
+  });
+});
+j.displayName = "Button";
+export {
+  j as B
+};

package/dist/Common/Events.d.ts

@@ -0,0 +1,9 @@
+declare function subscribe<T>(eventName: string, listener: (event: CustomEvent<T>) => void): void;
+declare function unsubscribe<T>(eventName: string, listener: (event: CustomEvent<T>) => void): void;
+declare function publish<T>(eventName: string, data: T): void;
+export declare const Events: Readonly<{
+    subscribe: typeof subscribe;
+    unsubscribe: typeof unsubscribe;
+    publish: typeof publish;
+}>;
+export {};

package/dist/Common/Events.js

@@ -0,0 +1,18 @@
+function c(e, n) {
+  document.addEventListener(e, n);
+}
+function s(e, n) {
+  document.removeEventListener(e, n);
+}
+function o(e, n) {
+  const t = new CustomEvent(e, { detail: n });
+  document.dispatchEvent(t);
+}
+const u = Object.freeze({
+  subscribe: c,
+  unsubscribe: s,
+  publish: o
+});
+export {
+  u as Events
+};

package/dist/Common/index.d.ts

@@ -0,0 +1 @@
+export * from './Events';

package/dist/Common/index.js

@@ -0,0 +1,4 @@
+import { Events as r } from "./Events.js";
+export {
+  r as Events
+};

package/dist/Components/AuthWrapper/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+interface AuthWrapperProps {
+    redirectPath: string;
+    children?: ReactNode;
+}
+export declare const AuthWrapper: React.FC<AuthWrapperProps>;
+export {};

package/dist/Components/AuthWrapper/index.js

@@ -0,0 +1,52 @@
+import { j as o } from "../../jsx-runtime-Drh4NO5G.js";
+import * as d from "react";
+import f, { useEffect as u } from "react";
+import "../../Context/AnalyticsContext.js";
+import "../../Context/MenuContext.js";
+import { useRouter as l } from "../../Context/RouterContext.js";
+import { useSession as h } from "../../Context/SessionsContext.js";
+import { u as g, c as x } from "../../ThemeProvider-Q3gZ4GF2.js";
+const p = /* @__PURE__ */ d.forwardRef(({
+  bsPrefix: e,
+  variant: i,
+  animation: n = "border",
+  size: a,
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: t = "div",
+  className: r,
+  ...m
+}, c) => {
+  e = g(e, "spinner");
+  const s = `${e}-${n}`;
+  return /* @__PURE__ */ o.jsx(t, {
+    ref: c,
+    ...m,
+    className: x(r, s, a && `${s}-${a}`, i && `text-${i}`)
+  });
+});
+p.displayName = "Spinner";
+const v = ({
+  redirectPath: e,
+  children: i
+}) => {
+  const [n, a] = f.useState(!1), { isAuthenticated: t, isLoading: r } = h(), { navigate: m } = l();
+  return u(() => {
+    if (!r && !t && !n) {
+      const c = window.location.href, s = new URLSearchParams();
+      s.set("redirectTo", encodeURIComponent(c)), a(!0), setTimeout(
+        () => m(`${e}?${s.toString()}`),
+        300
+      );
+    }
+  }, [t, r, e, m, n]), r || !t ? /* @__PURE__ */ o.jsx("div", { className: "d-flex justify-content-center align-items-center w-100 h-100", children: /* @__PURE__ */ o.jsx(
+    p,
+    {
+      animation: "border",
+      variant: "primary",
+      style: { width: "3rem", height: "3rem", borderWidth: "0.5rem" }
+    }
+  ) }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: i });
+};
+export {
+  v as AuthWrapper
+};

package/dist/Components/ConfirmationModal/index.d.ts

@@ -0,0 +1,12 @@
+export interface ConfirmationModalProps {
+    show: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    message: string;
+    confirmLabel?: string;
+    confirmButtonVariant?: string;
+    cancelLabel?: string;
+    cancelButtonVariant?: string;
+}
+export declare const confirmationModalDefaultProps: ConfirmationModalProps;
+export default function ConfirmationModal({ show, onCancel, onConfirm, message, confirmLabel, confirmButtonVariant, cancelButtonVariant, cancelLabel, }: ConfirmationModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/ConfirmationModal/index.js

@@ -0,0 +1,293 @@
+import { j as n } from "../../jsx-runtime-Drh4NO5G.js";
+import { u as c, c as d, a as $e } from "../../ThemeProvider-Q3gZ4GF2.js";
+import { c as V, u as xe, b as q, r as G, e as De, o as Fe } from "../../useWindow-rGE2GXIv.js";
+import * as u from "react";
+import { useRef as N, useEffect as Oe, useState as E, useMemo as be, useCallback as Ie } from "react";
+import { A as Ue, d as He, M as ze, B as Le, F as X, g as We, t as _e } from "../../AbstractModalHeader-UzCRSxIO.js";
+import { B as J } from "../../Button-GQJKgb76.js";
+function Ke(e) {
+  const t = N(e);
+  return t.current = e, t;
+}
+function qe(e) {
+  const t = Ke(e);
+  Oe(() => () => t.current(), []);
+}
+var R;
+function Q(e) {
+  if ((!R && R !== 0 || e) && V) {
+    var t = document.createElement("div");
+    t.style.position = "absolute", t.style.top = "-9999px", t.style.width = "50px", t.style.height = "50px", t.style.overflow = "scroll", document.body.appendChild(t), R = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return R;
+}
+function Ge() {
+  return E(null);
+}
+const Y = /* @__PURE__ */ u.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: r = "div",
+  ...s
+}, o) => (t = c(t, "modal-body"), /* @__PURE__ */ n.jsx(r, {
+  ref: o,
+  className: d(e, t),
+  ...s
+})));
+Y.displayName = "ModalBody";
+const A = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  contentClassName: r,
+  centered: s,
+  size: o,
+  fullscreen: l,
+  children: f,
+  scrollable: m,
+  ...j
+}, C) => {
+  e = c(e, "modal");
+  const g = `${e}-dialog`, S = typeof l == "string" ? `${e}-fullscreen-${l}` : `${e}-fullscreen`;
+  return /* @__PURE__ */ n.jsx("div", {
+    ...j,
+    ref: C,
+    className: d(g, t, o && `${e}-${o}`, s && `${g}-centered`, m && `${g}-scrollable`, l && S),
+    children: /* @__PURE__ */ n.jsx("div", {
+      className: d(`${e}-content`, r),
+      children: f
+    })
+  });
+});
+A.displayName = "ModalDialog";
+const Z = /* @__PURE__ */ u.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: r = "div",
+  ...s
+}, o) => (t = c(t, "modal-footer"), /* @__PURE__ */ n.jsx(r, {
+  ref: o,
+  className: d(e, t),
+  ...s
+})));
+Z.displayName = "ModalFooter";
+const P = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  closeLabel: r = "Close",
+  closeButton: s = !1,
+  ...o
+}, l) => (e = c(e, "modal-header"), /* @__PURE__ */ n.jsx(Ue, {
+  ref: l,
+  ...o,
+  className: d(t, e),
+  closeLabel: r,
+  closeButton: s
+})));
+P.displayName = "ModalHeader";
+const Je = He("h4"), ee = /* @__PURE__ */ u.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: r = Je,
+  ...s
+}, o) => (t = c(t, "modal-title"), /* @__PURE__ */ n.jsx(r, {
+  ref: o,
+  className: d(e, t),
+  ...s
+})));
+ee.displayName = "ModalTitle";
+function Qe(e) {
+  return /* @__PURE__ */ n.jsx(X, {
+    ...e,
+    timeout: null
+  });
+}
+function Ve(e) {
+  return /* @__PURE__ */ n.jsx(X, {
+    ...e,
+    timeout: null
+  });
+}
+const te = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  style: r,
+  dialogClassName: s,
+  contentClassName: o,
+  children: l,
+  dialogAs: f = A,
+  "data-bs-theme": m,
+  "aria-labelledby": j,
+  "aria-describedby": C,
+  "aria-label": g,
+  /* BaseModal props */
+  show: S = !1,
+  animation: h = !0,
+  backdrop: M = !0,
+  keyboard: ae = !0,
+  onEscapeKeyDown: $,
+  onShow: ne,
+  onHide: w,
+  container: oe,
+  autoFocus: re = !0,
+  enforceFocus: se = !0,
+  restoreFocus: le = !0,
+  restoreFocusOptions: de,
+  onEntered: ie,
+  onExit: x,
+  onExiting: ce,
+  onEnter: D,
+  onEntering: F,
+  onExited: O,
+  backdropClassName: b,
+  manager: I,
+  ...ue
+}, fe) => {
+  const [me, ge] = E({}), [he, U] = E(!1), v = N(!1), B = N(!1), p = N(null), [y, pe] = Ge(), ye = xe(fe, pe), H = q(w), Me = $e();
+  e = c(e, "modal");
+  const we = be(() => ({
+    onHide: H
+  }), [H]);
+  function z() {
+    return I || We({
+      isRTL: Me
+    });
+  }
+  function L(a) {
+    if (!V) return;
+    const i = z().getScrollbarWidth() > 0, K = a.scrollHeight > Fe(a).documentElement.clientHeight;
+    ge({
+      paddingRight: i && !K ? Q() : void 0,
+      paddingLeft: !i && K ? Q() : void 0
+    });
+  }
+  const T = q(() => {
+    y && L(y.dialog);
+  });
+  qe(() => {
+    G(window, "resize", T), p.current == null || p.current();
+  });
+  const Re = () => {
+    v.current = !0;
+  }, Ne = (a) => {
+    v.current && y && a.target === y.dialog && (B.current = !0), v.current = !1;
+  }, W = () => {
+    U(!0), p.current = _e(y.dialog, () => {
+      U(!1);
+    });
+  }, je = (a) => {
+    a.target === a.currentTarget && W();
+  }, Ce = (a) => {
+    if (M === "static") {
+      je(a);
+      return;
+    }
+    if (B.current || a.target !== a.currentTarget) {
+      B.current = !1;
+      return;
+    }
+    w == null || w();
+  }, Se = (a) => {
+    ae ? $ == null || $(a) : (a.preventDefault(), M === "static" && W());
+  }, ve = (a, i) => {
+    a && L(a), D == null || D(a, i);
+  }, Be = (a) => {
+    p.current == null || p.current(), x == null || x(a);
+  }, Te = (a, i) => {
+    F == null || F(a, i), De(window, "resize", T);
+  }, ke = (a) => {
+    a && (a.style.display = ""), O == null || O(a), G(window, "resize", T);
+  }, Ee = Ie((a) => /* @__PURE__ */ n.jsx("div", {
+    ...a,
+    className: d(`${e}-backdrop`, b, !h && "show")
+  }), [h, b, e]), _ = {
+    ...r,
+    ...me
+  };
+  _.display = "block";
+  const Ae = (a) => /* @__PURE__ */ n.jsx("div", {
+    role: "dialog",
+    ...a,
+    style: _,
+    className: d(t, e, he && `${e}-static`, !h && "show"),
+    onClick: M ? Ce : void 0,
+    onMouseUp: Ne,
+    "data-bs-theme": m,
+    "aria-label": g,
+    "aria-labelledby": j,
+    "aria-describedby": C,
+    children: /* @__PURE__ */ n.jsx(f, {
+      ...ue,
+      onMouseDown: Re,
+      className: s,
+      contentClassName: o,
+      children: l
+    })
+  });
+  return /* @__PURE__ */ n.jsx(ze.Provider, {
+    value: we,
+    children: /* @__PURE__ */ n.jsx(Le, {
+      show: S,
+      ref: ye,
+      backdrop: M,
+      container: oe,
+      keyboard: !0,
+      autoFocus: re,
+      enforceFocus: se,
+      restoreFocus: le,
+      restoreFocusOptions: de,
+      onEscapeKeyDown: Se,
+      onShow: ne,
+      onHide: w,
+      onEnter: ve,
+      onEntering: Te,
+      onEntered: ie,
+      onExit: Be,
+      onExiting: ce,
+      onExited: ke,
+      manager: z(),
+      transition: h ? Qe : void 0,
+      backdropTransition: h ? Ve : void 0,
+      renderBackdrop: Ee,
+      renderDialog: Ae
+    })
+  });
+});
+te.displayName = "Modal";
+const k = Object.assign(te, {
+  Body: Y,
+  Header: P,
+  Title: ee,
+  Footer: Z,
+  Dialog: A,
+  TRANSITION_DURATION: 300,
+  BACKDROP_TRANSITION_DURATION: 150
+}), at = Object.freeze({
+  message: "",
+  show: !1,
+  onCancel: () => {
+  },
+  onConfirm: () => {
+  }
+});
+function nt({
+  show: e,
+  onCancel: t,
+  onConfirm: r,
+  message: s,
+  confirmLabel: o = "Accept",
+  confirmButtonVariant: l = "primary",
+  cancelButtonVariant: f = "secondary",
+  cancelLabel: m = "Cancel"
+}) {
+  return /* @__PURE__ */ n.jsxs(k, { show: e, onHide: t, children: [
+    /* @__PURE__ */ n.jsx(k.Body, { children: s }),
+    /* @__PURE__ */ n.jsxs(k.Footer, { children: [
+      /* @__PURE__ */ n.jsx(J, { variant: f, onClick: t, children: m }),
+      /* @__PURE__ */ n.jsx(J, { variant: l, onClick: r, children: o })
+    ] })
+  ] });
+}
+export {
+  at as confirmationModalDefaultProps,
+  nt as default
+};

package/dist/Components/Footer/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface FooterProps {
+    version?: string;
+}
+export declare const Footer: FC<FooterProps>;

package/dist/Components/Footer/index.js

@@ -0,0 +1,11 @@
+import { j as o } from "../../jsx-runtime-Drh4NO5G.js";
+import '../../assets/index.css';const s = "_footer_chhcn_1", t = {
+  footer: s
+}, c = ({ version: r = "" }) => /* @__PURE__ */ o.jsx("footer", { className: `container-fluid ${t.footer}`, children: /* @__PURE__ */ o.jsx("div", { className: "row copyright", children: /* @__PURE__ */ o.jsxs("p", { className: "mb-0", children: [
+  "©",
+  " Copyright 2023 VariaMos.",
+  r && ` ${r}`
+] }) }) });
+export {
+  c as Footer
+};

package/dist/Components/Header/HeaderOptions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const HeaderOptions: FC<unknown>;

package/dist/Components/Header/HeaderOptions.js

@@ -0,0 +1,39 @@
+import { j as s } from "../../jsx-runtime-Drh4NO5G.js";
+import { useMemo as p } from "react";
+import "../../Context/AnalyticsContext.js";
+import { useMenu as w } from "../../Context/MenuContext.js";
+import { useRouter as x } from "../../Context/RouterContext.js";
+import { useSession as j } from "../../Context/SessionsContext.js";
+import { mapToWebTarget as R } from "../../Model/Router.js";
+import { N as a } from "../../NavDropdown-AuV3RgfC.js";
+const E = () => {
+  const { user: o, isAuthenticated: d, logout: g } = j(), { options: t } = w(), { navigate: m } = x(), l = p(() => {
+    const i = (o == null ? void 0 : o.permissions) || [], h = (o == null ? void 0 : o.roles) || [];
+    return t != null && t.length ? t.filter((r) => {
+      var n, f;
+      if (!((n = r == null ? void 0 : r.allowedPermissions) != null && n.length) && !((f = r == null ? void 0 : r.allowedRoles) != null && f.length))
+        return !0;
+      let e = !0;
+      return r.allowedRoles && (e = e && r.allowedRoles.some((c) => h.includes(c))), r.allowedPermissions && (e = e && r.allowedPermissions.some(
+        (c) => i.includes(c)
+      )), e;
+    }) : [];
+  }, [t, o]);
+  return !(l != null && l.length) && !d ? null : /* @__PURE__ */ s.jsxs(a, { title: (o == null ? void 0 : o.name) || "Options", id: "nav-dropdown", children: [
+    l == null ? void 0 : l.map((i) => /* @__PURE__ */ s.jsx(
+      a.Item,
+      {
+        onClick: () => m(i.location, {
+          target: R(i.target)
+        }),
+        children: i.title
+      },
+      i.title
+    )),
+    d && !!(l != null && l.length) && /* @__PURE__ */ s.jsx(a.Divider, {}),
+    d && /* @__PURE__ */ s.jsx(a.Item, { onClick: g, children: "Logout" })
+  ] });
+};
+export {
+  E as HeaderOptions
+};

package/dist/Components/Header/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { MenuItem } from '../../Model';
+export declare const MenuItemComponent: FC<MenuItem>;

package/dist/Components/Header/MenuItem.js

@@ -0,0 +1,51 @@
+import { j as n } from "../../jsx-runtime-Drh4NO5G.js";
+import { useMemo as N } from "react";
+import "../../Context/AnalyticsContext.js";
+import "../../Context/MenuContext.js";
+import { useRouter as R } from "../../Context/RouterContext.js";
+import { useSession as k } from "../../Context/SessionsContext.js";
+import { mapToWebTarget as m } from "../../Model/Router.js";
+import { N as h } from "../../Nav-CdxSljzW.js";
+import { N as d } from "../../NavDropdown-AuV3RgfC.js";
+const y = ({
+  title: e,
+  type: w,
+  location: g,
+  target: x,
+  children: l
+}) => {
+  const { user: r } = k(), { navigate: p } = R(), s = N(() => {
+    const i = (r == null ? void 0 : r.permissions) || [], j = (r == null ? void 0 : r.roles) || [];
+    return l ? l.filter((o) => {
+      var c, f;
+      if (!((c = o == null ? void 0 : o.allowedPermissions) != null && c.length) && !((f = o == null ? void 0 : o.allowedRoles) != null && f.length))
+        return !0;
+      let t = !0;
+      return o.allowedRoles && (t = t && o.allowedRoles.some((a) => j.includes(a))), o.allowedPermissions && (t = t && o.allowedPermissions.some(
+        (a) => i.includes(a)
+      )), t;
+    }) : [];
+  }, [l, r]);
+  return w === "location" ? /* @__PURE__ */ n.jsx(
+    h.Link,
+    {
+      as: "button",
+      className: "btn btn-link",
+      onClick: () => p(g, { target: m(x) }),
+      children: e
+    }
+  ) : /* @__PURE__ */ n.jsx(d, { title: e, children: s == null ? void 0 : s.map((i) => /* @__PURE__ */ n.jsx(
+    d.Item,
+    {
+      as: "button",
+      onClick: () => p(i.location, {
+        target: m(i.target)
+      }),
+      children: i.title
+    },
+    i.title
+  )) });
+};
+export {
+  y as MenuItemComponent
+};

package/dist/Components/Header/SubHeader.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SubHeader: FC<unknown>;