@variamosple/variamos-components 0.0.23 → 0.1.0

package/dist/Components/Header/MenuItem.js

@@ -1,40 +1,39 @@
-import { j as n } from "../../jsx-runtime-Drh4NO5G.js";
-import { useMemo as N } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { Nav as v, NavDropdown as d } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as R } from "../../Context/RouterContext.js";
-import { useSession as k } from "../../Context/SessionContext.js";
+import { useRouter as C } from "../../Context/RouterContext.js";
+import { useSession as N } from "../../Context/SessionContext.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
+  target: k,
+  children: t
 }) => {
-  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) => {
+  const { user: r } = N(), { navigate: p } = C(), a = h(() => {
+    const i = (r == null ? void 0 : r.permissions) || [], R = (r == null ? void 0 : r.roles) || [];
+    return t ? t.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;
+      let l = !0;
+      return o.allowedRoles && (l = l && o.allowedRoles.some((n) => R.includes(n))), o.allowedPermissions && (l = l && o.allowedPermissions.some(
+        (n) => i.includes(n)
+      )), l;
     }) : [];
-  }, [l, r]);
-  return w === "location" ? /* @__PURE__ */ n.jsx(
-    h.Link,
+  }, [t, r]);
+  return w === "location" ? /* @__PURE__ */ s(
+    v.Link,
     {
       as: "button",
       className: "btn btn-link",
-      onClick: () => p(g, { target: m(x) }),
+      onClick: () => p(g, { target: m(k) }),
       children: e
     }
-  ) : /* @__PURE__ */ n.jsx(d, { title: e, children: s == null ? void 0 : s.map((i) => /* @__PURE__ */ n.jsx(
+  ) : /* @__PURE__ */ s(d, { title: e, children: a == null ? void 0 : a.map((i) => /* @__PURE__ */ s(
     d.Item,
     {
       as: "button",

package/dist/Components/Header/SubHeader.js

@@ -1,12 +1,38 @@
-import "../../jsx-runtime-Drh4NO5G.js";
-import "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as w } from "react";
+import { Navbar as h, Container as g, Nav as d } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-import "../../Context/MenuContext.js";
-import "../../Context/RouterContext.js";
-import "../../Context/SessionContext.js";
-import { S as d } from "../../SubHeader-gTVD9DIX.js";
-import "../../Container-BLjzOisH.js";
-import "../../Nav-CdxSljzW.js";
+import { useMenu as N } from "../../Context/MenuContext.js";
+import { useRouter as v } from "../../Context/RouterContext.js";
+import { useSession as R } from "../../Context/SessionContext.js";
+const H = () => {
+  const { navigate: f } = v(), { subMenu: n } = N(), { user: r } = R(), t = w(() => {
+    const l = (r == null ? void 0 : r.roles) || [], m = (r == null ? void 0 : r.permissions) || [];
+    return n ? n.filter((o) => {
+      var a, c;
+      if (!((a = o == null ? void 0 : o.allowedRoles) != null && a.length) && !((c = o == null ? void 0 : o.allowedPermissions) != null && c.length))
+        return !0;
+      let i = !0;
+      return o.allowedRoles && (i = i && o.allowedRoles.some(
+        (e) => l.includes(e)
+      )), o.allowedPermissions && (i = i && o.allowedPermissions.some(
+        (e) => m.includes(e)
+      )), i;
+    }) : [];
+  }, [n, r]), p = (l) => () => {
+    f(l);
+  };
+  return t.length ? /* @__PURE__ */ s(h, { className: "py-1 shadow-sm bg-white", children: /* @__PURE__ */ s(g, { children: /* @__PURE__ */ s(d, { className: "d-flex justify-content-center w-100 gap-3", children: t.map((l) => /* @__PURE__ */ s(
+    d.Link,
+    {
+      as: "button",
+      className: "btn btn-link p-0",
+      onClick: p(l.location),
+      children: l.title
+    },
+    l.location
+  )) }) }) }) : null;
+};
 export {
-  d as SubHeader
+  H as SubHeader
 };

package/dist/Components/Header/index.js

@@ -1,44 +1,43 @@
-import { j as s } from "../../jsx-runtime-Drh4NO5G.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Navbar as t, Container as u, Nav as i } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
-import { useMenu as d } from "../../Context/MenuContext.js";
-import { useRouter as x } from "../../Context/RouterContext.js";
-import { useSession as j } from "../../Context/SessionContext.js";
-import { HeaderOptions as u } from "./HeaderOptions.js";
-import { MenuItemComponent as o } from "./MenuItem.js";
-import { N as r, S as f } from "../../SubHeader-gTVD9DIX.js";
-import { C as h } from "../../Container-BLjzOisH.js";
-import { N as t } from "../../Nav-CdxSljzW.js";
+import { useMenu as h } from "../../Context/MenuContext.js";
+import { useRouter as f } from "../../Context/RouterContext.js";
+import { useSession as g } from "../../Context/SessionContext.js";
+import { HeaderOptions as N } from "./HeaderOptions.js";
+import { MenuItemComponent as n } from "./MenuItem.js";
+import { SubHeader as k } from "./SubHeader.js";
 const I = ({
-  logoUrl: i,
-  logoAlt: a = "App logo",
-  signInUrl: n
+  logoUrl: a,
+  logoAlt: m = "App logo",
+  signInUrl: s
 }) => {
-  const { items: m } = d(), { navigate: c } = x(), { isAuthenticated: l, isLoading: p } = j();
-  return /* @__PURE__ */ s.jsxs("header", { className: "sticky-top", children: [
-    /* @__PURE__ */ s.jsx(r, { bg: "dark", variant: "dark", children: /* @__PURE__ */ s.jsxs(h, { fluid: !0, children: [
-      /* @__PURE__ */ s.jsx(r.Brand, { onClick: () => c("/"), children: /* @__PURE__ */ s.jsx(
+  const { items: c } = h(), { navigate: l } = f(), { isAuthenticated: p, isLoading: d } = g();
+  return /* @__PURE__ */ o("header", { className: "sticky-top", children: [
+    /* @__PURE__ */ e(t, { bg: "dark", variant: "dark", children: /* @__PURE__ */ o(u, { fluid: !0, children: [
+      /* @__PURE__ */ e(t.Brand, { onClick: () => l("/"), children: /* @__PURE__ */ e(
         "img",
         {
-          src: i,
+          src: a,
           height: "30",
           className: "d-inline-block align-top",
-          alt: a
+          alt: m
         }
       ) }),
-      /* @__PURE__ */ s.jsx(t, { className: "me-auto", children: m.map((e) => /* @__PURE__ */ s.jsx(o, { ...e }, e.title)) }),
-      /* @__PURE__ */ s.jsxs(t, { className: "me-5 pe-5", children: [
-        /* @__PURE__ */ s.jsx(u, {}),
-        !p && !l && /* @__PURE__ */ s.jsx(
-          o,
+      /* @__PURE__ */ e(i, { className: "me-auto", children: c.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) }),
+      /* @__PURE__ */ o(i, { className: "me-5 pe-5", children: [
+        /* @__PURE__ */ e(N, {}),
+        !d && !p && /* @__PURE__ */ e(
+          n,
           {
             title: "Sign In",
             type: "location",
-            location: n
+            location: s
           }
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ s.jsx(f, {})
+    /* @__PURE__ */ e(k, {})
   ] });
 };
 export {

package/dist/Components/NotAuthorized/index.js

@@ -1,18 +1,17 @@
-import { j as t } from "../../jsx-runtime-Drh4NO5G.js";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Container as i, Button as n } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as o } from "../../Context/RouterContext.js";
+import { useRouter as a } from "../../Context/RouterContext.js";
 import "../../Context/SessionContext.js";
-import { C as s } from "../../Container-BLjzOisH.js";
-import { B as i } from "../../Button-GQJKgb76.js";
-const d = ({ homePath: e }) => {
-  const { navigate: r } = o();
-  return /* @__PURE__ */ t.jsxs(s, { className: "d-flex flex-column justify-content-center align-items-center vh-100 text-center", children: [
-    /* @__PURE__ */ t.jsx("h1", { className: "display-1 fw-bold text-danger", children: "403" }),
-    /* @__PURE__ */ t.jsx("p", { className: "fs-4 text-muted", children: "You are not authorized to access this page." }),
-    /* @__PURE__ */ t.jsx(i, { variant: "primary", onClick: () => r(e), children: "Go Home" })
+const u = ({ homePath: e }) => {
+  const { navigate: r } = a();
+  return /* @__PURE__ */ o(i, { className: "d-flex flex-column justify-content-center align-items-center vh-100 text-center", children: [
+    /* @__PURE__ */ t("h1", { className: "display-1 fw-bold text-danger", children: "403" }),
+    /* @__PURE__ */ t("p", { className: "fs-4 text-muted", children: "You are not authorized to access this page." }),
+    /* @__PURE__ */ t(n, { variant: "primary", onClick: () => r(e), children: "Go Home" })
   ] });
 };
 export {
-  d as NotAuthorized
+  u as NotAuthorized
 };

package/dist/Components/Paginator/index.js

@@ -1,156 +1,84 @@
-import { j as l } from "../../jsx-runtime-Drh4NO5G.js";
-import * as p from "react";
-import { useMemo as y } from "react";
-import { c as x, u as I } from "../../ThemeProvider-Q3gZ4GF2.js";
-import { A as v } from "../../Anchor-DJG5WYYF.js";
-const j = /* @__PURE__ */ p.forwardRef(({
-  active: i = !1,
-  disabled: s = !1,
-  className: r,
-  style: e,
-  activeLabel: n = "(current)",
-  children: o,
-  linkStyle: d,
-  linkClassName: N,
-  as: u = v,
-  ...a
-}, M) => {
-  const k = i || s ? "span" : u;
-  return /* @__PURE__ */ l.jsx("li", {
-    ref: M,
-    style: e,
-    className: x(r, "page-item", {
-      active: i,
-      disabled: s
-    }),
-    children: /* @__PURE__ */ l.jsxs(k, {
-      className: x("page-link", N),
-      style: d,
-      ...a,
-      children: [o, i && n && /* @__PURE__ */ l.jsx("span", {
-        className: "visually-hidden",
-        children: n
-      })]
-    })
-  });
-});
-j.displayName = "PageItem";
-function t(i, s, r = i) {
-  const e = /* @__PURE__ */ p.forwardRef(({
-    children: n,
-    ...o
-  }, d) => /* @__PURE__ */ l.jsxs(j, {
-    ...o,
-    ref: d,
-    children: [/* @__PURE__ */ l.jsx("span", {
-      "aria-hidden": "true",
-      children: n || s
-    }), /* @__PURE__ */ l.jsx("span", {
-      className: "visually-hidden",
-      children: r
-    })]
-  }));
-  return e.displayName = i, e;
-}
-const E = t("First", "«"), R = t("Prev", "‹", "Previous"), B = t("Ellipsis", "…", "More"), b = t("Next", "›"), w = t("Last", "»"), h = /* @__PURE__ */ p.forwardRef(({
-  bsPrefix: i,
-  className: s,
-  size: r,
-  ...e
-}, n) => {
-  const o = I(i, "pagination");
-  return /* @__PURE__ */ l.jsx("ul", {
-    ref: n,
-    ...e,
-    className: x(s, o, r && `${o}-${r}`)
-  });
-});
-h.displayName = "Pagination";
-const c = Object.assign(h, {
-  First: E,
-  Prev: R,
-  Ellipsis: B,
-  Item: j,
-  Next: b,
-  Last: w
-}), f = (i, s) => {
-  const r = [];
-  for (let e = i; e <= s; e++)
-    r.push(e);
-  return r;
-}, m = 5, L = ({
-  currentPage: i,
-  totalPages: s,
-  onPageChange: r
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { Pagination as f } from "react-bootstrap";
+const n = (m, i) => {
+  const l = [];
+  for (let c = m; c <= i; c++)
+    l.push(c);
+  return l;
+}, M = 5, v = ({
+  currentPage: m,
+  totalPages: i,
+  onPageChange: l
 }) => {
-  const e = y(() => {
-    if (i === 1 && s === 1)
+  const c = p(() => {
+    if (m === 1 && i === 1)
       return [];
-    if (i === 1)
-      return f(2, Math.min(s - 1, m + 1));
-    if (s - m <= 0)
-      return f(2, s - 1);
-    let n, o;
-    return i <= Math.ceil(m / 2) ? (n = 2, o = Math.min(m + 1, s - 1)) : i + Math.floor(m / 2) >= s ? (n = Math.max(s - m, 2), o = s - 1) : (n = i - Math.floor(m / 2), o = i + Math.floor(m / 2)), o = Math.min(o, s - 1), n = Math.max(n, 2), f(n, o);
-  }, [i, s]);
-  return /* @__PURE__ */ l.jsxs(c, { className: "d-flex justify-content-end", children: [
-    /* @__PURE__ */ l.jsx(
-      c.First,
+    if (m === 1)
+      return n(2, Math.min(i - 1, M + 1));
+    if (i - M <= 0)
+      return n(2, i - 1);
+    let d, h;
+    return m <= Math.ceil(M / 2) ? (d = 2, h = Math.min(M + 1, i - 1)) : m + Math.floor(M / 2) >= i ? (d = Math.max(i - M, 2), h = i - 1) : (d = m - Math.floor(M / 2), h = m + Math.floor(M / 2)), h = Math.min(h, i - 1), d = Math.max(d, 2), n(d, h);
+  }, [m, i]);
+  return /* @__PURE__ */ k(f, { className: "d-flex justify-content-end", children: [
+    /* @__PURE__ */ s(
+      f.First,
       {
-        onClick: () => r(1),
-        disabled: i === 1
+        onClick: () => l(1),
+        disabled: m === 1
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Prev,
+    /* @__PURE__ */ s(
+      f.Prev,
       {
-        onClick: () => r(i - 1),
-        disabled: i === 1
+        onClick: () => l(m - 1),
+        disabled: m === 1
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Item,
+    /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === 1,
-        onClick: () => r(1),
+        active: m === 1,
+        onClick: () => l(1),
         children: "1"
       }
     ),
-    s > 2 && !e.includes(2) && /* @__PURE__ */ l.jsx(c.Ellipsis, {}),
-    e.map((n) => /* @__PURE__ */ l.jsx(
-      c.Item,
+    i > 2 && !c.includes(2) && /* @__PURE__ */ s(f.Ellipsis, {}),
+    c.map((d) => /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === n,
-        onClick: () => r(n),
-        children: n
+        active: m === d,
+        onClick: () => l(d),
+        children: d
       },
-      n
+      d
     )),
-    s > m && !e.includes(s - 1) && /* @__PURE__ */ l.jsx(c.Ellipsis, {}),
-    s > 1 && /* @__PURE__ */ l.jsx(
-      c.Item,
+    i > M && !c.includes(i - 1) && /* @__PURE__ */ s(f.Ellipsis, {}),
+    i > 1 && /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === s,
-        onClick: () => r(s),
-        children: s
+        active: m === i,
+        onClick: () => l(i),
+        children: i
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Next,
+    /* @__PURE__ */ s(
+      f.Next,
       {
-        onClick: () => r(i + 1),
-        disabled: i === s
+        onClick: () => l(m + 1),
+        disabled: m === i
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Last,
+    /* @__PURE__ */ s(
+      f.Last,
       {
-        onClick: () => r(s),
-        disabled: i === s
+        onClick: () => l(i),
+        disabled: m === i
       }
     )
   ] });
 };
 export {
-  L as Paginator
+  v as Paginator
 };

package/dist/Components/ProtectedRoute/index.js

@@ -1,20 +1,20 @@
-import { j as p } from "../../jsx-runtime-Drh4NO5G.js";
-import { useEffect as f } from "react";
+import { jsx as f, Fragment as u } from "react/jsx-runtime";
+import { useEffect as g } from "react";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as g } from "../../Context/RouterContext.js";
-import { useSession as x } from "../../Context/SessionContext.js";
-const v = ({
+import { useRouter as h } from "../../Context/RouterContext.js";
+import { useSession as d } from "../../Context/SessionContext.js";
+const F = ({
   notAuthorizedPath: e,
   allowedPermissions: i = [],
   children: c
 }) => {
   var m;
-  const { isAuthenticated: n, isLoading: r, user: t } = x(), { navigate: s } = g();
-  return f(() => {
+  const { isAuthenticated: n, isLoading: r, user: t } = d(), { navigate: s } = h();
+  return g(() => {
     if (!r && n) {
       const o = (t == null ? void 0 : t.permissions) || [];
-      !i.length || o.some((u) => i.includes(u)) || s(e);
+      !i.length || o.some((p) => i.includes(p)) || s(e);
     }
   }, [
     r,
@@ -25,8 +25,8 @@ const v = ({
     i
   ]), i.length > 0 && !((m = t == null ? void 0 : t.permissions) != null && m.some(
     (o) => i.includes(o)
-  )) ? null : /* @__PURE__ */ p.jsx(p.Fragment, { children: c });
+  )) ? null : /* @__PURE__ */ f(u, { children: c });
 };
 export {
-  v as ProtectedRoute
+  F as ProtectedRoute
 };

package/dist/Context/AnalyticsContext.js

@@ -1,23 +1,23 @@
-import { j as n } from "../jsx-runtime-Drh4NO5G.js";
-import { createContext as a, useEffect as r } from "react";
-import { Events as c } from "../Common/Events.js";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as c, useEffect as r } from "react";
+import { Events as a } from "../Common/Events.js";
 import { useDebouncedValue as m } from "../Hooks/useDebouncedValue.js";
-const u = a({}), p = "page-visit", E = ({
+const u = c({}), d = "page-visit", E = ({
   onVisit: t,
   children: s
 }) => {
   const [e, o] = m(null, 1e4);
   return r(() => {
-    c.subscribe(p, (i) => {
+    a.subscribe(d, (i) => {
       o(i.detail.id);
     });
   }, [o]), r(() => {
     e && t(e).then(() => {
     });
-  }, [e, t]), /* @__PURE__ */ n.jsx(u.Provider, { value: {}, children: s });
+  }, [e, t]), /* @__PURE__ */ n(u.Provider, { value: {}, children: s });
 };
 export {
   u as AnalyticsContext,
   E as AnalyticsProvider,
-  p as PAGE_VISIT_EVENT
+  d as PAGE_VISIT_EVENT
 };

package/dist/Context/MenuContext.js

@@ -1,55 +1,55 @@
-import { j as F } from "../jsx-runtime-Drh4NO5G.js";
-import { createContext as j, useMemo as d, useEffect as E, useContext as L } from "react";
-import { useQuery as S } from "../Hooks/useQuery.js";
-import { useRouter as y } from "./RouterContext.js";
-import { useSession as m } from "./SessionContext.js";
-const P = j({
+import { jsx as R } from "react/jsx-runtime";
+import { createContext as L, useMemo as d, useEffect as S, useContext as y } from "react";
+import { useQuery as E } from "../Hooks/useQuery.js";
+import { useRouter as j } from "./RouterContext.js";
+import { useSession as q } from "./SessionContext.js";
+const P = L({
   items: [],
   isLoading: !0
 }), A = ({
   requestMenu: e,
   children: h
 }) => {
-  const { user: r } = m(), { basePath: l } = y(), {
+  const { user: r } = q(), { basePath: l } = j(), {
     data: o,
     loadData: f,
     isLoading: n,
     isLoaded: p
-  } = S({
+  } = E({
     queryFunction: e
   }), g = d(() => {
     var w;
     const i = (r == null ? void 0 : r.permissions) || [], c = (r == null ? void 0 : r.roles) || [];
     return (w = o == null ? void 0 : o.items) != null && w.length ? o.items.filter((s) => {
-      var x, v;
-      if (!((x = s == null ? void 0 : s.allowedPermissions) != null && x.length) && !((v = s == null ? void 0 : s.allowedRoles) != null && v.length))
+      var v, x;
+      if (!((v = s == null ? void 0 : s.allowedPermissions) != null && v.length) && !((x = s == null ? void 0 : s.allowedRoles) != null && x.length))
         return !0;
       let t = !0;
       return s.allowedRoles && (t = t && s.allowedRoles.some((a) => c.includes(a))), s.allowedPermissions && (t = t && s.allowedPermissions.some(
         (a) => i.includes(a)
       )), t;
     }) : [];
-  }, [o == null ? void 0 : o.items, r]), R = d(() => {
+  }, [o == null ? void 0 : o.items, r]), C = d(() => {
     if (!(o != null && o.subMenu))
       return;
     const i = o == null ? void 0 : o.subMenu.find(
       (c) => l === c.accessibleFrom
     );
     return (i == null ? void 0 : i.items) || void 0;
-  }, [o == null ? void 0 : o.subMenu, l]), C = d(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
+  }, [o == null ? void 0 : o.subMenu, l]), F = d(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
     (i) => !i.accessibleFrom || l === i.accessibleFrom
   ) : [], [o == null ? void 0 : o.options, l]);
-  return E(() => {
+  return S(() => {
     !n && !p && f({});
-  }, [n, p, f]), /* @__PURE__ */ F.jsx(
+  }, [n, p, f]), /* @__PURE__ */ R(
     P.Provider,
     {
-      value: { items: g, subMenu: R, options: C, isLoading: n },
+      value: { items: g, subMenu: C, options: F, isLoading: n },
       children: h
     }
   );
 }, B = () => {
-  const e = L(P);
+  const e = y(P);
   if (e === void 0)
     throw new Error("useSession must be used within a SessionProvider");
   return e;