react-luminus-components 1.3.91 → 1.3.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.vite/manifest.json +67 -67
- package/dist/{FullScreenContainer-DalqTwrK.js → FullScreenContainer-BnvbSoSr.js} +1 -1
- package/dist/{FullScreenContainer-BHOMIeza.cjs → FullScreenContainer-Dm4izup4.cjs} +1 -1
- package/dist/{Loading-BDj5dLz0.js → Loading-Bm3Iv3H3.js} +1 -1
- package/dist/{Loading-BgYSq3VS.cjs → Loading-CsYv-VDW.cjs} +1 -1
- package/dist/{ResponsiveContextDropdown-ZEwJJoab.cjs → ResponsiveContextDropdown-DLQMl2C6.cjs} +6 -6
- package/dist/{ResponsiveContextDropdown-D7dyws1-.js → ResponsiveContextDropdown-fovafsKV.js} +6 -6
- package/dist/{SimpleTooltip-sYuU_O38.cjs → SimpleTooltip-BBLTU6y3.cjs} +1 -1
- package/dist/{SimpleTooltip-BLerwS-Y.js → SimpleTooltip-p2WXJzAO.js} +1 -1
- package/dist/contexts.cjs.js +1 -1
- package/dist/contexts.es.js +3 -3
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.es.js +5 -5
- package/dist/layout.cjs.js +1 -1
- package/dist/layout.es.js +78 -78
- package/dist/main.cjs.js +1 -1
- package/dist/main.es.js +8 -8
- package/dist/{searchUtils-GR6YgdCs.cjs → searchUtils-DA5h2G17.cjs} +1 -1
- package/dist/{searchUtils-DuVe5YHX.js → searchUtils-f0DKhMZR.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useClipboard-Cn05DXm8.js → useClipboard-CPlivHR2.js} +1 -1
- package/dist/{useClipboard-BdDtrG_v.cjs → useClipboard-EqP0zdYa.cjs} +1 -1
- package/dist/{useGetApiData-BhzRnuk9.js → useGetApiData-BXAI8fbw.js} +1 -1
- package/dist/{useGetApiData-DFCqg0Qo.cjs → useGetApiData-DII3t7Pb.cjs} +1 -1
- package/dist/{usePermissions-MVy72H28.cjs → usePermissions-BOLipHMq.cjs} +1 -1
- package/dist/{usePermissions-DpgiUP05.js → usePermissions-CXHI-KBK.js} +1 -1
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +4 -4
- package/package.json +1 -1
package/dist/{ResponsiveContextDropdown-D7dyws1-.js → ResponsiveContextDropdown-fovafsKV.js}
RENAMED
|
@@ -13714,17 +13714,17 @@ const Hk = "_item_1dy8x_1", Vk = {
|
|
|
13714
13714
|
[a ?? ""]: a
|
|
13715
13715
|
}, { [jl.withoutLabel]: s.withoutLabel }), children: t }));
|
|
13716
13716
|
aC.displayName = "FloatingLabelInput";
|
|
13717
|
-
const oC = "_row-label-
|
|
13718
|
-
"row-label-input": "_row-label-
|
|
13717
|
+
const oC = "_row-label-input_1wurk_1", sC = "_label_1wurk_4", cC = "_input-container_1wurk_9", uC = "_invalid-feedback_1wurk_104", lC = "_keep-check-label_1wurk_132", dC = "_is-invalid_1wurk_160", Wa = {
|
|
13718
|
+
"row-label-input": "_row-label-input_1wurk_1",
|
|
13719
13719
|
rowLabelInput: oC,
|
|
13720
13720
|
label: sC,
|
|
13721
|
-
"input-container": "_input-
|
|
13721
|
+
"input-container": "_input-container_1wurk_9",
|
|
13722
13722
|
inputContainer: cC,
|
|
13723
|
-
"invalid-feedback": "_invalid-
|
|
13723
|
+
"invalid-feedback": "_invalid-feedback_1wurk_104",
|
|
13724
13724
|
invalidFeedback: uC,
|
|
13725
|
-
"keep-check-label": "_keep-check-
|
|
13725
|
+
"keep-check-label": "_keep-check-label_1wurk_132",
|
|
13726
13726
|
keepCheckLabel: lC,
|
|
13727
|
-
"is-invalid": "_is-
|
|
13727
|
+
"is-invalid": "_is-invalid_1wurk_160",
|
|
13728
13728
|
isInvalid: dC
|
|
13729
13729
|
}, Jc = Oi(({ hidden: e, children: t, className: n, isInvalid: r, isForRadioInput: i, isForTextAreaInput: a, inputContainerClassName: o, ...s }, c) => /* @__PURE__ */ v.jsxs("div", { ref: c, className: se("luminus-row-label row gx-0 gy-0", { "is-invalid": r }, { [Wa.isInvalid]: r }, { [n ?? ""]: n }, { "d-none": e }, Wa.rowLabelInput), children: [
|
|
13730
13730
|
!s.withoutLabel && /* @__PURE__ */ v.jsx("label", { className: se("label col-6", { "col-12": a }, Wa.label), children: /* @__PURE__ */ v.jsx(Uk, { variant: "form-label", className: r ? "text-danger" : "", children: s.label }) }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const o=require("./ResponsiveContextDropdown-
|
|
1
|
+
"use strict";const o=require("./ResponsiveContextDropdown-DLQMl2C6.cjs"),i=({text:e,placement:t,children:s})=>o.jsxRuntimeExports.jsx(o.OverlayTrigger,{placement:t,overlay:o.jsxRuntimeExports.jsx(o.Tooltip,{className:"luminus-tooltip",children:e}),children:s});exports.SimpleTooltip=i;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as o, a0 as a, bO as e } from "./ResponsiveContextDropdown-
|
|
1
|
+
import { j as o, a0 as a, bO as e } from "./ResponsiveContextDropdown-fovafsKV.js";
|
|
2
2
|
const l = ({ text: s, placement: r, children: t }) => /* @__PURE__ */ o.jsx(a, { placement: r, overlay: /* @__PURE__ */ o.jsx(e, { className: "luminus-tooltip", children: s }), children: t });
|
|
3
3
|
export {
|
|
4
4
|
l as S
|
package/dist/contexts.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-DLQMl2C6.cjs"),t=require("react"),v=require("@azure/msal-browser"),w=require("@azure/msal-react");require("react-router-dom");require("react-hook-form");require("react-flexmonster");const b=require("./Loading-CsYv-VDW.cjs"),k=require("./useGetApiData-DII3t7Pb.cjs"),I=require("./useLocalStorageState-BFc8Gc8H.cjs");function P(s){const u=e.toDate(s);return u.setHours(23,59,59,999),u}function T(){return P(Date.now())}function M(s,u){const n=+e.toDate(s),[o,r]=[+e.toDate(u.start),+e.toDate(u.end)].sort((a,i)=>a-i);return n>=o&&n<=r}function A(){return e.startOfDay(Date.now())}const O=({children:s})=>{const[u,n]=t.useState(!1),[o,r]=t.useState(""),a=t.useCallback(c=>{n(!0),r(c)},[]),i=t.useCallback(()=>{n(!1)},[]),l=t.useMemo(()=>({show:u,text:o,showConfirm:a,hideConfirm:i}),[u,o,a,i]);return e.jsxRuntimeExports.jsxs(e.ConfirmContext.Provider,{value:l,children:[e.jsxRuntimeExports.jsx(F,{}),s]})},N=()=>{const{texts:{confirm:s}}=t.useContext(e.LuminusComponentsContext),{isShown:u,text:n,onFinish:o}=e.usePrompt(),{options:r}=t.useContext(e.PromptContext),[a,i]=t.useState(r.defaultValue??""),l=t.useCallback(()=>{o(null)},[o]),c=t.useCallback(f=>{f.preventDefault(),!(r.required&&!a)&&o(a)},[o,r.required,a]);t.useEffect(()=>{u===!0&&i(r.defaultValue??"")},[u,r.defaultValue]);const d=t.useMemo(()=>({value:a,onChange:f=>i(f.currentTarget.value),className:"w-100",autoFocus:!0,tabIndex:0}),[a]);return e.jsxRuntimeExports.jsxs(e.Modal,{show:u,size:"sm",centered:!0,onHide:l,children:[e.jsxRuntimeExports.jsx(e.Modal.Header,{className:"justify-content-center",children:e.jsxRuntimeExports.jsx(e.Modal.Title,{children:n})}),e.jsxRuntimeExports.jsxs("form",{onSubmit:c,children:[e.jsxRuntimeExports.jsxs(e.Modal.Body,{children:[r.input==="textarea"?e.jsxRuntimeExports.jsx("textarea",{...d,rows:5}):void 0,r.input==="input"?e.jsxRuntimeExports.jsx(e.FormControl,{...d,type:r.type}):void 0]}),e.jsxRuntimeExports.jsxs(e.Modal.Footer,{className:"w-100 d-flex gap-5",children:[e.jsxRuntimeExports.jsx(e.PrimaryButton,{variant:"outlined",color:"secondary",onClick:l,className:"flex-grow-1",children:s.cancel}),e.jsxRuntimeExports.jsx(e.PrimaryButton,{color:"primary",disabled:r.required&&!a,type:"submit",className:"flex-grow-1",children:s.confirm})]})]})]})},U=({children:s})=>{const[u,n]=t.useState(!1),[o,r]=t.useState(""),[a,i]=t.useState({input:"textarea",type:"text"}),l=t.useRef(()=>{}),c=t.useCallback(C=>{r(C),n(!0)},[]),d=t.useCallback(()=>{n(!1)},[]),f=t.useMemo(()=>({isShown:u,text:o,showPrompt:c,hidePrompt:d,resolveRef:l,options:a,setOptions:i}),[u,o,c,d,a]);return e.jsxRuntimeExports.jsxs(e.PromptContext.Provider,{value:f,children:[s,e.jsxRuntimeExports.jsx(N,{})]})},G=({cookieDomain:s,axiosOptions:u,language:n,texts:o,ProjectIconComponent:r,localizationContext:a,chartColorPalette:i,children:l})=>{const c=t.useMemo(()=>({axiosOptions:u,cookieDomain:s,language:n,texts:o,ProjectIconComponent:r,localizationContext:a,chartColorPalette:i}),[u,s,n,r,a,o,i]);return e.jsxRuntimeExports.jsx(e.LuminusComponentsContext.Provider,{value:c,children:e.jsxRuntimeExports.jsx(O,{children:e.jsxRuntimeExports.jsxs(U,{children:[e.jsxRuntimeExports.jsx(e.Ie,{}),l]})})})},q=({children:s})=>{const[u,n]=t.useState(!1),[o]=t.useState(new Set),r=t.useCallback(l=>{o.add(l),n(!0)},[o]),a=t.useCallback(l=>{o.delete(l),o.size===0&&n(!1)},[o]),i=t.useMemo(()=>({isLoading:u,startLoading:r,stopLoading:a}),[u,r,a]);return e.jsxRuntimeExports.jsxs(e.LoadingContext.Provider,{value:i,children:[u&&e.jsxRuntimeExports.jsx(b.Loading,{}),s]})},_=({children:s})=>{const u=e.useAxios(),{msalInstance:n}=t.useContext(e.AuthContext),{delegation:o,setDelegation:r,setAvailableDelegations:a,refreshAvailableDelegations:i}=t.useContext(e.DelegationContext),{getToken:l}=e.useAuth(),[c,d]=t.useState(null),f=t.useCallback(async()=>{const x=await l();x&&d(x)},[l]);t.useEffect(()=>{f()},[f]);const p=t.useCallback(()=>{const x=localStorage.getItem("user")??null;return x?JSON.parse(x??""):null},[])(),[E,h]=t.useState({state:p?e.LoginState.LOGGED_IN:e.LoginState.LOGGING_IN,user:p}),L=t.useCallback(async x=>{let m=null;return await u.get("/user/detail",x?{headers:{Authorization:`Bearer ${x}`}}:void 0).then(S=>{m=S.data}).catch(()=>{m=null}),m},[u]),R=t.useCallback(()=>{localStorage.removeItem("user"),h({state:e.LoginState.LOGGED_OUT,user:null}),r(null),a(null)},[a,r]),j=t.useCallback(async x=>{h({state:e.LoginState.LOGGING_IN,user:null});const m=await L(x);return m?(h({state:e.LoginState.LOGGED_IN,user:m}),localStorage.setItem("user",JSON.stringify(m)),await i(),!0):(h({state:e.LoginState.LOGIN_FAILED,user:null}),!1)},[L,i]),g=t.useCallback(()=>{R()},[R]);t.useEffect(()=>{if(n){const x=n.addEventCallback(m=>{if(m.eventType===v.EventType.LOGIN_SUCCESS&&m.payload){const S=m.payload;d(S.accessToken)}});return()=>{x&&n.removeEventCallback(x)}}return()=>{}},[n,j,g]);const y=t.useCallback(async x=>{x&&await j(x).catch(()=>{g(),r(null)})},[j,g,r]);t.useEffect(()=>{y(c)},[c,o==null?void 0:o.id,y]);const D=t.useMemo(()=>({user:E.user,userLoginState:E,loginUser:j,logoutUser:g}),[E,j,g]);return e.jsxRuntimeExports.jsx(e.UserContext.Provider,{value:D,children:s})},B=({...s})=>{const{cookieDomain:u}=t.useContext(e.LuminusComponentsContext),[,n]=e.useCookies(["Authorization"]),o=t.useMemo(()=>({useMsal:s.useMsal??!1,msalInstance:s.useMsal?s.msalInstance??null:null,msalScopes:s.useMsal?s.msalScopes??[]:[]}),[s]);return t.useEffect(()=>{if(s.useMsal){const r=s.msalInstance.addEventCallback(a=>{if(a.eventType===v.EventType.LOGIN_SUCCESS||a.eventType===v.EventType.ACQUIRE_TOKEN_SUCCESS&&a.payload){const i=a.payload,l=i.account;s.msalInstance.setActiveAccount(l);const c=i.accessToken,d=i.expiresOn;n("Authorization",c,{path:"/",secure:!0,sameSite:"none",domain:u,expires:d??void 0})}a.error&&console.error("AuthProvider MSAL Error",a)});return()=>{r&&s.msalInstance.removeEventCallback(r)}}return()=>{}},[s,n,u]),e.jsxRuntimeExports.jsx(e.AuthContext.Provider,{value:o,children:s.useMsal?e.jsxRuntimeExports.jsx(w.MsalProvider,{instance:s.msalInstance,children:s.children}):s.children})},z=({children:s,relativeEndpoint:u})=>{const[n,o,r]=I.useLocalStorageState("user-delegation",null),a=t.useMemo(()=>{if(!n)return null;const C=n.from?e.parseISO(n.from):A(),p=n.to?e.parseISO(n.to):T();return M(new Date(Date.now()),{start:C,end:p})?n:(o(null),null)},[n,o]),{data:i,setData:l,reloadData:c}=k.useGetApiData(u,{nullStateBeforeLoad:!1,nullStateOnFail:!0}),d=t.useRef(null);t.useEffect(()=>{const C=()=>{c(),d.current=window.setTimeout(C,e.msToStartOfNextDay()+5e3)};return C(),()=>{d.current!==null&&window.clearTimeout(d.current)}},[c]),t.useEffect(()=>{const C=()=>{r()};return window.addEventListener("focus",C),()=>{window.removeEventListener("focus",C)}},[r,c]);const f=t.useMemo(()=>({delegation:a,setDelegation:o,availableDelegations:i,setAvailableDelegations:l,refreshAvailableDelegations:c}),[a,o,i,l,c]);return e.jsxRuntimeExports.jsx(e.DelegationContext.Provider,{value:f,children:s})},F=()=>{const{texts:{confirm:s}}=t.useContext(e.LuminusComponentsContext),{onConfirm:u,onCancel:n,text:o,show:r}=e.useConfirm();return e.jsxRuntimeExports.jsxs(e.Modal,{show:r,size:"sm",centered:!0,onHide:n,children:[e.jsxRuntimeExports.jsx(e.Modal.Header,{className:"justify-content-center",children:e.jsxRuntimeExports.jsx(e.Modal.Title,{children:o})}),e.jsxRuntimeExports.jsx(e.Modal.Body,{children:e.jsxRuntimeExports.jsxs("div",{className:"w-100 d-flex gap-5",children:[e.jsxRuntimeExports.jsx(e.PrimaryButton,{type:"button",variant:"outlined",color:"secondary",className:"w-100",onClick:n,children:s.no}),e.jsxRuntimeExports.jsx(e.PrimaryButton,{type:"button",color:"primary",onClick:u,className:"w-100 ml",children:s.yes})]})})]})};exports.AuthContext=e.AuthContext;exports.DelegationContext=e.DelegationContext;exports.LoadingContext=e.LoadingContext;exports.LuminusComponentsContext=e.LuminusComponentsContext;exports.UserContext=e.UserContext;exports.AuthProvider=B;exports.DelegationProvider=z;exports.LoadingProvider=q;exports.LuminusComponentsProvider=G;exports.UserProvider=_;
|
package/dist/contexts.es.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { t as b, b9 as B, j as r, ba as F, a3 as T, a_ as H, bb as U, ae as g, aZ as q, a4 as L, bc as V, aQ as J, as as Q, ay as _, bd as M, az as K, aB as w, aA as W, be as Z, aO as G, bf as $, aS as X } from "./ResponsiveContextDropdown-
|
|
1
|
+
import { t as b, b9 as B, j as r, ba as F, a3 as T, a_ as H, bb as U, ae as g, aZ as q, a4 as L, bc as V, aQ as J, as as Q, ay as _, bd as M, az as K, aB as w, aA as W, be as Z, aO as G, bf as $, aS as X } from "./ResponsiveContextDropdown-fovafsKV.js";
|
|
2
2
|
import { useState as v, useCallback as d, useMemo as S, useContext as y, useEffect as C, useRef as R } from "react";
|
|
3
3
|
import { EventType as P } from "@azure/msal-browser";
|
|
4
4
|
import { MsalProvider as Y } from "@azure/msal-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-hook-form";
|
|
7
7
|
import "react-flexmonster";
|
|
8
|
-
import { L as ee } from "./Loading-
|
|
9
|
-
import { u as te } from "./useGetApiData-
|
|
8
|
+
import { L as ee } from "./Loading-Bm3Iv3H3.js";
|
|
9
|
+
import { u as te } from "./useGetApiData-BXAI8fbw.js";
|
|
10
10
|
import { u as se } from "./useLocalStorageState-Bt99kkCr.js";
|
|
11
11
|
function ne(e) {
|
|
12
12
|
const a = b(e);
|
package/dist/hooks.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ResponsiveContextDropdown-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./ResponsiveContextDropdown-DLQMl2C6.cjs"),u=require("./useClipboard-EqP0zdYa.cjs"),l=require("./usePermissions-BOLipHMq.cjs"),m=require("./useGetApiData-DII3t7Pb.cjs"),c=require("react"),d=require("./useLocalStorageState-BFc8Gc8H.cjs"),h=a=>{let e="pending",t;const o=a.then(r=>{e="success",t=r},r=>{e="error",t=r});return()=>{switch(e){case"pending":throw o;case"success":return t;case"error":throw t;default:throw new Error("Unknown status")}}};function S(a,e){const t=s.useAxios({silent:!0,differentBaseUrl:e==null?void 0:e.customBaseUrl,customToken:e==null?void 0:e.customToken}),[o,r]=c.useState(null);return c.useEffect(()=>{(async()=>{const n=t.get(a).then(i=>i.data);r(h(n))})()},[t,a]),o}exports.cancelToken=s.cancelToken;exports.useAuth=s.useAuth;exports.useAxios=s.useAxios;exports.useConfirm=s.useConfirm;exports.useFormControlType=s.useFormControlType;exports.useNotifications=s.useNotifications;exports.usePrompt=s.usePrompt;exports.useZodSchemaTypes=s.useZodSchemaTypes;exports.useClickOutside=u.useClickOutside;exports.useClipboard=u.useClipboard;exports.useEmployeePhotoPath=u.useEmployeePhotoPath;exports.useKeyPress=u.useKeyPress;exports.useSearchQuery=u.useSearchQuery;exports.useSearchQueryState=u.useSearchQueryState;exports.usePermissions=l.usePermissions;exports.useGetApiData=m.useGetApiData;exports.useLocalStorageState=d.useLocalStorageState;exports.useGetDataBound=S;
|
package/dist/hooks.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { as as c } from "./ResponsiveContextDropdown-
|
|
2
|
-
import { bg as S, az as g, aS as y, aF as w, aR as k, a_ as D, bh as P } from "./ResponsiveContextDropdown-
|
|
3
|
-
import { b, u as C, e as A, a as B, c as E, d as U } from "./useClipboard-
|
|
4
|
-
import { u as G } from "./usePermissions-
|
|
5
|
-
import { u as z } from "./useGetApiData-
|
|
1
|
+
import { as as c } from "./ResponsiveContextDropdown-fovafsKV.js";
|
|
2
|
+
import { bg as S, az as g, aS as y, aF as w, aR as k, a_ as D, bh as P } from "./ResponsiveContextDropdown-fovafsKV.js";
|
|
3
|
+
import { b, u as C, e as A, a as B, c as E, d as U } from "./useClipboard-CPlivHR2.js";
|
|
4
|
+
import { u as G } from "./usePermissions-CXHI-KBK.js";
|
|
5
|
+
import { u as z } from "./useGetApiData-BXAI8fbw.js";
|
|
6
6
|
import { useState as n, useEffect as m } from "react";
|
|
7
7
|
import { u as L } from "./useLocalStorageState-Bt99kkCr.js";
|
|
8
8
|
const f = (t) => {
|
package/dist/layout.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResponsiveContextDropdown-DLQMl2C6.cjs"),j=require("react"),N=require("react-router-dom");require("react-hook-form");require("react-flexmonster");const M=require("./SimpleTooltip-BBLTU6y3.cjs");require("@azure/msal-browser");require("@azure/msal-react");const B=require("./usePermissions-BOLipHMq.cjs"),b=require("./FullScreenContainer-Dm4izup4.cjs"),k="_side-menu-item_4dpnz_1",C="_disabled_4dpnz_6",z="_nav-button_4dpnz_10",P="_child_4dpnz_18",S="_text_4dpnz_22",y="_icon_4dpnz_29",I="_collapse-icon_4dpnz_35",T="_collapsed_4dpnz_45",g="_expanded_4dpnz_52",q="_children-container_4dpnz_58",w="_visible_4dpnz_66",H="_children_4dpnz_58",i={"side-menu-item":"_side-menu-item_4dpnz_1",sideMenuItem:k,disabled:C,"nav-button":"_nav-button_4dpnz_10",navButton:z,child:P,text:S,icon:y,"collapse-icon":"_collapse-icon_4dpnz_35",collapseIcon:I,collapsed:T,expanded:g,"children-container":"_children-container_4dpnz_58",childrenContainer:q,visible:w,children:H},L=({item:s,menuExpanded:o,children:a})=>s.tooltip&&!o?e.jsxRuntimeExports.jsx(M.SimpleTooltip,{text:s.tooltip,placement:"right",children:a}):a,R=({item:s,menuExpanded:o,collapsed:a,onCollapse:r,currentPath:l})=>{var h,v,m,t;const[c,u]=j.useState(!1),[p]=l.split("?"),d=s.linkTo===p||((h=s.children)==null?void 0:h.some(n=>n.linkTo===p));return e.jsxRuntimeExports.jsxs("li",{className:e.classNames("luminus-side-menu-item",i.sideMenuItem,{[i.expanded]:o},{active:c||d},{open:a&&s.children},{[i.disabled]:s.disabled||s.notPermitted||((v=s.children)==null?void 0:v.every(n=>n.notPermitted||n.disabled))},{disabled:s.disabled||s.notPermitted||((m=s.children)==null?void 0:m.every(n=>n.notPermitted||n.disabled))}),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),children:[e.jsxRuntimeExports.jsx(L,{item:s,menuExpanded:o,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",i.navButton),onClick:()=>r(),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",i.collapseIcon,{[i.collapsed]:a}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(N.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",i.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",i.icon),children:s.icon}),o&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",i.childrenContainer,{[i.visible]:a}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",i.children),children:(t=s.children)==null?void 0:t.map(n=>e.jsxRuntimeExports.jsx(N.Link,{to:n.disabled||n.notPermitted?"/":n.linkTo??"/",className:e.classNames("nav-link child rounded",i.navButton,i.child,{[i.disabled]:n.disabled||n.notPermitted},{disabled:n.disabled||n.notPermitted}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",i.text,"text-nowrap"),children:n.title})},n.linkTo))})})]})},$="_side-menu_n1hvm_1",f="_sidebar-header_n1hvm_13",F="_side-menu-content_n1hvm_18",A="_expand_n1hvm_22",D="_divider_n1hvm_26",_={"side-menu":"_side-menu_n1hvm_1",sideMenu:$,"sidebar-header":"_sidebar-header_n1hvm_13",sidebarHeader:f,"side-menu-content":"_side-menu-content_n1hvm_18",sideMenuContent:F,expand:A,divider:D},K=({headerItem:s,mainItems:o,secondaryItems:a,expanded:r,setExpanded:l,currentPath:c})=>{const[u,p]=j.useState(-1),{checkUserHasPermissions:d}=B.usePermissions(),h=j.useMemo(()=>o.map(t=>{var n;return{...t,notPermitted:!d(t.permissions??[],"any"),children:(n=t.children)==null?void 0:n.map(x=>({...x,notPermitted:!d(x.permissions??[],"any"),disabled:t.disabled||x.disabled}))}}),[o,d]),v=j.useMemo(()=>a.map(t=>{var n;return{...t,notPermitted:!d(t.permissions??[],"any"),children:(n=t.children)==null?void 0:n.map(x=>({...x,notPermitted:!d(x.permissions??[],"any")}))}}),[a,d]),m=t=>{p(t===u?-1:t)};return j.useEffect(()=>{r||p(-1)},[r]),e.jsxRuntimeExports.jsxs("section",{className:e.classNames("luminus-side-menu shadow",_.sideMenu,{[_.expand]:r},{expand:r}),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",_.sidebarHeader),children:s}),e.jsxRuntimeExports.jsxs("ul",{className:_.sideMenuContent,children:[h.map((t,n)=>e.jsxRuntimeExports.jsx(R,{item:t,menuExpanded:r,collapsed:n===u,onCollapse:()=>m(n),currentPath:c},t.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",_.divider)}),v.map((t,n)=>e.jsxRuntimeExports.jsx(R,{item:t,menuExpanded:r,collapsed:n===u,onCollapse:()=>m(n),currentPath:c},t.title))]})]})},U="_top-bar_1lk80_1",G="_top-bar-brand_1lk80_14",E={"top-bar":"_top-bar_1lk80_1",topBar:U,"top-bar-brand":"_top-bar-brand_1lk80_14",topBarBrand:G},J=({appName:s,leftOffset:o,centerContent:a,rightContent:r})=>e.jsxRuntimeExports.jsxs("nav",{className:e.classNames("luminus-top-bar shadow",E.topBar),style:{width:o?`calc(100% - ${o}px)`:void 0,left:o?`${o}px`:void 0},children:[e.jsxRuntimeExports.jsx(N.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",E.topBarBrand),children:s}),a&&e.jsxRuntimeExports.jsx("div",{children:a}),e.jsxRuntimeExports.jsx("div",{className:"d-flex justify-content-end align-items-center gap-2",children:r??null})]}),O=({title:s,children:o,sideContent:a,sideContentWidth:r=250,noPadding:l,className:c})=>e.jsxRuntimeExports.jsxs("div",{className:e.classNames("container-fluid",l?"p-0":"p-3",c),children:[e.jsxRuntimeExports.jsxs("div",{style:{paddingRight:a?`${r}px`:void 0},children:[s?e.jsxRuntimeExports.jsx(b.PageTitle,{title:s}):null,o]}),a&&e.jsxRuntimeExports.jsx(b.SideContentBar,{width:r,children:a})]});exports.FullScreenContainer=b.FullScreenContainer;exports.SideContentBar=b.SideContentBar;exports.MainContainer=O;exports.SideMenu=K;exports.TopBar=J;
|
package/dist/layout.es.js
CHANGED
|
@@ -1,124 +1,124 @@
|
|
|
1
|
-
import { j as e, c as
|
|
2
|
-
import { useState as B, useMemo as
|
|
1
|
+
import { j as e, c as d, ad as k } from "./ResponsiveContextDropdown-fovafsKV.js";
|
|
2
|
+
import { useState as B, useMemo as N, useEffect as P } from "react";
|
|
3
3
|
import { Link as j } from "react-router-dom";
|
|
4
4
|
import "react-hook-form";
|
|
5
5
|
import "react-flexmonster";
|
|
6
|
-
import { S as I } from "./SimpleTooltip-
|
|
6
|
+
import { S as I } from "./SimpleTooltip-p2WXJzAO.js";
|
|
7
7
|
import "@azure/msal-browser";
|
|
8
8
|
import "@azure/msal-react";
|
|
9
|
-
import { u as y } from "./usePermissions-
|
|
10
|
-
import { P as C, S as f } from "./FullScreenContainer-
|
|
11
|
-
import { F as
|
|
12
|
-
const
|
|
13
|
-
"side-menu-item": "_side-menu-
|
|
14
|
-
sideMenuItem:
|
|
15
|
-
disabled:
|
|
16
|
-
"nav-button": "_nav-
|
|
17
|
-
navButton:
|
|
18
|
-
child:
|
|
19
|
-
text:
|
|
20
|
-
icon:
|
|
21
|
-
"collapse-icon": "_collapse-
|
|
22
|
-
collapseIcon:
|
|
23
|
-
collapsed:
|
|
24
|
-
expanded:
|
|
25
|
-
"children-container": "_children-
|
|
26
|
-
childrenContainer:
|
|
27
|
-
visible:
|
|
28
|
-
children:
|
|
29
|
-
},
|
|
30
|
-
var
|
|
31
|
-
const [
|
|
32
|
-
return /* @__PURE__ */ e.jsxs("li", { className:
|
|
33
|
-
[
|
|
34
|
-
}, { active:
|
|
35
|
-
[
|
|
9
|
+
import { u as y } from "./usePermissions-CXHI-KBK.js";
|
|
10
|
+
import { P as C, S as f } from "./FullScreenContainer-BnvbSoSr.js";
|
|
11
|
+
import { F as pe } from "./FullScreenContainer-BnvbSoSr.js";
|
|
12
|
+
const w = "_side-menu-item_4dpnz_1", g = "_disabled_4dpnz_6", T = "_nav-button_4dpnz_10", S = "_child_4dpnz_18", H = "_text_4dpnz_22", $ = "_icon_4dpnz_29", E = "_collapse-icon_4dpnz_35", F = "_collapsed_4dpnz_45", L = "_expanded_4dpnz_52", R = "_children-container_4dpnz_58", A = "_visible_4dpnz_66", K = "_children_4dpnz_58", t = {
|
|
13
|
+
"side-menu-item": "_side-menu-item_4dpnz_1",
|
|
14
|
+
sideMenuItem: w,
|
|
15
|
+
disabled: g,
|
|
16
|
+
"nav-button": "_nav-button_4dpnz_10",
|
|
17
|
+
navButton: T,
|
|
18
|
+
child: S,
|
|
19
|
+
text: H,
|
|
20
|
+
icon: $,
|
|
21
|
+
"collapse-icon": "_collapse-icon_4dpnz_35",
|
|
22
|
+
collapseIcon: E,
|
|
23
|
+
collapsed: F,
|
|
24
|
+
expanded: L,
|
|
25
|
+
"children-container": "_children-container_4dpnz_58",
|
|
26
|
+
childrenContainer: R,
|
|
27
|
+
visible: A,
|
|
28
|
+
children: K
|
|
29
|
+
}, U = ({ item: n, menuExpanded: o, children: a }) => n.tooltip && !o ? /* @__PURE__ */ e.jsx(I, { text: n.tooltip, placement: "right", children: a }) : a, M = ({ item: n, menuExpanded: o, collapsed: a, onCollapse: r, currentPath: c }) => {
|
|
30
|
+
var x, b, h, i;
|
|
31
|
+
const [p, _] = B(!1), [m] = c.split("?"), l = n.linkTo === m || ((x = n.children) == null ? void 0 : x.some((s) => s.linkTo === m));
|
|
32
|
+
return /* @__PURE__ */ e.jsxs("li", { className: d("luminus-side-menu-item", t.sideMenuItem, {
|
|
33
|
+
[t.expanded]: o
|
|
34
|
+
}, { active: p || l }, { open: a && n.children }, {
|
|
35
|
+
[t.disabled]: n.disabled || n.notPermitted || ((b = n.children) == null ? void 0 : b.every((s) => s.notPermitted || s.disabled))
|
|
36
36
|
}, {
|
|
37
|
-
disabled: n.disabled || n.notPermitted || ((
|
|
38
|
-
}), onMouseEnter: () =>
|
|
39
|
-
/* @__PURE__ */ e.jsx(
|
|
40
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
41
|
-
o && /* @__PURE__ */ e.jsx("div", { className:
|
|
42
|
-
o && /* @__PURE__ */ e.jsx("div", { className:
|
|
43
|
-
[
|
|
37
|
+
disabled: n.disabled || n.notPermitted || ((h = n.children) == null ? void 0 : h.every((s) => s.notPermitted || s.disabled))
|
|
38
|
+
}), onMouseEnter: () => _(!0), onMouseLeave: () => _(!1), children: [
|
|
39
|
+
/* @__PURE__ */ e.jsx(U, { item: n, menuExpanded: o, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: d("nav-link", t.navButton), onClick: () => r(), children: [
|
|
40
|
+
/* @__PURE__ */ e.jsx("div", { className: d("icon", t.icon), children: n.icon }),
|
|
41
|
+
o && /* @__PURE__ */ e.jsx("div", { className: d("text", t.text, "text-nowrap"), children: n.title }),
|
|
42
|
+
o && /* @__PURE__ */ e.jsx("div", { className: d("collapse-icon", t.collapseIcon, {
|
|
43
|
+
[t.collapsed]: a
|
|
44
44
|
}), children: /* @__PURE__ */ e.jsx(k, {}) })
|
|
45
|
-
] }) }) : /* @__PURE__ */ e.jsxs(j, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className:
|
|
46
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
47
|
-
o && /* @__PURE__ */ e.jsx("div", { className:
|
|
45
|
+
] }) }) : /* @__PURE__ */ e.jsxs(j, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: d("nav-link", t.navButton), children: [
|
|
46
|
+
/* @__PURE__ */ e.jsx("div", { className: d("icon", t.icon), children: n.icon }),
|
|
47
|
+
o && /* @__PURE__ */ e.jsx("div", { className: d("text", t.text, "text-nowrap"), children: n.title })
|
|
48
48
|
] }) }),
|
|
49
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
50
|
-
[
|
|
51
|
-
}), children: /* @__PURE__ */ e.jsx("div", { className:
|
|
49
|
+
/* @__PURE__ */ e.jsx("div", { className: d("children-container", t.childrenContainer, {
|
|
50
|
+
[t.visible]: a
|
|
51
|
+
}), children: /* @__PURE__ */ e.jsx("div", { className: d("shadow rounded children", t.children), children: (i = n.children) == null ? void 0 : i.map((s) => /* @__PURE__ */ e.jsx(j, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: d("nav-link child rounded", t.navButton, t.child, { [t.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: d("text", t.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
|
|
52
52
|
] });
|
|
53
|
-
},
|
|
53
|
+
}, q = "_side-menu_n1hvm_1", D = "_sidebar-header_n1hvm_13", G = "_side-menu-content_n1hvm_18", J = "_expand_n1hvm_22", Q = "_divider_n1hvm_26", v = {
|
|
54
54
|
"side-menu": "_side-menu_n1hvm_1",
|
|
55
|
-
sideMenu:
|
|
55
|
+
sideMenu: q,
|
|
56
56
|
"sidebar-header": "_sidebar-header_n1hvm_13",
|
|
57
57
|
sidebarHeader: D,
|
|
58
58
|
"side-menu-content": "_side-menu-content_n1hvm_18",
|
|
59
59
|
sideMenuContent: G,
|
|
60
60
|
expand: J,
|
|
61
61
|
divider: Q
|
|
62
|
-
}, oe = ({ headerItem: n, mainItems: o, secondaryItems:
|
|
63
|
-
const [
|
|
62
|
+
}, oe = ({ headerItem: n, mainItems: o, secondaryItems: a, expanded: r, setExpanded: c, currentPath: p }) => {
|
|
63
|
+
const [_, m] = B(-1), { checkUserHasPermissions: l } = y(), x = N(() => o.map((i) => {
|
|
64
64
|
var s;
|
|
65
65
|
return {
|
|
66
|
-
...
|
|
67
|
-
notPermitted: !l(
|
|
68
|
-
children: (s =
|
|
69
|
-
...
|
|
70
|
-
notPermitted: !l(
|
|
71
|
-
disabled:
|
|
66
|
+
...i,
|
|
67
|
+
notPermitted: !l(i.permissions ?? [], "any"),
|
|
68
|
+
children: (s = i.children) == null ? void 0 : s.map((u) => ({
|
|
69
|
+
...u,
|
|
70
|
+
notPermitted: !l(u.permissions ?? [], "any"),
|
|
71
|
+
disabled: i.disabled || u.disabled
|
|
72
72
|
}))
|
|
73
73
|
};
|
|
74
|
-
}), [o, l]),
|
|
74
|
+
}), [o, l]), b = N(() => a.map((i) => {
|
|
75
75
|
var s;
|
|
76
76
|
return {
|
|
77
|
-
...
|
|
78
|
-
notPermitted: !l(
|
|
79
|
-
children: (s =
|
|
80
|
-
...
|
|
81
|
-
notPermitted: !l(
|
|
77
|
+
...i,
|
|
78
|
+
notPermitted: !l(i.permissions ?? [], "any"),
|
|
79
|
+
children: (s = i.children) == null ? void 0 : s.map((u) => ({
|
|
80
|
+
...u,
|
|
81
|
+
notPermitted: !l(u.permissions ?? [], "any")
|
|
82
82
|
}))
|
|
83
83
|
};
|
|
84
|
-
}), [
|
|
85
|
-
|
|
84
|
+
}), [a, l]), h = (i) => {
|
|
85
|
+
m(i === _ ? -1 : i);
|
|
86
86
|
};
|
|
87
87
|
return P(() => {
|
|
88
|
-
r ||
|
|
89
|
-
}, [r]), /* @__PURE__ */ e.jsxs("section", { className:
|
|
90
|
-
[
|
|
88
|
+
r || m(-1);
|
|
89
|
+
}, [r]), /* @__PURE__ */ e.jsxs("section", { className: d("luminus-side-menu shadow", v.sideMenu, {
|
|
90
|
+
[v.expand]: r
|
|
91
91
|
}, { expand: r }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), children: [
|
|
92
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
93
|
-
/* @__PURE__ */ e.jsxs("ul", { className:
|
|
94
|
-
|
|
95
|
-
/* @__PURE__ */ e.jsx("hr", { className:
|
|
96
|
-
|
|
92
|
+
/* @__PURE__ */ e.jsx("div", { className: d("sidebar-header", v.sidebarHeader), children: n }),
|
|
93
|
+
/* @__PURE__ */ e.jsxs("ul", { className: v.sideMenuContent, children: [
|
|
94
|
+
x.map((i, s) => /* @__PURE__ */ e.jsx(M, { item: i, menuExpanded: r, collapsed: s === _, onCollapse: () => h(s), currentPath: p }, i.title)),
|
|
95
|
+
/* @__PURE__ */ e.jsx("hr", { className: d("divider", v.divider) }),
|
|
96
|
+
b.map((i, s) => /* @__PURE__ */ e.jsx(M, { item: i, menuExpanded: r, collapsed: s === _, onCollapse: () => h(s), currentPath: p }, i.title))
|
|
97
97
|
] })
|
|
98
98
|
] });
|
|
99
|
-
}, V = "_top-bar_1lk80_1", X = "_top-bar-brand_1lk80_14",
|
|
99
|
+
}, V = "_top-bar_1lk80_1", X = "_top-bar-brand_1lk80_14", z = {
|
|
100
100
|
"top-bar": "_top-bar_1lk80_1",
|
|
101
101
|
topBar: V,
|
|
102
102
|
"top-bar-brand": "_top-bar-brand_1lk80_14",
|
|
103
103
|
topBarBrand: X
|
|
104
|
-
},
|
|
104
|
+
}, ae = ({ appName: n, leftOffset: o, centerContent: a, rightContent: r }) => /* @__PURE__ */ e.jsxs("nav", { className: d("luminus-top-bar shadow", z.topBar), style: {
|
|
105
105
|
width: o ? `calc(100% - ${o}px)` : void 0,
|
|
106
106
|
left: o ? `${o}px` : void 0
|
|
107
107
|
}, children: [
|
|
108
|
-
/* @__PURE__ */ e.jsx(j, { to: "/", className:
|
|
109
|
-
|
|
108
|
+
/* @__PURE__ */ e.jsx(j, { to: "/", className: d("luminus-top-bar-brand", z.topBarBrand), children: n }),
|
|
109
|
+
a && /* @__PURE__ */ e.jsx("div", { children: a }),
|
|
110
110
|
/* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: r ?? null })
|
|
111
|
-
] }), re = ({ title: n, children: o, sideContent:
|
|
112
|
-
/* @__PURE__ */ e.jsxs("div", { style: { paddingRight:
|
|
111
|
+
] }), re = ({ title: n, children: o, sideContent: a, sideContentWidth: r = 250, noPadding: c, className: p }) => /* @__PURE__ */ e.jsxs("div", { className: d("container-fluid", c ? "p-0" : "p-3", p), children: [
|
|
112
|
+
/* @__PURE__ */ e.jsxs("div", { style: { paddingRight: a ? `${r}px` : void 0 }, children: [
|
|
113
113
|
n ? /* @__PURE__ */ e.jsx(C, { title: n }) : null,
|
|
114
114
|
o
|
|
115
115
|
] }),
|
|
116
|
-
|
|
116
|
+
a && /* @__PURE__ */ e.jsx(f, { width: r, children: a })
|
|
117
117
|
] });
|
|
118
118
|
export {
|
|
119
|
-
|
|
119
|
+
pe as FullScreenContainer,
|
|
120
120
|
re as MainContainer,
|
|
121
121
|
f as SideContentBar,
|
|
122
122
|
oe as SideMenu,
|
|
123
|
-
|
|
123
|
+
ae as TopBar
|
|
124
124
|
};
|