react-luminus-components 1.3.145 → 1.3.146

package/dist/hooks/index.d.ts

@@ -0,0 +1,19 @@
+export { default as useAuth } from './useAuth/useAuth';
+export { default as useNotifications } from './useNotifications/useNotifications';
+export { useAxios, cancelToken } from './useAxios/useAxios';
+export { default as useConfirm } from './useConfirm/useConfirm';
+export { default as usePrompt } from './usePrompt/usePrompt';
+export { default as useZodSchemaTypes } from './useZodSchemaTypes/useZodSchemaTypes';
+export { default as useClickOutside } from './useClickOutside/useClickOutside';
+export { default as usePermissions } from './usePermissions/usePermissions';
+export { default as useKeyPress } from './useKeyPress/useKeyPress';
+export { default as useGetApiData } from './useGetApiData/useGetApiData';
+export { default as useGetDataBound } from './useGetDataBound/useGetDataBound';
+export { default as useFormControlType } from './useFormControlType/useFormControlType';
+export { default as useLocalStorageState } from './useLocalStorageState/useLocalStorageState';
+export { default as useSearchQuery } from './useSearchQuery/useSearchQuery';
+export { default as useSearchQueryState } from './useSearchQueryState/useSearchQueryState';
+export { default as useEmployeePhotoPath } from './useEmployeePhotoPath/useEmployeePhotoPath';
+export { default as useClipboard } from './useClipboard/useClipboard';
+export { default as useGetApiDataBound } from './useGetApiDataBound/useGetApiDataBound';
+export { default as useWindowSize } from './useWindowSize/useWindowSize';

package/dist/hooks/useAuth/hooks/useDevAuth.d.ts

@@ -0,0 +1,7 @@
+declare const useDevAuth: () => {
+    isAuthenticated: () => boolean;
+    login: (kid: string, password: string) => Promise<string | null>;
+    logout: () => void;
+    getToken: () => string | null;
+};
+export default useDevAuth;

package/dist/hooks/useAuth/hooks/useMsalAuth.d.ts

@@ -0,0 +1,8 @@
+declare const useMsalAuth: () => {
+    isAuthenticated: () => boolean;
+    isAuthenticating: () => boolean;
+    login: () => Promise<string | null>;
+    logout: () => void;
+    getToken: () => Promise<string | null>;
+};
+export default useMsalAuth;

package/dist/hooks/useAuth/useAuth.d.ts

@@ -0,0 +1,8 @@
+declare const useAuth: () => {
+    isAuthenticated: () => boolean;
+    isAuthenticating: () => boolean;
+    getToken: (() => string | null) | (() => Promise<string | null>);
+    login: (kid: string, password: string) => Promise<string | null>;
+    logout: () => void;
+};
+export default useAuth;

package/dist/hooks/useAxios/useAxios.d.ts

@@ -0,0 +1,13 @@
+import { CancelTokenStatic } from 'axios';
+
+export declare const cancelToken: CancelTokenStatic;
+type Config = {
+    authenticated?: boolean;
+    differentBaseUrl?: string;
+    silent?: boolean;
+    customToken?: string;
+    ignoreDelegation?: boolean;
+    noToastOnStatus?: number[];
+};
+export declare const useAxios: (useAxiosConfig?: Config) => import('axios').AxiosInstance;
+export {};

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+
+declare const useClickOutside: (refs: RefObject<HTMLElement>[], callback: () => void) => void;
+export default useClickOutside;

package/dist/hooks/useClipboard/useClipboard.d.ts

@@ -0,0 +1,4 @@
+declare const useClipboard: () => {
+    copyToClipboard: (content: string) => Promise<void>;
+};
+export default useClipboard;

package/dist/hooks/useConfirm/useConfirm.d.ts

@@ -0,0 +1,8 @@
+declare const useConfirm: () => {
+    confirm: (t: string) => Promise<unknown>;
+    onConfirm: () => void;
+    onCancel: () => void;
+    show: boolean;
+    text: string;
+};
+export default useConfirm;

package/dist/hooks/useEmployeePhotoPath/useEmployeePhotoPath.d.ts

@@ -0,0 +1,5 @@
+declare const useEmployeePhotoPath: (employeeId: number) => {
+    photoPath: string;
+    photoPathSm: string;
+};
+export default useEmployeePhotoPath;

