@variamosple/variamos-components 0.0.19

package/dist/Hooks/index.js

@@ -0,0 +1,10 @@
+import { useDebouncedValue as o } from "./useDebouncedValue.js";
+import { usePageVisibility as t } from "./usePageVisibility.js";
+import { usePaginatedQuery as s } from "./usePaginatedQuery.js";
+import { useQuery as f } from "./useQuery.js";
+export {
+  o as useDebouncedValue,
+  t as usePageVisibility,
+  s as usePaginatedQuery,
+  f as useQuery
+};

package/dist/Hooks/useDebouncedValue.d.ts

@@ -0,0 +1 @@
+export declare function useDebouncedValue<T>(value: T, delay: number): [T, (value: T) => void];

package/dist/Hooks/useDebouncedValue.js

@@ -0,0 +1,19 @@
+import { useState as r, useEffect as i, useCallback as m } from "react";
+let e;
+function l(t, u) {
+  const [c, o] = r(t);
+  i(() => (e = setTimeout(() => {
+    o(t);
+  }, u), () => {
+    clearTimeout(e);
+  }), [t, u]);
+  const s = m((n) => {
+    clearTimeout(e), e = setTimeout(() => {
+      o(n);
+    }, u);
+  }, []);
+  return [c, s];
+}
+export {
+  l as useDebouncedValue
+};

package/dist/Hooks/usePageVisibility.d.ts

@@ -0,0 +1 @@
+export declare const usePageVisibility: () => boolean;

package/dist/Hooks/usePageVisibility.js

@@ -0,0 +1,15 @@
+import { useState as n, useEffect as s } from "react";
+const o = () => {
+  const [i, t] = n(!document.hidden);
+  return s(() => {
+    const e = () => {
+      t(!document.hidden);
+    };
+    return document.addEventListener("visibilitychange", e), () => {
+      document.removeEventListener("visibilitychange", e);
+    };
+  }, []), i;
+};
+export {
+  o as usePageVisibility
+};

package/dist/Hooks/usePaginatedQuery.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, SetStateAction } from 'react';
+import { PagedModel, ResponseModel } from '../Model';
+interface UsePaginatedQueryProps<Filter extends PagedModel, Response> {
+    queryFunction: (filter: Filter) => Promise<ResponseModel<Response[]>>;
+    initialFilter: Filter;
+    initialPage?: number;
+}
+interface PaginatedQueryResult<Filter extends PagedModel, Response> {
+    data: Response[];
+    loadData: (filter: Filter) => Promise<ResponseModel<Response[]>>;
+    filter: Filter | null;
+    currentPage: number;
+    totalItems: number;
+    totalPages: number;
+    isLoading: boolean;
+    error: string | null;
+    onPageChange: (page: number) => void;
+    setCurrentPage: Dispatch<SetStateAction<number>>;
+}
+export declare function usePaginatedQuery<Filter extends PagedModel, Response>({ queryFunction, initialPage, }: UsePaginatedQueryProps<Filter, Response>): PaginatedQueryResult<Filter, Response>;
+export {};

package/dist/Hooks/usePaginatedQuery.js

@@ -0,0 +1,38 @@
+import { useState as t, useCallback as u } from "react";
+function T({
+  queryFunction: s,
+  initialPage: c = 1
+}) {
+  const [g, i] = t([]), [n, d] = t(null), [P, l] = t(c), [m, C] = t(1), [b, f] = t(1), [h, r] = t(!1), [I] = t(null), o = u(
+    (a) => (d(a), r(!0), l(a.pageNumber || 1), s(a).then((e) => (i(e.data ?? []), C(e.totalCount || 0), f(
+      Math.ceil((e.totalCount || 0) / a.pageSize)
+    ), e)).finally(() => {
+      r(!1);
+    })),
+    [s]
+  ), D = u(
+    (a) => {
+      o(
+        Object.assign(n, {
+          pageNumber: a
+        })
+      );
+    },
+    [n, o]
+  );
+  return {
+    data: g,
+    loadData: o,
+    filter: n,
+    currentPage: P,
+    totalItems: m,
+    totalPages: b,
+    isLoading: h,
+    error: I,
+    onPageChange: D,
+    setCurrentPage: l
+  };
+}
+export {
+  T as usePaginatedQuery
+};