package/dist/hooks/useFormControlType/useFormControlType.d.ts

@@ -0,0 +1,2 @@
+declare const useFormControlType: (type: "number" | "text" | "password" | "date" | "datetime-local" | "time", currentValue: string | null, isFocused: boolean) => "number" | "time" | "text" | "password" | "date" | "datetime-local";
+export default useFormControlType;

package/dist/hooks/useGetApiData/useGetApiData.d.ts

@@ -0,0 +1,9 @@
+import { UseGetApiDataOptions } from '../../models/index';
+import { GenericAbortSignal } from 'axios';
+
+declare const useGetApiData: <T>(uri: string, { loadOnInit, enabled, silent, nullStateBeforeLoad, nullStateOnFail, customApiUrl, customBearerToken, dataTransformer, }?: UseGetApiDataOptions<T>) => {
+    data: T | null;
+    setData: import('react').Dispatch<import('react').SetStateAction<T | null>>;
+    reloadData: (signal?: GenericAbortSignal, loadCallCount?: number) => Promise<void>;
+};
+export default useGetApiData;

package/dist/hooks/useGetApiDataBound/useGetApiDataBound.d.ts

@@ -0,0 +1,9 @@
+import { UseGetApiDataOptions } from '../../models/index';
+import { GenericAbortSignal } from 'axios';
+
+declare const useGetApiDataBound: <T>(uri: string, { loadOnInit, enabled, silent, nullStateBeforeLoad, nullStateOnFail, customApiUrl, customBearerToken, dataTransformer, errorBoundaryOn404, }?: UseGetApiDataOptions<T>) => {
+    data: T | null;
+    setData: import('react').Dispatch<import('react').SetStateAction<T | null>>;
+    reloadData: (signal?: GenericAbortSignal, loadCallCount?: number) => Promise<void>;
+};
+export default useGetApiDataBound;

package/dist/hooks/useGetDataBound/useGetDataBound.d.ts

@@ -0,0 +1,4 @@
+import { default as UseGetDataBoundOptions } from '../../models/types/UseGetDataBoundOptions';
+
+declare function useGetDataBound<T>(url: string, options?: UseGetDataBoundOptions): T | null;
+export default useGetDataBound;

package/dist/hooks/useKeyPress/useKeyPress.d.ts

@@ -0,0 +1,2 @@
+declare const useKeyPress: (handleKeyPress: (e: KeyboardEvent) => void) => void;
+export default useKeyPress;

package/dist/hooks/useLocalStorageState/useLocalStorageState.d.ts

@@ -0,0 +1,2 @@
+declare const useLocalStorageState: <T>(key: string, initialValue: T) => readonly [T, import('react').Dispatch<import('react').SetStateAction<T>>, () => void];
+export default useLocalStorageState;

package/dist/hooks/useNotifications/useNotifications.d.ts

@@ -0,0 +1,4 @@
+declare const useNotifications: () => {
+    addNotification: (message: string, type: "success" | "info" | "danger" | "warning" | "prompt") => void;
+};
+export default useNotifications;

package/dist/hooks/usePermissions/usePermissions.d.ts

@@ -0,0 +1,4 @@
+declare const usePermissions: () => {
+    checkUserHasPermissions: (permissions: string[], mode?: "all" | "any") => boolean;
+};
+export default usePermissions;

package/dist/hooks/usePrompt/usePrompt.d.ts

@@ -0,0 +1,9 @@
+import { default as PromptOptions } from '../../models/types/PromptOptions';
+
+declare const usePrompt: () => {
+    isShown: boolean;
+    text: string;
+    prompt: (t: string, options?: PromptOptions) => Promise<string | null>;
+    onFinish: (userResponse: string | null) => void;
+};
+export default usePrompt;

package/dist/hooks/useSearchQuery/useSearchQuery.d.ts

@@ -0,0 +1,5 @@
+declare const useSearchQuery: () => {
+    searchParams: URLSearchParams;
+    setSearch: (name: string, value: string | null) => void;
+};
+export default useSearchQuery;

package/dist/hooks/useSearchQueryState/useSearchQueryState.d.ts

@@ -0,0 +1,16 @@
+import { default as ToLiteral } from '../../models/types/ToLiteral';
+import { SetStateAction } from 'react';
+
+type SupportedTypes = number | string | boolean | null | object;
+/**
+ * Setting two states at once results in unexpected behaviour. For that case use react-router-dom setSearchParams of useSearchParams
+ * It might not always return correct state for Union of different types or numbers in string (for example '50' returns as 50).
+ * @template T type to apply to returned state and parameter of setState
+ * @param paramKey key by which the value gets saved in query param
+ * @param defaultState value of state if query param is absent or invalid
+ * @param typeOverride brute forces type to always be this type
+ * @returns [T extends SupportedTypes, (newState: T) => void]
+ * @todo fix a bug when you call setState on 2 different queryStates at once - it doesn't set up values properly; seems to be problem with setSearch - it doesn't get updated and second setState is called stale; #USQSdup
+ */
+declare const useSearchQueryState: <T extends SupportedTypes>(paramKey: string, defaultState: T, typeOverride?: ToLiteral<SupportedTypes>) => readonly [T, (newValue: SetStateAction<T> | T) => void];
+export default useSearchQueryState;

package/dist/hooks/useWindowSize/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare const useWindowSize: () => {
+    width: number;
+    height: number;
+    isMobile: boolean;
+};
+export default useWindowSize;

package/dist/hooks/useZodSchemaTypes/useZodSchemaTypes.d.ts

@@ -0,0 +1,83 @@
+import { z } from 'zod';
+
+type CustomTypeProps = {
+    useCoerce?: boolean;
+};
+type StringTypeProps = CustomTypeProps & {
+    email?: boolean;
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    numeric?: boolean;
+    regex?: RegExp;
+};
+type NumberTypeProps = CustomTypeProps & {
+    min?: number;
+    max?: number;
+};
+type ZFileProps = {
+    required: boolean;
+    multiple: boolean;
+    maxFileSize: number;
+};
+declare const useZodSchemaTypes: () => {
+    zString: (props?: StringTypeProps) => z.ZodEffects<z.ZodOptional<z.ZodNullable<z.ZodEffects<z.ZodString, string, string>>>, string | null, string | null | undefined>;
+    zStringRequired: (props?: StringTypeProps) => z.ZodEffects<z.ZodString, string, string>;
+    zNumber: (props?: NumberTypeProps) => z.ZodEffects<z.ZodOptional<z.ZodNullable<z.ZodNumber>>, number | null, number | null | undefined>;
+    zNumberRequired: (props?: NumberTypeProps) => z.ZodNumber;
+    zBool: (props?: CustomTypeProps) => z.ZodEffects<z.ZodBoolean, boolean, boolean>;
+    zDate: (props?: CustomTypeProps) => z.ZodEffects<z.ZodNullable<z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>>, string | null, string | null>;
+    zDateRequired: (props?: CustomTypeProps) => z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
+    zEnum: (options: [string, ...string[]], props?: CustomTypeProps) => z.ZodEffects<z.ZodNullable<z.ZodEffects<z.ZodEnum<[string, ...string[]]>, string, string>>, string | null, string | null>;
+    zEnumRequired: (options: [string, ...string[]], _props?: CustomTypeProps) => z.ZodEffects<z.ZodEnum<[string, ...string[]]>, string, string>;
+    zObjectIdInt: (_props?: CustomTypeProps) => z.ZodEffects<z.ZodNullable<z.ZodObject<{
+        id: z.ZodEffects<z.ZodOptional<z.ZodNullable<z.ZodNumber>>, number | null, number | null | undefined>;
+    }, "strip", z.ZodTypeAny, {
+        id: number | null;
+    }, {
+        id?: number | null | undefined;
+    }>>, {
+        id: number | null;
+    } | null, {
+        id?: number | null | undefined;
+    } | null>;
+    zObjectIdIntRequired: (_props?: CustomTypeProps) => z.ZodEffects<z.ZodObject<{
+        id: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        id: number;
+    }, {
+        id: number;
+    }>, {
+        id: number;
+    }, {
+        id: number;
+    }>;
+    zObjectIdStr: (_props?: CustomTypeProps) => z.ZodEffects<z.ZodNullable<z.ZodObject<{
+        id: z.ZodEffects<z.ZodOptional<z.ZodNullable<z.ZodEffects<z.ZodString, string, string>>>, string | null, string | null | undefined>;
+    }, "strip", z.ZodTypeAny, {
+        id: string | null;
+    }, {
+        id?: string | null | undefined;
+    }>>, {
+        id: string | null;
+    } | null, {
+        id?: string | null | undefined;
+    } | null>;
+    zObjectIdStrRequired: (_props?: CustomTypeProps) => z.ZodEffects<z.ZodObject<{
+        id: z.ZodEffects<z.ZodString, string, string>;
+    }, "strip", z.ZodTypeAny, {
+        id: string;
+    }, {
+        id: string;
+    }>, {
+        id: string;
+    }, {
+        id: string;
+    }>;
+    zFile: <T extends ZFileProps>({ required, multiple, maxFileSize }: T) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodAny, File[], any>, File[], any>, File[], any>, File[], any>, (T extends {
+        multiple: true;
+    } ? File[] : File) | (T extends {
+        required: false;
+    } ? null : never), any>;
+};
+export default useZodSchemaTypes;