package/dist/Hooks/useQuery.d.ts

@@ -0,0 +1,15 @@
+import { ResponseModel } from '../Model';
+interface UseQueryProps<Filter, Response> {
+    queryFunction: (filter: Filter) => Promise<ResponseModel<Response>>;
+    initialFilter: Filter;
+}
+interface QueryResult<Filter, Response> {
+    data?: Response;
+    loadData: (filter: Filter) => Promise<ResponseModel<Response>>;
+    filter: Filter | null;
+    isLoading: boolean;
+    isLoaded: boolean;
+    error: string | null;
+}
+export declare function useQuery<Filter, Response>({ queryFunction, }: UseQueryProps<Filter, Response>): QueryResult<Filter, Response>;
+export {};

package/dist/Hooks/useQuery.js

@@ -0,0 +1,22 @@
+import { useState as t, useCallback as g } from "react";
+function D({
+  queryFunction: a
+}) {
+  const [n, o] = t(), [r, u] = t(null), [d, e] = t(!1), [c, i] = t(!1), [f] = t(null), L = g(
+    (s) => (u(s), e(!0), a(s).then((l) => (o(l.data), l)).finally(() => {
+      e(!1), i(!0);
+    })),
+    [a]
+  );
+  return {
+    data: n,
+    loadData: L,
+    filter: r,
+    isLoading: d,
+    isLoaded: c,
+    error: f
+  };
+}
+export {
+  D as useQuery
+};

package/dist/Model/Credentials.d.ts

@@ -0,0 +1,5 @@
+export declare class Credentials {
+    email: string;
+    password: string;
+    constructor(email: string, password: string);
+}

package/dist/Model/Credentials.js