package/dist/hooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./nivo-bar.es-CRYH7xvU.cjs"),q=require("./useWindowSize-CE6DJWzn.cjs"),T=require("./usePermissions-DihYt5eO.cjs"),d=require("./useClipboard-DryTYSx9.cjs"),x=require("./useGetApiData-C6zACwiC.cjs"),c=require("react"),B=require("./useLocalStorageState-BFc8Gc8H.cjs");require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");const G=r=>{let e="pending",a;const t=r.then(s=>{e="success",a=s},s=>{e="error",a=s});return()=>{switch(e){case"pending":throw t;case"success":return a;case"error":throw a;default:throw new Error("Unknown status")}}};function L(r,e){const a=u.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[t,s]=c.useState(null);return c.useEffect(()=>{(async()=>{const n=a.get(r).then(o=>o.data);s(G(n))})()},[a,r]),t}const E=(r,e,a)=>{let t="pending",s;const l=r.then(n=>{t="success",s=n},n=>{const o=n==null?void 0:n.response;(o==null?void 0:o.status)===404&&a?(t="error-404",s=n):(t="error",s=n)});return()=>{switch(t){case"pending":throw l;case"success":return s;case"error":return null;case"error-404":throw new Error("404");default:throw new Error("Unknown status")}}},i={loadOnInit:!0,silent:!1,enabled:!0,nullStateBeforeLoad:!0,nullStateOnFail:!1},O=(r,{loadOnInit:e=i.loadOnInit,enabled:a=i.enabled,silent:t=i.silent,nullStateBeforeLoad:s=i.nullStateBeforeLoad,nullStateOnFail:l=i.nullStateOnFail,customApiUrl:n,customBearerToken:o,dataTransformer:h,errorBoundaryOn404:S}=i)=>{const g=u.useAxios({silent:t,customToken:o,differentBaseUrl:n,noToastOnStatus:S?[404]:void 0}),{startLoading:w,stopLoading:D}=c.useContext(u.LoadingContext),P=c.useRef(0),{isAuthenticated:y}=u.useAuth(),[b,m]=c.useState(null),p=c.useCallback(async(f,A)=>{if(!y()||a===!1)return;!t&&w(`loadData-${r}-${A}`),s&&m(null);const k=g.get(r,{signal:f}).then(C=>h?h(C.data):C.data).finally(()=>!t&&D(`loadData-${r}-${A}`));m(E(k,l??!1,S??!1))},[y,a,t,w,r,s,g,h,D,l,S]);return c.useEffect(()=>{if(e===!1)return;const f=new AbortController;return p(f.signal,++P.current),()=>{f.abort()}},[p,e]),{data:b,setData:m,reloadData:p}};exports.cancelToken=u.cancelToken;exports.useAuth=u.useAuth;exports.useAxios=u.useAxios;exports.useConfirm=u.useConfirm;exports.useFormControlType=u.useFormControlType;exports.useNotifications=u.useNotifications;exports.usePrompt=u.usePrompt;exports.useZodSchemaTypes=u.useZodSchemaTypes;exports.useClickOutside=q.useClickOutside;exports.useWindowSize=q.useWindowSize;exports.usePermissions=T.usePermissions;exports.useClipboard=d.useClipboard;exports.useEmployeePhotoPath=d.useEmployeePhotoPath;exports.useKeyPress=d.useKeyPress;exports.useSearchQuery=d.useSearchQuery;exports.useSearchQueryState=d.useSearchQueryState;exports.useGetApiData=x.useGetApiData;exports.useLocalStorageState=B.useLocalStorageState;exports.useGetApiDataBound=O;exports.useGetDataBound=L;

package/dist/hooks.d.ts

@@ -0,0 +1 @@
+export * from './hooks/index'

package/dist/hooks.es.js

@@ -0,0 +1,132 @@
+import { ar as S, at as L, aR as P } from "./nivo-bar.es-BOyWsBHc.js";
+import { bo as Z, aq as j, af as H, au as J, ap as M, bp as V } from "./nivo-bar.es-BOyWsBHc.js";
+import { a as Y, u as _ } from "./useWindowSize-OLYtjFv_.js";
+import { u as et } from "./usePermissions-Cc0AEowc.js";
+import { u as at, d as ot, a as rt, b as nt, c as ut } from "./useClipboard-C2Sg-iQl.js";
+import { u as lt } from "./useGetApiData-B96N9VL2.js";
+import { useState as b, useEffect as C, useContext as T, useRef as U, useCallback as $ } from "react";
+import { u as ft } from "./useLocalStorageState-Bt99kkCr.js";
+import "react-router-dom";
+import "react-hook-form";
+import "react-flexmonster";
+import "@azure/msal-browser";
+import "@azure/msal-react";
+const B = (o) => {
+  let t = "pending", a;
+  const e = o.then((s) => {
+    t = "success", a = s;
+  }, (s) => {
+    t = "error", a = s;
+  });
+  return () => {
+    switch (t) {
+      case "pending":
+        throw e;
+      case "success":
+        return a;
+      case "error":
+        throw a;
+      default:
+        throw new Error("Unknown status");
+    }
+  };
+};
+function z(o, t) {
+  const a = S({
+    silent: !0,
+    differentBaseUrl: t == null ? void 0 : t.customBaseUrl,
+    customToken: t == null ? void 0 : t.customToken
+  }), [e, s] = b(null);
+  return C(() => {
+    (async () => {
+      const r = a.get(o).then((n) => n.data);
+      s(B(r));
+    })();
+  }, [a, o]), e;
+}
+const E = (o, t, a) => {
+  let e = "pending", s;
+  const c = o.then((r) => {
+    e = "success", s = r;
+  }, (r) => {
+    const n = r == null ? void 0 : r.response;
+    (n == null ? void 0 : n.status) === 404 && a ? (e = "error-404", s = r) : (e = "error", s = r);
+  });
+  return () => {
+    switch (e) {
+      case "pending":
+        throw c;
+      case "success":
+        return s;
+      case "error":
+        return null;
+      case "error-404":
+        throw new Error("404");
+      default:
+        throw new Error("Unknown status");
+    }
+  };
+}, u = {
+  loadOnInit: !0,
+  silent: !1,
+  enabled: !0,
+  nullStateBeforeLoad: !0,
+  nullStateOnFail: !1
+}, I = (o, { loadOnInit: t = u.loadOnInit, enabled: a = u.enabled, silent: e = u.silent, nullStateBeforeLoad: s = u.nullStateBeforeLoad, nullStateOnFail: c = u.nullStateOnFail, customApiUrl: r, customBearerToken: n, dataTransformer: i, errorBoundaryOn404: f } = u) => {
+  const p = S({
+    silent: e,
+    customToken: n,
+    differentBaseUrl: r,
+    noToastOnStatus: f ? [404] : void 0
+  }), { startLoading: h, stopLoading: w } = T(L), k = U(0), { isAuthenticated: g } = P(), [y, d] = b(null), m = $(async (l, D) => {
+    if (!g() || a === !1)
+      return;
+    !e && h(`loadData-${o}-${D}`), s && d(null);
+    const A = p.get(o, {
+      signal: l
+    }).then((x) => i ? i(x.data) : x.data).finally(() => !e && w(`loadData-${o}-${D}`));
+    d(E(A, c ?? !1, f ?? !1));
+  }, [
+    g,
+    a,
+    e,
+    h,
+    o,
+    s,
+    p,
+    i,
+    w,
+    c,
+    f
+  ]);
+  return C(() => {
+    if (t === !1)
+      return;
+    const l = new AbortController();
+    return m(l.signal, ++k.current), () => {
+      l.abort();
+    };
+  }, [m, t]), { data: y, setData: d, reloadData: m };
+};
+export {
+  Z as cancelToken,
+  P as useAuth,
+  S as useAxios,
+  Y as useClickOutside,
+  at as useClipboard,
+  j as useConfirm,
+  ot as useEmployeePhotoPath,
+  H as useFormControlType,
+  lt as useGetApiData,
+  I as useGetApiDataBound,
+  z as useGetDataBound,
+  rt as useKeyPress,
+  ft as useLocalStorageState,
+  J as useNotifications,
+  et as usePermissions,
+  M as usePrompt,
+  nt as useSearchQuery,
+  ut as useSearchQueryState,
+  _ as useWindowSize,
+  V as useZodSchemaTypes
+};