@@ -0,0 +1,13 @@
+var e = Object.defineProperty;
+var i = (a, s, r) => s in a ? e(a, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[s] = r;
+var t = (a, s, r) => i(a, typeof s != "symbol" ? s + "" : s, r);
+class l {
+  constructor(s, r) {
+    t(this, "email");
+    t(this, "password");
+    this.email = s, this.password = r;
+  }
+}
+export {
+  l as Credentials
+};

package/dist/Model/Menu.d.ts

@@ -0,0 +1,28 @@
+import { NavigationTarget } from './Router';
+export interface MenuItemBase {
+    title: string;
+    allowedRoles?: string[];
+    allowedPermissions?: string[];
+    target?: NavigationTarget;
+}
+export interface MenuSubItem extends MenuItemBase {
+    location: string;
+}
+export interface SubMenu {
+    accessibleFrom: string;
+    items: MenuSubItem[];
+}
+export interface MenuItem extends MenuItemBase {
+    type: "location" | "dropdown";
+    location?: string;
+    children?: MenuSubItem[];
+}
+export interface MenuOption extends MenuItemBase {
+    accessibleFrom?: string;
+    location: string;
+}
+export interface Menu {
+    items: MenuItem[];
+    subMenu: SubMenu[];
+    options: MenuOption[];
+}

package/dist/Model/Menu.js

@@ -0,0 +1 @@
+

package/dist/Model/PagedModel.d.ts

@@ -0,0 +1,5 @@
+export declare class PagedModel {
+    pageNumber: number;
+    pageSize: number;
+    constructor(pageNumber?: number, pageSize?: number);
+}

package/dist/Model/PagedModel.js

@@ -0,0 +1,8 @@
+class a {
+  constructor(e = 1, s = 20) {
+    this.pageNumber = e, this.pageSize = s;
+  }
+}
+export {
+  a as PagedModel
+};

package/dist/Model/ResponseModel.d.ts

@@ -0,0 +1,10 @@
+export declare class ResponseModel<Type> {
+    transactionId?: string | undefined;
+    errorCode?: number | undefined;
+    message?: string | undefined;
+    totalCount?: number | undefined;
+    data?: Type | undefined;
+    constructor(transactionId?: string | undefined, errorCode?: number | undefined, message?: string | undefined, totalCount?: number | undefined, data?: Type | undefined);
+    withData(data: Type): this;
+    withError(errorCode: number, errorMessage: string): this;
+}

package/dist/Model/ResponseModel.js

@@ -0,0 +1,14 @@
+class a {
+  constructor(t, s, r, e, i) {
+    this.transactionId = t, this.errorCode = s, this.message = r, this.totalCount = e, this.data = i;
+  }
+  withData(t) {
+    return this.data = t, this;
+  }
+  withError(t, s) {
+    return this.errorCode = t, this.message = s, this;
+  }
+}
+export {
+  a as ResponseModel
+};

package/dist/Model/Router.d.ts

@@ -0,0 +1,3 @@
+export type Target = "_blank" | "_self" | "_parent" | "_top";
+export type NavigationTarget = "newWindow" | "sameWindow" | "parentContainer" | "rootContainer";
+export declare const mapToWebTarget: (target?: NavigationTarget) => "_blank" | "_self" | "_parent" | "_top";

package/dist/Model/Router.js

@@ -0,0 +1,9 @@
+const e = {
+  newWindow: "_blank",
+  sameWindow: "_self",
+  parentContainer: "_parent",
+  rootContainer: "_top"
+}, o = (n) => n && e[n] || "_self";
+export {
+  o as mapToWebTarget
+};

package/dist/Model/SessionUser.d.ts

@@ -0,0 +1,8 @@
+export interface SessionUser {
+    id: string;
+    user: string;
+    name: string;
+    email: string;
+    roles: string[];
+    permissions: string[];
+}

package/dist/Model/SessionUser.js

@@ -0,0 +1 @@
+

package/dist/Model/SingInResponse.d.ts

@@ -0,0 +1,4 @@
+export interface singInResponse {
+    id?: string;
+    redirect: string;
+}

package/dist/Model/SingInResponse.js

@@ -0,0 +1 @@
+

package/dist/Model/UserRegistration.d.ts

@@ -0,0 +1,6 @@
+import { Credentials } from './Credentials';
+export declare class UserRegistration extends Credentials {
+    name: string;
+    passwordConfirmation: string;
+    constructor(name: string, email: string, password: string, passwordConfirmation: string);
+}

package/dist/Model/UserRegistration.js

@@ -0,0 +1,9 @@
+import { Credentials as o } from "./Credentials.js";
+class a extends o {
+  constructor(s, r, t, e) {
+    super(r, t), this.name = s, this.passwordConfirmation = e;
+  }
+}
+export {
+  a as UserRegistration
+};

package/dist/Model/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Credentials';
+export * from './Menu';
+export * from './PagedModel';
+export * from './ResponseModel';
+export * from './Router';
+export * from './SessionUser';
+export * from './SingInResponse';
+export * from './UserRegistration';

package/dist/Model/index.js

@@ -0,0 +1,12 @@
+import { Credentials as r } from "./Credentials.js";
+import { PagedModel as p } from "./PagedModel.js";
+import { ResponseModel as a } from "./ResponseModel.js";
+import { mapToWebTarget as s } from "./Router.js";
+import { UserRegistration as d } from "./UserRegistration.js";
+export {
+  r as Credentials,
+  p as PagedModel,
+  a as ResponseModel,
+  d as UserRegistration,
+  s as mapToWebTarget
+};

package/dist/Nav-CdxSljzW.js

@@ -0,0 +1,144 @@
+import { u as A, c as E } from "./ThemeProvider-Q3gZ4GF2.js";
+import * as K from "react";
+import { useRef as I, useContext as w, useEffect as L } from "react";
+import { N as q, u as U, S as R, T as H, a as _, m as F, b as M, c as V, d as W } from "./NavLink-ebvp1HCw.js";
+import { d as Y, a as z, q as G } from "./useWindow-rGE2GXIv.js";
+import { u as J } from "./useMergedRefs-BpAaCckn.js";
+import { j as p } from "./jsx-runtime-Drh4NO5G.js";
+const O = /* @__PURE__ */ K.createContext(null);
+O.displayName = "CardHeaderContext";
+const Q = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
+function X(t, n) {
+  if (t == null) return {};
+  var o = {};
+  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+    if (n.indexOf(r) >= 0) continue;
+    o[r] = t[r];
+  }
+  return o;
+}
+const P = () => {
+}, S = Y("event-key"), D = /* @__PURE__ */ K.forwardRef((t, n) => {
+  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: o = "div",
+    onSelect: r,
+    activeKey: s,
+    role: u,
+    onKeyDown: N
+  } = t, y = X(t, Q);
+  const $ = U(), v = I(!1), C = w(R), c = w(H);
+  let i, f;
+  c && (u = u || "tablist", s = c.activeKey, i = c.getControlledId, f = c.getControllerId);
+  const l = I(null), d = (e) => {
+    const a = l.current;
+    if (!a) return null;
+    const g = G(a, `[${S}]:not([aria-disabled=true])`), h = a.querySelector("[aria-selected=true]");
+    if (!h || h !== document.activeElement) return null;
+    const j = g.indexOf(h);
+    if (j === -1) return null;
+    let x = j + e;
+    return x >= g.length && (x = 0), x < 0 && (x = g.length - 1), g[x];
+  }, m = (e, a) => {
+    e != null && (r == null || r(e, a), C == null || C(e, a));
+  }, b = (e) => {
+    if (N == null || N(e), !c)
+      return;
+    let a;
+    switch (e.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        a = d(-1);
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        a = d(1);
+        break;
+      default:
+        return;
+    }
+    a && (e.preventDefault(), m(a.dataset[z("EventKey")] || null, e), v.current = !0, $());
+  };
+  L(() => {
+    if (l.current && v.current) {
+      const e = l.current.querySelector(`[${S}][aria-selected=true]`);
+      e == null || e.focus();
+    }
+    v.current = !1;
+  });
+  const B = J(n, l);
+  return /* @__PURE__ */ p.jsx(R.Provider, {
+    value: m,
+    children: /* @__PURE__ */ p.jsx(_.Provider, {
+      value: {
+        role: u,
+        // used by NavLink to determine it's role
+        activeKey: F(s),
+        getControlledId: i || P,
+        getControllerId: f || P
+      },
+      children: /* @__PURE__ */ p.jsx(o, Object.assign({}, y, {
+        onKeyDown: b,
+        ref: B,
+        role: u
+      }))
+    })
+  });
+});
+D.displayName = "Nav";
+const Z = Object.assign(D, {
+  Item: q
+}), T = /* @__PURE__ */ K.forwardRef(({
+  className: t,
+  bsPrefix: n,
+  as: o = "div",
+  ...r
+}, s) => (n = A(n, "nav-item"), /* @__PURE__ */ p.jsx(o, {
+  ref: s,
+  className: E(t, n),
+  ...r
+})));
+T.displayName = "NavItem";
+const k = /* @__PURE__ */ K.forwardRef((t, n) => {
+  const {
+    as: o = "div",
+    bsPrefix: r,
+    variant: s,
+    fill: u = !1,
+    justify: N = !1,
+    navbar: y,
+    navbarScroll: $,
+    className: v,
+    activeKey: C,
+    ...c
+  } = V(t, {
+    activeKey: "onSelect"
+  }), i = A(r, "nav");
+  let f, l, d = !1;
+  const m = w(W), b = w(O);
+  return m ? (f = m.bsPrefix, d = y ?? !0) : b && ({
+    cardHeaderBsPrefix: l
+  } = b), /* @__PURE__ */ p.jsx(Z, {
+    as: o,
+    ref: n,
+    activeKey: C,
+    className: E(v, {
+      [i]: !d,
+      [`${f}-nav`]: d,
+      [`${f}-nav-scroll`]: d && $,
+      [`${l}-${s}`]: !!l,
+      [`${i}-${s}`]: !!s,
+      [`${i}-fill`]: u,
+      [`${i}-justified`]: N
+    }),
+    ...c
+  });
+});
+k.displayName = "Nav";
+const se = Object.assign(k, {
+  Item: T,
+  Link: M
+});
+export {
+  se as N
+};