package/dist/layout/FullScreenContainer/FullScreenContainer.d.ts

@@ -0,0 +1,4 @@
+import { ContainerProps } from '../../models/index';
+
+declare const FullScreenContainer: ({ title, children, sideContent, sideContentWidth, noPadding, className, helmet, }: ContainerProps) => import("react").JSX.Element;
+export default FullScreenContainer;

package/dist/layout/MainContainer/MainContainer.d.ts

@@ -0,0 +1,4 @@
+import { ContainerProps } from '../../models/index';
+
+declare const MainContainer: ({ title, children, sideContent, sideContentWidth, noPadding, className, helmet, }: ContainerProps) => import("react").JSX.Element;
+export default MainContainer;

package/dist/layout/PageContainer/PageContainer.d.ts

@@ -0,0 +1,4 @@
+import { default as PageContainerProps } from '../../models/prop-types/PageContainerProps';
+
+declare const PageContainer: ({ title, children, sideContent, sideContentWidth, noPadding, className, variant, helmet, }: PageContainerProps) => import("react").JSX.Element;
+export default PageContainer;

package/dist/layout/PageTitle/PageTitle.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    title: string | ReactNode;
+};
+declare const PageTitle: ({ title }: Props) => import("react").JSX.Element;
+export default PageTitle;

package/dist/layout/SideContentBar/SideContentBar.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    width: number;
+    children?: ReactNode;
+};
+declare const SideContentBar: ({ width, children }: Props) => import("react").JSX.Element;
+export default SideContentBar;

package/dist/layout/SideMenu/MenuItem/MenuItem.d.ts

@@ -0,0 +1,14 @@
+import { MenuItemTypeExtended } from '../../../models/index';
+
+type Props = {
+    item: MenuItemTypeExtended;
+    menuExpanded: boolean;
+    collapsed: boolean;
+    onCollapse: () => void;
+    currentPath: string;
+    useHover: boolean;
+    useTooltips: boolean;
+    isMobile: boolean;
+};
+declare const MenuItem: ({ item, menuExpanded, collapsed, onCollapse, currentPath, useHover, useTooltips, isMobile, }: Props) => import("react").JSX.Element;
+export default MenuItem;

package/dist/layout/SideMenu/SideMenu.d.ts

@@ -0,0 +1,15 @@
+import { MenuItemType } from '../../models/index';
+
+type Props = {
+    headerItem: React.ReactNode;
+    searchItem?: React.ReactNode;
+    mainItems: MenuItemType[];
+    secondaryItems: MenuItemType[];
+    expanded: boolean;
+    setExpanded: (expanded: boolean) => void;
+    currentPath: string;
+    useHover: boolean;
+    useTooltips: boolean;
+};
+declare const SideMenu: ({ headerItem, searchItem, mainItems, secondaryItems, expanded, setExpanded, currentPath, useHover, useTooltips, }: Props) => import("react").JSX.Element;
+export default SideMenu;

package/dist/layout/TopBar/TopBar.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    appName: string;
+    leftOffset?: number;
+    centerContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+};
+declare const TopBar: ({ appName, leftOffset, centerContent, rightContent }: Props) => import("react").JSX.Element;
+export default TopBar;

package/dist/layout/index.d.ts

@@ -0,0 +1,6 @@
+export { default as SideMenu } from './SideMenu/SideMenu';
+export { default as TopBar } from './TopBar/TopBar';
+export { default as SideContentBar } from './SideContentBar/SideContentBar';
+export { default as MainContainer } from './MainContainer/MainContainer';
+export { default as FullScreenContainer } from './FullScreenContainer/FullScreenContainer';
+export { default as PageContainer } from './PageContainer/PageContainer';

package/dist/layout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./nivo-bar.es-CRYH7xvU.cjs"),d=require("react"),g=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const P=require("./SimpleTooltip-B20SNN2b.cjs");require("@azure/msal-browser");require("@azure/msal-react");const y=require("./useWindowSize-CE6DJWzn.cjs"),S=require("./usePermissions-DihYt5eO.cjs"),f=require("./FullScreenContainer-wS-hROzA.cjs"),k="_side-menu-item_1o1uo_1",I="_disabled_1o1uo_6",w="_nav-button_1o1uo_10",z="_child_1o1uo_18",q="_text_1o1uo_23",T="_icon_1o1uo_30",L="_collapse-icon_1o1uo_36",$="_collapsed_1o1uo_46",F="_collapse-icon-mini_1o1uo_49",O="_expanded_1o1uo_80",A="_children-container_1o1uo_86",K="_visible_1o1uo_94",D="_children_1o1uo_86",H="_mobile_1o1uo_106",o={"side-menu-item":"_side-menu-item_1o1uo_1",sideMenuItem:k,disabled:I,"nav-button":"_nav-button_1o1uo_10",navButton:w,child:z,text:q,icon:T,"collapse-icon":"_collapse-icon_1o1uo_36",collapseIcon:L,collapsed:$,"collapse-icon-mini":"_collapse-icon-mini_1o1uo_49",collapseIconMini:F,expanded:O,"children-container":"_children-container_1o1uo_86",childrenContainer:A,visible:K,children:D,mobile:H},U=({item:n,menuExpanded:t,useTooltips:i,children:r})=>n.tooltip&&!t&&i?e.jsxRuntimeExports.jsx(P.SimpleTooltip,{text:n.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:r})}):r,C=({item:n,menuExpanded:t,collapsed:i,onCollapse:r,currentPath:l,useHover:u,useTooltips:x,isMobile:a})=>{var M,v,N,h;const[p,_]=d.useState(!1),[b]=l.split("?"),m=n.linkTo===b||((M=n.children)==null?void 0:M.some(s=>s.linkTo===b)),E=d.useRef(null);return y.useClickOutside([E],()=>i&&r()),e.jsxRuntimeExports.jsxs("li",{ref:E,className:e.classNames("luminus-side-menu-item",o.sideMenuItem,{[o.mobile]:a},{[o.expanded]:t},{active:p||m},{open:i&&n.children},{[o.disabled]:n.disabled||n.notPermitted||((v=n.children)==null?void 0:v.every(s=>s.notPermitted||s.disabled))},{disabled:n.disabled||n.notPermitted||((N=n.children)==null?void 0:N.every(s=>s.notPermitted||s.disabled))}),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[e.jsxRuntimeExports.jsx(U,{item:n,menuExpanded:t,useTooltips:x,children:n.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",o.navButton),onClick:()=>{r()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:n.icon}),!u&&!t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",o.collapseIconMini,{[o.collapsed]:i}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",o.collapseIcon,{[o.collapsed]:i}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(g.Link,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link",o.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",o.icon),children:n.icon}),t&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:n.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",o.childrenContainer,{[o.visible]:i}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",o.children),children:(h=n.children)==null?void 0:h.map(s=>e.jsxRuntimeExports.jsx(g.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link child rounded",o.navButton,o.child,{[o.disabled]:s.disabled||s.notPermitted},{disabled:s.disabled||s.notPermitted}),onClick:r,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",o.text,"text-nowrap"),children:s.title})},s.linkTo))})})]})},W="_side-menu_15z3o_1",G="_sidebar-header_15z3o_13",J="_side-menu-content_15z3o_20",Q="_expand_15z3o_24",V="_only-logo_15z3o_28",X="_mobile_15z3o_31",Y="_divider_15z3o_45",j={"side-menu":"_side-menu_15z3o_1",sideMenu:W,"sidebar-header":"_sidebar-header_15z3o_13",sidebarHeader:G,"side-menu-content":"_side-menu-content_15z3o_20",sideMenuContent:J,expand:Q,"only-logo":"_only-logo_15z3o_28",onlyLogo:V,mobile:X,divider:Y},Z=({headerItem:n,searchItem:t,mainItems:i,secondaryItems:r,expanded:l,setExpanded:u,currentPath:x,useHover:a,useTooltips:p})=>{const[_,b]=d.useState(-1),{checkUserHasPermissions:m}=S.usePermissions(),E=d.useMemo(()=>i.map(s=>{var c;return{...s,notPermitted:!m(s.permissions??[],"any"),children:(c=s.children)==null?void 0:c.map(R=>({...R,notPermitted:!m(R.permissions??[],"any"),disabled:s.disabled||R.disabled}))}}),[i,m]),M=d.useMemo(()=>r.map(s=>{var c;return{...s,notPermitted:!m(s.permissions??[],"any"),children:(c=s.children)==null?void 0:c.map(R=>({...R,notPermitted:!m(R.permissions??[],"any")}))}}),[r,m]),v=s=>{b(s===_?-1:s)};d.useEffect(()=>{l||b(-1)},[l]);const N=d.useRef(null);y.useClickOutside([N],()=>u(!1));const{isMobile:h}=y.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:N,className:e.classNames("luminus-side-menu shadow",j.sideMenu,{[j.mobile]:h},{[j.expand]:l},{expand:l}),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",j.sidebarHeader,{[j.onlyLogo]:a}),role:a?void 0:"button",onClick:a?void 0:()=>u(!l),children:a?n:l?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),n]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),e.jsxRuntimeExports.jsxs("ul",{className:j.sideMenuContent,children:[t?e.jsxRuntimeExports.jsx("div",{className:"p-3",children:t}):null,E.map((s,c)=>e.jsxRuntimeExports.jsx(C,{item:s,menuExpanded:l,collapsed:c===_,onCollapse:()=>v(c),currentPath:x,useHover:a,useTooltips:p,isMobile:h},s.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",j.divider)}),M.map((s,c)=>e.jsxRuntimeExports.jsx(C,{item:s,menuExpanded:l,collapsed:c===_,onCollapse:()=>v(c),currentPath:x,useHover:a,useTooltips:p,isMobile:h},s.title))]})]})},ee="_top-bar_1usoa_1",se="_top-bar-brand_1usoa_13",B={"top-bar":"_top-bar_1usoa_1",topBar:ee,"top-bar-brand":"_top-bar-brand_1usoa_13",topBarBrand:se},ne=({appName:n,leftOffset:t,centerContent:i,rightContent:r})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow gap-1 gap-lg-3",B.topBar),style:{width:t?`calc(100% - ${t}px)`:void 0,left:t?`${t}px`:void 0},children:[e.jsxRuntimeExports.jsx(g.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",B.topBarBrand),children:n}),i&&e.jsxRuntimeExports.jsx("div",{children:i}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center",children:r??null})]}),oe=({title:n,children:t,sideContent:i,sideContentWidth:r=250,noPadding:l,className:u,helmet:x})=>{const{addHelmet:a,removeHelmet:p}=d.useContext(e.HelmetContext);return d.useEffect(()=>(x?a(x):typeof n=="string"&&n&&a(n),()=>p()),[x,a,p,n]),e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",l?"p-0":"p-3",u),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:i?`${r}px`:void 0},children:[n?e.jsxRuntimeExports.jsx(e.PageTitle,{title:n}):null,t]}),i&&e.jsxRuntimeExports.jsx(e.SideContentBar,{width:r,children:i})]})};exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.FullScreenContainer=f.FullScreenContainer;exports.MainContainer=oe;exports.SideMenu=Z;exports.TopBar=ne;

package/dist/layout.d.ts

@@ -0,0 +1 @@
+export * from './layout/index'