@tap-payments/os-micro-frontend-shared 0.3.253 → 0.3.254
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/build/_chunks/{chunk-BHUTYBAK.js → chunk-4NINOW63.js} +1 -1
- package/build/_chunks/{chunk-DFH5QS2C.js → chunk-7334DRAA.js} +1 -1
- package/build/_chunks/chunk-BRCNFB3B.js +1 -0
- package/build/_chunks/{chunk-YGEN2NPL.js → chunk-HGDT6YZH.js} +1 -1
- package/build/_chunks/{chunk-MVWBQNBX.js → chunk-IKIW6OQ5.js} +1 -1
- package/build/_chunks/{chunk-YAO5SBRE.js → chunk-LQ33YPRK.js} +1 -1
- package/build/_chunks/{chunk-GPLYYFGL.js → chunk-WHGEKLCO.js} +1 -1
- package/build/_chunks/{chunk-DRWSBTEH.js → chunk-YLRNRXRM.js} +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/AppWindowWrapper/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/JSONViewer/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/ListHeader/types.d.ts +2 -0
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- package/build/components/SearchButton/SearchButton.d.ts +2 -7
- package/build/components/SearchButton/constants.d.ts +37 -0
- package/build/components/SearchButton/icons.d.ts +3 -0
- package/build/components/SearchButton/index.d.ts +3 -2
- package/build/components/SearchButton/index.js +1 -1
- package/build/components/SearchButton/{styles.d.ts → style.d.ts} +173 -173
- package/build/components/SearchButton/type.d.ts +28 -0
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/TableReports/index.js +1 -1
- package/build/components/TreeDropdown/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/VirtualTables/index.js +1 -1
- package/build/components/Widget/index.js +1 -1
- package/build/components/index.d.ts +1 -1
- package/build/components/index.js +1 -1
- package/build/datetime/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +1 -1
- package/build/_chunks/chunk-3TTOSX76.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {n}from'./chunk-JLL4EOYJ.js';import {p,B,d,r}from'./chunk-4Y2COEZC.js';import {_b,Bc,Mb}from'./chunk-CZWXKHO7.js';import {We,im,_e,Jj,Ye,Ze}from'./chunk-2GSUGMI7.js';import {memo,useCallback,useState,useId,useReducer,useEffect}from'react';import {useTranslation}from'react-i18next';import {motion,AnimatePresence}from'framer-motion';import Vo from'@mui/material/CircularProgress';import U from'@mui/material/LinearProgress';import Qo from'@mui/material/Popper';import $ from'dayjs';import {styled,Box,alpha,CircularProgress}from'@mui/material';import {jsxs,jsx}from'react/jsx-runtime';import {styled as styled$1}from'@mui/material/styles';var no=styled(motion.div,{shouldForwardProp:o=>!["notificationState","open","loading","ready","failed"].includes(o)})(({theme:o,notificationState:n,open:a,loading:r,ready:p,failed:t})=>({position:"relative",border:`1px solid ${o.palette.divider}`,padding:"0 8px",height:32,borderRadius:"4px",display:"flex",alignItems:"center",overflow:"hidden",fontSize:"11px",fontWeight:500,color:o.palette.text.primary,transition:"width 2s ease-in-out",cursor:"pointer",...(n?.success||n?.failed)&&!r&&!p&&!t&&{"&:after":{content:'""',width:7,height:7,backgroundColor:n?.failed?o.palette.common.red:o.palette.success.dark,borderRadius:"50%",position:"absolute",top:5,border:`1px solid ${o.palette.common.white}`,right:6}},...a&&{border:`1px solid ${o.palette.info.dark}`,boxShadow:o.shadows[7]}})),io=styled(Box)(()=>({position:"relative"})),ao=styled(Box)(({theme:o})=>({background:o.palette.common.white,boxShadow:o.shadows[9],borderRadius:"4px",marginTop:"8px"})),po=styled(Box)(({theme:o})=>({background:o.palette.background.transparent[2],backdropFilter:"blur(2px)",color:o.palette.text.primary,fontSize:"11px",fontWeight:500,height:31,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",overflow:"hidden",borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"})),so=styled(Box)(({theme:o})=>({display:"flex",alignItems:"center",gap:"8px",padding:"5.5px 8px",minHeight:48,height:"auto",borderBottom:`1px solid ${o.palette.divider}`,cursor:"pointer","&:hover":{boxShadow:o.shadows[3]}})),lo=styled("img")(()=>({width:16,height:16,objectFit:"contain",flexShrink:0,display:"block"})),co=styled(Box)(()=>({display:"flex",flexDirection:"column",gap:"2px"})),mo=styled(Box)(()=>({display:"flex",alignItems:"center",justifyContent:"space-between",flex:1})),uo=styled(Box)(({theme:o})=>({fontSize:"11px",color:o.palette.text.primary,fontWeight:500,wordBreak:"break-all",paddingInlineEnd:"8px"})),fo=styled(Box)(({theme:o})=>({fontSize:"9px",color:o.palette.text.textSecondary,fontWeight:600})),go=styled(Box)(({theme:o})=>({display:"flex",alignItems:"center",gap:"8px",height:32,padding:"4px 8px",borderBottom:`1px solid ${o.palette.divider}`,cursor:"pointer","&:hover":{boxShadow:o.shadows[3]}})),xo=styled(Box)(({theme:o})=>({fontSize:"11px",color:o.palette.text.primary,fontWeight:400,textTransform:"uppercase"})),T=styled(Box)(({theme:o})=>({borderTop:`2px solid ${o.palette.divider}`})),M=styled(Box)(({theme:o})=>({position:"absolute",bottom:0,right:0,left:0,".MuiLinearProgress-root":{backgroundColor:o.palette.divider,height:2},".MuiLinearProgress-bar":{background:o.palette.background.gradient.shadedBlue},"&.done .MuiLinearProgress-bar":{background:o.palette.success.dark},"&.failed .MuiLinearProgress-bar":{background:o.palette.common.red}})),u=styled(Box)(({theme:o})=>({display:"flex",alignItems:"center",gap:"8px",".MuiCircularProgress-root":{width:"14px !important",height:"14px !important",display:"flex"},".MuiCircularProgress-circle":{strokeWidth:"1.017px",stroke:alpha(o.palette.common.black,.62)}})),I=styled(Box)(()=>({position:"relative"})),P=styled(Box)(({theme:o})=>({position:"absolute",color:o.palette.common.black,fontSize:"7.875px",fontWeight:700,width:14,height:14,display:"flex",alignItems:"center",justifyContent:"center"})),k=styled("img")(()=>({width:14,height:14})),Do=styled(Box)(()=>({display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",padding:"8px"}));var yo=o=>{let n=new Date,a=$(o).isSame(n,"year"),r={sameDay:"DD MMM, YYYY",nextDay:"DD MMM, YYYY",lastDay:"DD MMM, YYYY",sameElse:"DD MMM, YYYY",lastWeek:"DD MMM, YYYY",nextWeek:"DD MMM, YYYY"};return a&&(r={sameDay:"DD MMM",nextDay:"DD MMM",lastDay:"DD MMM",sameElse:"DD MMM",lastWeek:"DD MMM",nextWeek:"DD MMM"}),$(o).calendar(null,r)},Ro=(o,n)=>{let a=new Date().toISOString().split("T")[0],r=n??`file_${a}`,t=/\.(xlx|xlsx|csv|txt|doc|docx|pdf|jpg|png|gif|zip|rar)$/i.exec(o),c=t?t[0]:".csv";return `${r}${c}`};var A={loading:false,success:false,error:null},Wo=(o=A,n)=>{switch(n.type){case "RESET":return A;case "LOADING":return {...o,loading:true};case "SUCCESS":return {...o,success:true};case "ERROR":return {...o,error:n.error};default:return o}},C=({onDownload:o})=>{let n$1=n(),[{loading:a,error:r,success:p},t]=useReducer(Wo,A),c=useCallback(()=>t({type:"LOADING"}),[]),m=useCallback(()=>t({type:"SUCCESS"}),[]),D=useCallback(l=>t({type:"ERROR",error:l}),[]),h=useCallback(()=>t({type:"RESET"}),[]);useEffect(()=>{(p||r)&&setTimeout(()=>{h();},3e3);},[p,r,h]);let L=useCallback(()=>{o&&(c(),o().then(l=>{m(),Mb(l.url,Ro(l.result_file,l.id));}).catch(l=>{D(l),n$1.error(l?.response?.data?.error?.message||l?.message||"Failed to download report");}));},[o,c,m,D]);return {loading:a,error:r,success:p,handleDownloadReport:L}};function No({onDownload:o}){let{loading:n,error:a,success:r,handleDownloadReport:p}=C({onDownload:o});return n?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsx(u,{children:jsxs(I,{children:[jsx(P,{children:"1"}),jsx(CircularProgress,{})]})})}):r?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsx(u,{children:jsx(k,{src:_e,alt:"done"})})}):a?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsx(u,{children:jsx(k,{src:Jj,alt:"failed"})})}):jsx(k,{onClick:p,src:Ye,alt:"reports"})}var Y=No;function O(){return jsxs(Do,{children:[jsx(r,{width:"16px",height:"16px",variant:"rectangular"}),jsx(r,{width:"100%",variant:"text"}),jsx(r,{width:"12px",height:"12px",variant:"circular"})]})}function Uo({reports:o,isLoading:n=false,onDownloadReport:a}){let r=useCallback(t=>a?a(t):Promise.reject(new Error("No download report function provided")),[a]),p=o.map(t=>{let c=$(t.created_at).isBefore($().subtract(1,"day")),m=_b(t.result_file);return jsxs(so,{children:[jsx(lo,{src:m,alt:"download"}),jsxs(mo,{children:[jsxs(co,{children:[jsx(uo,{children:t.result_file}),jsx(fo,{children:c?yo(new Date(t.created_at)):$(new Date(t.created_at)).fromNow()})]}),jsx(Y,{onDownload:()=>r(t.id)})]})]},t.id)});return n?jsxs(T,{children:[jsx(O,{}),jsx(O,{})]}):jsx(T,{children:p})}var ho=memo(Uo);function Jo(o){let{progress:n,reportsQueryResult:a,isStatusReady:r,isStatusFailed:p$1,isLoading:t,notificationState:c,onOpenDropdown:m,onRequestReportFile:D,onOpenReportsApp:h,hideOpenReportsApp:L=false,onDownloadReport:l,customContent:Mo}=o,[H,G]=useState(null),{t:w}=useTranslation(),E=!!H,{data:Io,isLoading:Po}=a,ko=useCallback(F=>{t||r||(m?.(),G(F.currentTarget));},[t,r,m]),y=useCallback(()=>{G(null);},[]),Co=useCallback(()=>{t||(y(),D?.());},[t,y,D]),Bo=F=>{F.stopPropagation(),h?.(),y();},Lo=()=>t?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsxs(u,{children:[jsxs(I,{children:[jsx(P,{children:"1"}),jsx(Vo,{})]}),jsx("span",{children:w("preparing")}),jsx(M,{children:jsx(U,{variant:"determinate",value:n})})]})}):r?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsxs(u,{children:[jsx("img",{src:_e,alt:"done"}),jsx("span",{children:w("ready")}),jsx(M,{className:"done",children:jsx(U,{variant:"determinate",value:100})})]})}):p$1?jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsxs(u,{children:[jsx("img",{src:Jj,alt:"failed"}),jsx("span",{children:w("failed")}),jsx(M,{className:"failed",children:jsx(U,{variant:"determinate",value:100})})]})}):jsx("img",{src:Ze,alt:"reports"});return jsxs(io,{"data-testid":"TableReports_ReportsWrapper",children:[jsx(AnimatePresence,{children:jsx(p,{title:w("reports"),children:jsx(no,{"data-testid":"TableReports_ExportButton",onClick:ko,notificationState:c,open:E,loading:t,ready:r,failed:p$1,sx:{...(t||r||p$1)&&{borderBottom:"none"}},initial:{width:"auto"},transition:{duration:.25},children:Lo()})})}),E&&jsx(B,{onClick:y}),jsx(Qo,{open:E,anchorEl:H,placement:"bottom-end",children:jsxs(ao,{sx:{width:208},children:[Mo?.({closeDropdown:y})??jsxs(go,{onClick:Co,children:[jsx("img",{src:We,alt:"download"}),jsx(xo,{children:"csv"})]}),jsx(ho,{reports:Io?.reports??[],isLoading:Po,onDownloadReport:l}),!L&&jsx(po,{onClick:Bo,children:w("openReportsApp")})]})})]})}var bo=memo(Jo);var vo=styled$1(motion.div)(({theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",width:54,height:18,backgroundColor:"#1F88D0",borderRadius:"2px",fontSize:"8px",fontWeight:600,color:o.palette.common.white}));function nt({onDownload:o}){let n=Bc(useId(),"download-button"),{loading:a,error:r,success:p,handleDownloadReport:t}=C({onDownload:o}),{t:c}=useTranslation(),m=!a&&!r&&!p;return jsx(vo,{id:n,"data-testid":"DownloadButton",onClick:t,children:jsxs(AnimatePresence,{mode:"wait",initial:false,children:[a&&jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{display:"flex",alignItems:"center"},children:jsx(Vo,{size:"10px",sx:{color:"rgba(255, 255, 255, 0.62)"}})},"loading"),!!r&&jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:jsx(d,{src:im,sx:{width:"auto",height:"auto"},alt:"error"})},"error"),m&&jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:c("download")},"text")]})})}var So=memo(nt);var at=So;var fe=bo;export{C as a,Y as b,at as c,fe as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {b as b$1,a}from'./chunk-4Y2COEZC.js';import {nc}from'./chunk-CZWXKHO7.js';import {forwardRef,useState,useRef,useEffect,memo}from'react';import {styled,alpha,useTheme}from'@mui/material/styles';import {motion,AnimatePresence}from'framer-motion';import {useTranslation}from'react-i18next';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import st from'@mui/material/Box';var r="os-shared-SearchButton",e={root:`${r}-root`,field:`${r}-field`,clear:`${r}-clear`,clearIcon:`${r}-clearIcon`,trigger:`${r}-trigger`,triggerActive:`${r}-triggerActive`},n=12,l=30,E=32,I=30,m=200,b={duration:.18,ease:"easeInOut"},y={duration:.05,ease:"easeIn"},A=3,O=10,f=11,H=48;var L=t=>jsxs("svg",{width:n,height:n,viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",...t,children:[jsx("circle",{cx:"6",cy:"6",r:"4.25",stroke:"currentColor",strokeWidth:"1.2"}),jsx("path",{d:"M9.2 9.2L12 12",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]}),D=t=>jsx("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none","aria-hidden":"true",...t,children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.69808 4.16259C8.78018 4.16065 8.86095 4.18356 8.92981 4.22833C8.99866 4.27309 9.05239 4.33762 9.08393 4.41344C9.11548 4.48927 9.12338 4.57286 9.10659 4.65325C9.08981 4.73365 9.04911 4.80708 8.98986 4.86395L7.07755 6.77626L8.98839 8.68713L8.98986 8.68854C9.02896 8.72608 9.06018 8.77105 9.08169 8.82081C9.1032 8.87057 9.11456 8.92413 9.11511 8.97833C9.11566 9.03254 9.10539 9.08631 9.0849 9.1365C9.06441 9.18669 9.03411 9.23229 8.99578 9.27062C8.95745 9.30895 8.91185 9.33925 8.86166 9.35974C8.81147 9.38023 8.7577 9.3905 8.70349 9.38995C8.64928 9.3894 8.59573 9.37804 8.54597 9.35653C8.49621 9.33502 8.45125 9.30379 8.41371 9.26469L6.50141 7.35239L4.59054 9.26323L4.58913 9.2647C4.55159 9.30381 4.50662 9.33502 4.45685 9.35653C4.40709 9.37804 4.35354 9.3894 4.29933 9.38995C4.24513 9.3905 4.19135 9.38023 4.14116 9.35974C4.09098 9.33925 4.04538 9.30895 4.00705 9.27062C3.96872 9.23229 3.93842 9.18669 3.91793 9.1365C3.89744 9.08631 3.88717 9.03254 3.88772 8.97833C3.88827 8.92413 3.89963 8.87057 3.92114 8.82081C3.94264 8.77105 3.97388 8.7261 4.01298 8.68855L5.92528 6.77626L4.01443 4.86539L4.01339 4.86438C3.95522 4.80788 3.91524 4.73531 3.89855 4.65596C3.88186 4.5766 3.88923 4.49407 3.91971 4.41893C3.95019 4.34379 4.00239 4.27945 4.06964 4.23414C4.13689 4.18884 4.21615 4.16462 4.29722 4.1646C4.30093 4.1646 4.30464 4.16465 4.30835 4.16475C4.35906 4.16614 4.4091 4.17699 4.45589 4.19678C4.5061 4.21801 4.55154 4.24911 4.58952 4.28822L6.50141 6.20012L8.41228 4.28928L8.4137 4.2878C8.43812 4.26236 8.4655 4.24043 8.49507 4.22235C8.55578 4.18521 8.62571 4.1643 8.69808 4.16259Z",fill:"currentColor"})});var U=styled(st)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"relative",zIndex:A,width:"fit-content",height:t.v2.spacing(32),gap:t.v2.spacing(8)})),k=styled(motion.input)(({theme:t})=>{let{base:i,grey:o,brand:s}=t.v2.palette;return {padding:t.v2.spacing(8),paddingRight:t.v2.spacing(24),borderRadius:t.v2.radius(4),height:t.v2.spacing(32),color:o[900],fontSize:t.v2.typography.textVariants.body.small.regular.fontSize,outline:0,position:"relative",zIndex:O,background:i.white,display:"flex",minWidth:0,flexGrow:0,flexShrink:0,boxShadow:`0px 0px 4px 0px ${alpha(s[500],.5)}`,border:`1px solid ${s[500]}`,willChange:"width","::placeholder":{color:"#D5D5D5"}}}),G=styled(motion.button)(({theme:t})=>({position:"absolute",zIndex:f,top:0,bottom:0,right:t.v2.spacing(H),marginBlock:"auto",width:t.v2.spacing(24),height:t.v2.spacing(24),padding:0,border:"none",background:"transparent",color:t.v2.palette.grey[500],cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"flex-end",lineHeight:0,[`& .${e.clearIcon}`]:{backgroundColor:t.v2.palette.grey[100],borderRadius:"50%"}})),F=styled(b$1)(({theme:t})=>{let{base:i}=t.v2.palette,o="linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)";return {position:"relative",zIndex:f,"&&":{boxSizing:"border-box",width:t.v2.spacing(l),minWidth:t.v2.spacing(l),height:t.v2.spacing(E),padding:0,borderWidth:"1px",borderStyle:"solid",borderRadius:t.v2.radius(4)},[`&& .${a.icon}`]:{width:t.v2.spacing(n),height:t.v2.spacing(n)},"&:hover":{opacity:.7},[`&&.${e.triggerActive}`]:{boxSizing:"border-box",width:t.v2.spacing(l),minWidth:t.v2.spacing(l),height:t.v2.spacing(E),padding:0,border:"1px solid transparent",backgroundColor:"transparent",backgroundImage:o,backgroundClip:"padding-box",backgroundOrigin:"padding-box",color:i.white,boxShadow:"none",outline:"none","&:hover, &:focus, &:focus-visible":{opacity:.8}}}});var X=forwardRef(({onSearchChange:t,placeholder:i,defaultValue:o,id:s,className:z,sx:V,disabled:M,title:K,"aria-label":Y},j)=>{let[c,S]=useState(!!o),[q,g]=useState(false),[p,h]=useState(o??""),B=useRef(null),d=useRef(false),J=useTheme(),{t:Q}=useTranslation(),R=i??(Q("search")||"");useEffect(()=>{h(o??""),S(!!o);},[o]),useEffect(()=>{if(!c){d.current=false;return}d.current&&(d.current=false,B.current?.focus());},[c]);let tt=()=>{g(true),S(false),t?.(""),h("");},et=()=>{p&&t?.(p);},ot=()=>{c||(d.current=true),g(false),S(true),et();},rt=T=>{T.key==="Enter"&&t?.(p);},nt=T=>{h(T.currentTarget.value);},at=c||q;return jsxs(U,{ref:j,id:s,className:nc(e.root,z),sx:V,"data-testid":s??"SearchButton",children:[jsx(AnimatePresence,{initial:false,onExitComplete:()=>g(false),children:c&&jsxs(Fragment,{children:[jsx(k,{ref:B,className:e.field,initial:{width:I},animate:{width:m},exit:{width:I,border:`1px solid ${J.v2.palette.grey[100]}`,boxShadow:"none"},transition:b,placeholder:R,value:p,onKeyDown:rt,onChange:nt,"aria-label":R||"Search"}),jsx(G,{className:e.clear,type:"button",initial:{opacity:1},exit:{opacity:0},transition:y,"aria-label":"Clear search",onClick:tt,children:jsx(D,{className:e.clearIcon})})]})}),jsx(F,{type:"button",variant:"secondary",icon:jsx(L,{}),"aria-label":Y??"Search",disabled:M,title:K,className:nc(e.trigger,at&&e.triggerActive),onClick:ot})]})});X.displayName="SearchButton";var Z=memo(X);export{e as a,Z as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {c,d}from'./chunk-4FOFVTQ2.js';import {b,a as a$1}from'./chunk-JLL4EOYJ.js';import {Bc,xa}from'./chunk-CZWXKHO7.js';import {Hf}from'./chunk-2GSUGMI7.js';import {createContext,memo,forwardRef,useRef,useState,useId,useCallback,useMemo,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {Dialog,styled,Box,Button,alpha}from'@mui/material';import wt from'@mui/material/Box';import {Resizable}from're-resizable';import Wt from'react-draggable';import {motion}from'framer-motion';var Q=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var we=(e,t)=>t.toLowerCase().includes(e);function be(e,t,n){let i=we("top",t),o=we("left",t);return !i&&!o?null:{x:o?e.x+n.width:e.x,y:i?e.y-n.height:e.y}}var We=e=>{let{viewportWidth:t,viewportHeight:n,viewerDefaultWidth:i,viewerDefaultHeight:o,initialPosition:p,isMaximized:l,containerRef:r}=e,d=!l&&r?.current&&r.current!==document.body?r.current:null,u=d?.getBoundingClientRect(),a=u?.left??0,c=u?.top??0,m=d?.clientWidth||t,x=p?.x??t/2-i/2,h=p?.y??n/2-o/2;return {x:m-(x-a),y:h-c}};var et=555,tt=545;function ne({children:e,isOpen:t,onClose:n,defaultWindowHeight:i,defaultWindowWidth:o,initialPosition:p,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a,windowZIndex:c=1}){let{height:m,width:x}=a$1(),[h,O]=useState(false),k=h?null:a?.current,I=k?.clientWidth||x,y=k?.clientHeight||m,D=o||et,s=i||tt,[B,L]=useState(()=>We({viewportWidth:x,viewportHeight:m,viewerDefaultWidth:D,viewerDefaultHeight:s,initialPosition:p,isMaximized:h,containerRef:a})),[P,H]=useState(false),[F,T]=useState(false),[S,G]=useState(true),W=useRef(),[U,z]=useState({width:o??0,height:i??0}),V=useCallback(g=>{W?.current?.updateSize(g);},[]),C=useCallback(g=>{W.current?.updateSize(g),z(A=>({width:g.width??A.width,height:g.height??A.height}));},[]),j=useMemo(()=>({position:B,setPosition:L,resizableRef:W,windowZIndex:c,isOpen:t,setIsMaximized:O,setIsSidebarExpanded:G,setIsToolbarAnimationDisabled:T,setIsResized:H,isMaximized:h,isToolbarAnimationDisabled:F,isSidebarExpanded:S,isResized:P,dimensions:U,setNewDimensions:z,viewerDefaultWidth:D,viewerDefaultHeight:s,onClose:n,fullWindowWidth:I,fullWindowHeight:y,viewportWidth:x,viewportHeight:m,updateRefSize:V,updateSize:C,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a}),[B,L,W,t,O,G,T,H,h,F,S,P,U,z,I,y,x,m,D,s,V,C,n,l,r,d,u,a,c]);return jsx(Q.Provider,{value:j,children:e})}var ee=35;var te=createContext(null);function rt({title:e,onClose:t,onMaximize:n,maximized:i=false,id:o,onRequestClick:p,isSidebarExpanded:l=false,isHovered:r=false,onMouseHover:d$2,onMouseLeave:u,showSectionsButton:a$1,rightActions:c$2,icon:m}){return jsx(c,{id:o,"data-testid":"UserTitleBar",maximized:i||false,children:jsx(d,{onMouseEnter:d$2,onMouseLeave:u,isMaximized:i,isHovered:r,title:e,icon:m||Hf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:i,onClick:n},"window-maximize"),a$1&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:r,children:"Sidebar"},"window-sections")]}),rightActions:c$2})})}var ve=memo(rt);var re=ve;function lt({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:n,onClose:i,isSidebarExpanded:o,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:r,showSectionsButton:d,rightActions:u,icon:a}){let{isHovered:c,onMouseEnter:m,onMouseLeave:x}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...l&&{duration:0}},children:jsx(re,{title:r||"Users",showSectionsButton:d,onClose:i,onMaximize:()=>{n?.(h=>!h),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),p(!o);},isSidebarExpanded:o,isHovered:c,onMouseHover:m,onMouseLeave:x,rightActions:u,icon:a})})}var Te=memo(lt);var Ee=Te;var gt=forwardRef(function({children:t,titleBar:n,titleBarText:i,mainAppOrder:o,mainAppIsMinimized:p,showSectionsButton:l=true,rightActions:r,titleBarIcon:d,overflow:u="hidden"},a){let c=useRef(null),[m,x]=useState(null),h=Bc(useId(),"app-window"),O=useCallback(f=>{c.current=f,x(R=>R===f?R:f),typeof a=="function"?a(f):a&&(a.current=f);},[a]),k=useMemo(()=>({current:m}),[m]),{dimensions:I,position:y,resizableRef:D,isMaximized:s,isOpen:B,onClose:L,viewerDefaultWidth:P,viewerDefaultHeight:H,windowZIndex:F,setPosition:T,setNewDimensions:S,isToolbarAnimationDisabled:G,fullWindowWidth:W,fullWindowHeight:U,viewportWidth:z,viewportHeight:V,setIsMaximized:C,setIsResized:j,isResized:g,setIsToolbarAnimationDisabled:A,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,minWidth:Ge,maxWidth:Ue,minHeight:Ve,maxHeight:je,containerRef:ie}=useContext(Q),w=useMemo(()=>document.createElement("div"),[]),[Xe,qe]=useState(null);useLayoutEffect(()=>{qe(ie?.current??document.body);},[ie]);let b=s?document.body:Xe;useLayoutEffect(()=>{if(!b)return;let f=b===document.body;return w.style.position=f?"":"absolute",w.style.inset=f?"":"0",w.style.pointerEvents="none",w.style.overflow="visible",b.appendChild(w),()=>{w.parentNode===b&&b.removeChild(w);}},[b,w]);let pe=useRef({x:0,y:0}),le=xa(),Ke=useCallback((f,R,q,Ze)=>{j(true),S({width:q.offsetWidth,height:q.offsetHeight});let ue=be(pe.current,R,Ze);ue&&T(ue);},[S,j,T]),X=I.width||P;if(!b)return null;let Ye=jsx(Wt,{nodeRef:c,disabled:s,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:W/2-X/2,y:U/2-H/2},position:{x:W-y.x,y:y.y},onStop:(f,R)=>{let q=ie?.current?.clientWidth||W;T({x:q-R.x,y:R.y});},...b===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:O,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(o||0)+F+(s?1:0),...p&&{display:"none"},...b===document.body?!s&&{transform:"translate(180px, 14px)"}:!s&&{position:"absolute"},...!s&&{width:le?X:"fit-content",height:le?H:"fit-content"},...s&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:u,width:g?"fit-content":X,height:g?"fit-content":"100%",...s&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{C(false),A(true),setTimeout(()=>{A(false);},.5*1e3);},open:B,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:w,fullScreen:s,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:I.width,height:I.height},maxHeight:je??V-40,maxWidth:Ue??z,minWidth:s?"100vw":Ge??P,minHeight:s?"100vh":Ve??H,ref:f=>{D.current=f;},onResizeStart:()=>{pe.current=y,A(true);},onResizeStop:()=>{A(false);},onResize:Ke,defaultSize:{width:X,height:H},style:{background:"transparent",height:I.height,overflow:u,...s&&{height:"100% !important",width:"100% !important",flex:1},...s&&{position:"relative"}},children:jsxs(wt,{sx:{height:"100%"},id:h,"data-testid":"AppWindow",children:[n??jsx(Ee,{setIsToolbarAnimationDisabled:A,onClose:L,setIsMaximized:C,isToolbarAnimationDisabled:G,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,title:i,isMaximized:s,showSectionsButton:l,rightActions:r,icon:d}),jsx(te.Provider,{value:k,children:t})]})})})});return createPortal(Ye,w)}),Me=memo(gt);var Ht=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Rt=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),vt=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),yt=styled(Box)(()=>({position:"fixed",height:ee,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),Tt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var se=Me;var Pt=forwardRef(function({children:t,windowProps:n,inheritParentContainer:i=false,...o},p){let l=useContext(te),r=i?l??void 0:void 0,d=o.containerRef??r;return o.isOpen?jsx(ne,{...o,containerRef:d,children:jsx(se,{...n,ref:p,children:t})}):null}),Oe=Pt;function zt({title:e,maximized:t=false,id:n,isHovered:i=false,onMouseHover:o,onMouseLeave:p,leftActions:l,titleIconSrc:r,sx:d$1,...u}){return jsx(c,{className:"header-wrapper",id:n,maximized:t||false,sx:d$1,...u,children:jsx(d,{onMouseEnter:o,onMouseLeave:p,isMaximized:t,isHovered:i,title:e||"",icon:r,leftActions:l})})}var de=memo(zt);function _t({isMaximized:e,id:t,isToolbarAnimationDisabled:n,title:i,leftActions:o,onClose:p,onMaximize:l,sx:r}){let{isHovered:d,onMouseEnter:u,onMouseLeave:a$1}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...n&&{duration:0}},children:jsx(de,{title:i,maximized:e,id:t||"draggable-dialog-title",isHovered:d,onMouseHover:u,onMouseLeave:a$1,leftActions:o||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:r})})}var Be=memo(_t);var kt=Be;var li=Oe;export{Q as a,ne as b,ee as c,re as d,Ht as e,Rt as f,vt as g,yt as h,Tt as i,se as j,de as k,kt as l,li as m};
|
|
1
|
+
import {c,d}from'./chunk-4FOFVTQ2.js';import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {b,a as a$1}from'./chunk-JLL4EOYJ.js';import {Bc,xa}from'./chunk-CZWXKHO7.js';import {Hf}from'./chunk-2GSUGMI7.js';import {createContext,memo,forwardRef,useRef,useState,useId,useCallback,useMemo,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {Dialog,styled,Box,Button,alpha}from'@mui/material';import wt from'@mui/material/Box';import {Resizable}from're-resizable';import Wt from'react-draggable';import {motion}from'framer-motion';var Q=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var we=(e,t)=>t.toLowerCase().includes(e);function be(e,t,n){let i=we("top",t),o=we("left",t);return !i&&!o?null:{x:o?e.x+n.width:e.x,y:i?e.y-n.height:e.y}}var We=e=>{let{viewportWidth:t,viewportHeight:n,viewerDefaultWidth:i,viewerDefaultHeight:o,initialPosition:p,isMaximized:l,containerRef:r}=e,d=!l&&r?.current&&r.current!==document.body?r.current:null,u=d?.getBoundingClientRect(),a=u?.left??0,c=u?.top??0,m=d?.clientWidth||t,x=p?.x??t/2-i/2,h=p?.y??n/2-o/2;return {x:m-(x-a),y:h-c}};var et=555,tt=545;function ne({children:e,isOpen:t,onClose:n,defaultWindowHeight:i,defaultWindowWidth:o,initialPosition:p,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a,windowZIndex:c=1}){let{height:m,width:x}=a$1(),[h,O]=useState(false),k=h?null:a?.current,I=k?.clientWidth||x,y=k?.clientHeight||m,D=o||et,s=i||tt,[B,L]=useState(()=>We({viewportWidth:x,viewportHeight:m,viewerDefaultWidth:D,viewerDefaultHeight:s,initialPosition:p,isMaximized:h,containerRef:a})),[P,H]=useState(false),[F,T]=useState(false),[S,G]=useState(true),W=useRef(),[U,z]=useState({width:o??0,height:i??0}),V=useCallback(g=>{W?.current?.updateSize(g);},[]),C=useCallback(g=>{W.current?.updateSize(g),z(A=>({width:g.width??A.width,height:g.height??A.height}));},[]),j=useMemo(()=>({position:B,setPosition:L,resizableRef:W,windowZIndex:c,isOpen:t,setIsMaximized:O,setIsSidebarExpanded:G,setIsToolbarAnimationDisabled:T,setIsResized:H,isMaximized:h,isToolbarAnimationDisabled:F,isSidebarExpanded:S,isResized:P,dimensions:U,setNewDimensions:z,viewerDefaultWidth:D,viewerDefaultHeight:s,onClose:n,fullWindowWidth:I,fullWindowHeight:y,viewportWidth:x,viewportHeight:m,updateRefSize:V,updateSize:C,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a}),[B,L,W,t,O,G,T,H,h,F,S,P,U,z,I,y,x,m,D,s,V,C,n,l,r,d,u,a,c]);return jsx(Q.Provider,{value:j,children:e})}var ee=35;var te=createContext(null);function rt({title:e,onClose:t,onMaximize:n,maximized:i=false,id:o,onRequestClick:p,isSidebarExpanded:l=false,isHovered:r=false,onMouseHover:d$2,onMouseLeave:u,showSectionsButton:a$1,rightActions:c$2,icon:m}){return jsx(c,{id:o,"data-testid":"UserTitleBar",maximized:i||false,children:jsx(d,{onMouseEnter:d$2,onMouseLeave:u,isMaximized:i,isHovered:r,title:e,icon:m||Hf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:i,onClick:n},"window-maximize"),a$1&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:r,children:"Sidebar"},"window-sections")]}),rightActions:c$2})})}var ve=memo(rt);var re=ve;function lt({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:n,onClose:i,isSidebarExpanded:o,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:r,showSectionsButton:d,rightActions:u,icon:a}){let{isHovered:c,onMouseEnter:m,onMouseLeave:x}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...l&&{duration:0}},children:jsx(re,{title:r||"Users",showSectionsButton:d,onClose:i,onMaximize:()=>{n?.(h=>!h),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),p(!o);},isSidebarExpanded:o,isHovered:c,onMouseHover:m,onMouseLeave:x,rightActions:u,icon:a})})}var Te=memo(lt);var Ee=Te;var gt=forwardRef(function({children:t,titleBar:n,titleBarText:i,mainAppOrder:o,mainAppIsMinimized:p,showSectionsButton:l=true,rightActions:r,titleBarIcon:d,overflow:u="hidden"},a){let c=useRef(null),[m,x]=useState(null),h=Bc(useId(),"app-window"),O=useCallback(f=>{c.current=f,x(R=>R===f?R:f),typeof a=="function"?a(f):a&&(a.current=f);},[a]),k=useMemo(()=>({current:m}),[m]),{dimensions:I,position:y,resizableRef:D,isMaximized:s,isOpen:B,onClose:L,viewerDefaultWidth:P,viewerDefaultHeight:H,windowZIndex:F,setPosition:T,setNewDimensions:S,isToolbarAnimationDisabled:G,fullWindowWidth:W,fullWindowHeight:U,viewportWidth:z,viewportHeight:V,setIsMaximized:C,setIsResized:j,isResized:g,setIsToolbarAnimationDisabled:A,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,minWidth:Ge,maxWidth:Ue,minHeight:Ve,maxHeight:je,containerRef:ie}=useContext(Q),w=useMemo(()=>document.createElement("div"),[]),[Xe,qe]=useState(null);useLayoutEffect(()=>{qe(ie?.current??document.body);},[ie]);let b=s?document.body:Xe;useLayoutEffect(()=>{if(!b)return;let f=b===document.body;return w.style.position=f?"":"absolute",w.style.inset=f?"":"0",w.style.pointerEvents="none",w.style.overflow="visible",b.appendChild(w),()=>{w.parentNode===b&&b.removeChild(w);}},[b,w]);let pe=useRef({x:0,y:0}),le=xa(),Ke=useCallback((f,R,q,Ze)=>{j(true),S({width:q.offsetWidth,height:q.offsetHeight});let ue=be(pe.current,R,Ze);ue&&T(ue);},[S,j,T]),X=I.width||P;if(!b)return null;let Ye=jsx(Wt,{nodeRef:c,disabled:s,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:W/2-X/2,y:U/2-H/2},position:{x:W-y.x,y:y.y},onStop:(f,R)=>{let q=ie?.current?.clientWidth||W;T({x:q-R.x,y:R.y});},...b===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:O,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(o||0)+F+(s?1:0),...p&&{display:"none"},...b===document.body?!s&&{transform:"translate(180px, 14px)"}:!s&&{position:"absolute"},...!s&&{width:le?X:"fit-content",height:le?H:"fit-content"},...s&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:u,width:g?"fit-content":X,height:g?"fit-content":"100%",...s&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{C(false),A(true),setTimeout(()=>{A(false);},.5*1e3);},open:B,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:w,fullScreen:s,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:I.width,height:I.height},maxHeight:je??V-40,maxWidth:Ue??z,minWidth:s?"100vw":Ge??P,minHeight:s?"100vh":Ve??H,ref:f=>{D.current=f;},onResizeStart:()=>{pe.current=y,A(true);},onResizeStop:()=>{A(false);},onResize:Ke,defaultSize:{width:X,height:H},style:{background:"transparent",height:I.height,overflow:u,...s&&{height:"100% !important",width:"100% !important",flex:1},...s&&{position:"relative"}},children:jsxs(wt,{sx:{height:"100%"},id:h,"data-testid":"AppWindow",children:[n??jsx(Ee,{setIsToolbarAnimationDisabled:A,onClose:L,setIsMaximized:C,isToolbarAnimationDisabled:G,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,title:i,isMaximized:s,showSectionsButton:l,rightActions:r,icon:d}),jsx(te.Provider,{value:k,children:t})]})})})});return createPortal(Ye,w)}),Me=memo(gt);var Ht=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Rt=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),vt=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),yt=styled(Box)(()=>({position:"fixed",height:ee,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),Tt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var se=Me;var Pt=forwardRef(function({children:t,windowProps:n,inheritParentContainer:i=false,...o},p){let l=useContext(te),r=i?l??void 0:void 0,d=o.containerRef??r;return o.isOpen?jsx(ne,{...o,containerRef:d,children:jsx(se,{...n,ref:p,children:t})}):null}),Oe=Pt;function zt({title:e,maximized:t=false,id:n,isHovered:i=false,onMouseHover:o,onMouseLeave:p,leftActions:l,titleIconSrc:r,sx:d$1,...u}){return jsx(c,{className:"header-wrapper",id:n,maximized:t||false,sx:d$1,...u,children:jsx(d,{onMouseEnter:o,onMouseLeave:p,isMaximized:t,isHovered:i,title:e||"",icon:r,leftActions:l})})}var de=memo(zt);function _t({isMaximized:e,id:t,isToolbarAnimationDisabled:n,title:i,leftActions:o,onClose:p,onMaximize:l,sx:r}){let{isHovered:d,onMouseEnter:u,onMouseLeave:a$1}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...n&&{duration:0}},children:jsx(de,{title:i,maximized:e,id:t||"draggable-dialog-title",isHovered:d,onMouseHover:u,onMouseLeave:a$1,leftActions:o||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:r})})}var Be=memo(_t);var kt=Be;var li=Oe;export{Q as a,ne as b,ee as c,re as d,Ht as e,Rt as f,vt as g,yt as h,Tt as i,se as j,de as k,kt as l,li as m};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {s}from'./chunk-JLL4EOYJ.js';import {j}from'./chunk-4Y2COEZC.js';import {Bc}from'./chunk-CZWXKHO7.js';import {Nj}from'./chunk-2GSUGMI7.js';import {memo,useId}from'react';import o from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(o)(({theme:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",paddingTop:"12px",paddingBottom:"12px",paddingInlineStart:"12px",paddingInlineEnd:"8px",borderBottom:`1px solid ${t.palette.divider}`,height:40})),l=styled(j)(({theme:t})=>({color:t.v2.palette.base.black,fontSize:"11px",fontWeight:500,lineHeight:"13.2px"})),c=styled(o)(()=>({display:"flex",alignItems:"center",gap:"8px"})),x=styled(o)(()=>({display:"flex",alignItems:"center",gap:"4px"})),I=styled(o)(()=>({borderRadius:"8px",overflow:"auto",flexGrow:1,height:"100%",listStyle:"none",margin:0,padding:0,".list-item:last-of-type":{borderBottom:"none"}}));styled(o)(()=>({margin:"12px "}));function w({allowShadow:t=true,children:i,...p}){let r=Bc(useId(),"widget-list"),{onScrollHandler:y,showShadow:L}=s();return jsxs(I,{id:r,component:"ul","data-testid":"Widget_List",onScroll:y,...p,children:[i,L&&t&&jsx(o,{component:"img",src:Nj,sx:{width:"100%",position:"fixed",bottom:0,pointerEvents:"none",right:0,left:0}})]})}var W=memo(w);function T({children:t,icon:i,actions:p,...r}){return jsxs(a,{component:"li","data-testid":"Widget_ListItem",className:`list-item ${r.className}`,...r,children:[jsxs(c,{component:"aside",children:[i&&i,jsx(l,{noWrap:true,className:"content",children:t})]}),p&&jsx(x,{component:"aside",children:p})]})}var R=memo(T);export{W as a,R as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {b}from'./chunk-JC7NZ5DQ.js';import {V as V$1,f,l,R,v}from'./chunk-4Y2COEZC.js';import {o}from'./chunk-JLL4EOYJ.js';import {xb}from'./chunk-2GSUGMI7.js';import {createContext,forwardRef,useMemo,useState,useRef,useCallback,useEffect,useImperativeHandle,useContext}from'react';import Re from'@mui/material/Stack';import ne from'@mui/material/Typography';import ie from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import {Stack}from'@mui/material';import it from'lodash/debounce';import j from'memoize-one';var Ue=(r=>(r.CHECKED="CHECKED",r.UNCHECKED="UNCHECKED",r.INDETERMINATE="INDETERMINATE",r))(Ue||{});styled("img",{shouldForwardProp:e=>e!=="expanded"})(({theme:e,expanded:t})=>({transform:t?"rotate(180deg)":"rotate(0deg)",marginLeft:"auto",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest})}));styled(ie)(()=>({display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"4px",borderTop:"1px solid #F2F2F2"}));var F=styled(V$1)({minWidth:120,minHeight:36,maxHeight:36,paddingTop:0,paddingBottom:0,backgroundColor:"#fff","--menuitem-border-rad":"4px","&:hover":{boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.13)",zIndex:1}}),V=styled(e=>jsx(F,{startAdornment:null,...e}))(({theme:e})=>({fontSize:11,fontWeight:500,color:e.palette.grey[700],minHeight:36,maxHeight:"auto",cursor:"auto",":hover":{boxShadow:"none",zIndex:1}}));var _=createContext({treeMapper:{},handleSelect:()=>{},multiple:false}),Ve=({children:e,treeMapper:t,handleSelect:o,multiple:r,IconComponent:n})=>{let i=useMemo(()=>({treeMapper:t,handleSelect:o,multiple:r,IconComponent:n}),[t,o,r,n]);return jsx(_.Provider,{value:i,children:e})},re=Ve;var Ge=()=>{let e=useContext(_);if(!e)throw new Error("'useTreeDropdown' must be used within an 'TreeDropdownProvider'");return e},B=Ge;var ae=styled(f)({padding:0,paddingRight:"4px",width:"14px !important",".MuiSvgIcon-root":{width:"12px !important",height:"12px !important"}}),se=styled(l)({padding:0}),le=styled(ie)(()=>({display:"flex",gap:"8px",justifyContent:"space-between",flexGrow:1,width:"100%",alignItems:"center",minWidth:0})),pe=styled(e=>jsx(ne,{noWrap:true,component:"span",...e}))(({theme:e})=>({flex:1,fontSize:"inherit",width:"100%",display:"inline-block",color:e.palette.text.primary})),de=styled(e=>jsx(ne,{noWrap:true,...e}))(({theme:e})=>({color:alpha(e.palette.text.primary,.5),fontSize:8})),ce=styled(ie,{shouldForwardProp:e=>e!=="isOneDigit"})(({theme:e,isOneDigit:t=true})=>({borderRadius:t?"50%":"4px",background:e.palette.divider,width:t?13:"auto",height:14,fontSize:"8px",fontWeight:700,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"10px",...!t&&{padding:"0 3px"}})),ue=styled("img")(()=>({height:12}));var Je=e=>{let{checked:t,indeterminate:o,onSelect:r}=e,{multiple:n}=B(),i=useCallback(a=>{a.stopPropagation(),r(a);},[r]);return n?jsx(ae,{size:"small",checked:t,indeterminate:o,onChange:i}):jsx(se,{checked:t,onChange:i})},he=Je;var Ze=e=>{let{renderItem:t,header:o,footer:r,...n}=e,{treeMapper:i,handleSelect:a,multiple:c,IconComponent:p}=B(),{label:s,icon:d,iconComponent:l,levelIndex:h=0,children:f,nestedMenuSx:I,hintText:y,disableHovering:m,itemProps:T,searchProps:u,subLevelKey:E}=n,[x,N]=useState(null),w=!!f,H=f?.length,L=useCallback(R=>{m||N(R.currentTarget);},[m]),S=useCallback(()=>{m||N(null);},[m]);useEffect(()=>{m&&N(null);},[m]);let M=useMemo(()=>l||(d&&p?jsx(p,{fileId:d.fileId,width:d.width??20,height:d.height??20}):null),[l,d,p]),g=i[n.id]?.status==="CHECKED",k=c?i[n.id]?.status==="INDETERMINATE":false,O=c||!w,v=useCallback(R=>{R.stopPropagation(),a(R.target.checked,n);},[a,n]);return jsxs(F,{startAdornment:null,onMouseEnter:L,onMouseLeave:S,"data-testid":n.id,onClick:()=>{a(!g,n);},...T,children:[t?t({nodeProps:n,checked:g,indeterminate:k,onSelect:v}):jsxs(le,{width:"100%","data-testid":"Content",children:[O&&jsx(he,{checked:g,indeterminate:k,onSelect:v}),M,jsxs(Stack,{flex:1,width:"100%",minWidth:0,children:[jsx(pe,{title:typeof s=="string"?s:void 0,children:s}),y&&jsx(de,{title:typeof y=="string"?y:void 0,children:y})]}),jsxs(Stack,{direction:"row",alignItems:"center",spacing:.5,children:[H&&jsx(ce,{isOneDigit:Math.floor(H/10)===0,children:H}),w&&jsx(ue,{src:xb,alt:"Expand"})]})]}),!!f&&jsx(U,{anchorEl:x,menuItems:f,levelIndex:h+1,sx:I,header:o,levelKey:E,footer:r,searchProps:u})]})},ge=Ze;var xe=ge;var Ce=styled(R)({maxHeight:"100%"}),ye=styled("div")({position:"relative","&:before, &:after":{display:"none"},"&.scrollable":{position:"relative","&::before, &::after":{display:"block",content:'""',position:"absolute",left:0,width:"100%",height:"20px",opacity:1,pointerEvents:"none",zIndex:2,transition:"opacity 0.3s ease-out"},"&::before":{top:0,background:"linear-gradient(to top, transparent, rgba(255, 255, 255, 1))"},"&::after":{bottom:0,background:"linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1))"}},"&.scrolled-to-top":{"&::before":{opacity:0}},"&.scrolled-to-bottom":{"&::after":{opacity:0}}}),be=styled("ul")({listStyle:"none",padding:0,margin:0,maxHeight:300,overflow:"auto"});var rt=({children:e,onScroll:t})=>{let o$1=useRef(null),{scrolledToBottom:r,scrolledToTop:n,scrollable:i,handleScroll:a}=o({containerRef:o$1}),c=useMemo(()=>[r&&"scrolled-to-bottom",n&&"scrolled-to-top",i&&"scrollable"].filter(Boolean).join(" "),[r,n,i]),p=useCallback(s=>{t(s),a(s);},[t,a]);return jsx(ye,{sx:{position:"relative"},className:c,children:jsx(be,{ref:o$1,onScroll:p,children:e})})},Ne=rt;var at=e=>{let{initialValue:t="",getValues:o,filterItem:r,onChange:n,items:i,enabled:a=false,debounceMs:c=300}=e,[p,s]=useState(t),[d,l]=useState(t),h=useMemo(()=>it(m=>{l(m);},c),[c]);useEffect(()=>(h(p),()=>h.cancel()),[h,p]);let f=useCallback(m=>{let T=m.target.value;s(T),h(T),n?.(m);},[n,h]),I=useCallback(()=>{s(""),l(""),h.cancel(),n?.({target:{value:""}});},[n,h]),y=useMemo(()=>{if(!a||!d.trim())return i;let m=d.toLowerCase();return r?i.reduce((T,u)=>{let E=r(u,m);return E&&T.push(E),T},[]):o?i.filter(T=>o(T).some(u=>u.toLowerCase().includes(m))):(console.error("`searchProps.getValues` is required for searching, provide it on the tree node level or the global search props"),i)},[i,d,o,r,a]);return {searchText:p,filteredItems:y,handleSearch:f,handleReset:I}},ve=at;var ft=e=>{let{anchorEl:t,sx:o,levelIndex:r=0,placement:n,menuItems:i,header:a,footer:c,levelKey:p,searchProps:s}=e,[d,l]=useState(false),h=!!t,f=!!s,{searchText:I,filteredItems:y,handleSearch:m,handleReset:T}=ve({...s,enabled:f,items:i}),u=useRef(),E=useCallback(()=>{l(true),clearTimeout(u.current),u.current=setTimeout(()=>{l(false);},100);},[]);return useEffect(()=>()=>clearTimeout(u.current),[]),jsx(Ce,{open:h,anchorEl:t,placement:r>0?"right-start":n,"data-level":r,"data-level-key":p,onClick:x=>x.stopPropagation(),sx:{...o,"&.MuiPopper-dropdown":{"&:after":{display:"none"}}},children:jsxs(Re,{divider:jsx(v,{flexItem:true}),children:[a&&jsx(V,{children:a}),f&&jsxs(Re,{divider:jsx(v,{flexItem:true,sx:{my:1}}),children:[jsx(ie,{sx:{p:1},children:jsx(b,{id:`tree-search-input-${r}`,...s?.inputProps,placeholder:s?.inputProps?.placeholder??"Search...",onChange:m,value:I,inputProps:{autoComplete:"off"},onClear:T})}),y.length===0&&s?.noResultsText&&jsx(ne,{component:"div",fontSize:10,color:x=>alpha(x.palette.text.primary,.4),textAlign:"center",minHeight:36,fontWeight:500,display:"flex",alignItems:"center",justifyContent:"center",children:jsx("span",{children:"No results found"})})]}),jsx(Ne,{onScroll:E,children:y.map((x,N)=>jsx(xe,{disableHovering:d,...x,levelIndex:r,subLevelKey:x.levelKey,nestedMenuSx:o},`${r}-${x.id}-${N}`))}),c&&jsx(V,{children:c})]})})},U=ft;function ht(e){function t(o){let r=o.children?o.children.map(t):void 0;if(r?.length===1&&r[0].children?.length&&!r[0].disablePromotion){let n=r[0];r=n.children,o={...o,header:n.header??o.header,footer:n.footer??o.footer,searchProps:n.searchProps??o.searchProps};}return {...o,children:r}}return e.map(t)}function we(e,t,o=[]){for(let r of e)r.status==="CHECKED"&&o.push(r.id),r.children&&we(r.children,t,o);return o}function He(e,t=[],o={},r=false){for(let n of e){let i=r?"CHECKED":n.status??"UNCHECKED";o[n.id]={status:i,...t.length?{_parents:t}:{}},n.children&&He(n.children,[...t,n.id],o,i==="CHECKED");}return o}function Le(e,t){let o=He(e),r=we(e,t),n=o;for(let i of r)n=q(n,i,true);return n}function ke(e,t){return e.map(o=>({...o,status:t[o.id]?.status??"UNCHECKED",children:o.children?ke(o.children,t):void 0}))}function Tt(e){let t={};for(let o of Object.keys(e)){let r=e[o]._parents;if(!r?.length)continue;let n=r[r.length-1];t[n]??(t[n]=[]),t[n].push(o);}return t}function q(e,t,o){let r=structuredClone(e),n=Tt(e),i=o?"CHECKED":"UNCHECKED";function a(p){r[p].status=i;for(let s of n[p]??[])a(s);}function c(p){let s=r[p]._parents;if(!s?.length)return;let d=s[s.length-1],h=(n[d]??[]).map(f=>r[f].status);h.every(f=>f==="CHECKED")?r[d].status="CHECKED":h.every(f=>f==="UNCHECKED")?r[d].status="UNCHECKED":r[d].status="INDETERMINATE",c(d);}return a(t),c(t),r}function gt(e){function t(o){let r=o.children?.map(t).filter(Boolean);return o.status==="CHECKED"||o.status==="INDETERMINATE"||r&&r.length>0?{...o,children:r}:null}return e.map(t).filter(Boolean)}function De(e){let t={};for(let o in e)t[o]={status:"UNCHECKED",...e[o]._parents?{_parents:e[o]._parents}:{}};return t}function Ke(e,t,o,r){if(r)return q(e,t,o);if(!o)return De(e);let n=De(e);return q(n,t,true)}function xt(e,t){let o=[];function r(n){n.levelKey===t&&o.push(n),n.children?.forEach(i=>r(i));}return e.forEach(r),o}var C={denormalizeTree:j((e,t)=>ke(e,t)),extractSelectedBranches:j(e=>gt(e)),filterNodesByLevelKey:j((e,t)=>xt(e,t))};function J(e){let t=ht(e.children??[]);if(t.length===1&&t[0].children?.length&&!t[0].disablePromotion){let[o]=t;return J({levelKey:o.levelKey,children:o.children,header:o.header??e.header,footer:o.footer??e.footer,searchProps:o.searchProps??e.searchProps})}return {...e,children:t}}var It=forwardRef((e,t)=>{let{anchorEl:o,placement:r="bottom-start",treeDefinition:n,sx:i,onChange:a,multiple:c=true,exposeOnlySelectedTree:p=false,IconComponent:s,onMounted:d}=e,{children:l=[]}=n,h=useMemo(()=>J(n),[n]),{header:f,footer:I,children:y=[],searchProps:m,levelKey:T}=h,[u,E]=useState({}),x=useRef(d);x.current=d;let N=useCallback(()=>C.denormalizeTree(l,u),[l,u]),w=useCallback(()=>C.extractSelectedBranches(N()),[N]),H=useCallback((S,M)=>{let g=Ke(u,M.id,S,c);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[a,l,u,c,p]),L=useCallback(S=>{let g=((k,O)=>{let v={...k};return Object.keys(v).forEach(R=>{v[R]={...v[R],status:O?"CHECKED":"UNCHECKED"};}),v})(u,S);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[u,a,l,p]);return useEffect(()=>{let S=Le(l||[],c);E(S);let M=C.denormalizeTree(l,S),g=C.extractSelectedBranches(M);x.current?.({state:S,tree:M,selectedTree:g});},[l,c]),useImperativeHandle(t,()=>({treeMapper:u,getFullTree:N,getSelectedTree:w,toggleAll:L}),[u,N,w,L]),jsx(re,{treeMapper:u,IconComponent:s,handleSelect:H,multiple:c,children:jsx(U,{anchorEl:o,sx:i,header:f,footer:I,menuItems:y,levelKey:T,searchProps:m,placement:r})})}),ze=It;var Xo=ze;export{Ue as a,C as b,Xo as c};
|
|
1
|
+
import {b}from'./chunk-JC7NZ5DQ.js';import {o}from'./chunk-JLL4EOYJ.js';import {V as V$1,f,l,R,v}from'./chunk-4Y2COEZC.js';import {xb}from'./chunk-2GSUGMI7.js';import {createContext,forwardRef,useMemo,useState,useRef,useCallback,useEffect,useImperativeHandle,useContext}from'react';import Re from'@mui/material/Stack';import ne from'@mui/material/Typography';import ie from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import {Stack}from'@mui/material';import it from'lodash/debounce';import j from'memoize-one';var Ue=(r=>(r.CHECKED="CHECKED",r.UNCHECKED="UNCHECKED",r.INDETERMINATE="INDETERMINATE",r))(Ue||{});styled("img",{shouldForwardProp:e=>e!=="expanded"})(({theme:e,expanded:t})=>({transform:t?"rotate(180deg)":"rotate(0deg)",marginLeft:"auto",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest})}));styled(ie)(()=>({display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"4px",borderTop:"1px solid #F2F2F2"}));var F=styled(V$1)({minWidth:120,minHeight:36,maxHeight:36,paddingTop:0,paddingBottom:0,backgroundColor:"#fff","--menuitem-border-rad":"4px","&:hover":{boxShadow:"0px 0px 16px rgba(0, 0, 0, 0.13)",zIndex:1}}),V=styled(e=>jsx(F,{startAdornment:null,...e}))(({theme:e})=>({fontSize:11,fontWeight:500,color:e.palette.grey[700],minHeight:36,maxHeight:"auto",cursor:"auto",":hover":{boxShadow:"none",zIndex:1}}));var _=createContext({treeMapper:{},handleSelect:()=>{},multiple:false}),Ve=({children:e,treeMapper:t,handleSelect:o,multiple:r,IconComponent:n})=>{let i=useMemo(()=>({treeMapper:t,handleSelect:o,multiple:r,IconComponent:n}),[t,o,r,n]);return jsx(_.Provider,{value:i,children:e})},re=Ve;var Ge=()=>{let e=useContext(_);if(!e)throw new Error("'useTreeDropdown' must be used within an 'TreeDropdownProvider'");return e},B=Ge;var ae=styled(f)({padding:0,paddingRight:"4px",width:"14px !important",".MuiSvgIcon-root":{width:"12px !important",height:"12px !important"}}),se=styled(l)({padding:0}),le=styled(ie)(()=>({display:"flex",gap:"8px",justifyContent:"space-between",flexGrow:1,width:"100%",alignItems:"center",minWidth:0})),pe=styled(e=>jsx(ne,{noWrap:true,component:"span",...e}))(({theme:e})=>({flex:1,fontSize:"inherit",width:"100%",display:"inline-block",color:e.palette.text.primary})),de=styled(e=>jsx(ne,{noWrap:true,...e}))(({theme:e})=>({color:alpha(e.palette.text.primary,.5),fontSize:8})),ce=styled(ie,{shouldForwardProp:e=>e!=="isOneDigit"})(({theme:e,isOneDigit:t=true})=>({borderRadius:t?"50%":"4px",background:e.palette.divider,width:t?13:"auto",height:14,fontSize:"8px",fontWeight:700,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"10px",...!t&&{padding:"0 3px"}})),ue=styled("img")(()=>({height:12}));var Je=e=>{let{checked:t,indeterminate:o,onSelect:r}=e,{multiple:n}=B(),i=useCallback(a=>{a.stopPropagation(),r(a);},[r]);return n?jsx(ae,{size:"small",checked:t,indeterminate:o,onChange:i}):jsx(se,{checked:t,onChange:i})},he=Je;var Ze=e=>{let{renderItem:t,header:o,footer:r,...n}=e,{treeMapper:i,handleSelect:a,multiple:c,IconComponent:p}=B(),{label:s,icon:d,iconComponent:l,levelIndex:h=0,children:f,nestedMenuSx:I,hintText:y,disableHovering:m,itemProps:T,searchProps:u,subLevelKey:E}=n,[x,N]=useState(null),w=!!f,H=f?.length,L=useCallback(R=>{m||N(R.currentTarget);},[m]),S=useCallback(()=>{m||N(null);},[m]);useEffect(()=>{m&&N(null);},[m]);let M=useMemo(()=>l||(d&&p?jsx(p,{fileId:d.fileId,width:d.width??20,height:d.height??20}):null),[l,d,p]),g=i[n.id]?.status==="CHECKED",k=c?i[n.id]?.status==="INDETERMINATE":false,O=c||!w,v=useCallback(R=>{R.stopPropagation(),a(R.target.checked,n);},[a,n]);return jsxs(F,{startAdornment:null,onMouseEnter:L,onMouseLeave:S,"data-testid":n.id,onClick:()=>{a(!g,n);},...T,children:[t?t({nodeProps:n,checked:g,indeterminate:k,onSelect:v}):jsxs(le,{width:"100%","data-testid":"Content",children:[O&&jsx(he,{checked:g,indeterminate:k,onSelect:v}),M,jsxs(Stack,{flex:1,width:"100%",minWidth:0,children:[jsx(pe,{title:typeof s=="string"?s:void 0,children:s}),y&&jsx(de,{title:typeof y=="string"?y:void 0,children:y})]}),jsxs(Stack,{direction:"row",alignItems:"center",spacing:.5,children:[H&&jsx(ce,{isOneDigit:Math.floor(H/10)===0,children:H}),w&&jsx(ue,{src:xb,alt:"Expand"})]})]}),!!f&&jsx(U,{anchorEl:x,menuItems:f,levelIndex:h+1,sx:I,header:o,levelKey:E,footer:r,searchProps:u})]})},ge=Ze;var xe=ge;var Ce=styled(R)({maxHeight:"100%"}),ye=styled("div")({position:"relative","&:before, &:after":{display:"none"},"&.scrollable":{position:"relative","&::before, &::after":{display:"block",content:'""',position:"absolute",left:0,width:"100%",height:"20px",opacity:1,pointerEvents:"none",zIndex:2,transition:"opacity 0.3s ease-out"},"&::before":{top:0,background:"linear-gradient(to top, transparent, rgba(255, 255, 255, 1))"},"&::after":{bottom:0,background:"linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1))"}},"&.scrolled-to-top":{"&::before":{opacity:0}},"&.scrolled-to-bottom":{"&::after":{opacity:0}}}),be=styled("ul")({listStyle:"none",padding:0,margin:0,maxHeight:300,overflow:"auto"});var rt=({children:e,onScroll:t})=>{let o$1=useRef(null),{scrolledToBottom:r,scrolledToTop:n,scrollable:i,handleScroll:a}=o({containerRef:o$1}),c=useMemo(()=>[r&&"scrolled-to-bottom",n&&"scrolled-to-top",i&&"scrollable"].filter(Boolean).join(" "),[r,n,i]),p=useCallback(s=>{t(s),a(s);},[t,a]);return jsx(ye,{sx:{position:"relative"},className:c,children:jsx(be,{ref:o$1,onScroll:p,children:e})})},Ne=rt;var at=e=>{let{initialValue:t="",getValues:o,filterItem:r,onChange:n,items:i,enabled:a=false,debounceMs:c=300}=e,[p,s]=useState(t),[d,l]=useState(t),h=useMemo(()=>it(m=>{l(m);},c),[c]);useEffect(()=>(h(p),()=>h.cancel()),[h,p]);let f=useCallback(m=>{let T=m.target.value;s(T),h(T),n?.(m);},[n,h]),I=useCallback(()=>{s(""),l(""),h.cancel(),n?.({target:{value:""}});},[n,h]),y=useMemo(()=>{if(!a||!d.trim())return i;let m=d.toLowerCase();return r?i.reduce((T,u)=>{let E=r(u,m);return E&&T.push(E),T},[]):o?i.filter(T=>o(T).some(u=>u.toLowerCase().includes(m))):(console.error("`searchProps.getValues` is required for searching, provide it on the tree node level or the global search props"),i)},[i,d,o,r,a]);return {searchText:p,filteredItems:y,handleSearch:f,handleReset:I}},ve=at;var ft=e=>{let{anchorEl:t,sx:o,levelIndex:r=0,placement:n,menuItems:i,header:a,footer:c,levelKey:p,searchProps:s}=e,[d,l]=useState(false),h=!!t,f=!!s,{searchText:I,filteredItems:y,handleSearch:m,handleReset:T}=ve({...s,enabled:f,items:i}),u=useRef(),E=useCallback(()=>{l(true),clearTimeout(u.current),u.current=setTimeout(()=>{l(false);},100);},[]);return useEffect(()=>()=>clearTimeout(u.current),[]),jsx(Ce,{open:h,anchorEl:t,placement:r>0?"right-start":n,"data-level":r,"data-level-key":p,onClick:x=>x.stopPropagation(),sx:{...o,"&.MuiPopper-dropdown":{"&:after":{display:"none"}}},children:jsxs(Re,{divider:jsx(v,{flexItem:true}),children:[a&&jsx(V,{children:a}),f&&jsxs(Re,{divider:jsx(v,{flexItem:true,sx:{my:1}}),children:[jsx(ie,{sx:{p:1},children:jsx(b,{id:`tree-search-input-${r}`,...s?.inputProps,placeholder:s?.inputProps?.placeholder??"Search...",onChange:m,value:I,inputProps:{autoComplete:"off"},onClear:T})}),y.length===0&&s?.noResultsText&&jsx(ne,{component:"div",fontSize:10,color:x=>alpha(x.palette.text.primary,.4),textAlign:"center",minHeight:36,fontWeight:500,display:"flex",alignItems:"center",justifyContent:"center",children:jsx("span",{children:"No results found"})})]}),jsx(Ne,{onScroll:E,children:y.map((x,N)=>jsx(xe,{disableHovering:d,...x,levelIndex:r,subLevelKey:x.levelKey,nestedMenuSx:o},`${r}-${x.id}-${N}`))}),c&&jsx(V,{children:c})]})})},U=ft;function ht(e){function t(o){let r=o.children?o.children.map(t):void 0;if(r?.length===1&&r[0].children?.length&&!r[0].disablePromotion){let n=r[0];r=n.children,o={...o,header:n.header??o.header,footer:n.footer??o.footer,searchProps:n.searchProps??o.searchProps};}return {...o,children:r}}return e.map(t)}function we(e,t,o=[]){for(let r of e)r.status==="CHECKED"&&o.push(r.id),r.children&&we(r.children,t,o);return o}function He(e,t=[],o={},r=false){for(let n of e){let i=r?"CHECKED":n.status??"UNCHECKED";o[n.id]={status:i,...t.length?{_parents:t}:{}},n.children&&He(n.children,[...t,n.id],o,i==="CHECKED");}return o}function Le(e,t){let o=He(e),r=we(e,t),n=o;for(let i of r)n=q(n,i,true);return n}function ke(e,t){return e.map(o=>({...o,status:t[o.id]?.status??"UNCHECKED",children:o.children?ke(o.children,t):void 0}))}function Tt(e){let t={};for(let o of Object.keys(e)){let r=e[o]._parents;if(!r?.length)continue;let n=r[r.length-1];t[n]??(t[n]=[]),t[n].push(o);}return t}function q(e,t,o){let r=structuredClone(e),n=Tt(e),i=o?"CHECKED":"UNCHECKED";function a(p){r[p].status=i;for(let s of n[p]??[])a(s);}function c(p){let s=r[p]._parents;if(!s?.length)return;let d=s[s.length-1],h=(n[d]??[]).map(f=>r[f].status);h.every(f=>f==="CHECKED")?r[d].status="CHECKED":h.every(f=>f==="UNCHECKED")?r[d].status="UNCHECKED":r[d].status="INDETERMINATE",c(d);}return a(t),c(t),r}function gt(e){function t(o){let r=o.children?.map(t).filter(Boolean);return o.status==="CHECKED"||o.status==="INDETERMINATE"||r&&r.length>0?{...o,children:r}:null}return e.map(t).filter(Boolean)}function De(e){let t={};for(let o in e)t[o]={status:"UNCHECKED",...e[o]._parents?{_parents:e[o]._parents}:{}};return t}function Ke(e,t,o,r){if(r)return q(e,t,o);if(!o)return De(e);let n=De(e);return q(n,t,true)}function xt(e,t){let o=[];function r(n){n.levelKey===t&&o.push(n),n.children?.forEach(i=>r(i));}return e.forEach(r),o}var C={denormalizeTree:j((e,t)=>ke(e,t)),extractSelectedBranches:j(e=>gt(e)),filterNodesByLevelKey:j((e,t)=>xt(e,t))};function J(e){let t=ht(e.children??[]);if(t.length===1&&t[0].children?.length&&!t[0].disablePromotion){let[o]=t;return J({levelKey:o.levelKey,children:o.children,header:o.header??e.header,footer:o.footer??e.footer,searchProps:o.searchProps??e.searchProps})}return {...e,children:t}}var It=forwardRef((e,t)=>{let{anchorEl:o,placement:r="bottom-start",treeDefinition:n,sx:i,onChange:a,multiple:c=true,exposeOnlySelectedTree:p=false,IconComponent:s,onMounted:d}=e,{children:l=[]}=n,h=useMemo(()=>J(n),[n]),{header:f,footer:I,children:y=[],searchProps:m,levelKey:T}=h,[u,E]=useState({}),x=useRef(d);x.current=d;let N=useCallback(()=>C.denormalizeTree(l,u),[l,u]),w=useCallback(()=>C.extractSelectedBranches(N()),[N]),H=useCallback((S,M)=>{let g=Ke(u,M.id,S,c);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[a,l,u,c,p]),L=useCallback(S=>{let g=((k,O)=>{let v={...k};return Object.keys(v).forEach(R=>{v[R]={...v[R],status:O?"CHECKED":"UNCHECKED"};}),v})(u,S);E(g),a&&a(p?C.extractSelectedBranches(C.denormalizeTree(l,g)):C.denormalizeTree(l,g));},[u,a,l,p]);return useEffect(()=>{let S=Le(l||[],c);E(S);let M=C.denormalizeTree(l,S),g=C.extractSelectedBranches(M);x.current?.({state:S,tree:M,selectedTree:g});},[l,c]),useImperativeHandle(t,()=>({treeMapper:u,getFullTree:N,getSelectedTree:w,toggleAll:L}),[u,N,w,L]),jsx(re,{treeMapper:u,IconComponent:s,handleSelect:H,multiple:c,children:jsx(U,{anchorEl:o,sx:i,header:f,footer:I,menuItems:y,levelKey:T,searchProps:m,placement:r})})}),ze=It;var Xo=ze;export{Ue as a,C as b,Xo as c};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c as c$2}from'./chunk-SKJZPJBN.js';import {m,a as a$2}from'./chunk-YGEN2NPL.js';import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {c,d}from'./chunk-4FOFVTQ2.js';import {a as a$1,b}from'./chunk-JLL4EOYJ.js';import {xn,ta,dl,el,vi,Ik,A,Ud,we as we$1,ve,sa,qa,ra}from'./chunk-2GSUGMI7.js';import Gt,{memo,createContext,useState,useRef,useId,useMemo,useCallback,useEffect,useContext}from'react';import {styled,Popover,Input,Typography,Box}from'@mui/material';import C from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import Xt from'@mui/material/Box';import {useTranslation}from'react-i18next';import {styled as styled$1}from'@mui/material/styles';var R=37,M=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var Kt=44,ce={"--w-rjv-color":"#9cdcfe","--w-rjv-key-string":"#357fb9","--w-rjv-background-color":"#ffffff","--w-rjv-line-color":"#ffffff","--w-rjv-arrow-color":"#116e6bed","--w-rjv-edit-color":"#9cdcfe","--w-rjv-info-color":"#9c9c9c7a","--w-rjv-update-color":"#FFE20B","--w-rjv-copied-color":"#9cdcfe","--w-rjv-copied-success-color":"#28a745","--w-rjv-curlybraces-color":"#000000","--w-rjv-colon-color":"#000000","--w-rjv-brackets-color":"#000000","--w-rjv-quotes-color":"#9cdcfe","--w-rjv-quotes-string-color":"#c27c46","--w-rjv-type-string-color":"#c27c46","--w-rjv-type-int-color":"#956ea5","--w-rjv-type-float-color":"#956ea5","--w-rjv-type-bigint-color":"#956ea5","--w-rjv-type-boolean-color":"#956ea5","--w-rjv-type-date-color":"#956ea5","--w-rjv-type-url-color":"#3b89cf","--w-rjv-type-null-color":"#956ea5","--w-rjv-type-nan-color":"#956ea5","--w-rjv-type-undefined-color":"#956ea5",padding:"1rem",height:`calc(100% - ${Kt+R}px`,overflow:"auto"},Ye={...ce,background:"transparent","--w-rjv-line-color":"transparent"},Xe=styled("button")(({theme:e})=>({padding:"0rem",borderRadius:"0.25rem",backgroundColor:e.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",gap:"0.25rem",color:e.palette.text.primary,fontSize:"0.625rem",fontWeight:e.typography.fontWeightBold,outline:"none",cursor:"pointer",border:`1px solid ${e.palette.grey[100]}`,"&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark};`},position:"relative",overflow:"hidden",transition:"all 0.2s ease-in-out",width:"24px",height:"24px",flexShrink:0})),Qe=styled("button")(({theme:e})=>({outline:"none",cursor:"pointer",border:"1px solid transparent","&:hover":{boxShadow:e.shadows[8]},borderRadius:"0.25rem",position:"relative",backgroundColor:e.palette.background.transparent,display:"inline-flex",alignItems:"center",justifyContent:"center"}));styled(Input)(({theme:e})=>({border:`1px solid ${e.palette.grey[100]}`,borderRadius:"0.25rem",padding:"0.375rem",fontSize:"0.625rem",outline:"none",width:"100%",maxWidth:"150px",height:"1.5rem",backgroundColor:e.palette.background.paper,"&:focus":{border:`1px solid ${e.palette.info.dark}`}}));var ue=styled(Typography)(()=>({border:"1px solid rgba(242, 242, 242, 0.70);",display:"inline-flex",height:"24px",padding:"0px 8px",justifyContent:"center",alignItems:"center",borderRadius:"37.5px",backgroundColor:"#fff"})),fe=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:r,theme:o})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",paddingBlock:"0px",paddingInlineStart:"12px",paddingInlineEnd:"12px",position:"sticky",left:0,right:0,top:0,background:"#fff",zIndex:5,...e&&{boxShadow:o.shadows[23]},...t&&{paddingTop:xn,transition:"padding 0.3s ease-in-out",...r&&{width:"50%"}}})),me=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:R,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),ge=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),he=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),Ue=styled(motion.div,{shouldForwardProp:e=>!["isRequestShown","isMaximized"].includes(e)})(({isRequestShown:e,isMaximized:t})=>({width:"100%",height:"100%",overflowY:"auto",overflowX:"hidden",background:"#fff",zIndex:20,position:"relative",display:"flex",flexDirection:"column",borderBottomRightRadius:"12px",borderBottomLeftRadius:e?0:"12px",...t&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,height:"100vh"}}));styled(motion.div,{shouldForwardProp:e=>!["isMaximized","currentRequestWidth"].includes(e)})(({isMaximized:e,currentRequestWidth:t})=>({backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:e?"100vh":"100%",overflowY:"auto",overflowX:"hidden",position:"absolute",width:e?"100vw":t,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"}));styled(Box,{shouldForwardProp:e=>!["isMaximized","currentHeight"].includes(e)})(({isMaximized:e,currentHeight:t})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:e?`calc(100vh - ${R}px)`:(t||M)-R+5,background:"transparent",position:"fixed",width:"100%"}));var Ze=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),et=styled("span")(()=>({color:"#032F62"})),tt=styled("span")(()=>({color:"#357fb9"}));function G({"data-copied":e,style:t,onClick:r},{keyName:o}){return o?jsxs(Qe,{style:t,onClick:n=>{r?.(n);},children:[jsx(AnimatePresence,{children:e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ta,alt:"icon"},"copied-icon")}),jsx(AnimatePresence,{children:!e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"copy-icon")})]}):jsx("span",{})}function Ut({onClick:e,icon:t,label:r,disableAnimation:o,...n}){let[i,l]=Gt.useState(false),{t:p}=useTranslation();return jsxs(Xe,{...n,onClick:d=>{e?.(d),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(Xt,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ta,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:t,alt:"icon"},"id-icon")})]}),r&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:p("copied")})}),jsx(AnimatePresence,{children:!i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:r})})]})]})}var rt=memo(Ut);var B=rt;var it=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),st=styled$1("button")(({theme:e,isActive:t})=>({width:"24px",height:"24px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,backgroundColor:e.palette.background.paper,cursor:"pointer",outline:"none",padding:0,position:"relative",zIndex:11,transition:"all 0.2s ease-in-out","&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`}})),at=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),lt=styled$1(motion.input)(({theme:e})=>({width:"177px",height:"24px",borderRadius:"4px",color:e.palette.text.primary,fontSize:"10px",outline:0,background:e.palette.background.paper,boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`,paddingLeft:"8px",boxSizing:"border-box","::placeholder":{color:"#D5D5D5"}})),ye={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},pt={...ye,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},dt=styled$1("button")(()=>({...pt,right:53})),ct=styled$1("button")(()=>({...pt,right:39})),ut=styled$1(motion.img)(()=>({...ye,right:24,width:10,height:10,cursor:"pointer"})),ft=styled$1(motion.img)(()=>({...ye,right:8,width:11,height:11,cursor:"default"})),we=styled$1("img")(()=>({width:10,height:10})),mt=styled$1("img")(()=>({width:12,height:12})),gt=styled$1("span")(({theme:e})=>({position:"absolute",right:67,top:"50%",transform:"translateY(-50%)",fontSize:"9px",lineHeight:1,color:e.palette.text.secondary,whiteSpace:"nowrap",userSelect:"none",zIndex:2,pointerEvents:"none"}));function ro({value:e,onChange:t,currentIndex:r,totalCount:o,onPrev:n,onNext:i,onOpen:l,placeholder:p="Search..."}){let[s,d]=useState(false),g=useRef(null),m=e.trim().length>0,w=o>0,x=m,b=()=>{l?.(),d(true),requestAnimationFrame(()=>g.current?.focus());},S=()=>{t(""),d(false);};return jsxs(it,{children:[jsx(AnimatePresence,{children:s&&jsxs(at,{initial:{clipPath:"inset(0 0 0 100%)",opacity:0},animate:{clipPath:"inset(0 0 0 0%)",opacity:1},exit:{clipPath:"inset(0 0 0 100%)",opacity:0},transition:{duration:.22,ease:[.4,0,.2,1]},children:[jsx(lt,{ref:g,initial:false,animate:{paddingRight:x?"98px":"24px"},transition:{duration:.15},placeholder:p,value:e,onChange:u=>t(u.target.value),onKeyDown:u=>{u.key==="Enter"&&(u.shiftKey?n():i()),u.key==="Escape"&&S();},onBlur:()=>{m||d(false);}}),x&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:dl,alt:"prev"})}),x&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:el,alt:"next"})}),x&&jsx(ut,{src:vi,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Ik,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),x&&jsx(gt,{children:w?`${r+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!s&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(st,{isActive:false,onClick:b,title:"Search",children:jsx(mt,{src:A,alt:"search"})})})})]})}var z=memo(ro);function yt(e,t){let r=[],o=t.length,n=0,i=e.indexOf(t,n);for(;i!==-1;){let l=i+o;r.push([i,l]),n=l,i=e.indexOf(t,n);}return r}var io={padding:0,outline:"none"};function bt({text:e,queryLength:t,ranges:r,idPrefix:o}){let n=[],i=0;return r.forEach(([l,p],s)=>{l>i&&n.push(e.slice(i,l)),n.push(jsx("mark",{style:io,children:e.slice(l,l+t)},`${o}-${s}`)),i=p;}),i<e.length&&n.push(e.slice(i)),jsx(Fragment,{children:n})}function T({text:e,query:t}){let r=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let i=e.toLowerCase(),l=yt(i,o);return l.length===0?e:jsx(bt,{text:e,queryLength:t.length,ranges:l,idPrefix:r})},[e,t.length,o,r]);return jsx(Fragment,{children:n})}function U(e,t){return e.toLowerCase().includes(t)}function Z(e){return e.trim().toLowerCase()}function ee(e){let t=Z(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(U(n,t))return jsx(tt,{children:jsx(T,{text:String(o),query:e})})}}function te(e){let t=Z(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(U(n,t))return jsxs(et,{children:['"',jsx(T,{text:String(o??""),query:e}),'"']})}}function fo({title:e,onClose:t,onMaximize:r,maximized:o=false,id:n,onMouseHover:i,onMouseLeave:l,onRequestClick:p,isRequestExpanded:s=false,showRequestIcon:d$2=false,isHovered:g=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:i,onMouseLeave:l,isMaximized:o,title:e,icon:Ud,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:r}),d$2&&jsx(d$1,{onClick:p,isExpanded:s,isHovered:g,children:"Request"})]})})})}var It=memo(fo);var be=It;var H=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{},containerRef:{current:null}});var Jt=({list:e,events:t,onClose:r,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((i,l)=>jsx(q,{index:l,...t,...i,onClose:()=>{r(l);},isWindowMinimized:o,windowOrder:n},i.json.id))}):null;var wo=({children:e,containerRef:t})=>{let[r,o]=useState([]),[n,i]=useState(false),[l,p]=useState(1),s=useRef({}),d=useCallback(c=>{if(r.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(r.some(N=>N.json.id===c.json.id))return;let O=structuredClone(c.json),V=O.request_body,u={...c,json:O,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(O=>O.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),x=useCallback(c=>{s.current=c;},[]),b=useMemo(()=>({onJsonRequestOpen:()=>s.current.onJsonRequestOpen?.(),onJsonSearch:()=>s.current.onJsonSearch?.(),onJsonCopy:()=>s.current.onJsonCopy?.(),onJsonIdCopy:()=>s.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>s.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>s.current.onJsonNodesMaximize?.()}),[]),S=useMemo(()=>({jsonViewerList:r,handleJsonViewerDialogOpen:d,handleWindowMinimize:m,handleWindowOrder:w,registerJsonViewerEvents:x,containerRef:t}),[r,d,m,w,x,t]);return jsxs(H.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Tt="#FFE20B";function oe(e,t){let[r,o]=useState(0),[n,i]=useState(0);useEffect(()=>{if(!t.trim()){i(0),o(0);return}let s=setTimeout(()=>{let d=e.current?.querySelectorAll("mark")??[];i(d.length),o(0);},50);return ()=>clearTimeout(s)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let s=Array.from(e.current.querySelectorAll("mark"));s.forEach((d,g)=>{let m=g===r;d.style.backgroundColor=m?Tt:"transparent",d.style.outline=m?`1px solid ${Tt}`:"none",d.style.borderRadius="2px";}),s[r]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[r,n,t,e]);let l=useCallback(()=>{n!==0&&o(s=>(s+1)%n);},[n]),p=useCallback(()=>{n!==0&&o(s=>(s-1+n)%n);},[n]);return {currentIndex:r,totalCount:n,goNext:l,goPrev:p}}function Et(e,t){return e==null?String(e).includes(t):typeof e=="string"?e.toLowerCase().includes(t):typeof e=="number"||typeof e=="boolean"?String(e).includes(t):false}function Vt(e,t){if(Array.isArray(e)){let r=e.map(o=>Vt(o,t)).filter(o=>o!=null);return r.length>0?r:null}return typeof e=="object"&&e!==null?Wt(e,t):Et(e,t)?e:null}function Wt(e,t){let r={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))r[o]=n;else if(typeof n=="object"&&n!==null){let i=Vt(n,t);i!==null&&(r[o]=i);}else Et(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Wt(e,t.toLowerCase()):e}var L=400,re=.5;function q(e){let{containerRef:t}=useContext(H),{height:r,width:o}=a$1(),[n,i]=useState(false);return jsx(m,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:M,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r/2-M/2+e.index*30},windowProps:{mainAppOrder:e.windowOrder,mainAppIsMinimized:e.isWindowMinimized,overflow:"visible",titleBar:jsx(Co,{...e,isRequestShown:n,setIsRequestShown:i})},children:jsx(vo,{...e,isRequestShown:n})})}function Co({requestJson:e={},onClose:t,onJsonRequestOpen:r,isRequestShown:o,setIsRequestShown:n}){let{isMaximized:i,setIsMaximized:l,isToolbarAnimationDisabled:p,setIsToolbarAnimationDisabled:s,dimensions:d,updateSize:g}=useContext(a$2),{onMouseEnter:m,onMouseLeave:w,isHovered:x}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:xn,position:"fixed",zIndex:1e3}},animate:{width:o?b$1*2:b$1,...i&&{width:"100vw"},...!i&&{transform:`translateX(${o?-b$1:0}px)`}},transition:{duration:re,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},re*1e3);},isHovered:x,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:M}));},isRequestExpanded:o,showRequestIcon:!!S})})}function vo({json:e,requestJson:t={},onJsonSearch:r,onJsonCopy:o,onJsonIdCopy:n,onJsonNodesMinimize:i,onJsonNodesMaximize:l,isRequestShown:p}){let{isMaximized:s,isToolbarAnimationDisabled:d,dimensions:g}=useContext(a$2),[m,w]=useState(false),[x,b]=useState(false),[S,c]=useState(true),[O,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),_=oe(Je,u),F=oe(ke,k),qt=useMemo(()=>Object.keys(e)?.length,[e]),Pe=g.width||L,Be=v=>{setTimeout(()=>{navigator.clipboard.writeText(v||"").then(()=>{});},10);},Dt=useMemo(()=>Object.keys(t)?.length,[t]),Oe=useMemo(()=>Ce(e,u),[e,u]),Te=useMemo(()=>Ce(t,k),[t,k]);return jsx(Ze,{"data-testid":"JSONViewer",children:jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:s?`calc(100vh - ${R}px)`:(g.height||M)-R+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:p&&jsxs(motion.div,{initial:{left:s?"50vw":0,...s&&{position:"relative",left:"-50vw"}},animate:{left:s?"50vw":-Pe,...s&&{position:"relative",left:"0"},...!p&&{left:0}},exit:{left:s?"50vw":0,...s&&{position:"relative",left:"0"}},transition:{duration:re,...d&&{duration:0}},ref:ke,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:s?"100vh":"100%",overflowY:"auto",position:"absolute",width:s?"100vw":Pe,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{V(true),setTimeout(()=>{V(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:O,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),k.trim()&&Te===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(C,{value:Te??t,style:Ye,displayDataTypes:false,collapsed:k.trim()?void 0:S?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},enableClipboard:false,children:[jsx(C.String,{render:te(k)}),jsx(C.KeyName,{render:ee(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(AnimatePresence,{children:p&&jsx(me,{sx:{flex:1,height:R,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Dt})})})]})}),jsxs(Ue,{ref:Je,isMaximized:s,isRequestShown:p,style:{left:0,maxHeight:"100vw"},initial:{...s&&{width:"100vw",left:0}},animate:{...s&&{position:"absolute",left:p?"50vw":"0"}},transition:{duration:re,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:x,isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(e,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),u.trim()&&Oe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(C,{value:Oe??e,style:ce,displayDataTypes:false,collapsed:u.trim()?void 0:m?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},children:[jsx(C.String,{render:te(u)}),jsx(C.KeyName,{render:ee(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(me,{sx:{flex:1,height:R},children:jsx(c$2,{sx:{borderBottomLeftRadius:p?0:"12px",background:"#f8f9fb",flex:1},totalCount:qt})})]})]})})}var Ro=({isWindowMinimized:e,windowOrder:t,...r})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:i,registerJsonViewerEvents:l}=useContext(H),p=useCallback(()=>{n(e);},[n,e]),s=useCallback(()=>{i(t);},[i,t]);return useEffect(()=>{s();},[s]),useEffect(()=>{p();},[p]),useEffect(()=>{l(r);},[l,r]),{handleJsonViewerDialogOpen:o}};var zr=q;export{B as a,z as b,T as c,be as d,H as e,Jt as f,wo as g,oe as h,Ro as i,zr as j};
|
|
1
|
+
import {c as c$2}from'./chunk-SKJZPJBN.js';import {m,a as a$2}from'./chunk-HGDT6YZH.js';import {c,d}from'./chunk-4FOFVTQ2.js';import {a,c as c$1,d as d$1}from'./chunk-DRBZWQC7.js';import {a as a$1,b}from'./chunk-JLL4EOYJ.js';import {xn,ta,dl,el,vi,Ik,A,Ud,we as we$1,ve,sa,qa,ra}from'./chunk-2GSUGMI7.js';import Gt,{memo,createContext,useState,useRef,useId,useMemo,useCallback,useEffect,useContext}from'react';import {styled,Popover,Input,Typography,Box}from'@mui/material';import C from'@uiw/react-json-view';import {motion,AnimatePresence}from'framer-motion';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import Xt from'@mui/material/Box';import {useTranslation}from'react-i18next';import {styled as styled$1}from'@mui/material/styles';var R=37,M=545;styled(Popover)(({theme:e})=>({backgroundColor:e.palette.background.default,boxShadow:e.shadows[21],"& .MuiPaper-root":{borderRadius:"12px"}}));var Kt=44,ce={"--w-rjv-color":"#9cdcfe","--w-rjv-key-string":"#357fb9","--w-rjv-background-color":"#ffffff","--w-rjv-line-color":"#ffffff","--w-rjv-arrow-color":"#116e6bed","--w-rjv-edit-color":"#9cdcfe","--w-rjv-info-color":"#9c9c9c7a","--w-rjv-update-color":"#FFE20B","--w-rjv-copied-color":"#9cdcfe","--w-rjv-copied-success-color":"#28a745","--w-rjv-curlybraces-color":"#000000","--w-rjv-colon-color":"#000000","--w-rjv-brackets-color":"#000000","--w-rjv-quotes-color":"#9cdcfe","--w-rjv-quotes-string-color":"#c27c46","--w-rjv-type-string-color":"#c27c46","--w-rjv-type-int-color":"#956ea5","--w-rjv-type-float-color":"#956ea5","--w-rjv-type-bigint-color":"#956ea5","--w-rjv-type-boolean-color":"#956ea5","--w-rjv-type-date-color":"#956ea5","--w-rjv-type-url-color":"#3b89cf","--w-rjv-type-null-color":"#956ea5","--w-rjv-type-nan-color":"#956ea5","--w-rjv-type-undefined-color":"#956ea5",padding:"1rem",height:`calc(100% - ${Kt+R}px`,overflow:"auto"},Ye={...ce,background:"transparent","--w-rjv-line-color":"transparent"},Xe=styled("button")(({theme:e})=>({padding:"0rem",borderRadius:"0.25rem",backgroundColor:e.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",gap:"0.25rem",color:e.palette.text.primary,fontSize:"0.625rem",fontWeight:e.typography.fontWeightBold,outline:"none",cursor:"pointer",border:`1px solid ${e.palette.grey[100]}`,"&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark};`},position:"relative",overflow:"hidden",transition:"all 0.2s ease-in-out",width:"24px",height:"24px",flexShrink:0})),Qe=styled("button")(({theme:e})=>({outline:"none",cursor:"pointer",border:"1px solid transparent","&:hover":{boxShadow:e.shadows[8]},borderRadius:"0.25rem",position:"relative",backgroundColor:e.palette.background.transparent,display:"inline-flex",alignItems:"center",justifyContent:"center"}));styled(Input)(({theme:e})=>({border:`1px solid ${e.palette.grey[100]}`,borderRadius:"0.25rem",padding:"0.375rem",fontSize:"0.625rem",outline:"none",width:"100%",maxWidth:"150px",height:"1.5rem",backgroundColor:e.palette.background.paper,"&:focus":{border:`1px solid ${e.palette.info.dark}`}}));var ue=styled(Typography)(()=>({border:"1px solid rgba(242, 242, 242, 0.70);",display:"inline-flex",height:"24px",padding:"0px 8px",justifyContent:"center",alignItems:"center",borderRadius:"37.5px",backgroundColor:"#fff"})),fe=styled(Box,{shouldForwardProp:e=>!["isMaximized","isScrollingRequest","isRequestShown"].includes(e)})(({isScrollingRequest:e,isMaximized:t,isRequestShown:r,theme:o})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"4px",paddingBlock:"0px",paddingInlineStart:"12px",paddingInlineEnd:"12px",position:"sticky",left:0,right:0,top:0,background:"#fff",zIndex:5,...e&&{boxShadow:o.shadows[23]},...t&&{paddingTop:xn,transition:"padding 0.3s ease-in-out",...r&&{width:"50%"}}})),me=styled(Box,{shouldForwardProp:e=>!["isMaximized","isRequestShown"].includes(e)})(({isMaximized:e,isRequestShown:t})=>({display:"flex",justifyContent:"space-between",alignItems:"center",gap:"8px",height:R,position:"fixed",bottom:0,right:0,left:e?"50vw":0,...!t&&{left:0}})),ge=styled(Box)(()=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"8px",paddingInlineEnd:"0px"})),he=styled(Box)(()=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",paddingBlock:"10px",paddingInlineStart:"0px",paddingInlineEnd:"12px"})),Ue=styled(motion.div,{shouldForwardProp:e=>!["isRequestShown","isMaximized"].includes(e)})(({isRequestShown:e,isMaximized:t})=>({width:"100%",height:"100%",overflowY:"auto",overflowX:"hidden",background:"#fff",zIndex:20,position:"relative",display:"flex",flexDirection:"column",borderBottomRightRadius:"12px",borderBottomLeftRadius:e?0:"12px",...t&&{borderBottomLeftRadius:0,borderBottomRightRadius:0,height:"100vh"}}));styled(motion.div,{shouldForwardProp:e=>!["isMaximized","currentRequestWidth"].includes(e)})(({isMaximized:e,currentRequestWidth:t})=>({backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:e?"100vh":"100%",overflowY:"auto",overflowX:"hidden",position:"absolute",width:e?"100vw":t,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"}));styled(Box,{shouldForwardProp:e=>!["isMaximized","currentHeight"].includes(e)})(({isMaximized:e,currentHeight:t})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:e?`calc(100vh - ${R}px)`:(t||M)-R+5,background:"transparent",position:"fixed",width:"100%"}));var Ze=styled(Box)(()=>({position:"fixed",width:"100%",background:"transparent",height:"100%"})),et=styled("span")(()=>({color:"#032F62"})),tt=styled("span")(()=>({color:"#357fb9"}));function G({"data-copied":e,style:t,onClick:r},{keyName:o}){return o?jsxs(Qe,{style:t,onClick:n=>{r?.(n);},children:[jsx(AnimatePresence,{children:e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ta,alt:"icon"},"copied-icon")}),jsx(AnimatePresence,{children:!e&&jsx(motion.img,{style:{height:"14px",width:"14px"},initial:{opacity:0},animate:{opacity:1,position:"absolute"},exit:{opacity:0},transition:{duration:.4},src:ra,alt:"icon"},"copy-icon")})]}):jsx("span",{})}function Ut({onClick:e,icon:t,label:r,disableAnimation:o,...n}){let[i,l]=Gt.useState(false),{t:p}=useTranslation();return jsxs(Xe,{...n,onClick:d=>{e?.(d),!o&&(l(true),setTimeout(()=>{l(false);},2e3));},children:[jsxs(Xt,{sx:{width:"16px",display:"flex",overflow:"hidden",justifyContent:"center",alignItems:"center"},children:[jsx(AnimatePresence,{mode:"wait",children:i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:ta,alt:"icon"},"id-icon")}),jsx(AnimatePresence,{mode:"wait",children:!i&&jsx(motion.img,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.4}},exit:{opacity:0,transition:{duration:.1}},transition:{duration:.4},src:t,alt:"icon"},"id-icon")})]}),r&&jsxs(Fragment,{children:[jsx(AnimatePresence,{children:i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute"},transition:{duration:.4},children:p("copied")})}),jsx(AnimatePresence,{children:!i&&jsx(motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,position:"absolute",width:"53px"},transition:{duration:.4},children:r})})]})]})}var rt=memo(Ut);var B=rt;var it=styled$1("div")(()=>({display:"flex",alignItems:"center",position:"relative",flexShrink:0,width:"24px",height:"24px"})),st=styled$1("button")(({theme:e,isActive:t})=>({width:"24px",height:"24px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",border:`1px solid ${t?e.palette.info.dark:e.palette.grey[100]}`,backgroundColor:e.palette.background.paper,cursor:"pointer",outline:"none",padding:0,position:"relative",zIndex:11,transition:"all 0.2s ease-in-out","&:hover":{boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`}})),at=styled$1(motion.div)(()=>({position:"absolute",right:0,top:0,height:"24px",display:"flex",alignItems:"center",zIndex:20,background:"transparent"})),lt=styled$1(motion.input)(({theme:e})=>({width:"177px",height:"24px",borderRadius:"4px",color:e.palette.text.primary,fontSize:"10px",outline:0,background:e.palette.background.paper,boxShadow:"0px 0px 8px 0px rgba(31, 136, 208, 0.30)",border:`1px solid ${e.palette.info.dark}`,paddingLeft:"8px",boxSizing:"border-box","::placeholder":{color:"#D5D5D5"}})),ye={position:"absolute",top:"50%",transform:"translateY(-50%)",zIndex:2,userSelect:"none"},pt={...ye,background:"none",border:"none",padding:0,margin:0,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",outline:"none","&:disabled":{opacity:.3,cursor:"default"}},dt=styled$1("button")(()=>({...pt,right:53})),ct=styled$1("button")(()=>({...pt,right:39})),ut=styled$1(motion.img)(()=>({...ye,right:24,width:10,height:10,cursor:"pointer"})),ft=styled$1(motion.img)(()=>({...ye,right:8,width:11,height:11,cursor:"default"})),we=styled$1("img")(()=>({width:10,height:10})),mt=styled$1("img")(()=>({width:12,height:12})),gt=styled$1("span")(({theme:e})=>({position:"absolute",right:67,top:"50%",transform:"translateY(-50%)",fontSize:"9px",lineHeight:1,color:e.palette.text.secondary,whiteSpace:"nowrap",userSelect:"none",zIndex:2,pointerEvents:"none"}));function ro({value:e,onChange:t,currentIndex:r,totalCount:o,onPrev:n,onNext:i,onOpen:l,placeholder:p="Search..."}){let[s,d]=useState(false),g=useRef(null),m=e.trim().length>0,w=o>0,x=m,b=()=>{l?.(),d(true),requestAnimationFrame(()=>g.current?.focus());},S=()=>{t(""),d(false);};return jsxs(it,{children:[jsx(AnimatePresence,{children:s&&jsxs(at,{initial:{clipPath:"inset(0 0 0 100%)",opacity:0},animate:{clipPath:"inset(0 0 0 0%)",opacity:1},exit:{clipPath:"inset(0 0 0 100%)",opacity:0},transition:{duration:.22,ease:[.4,0,.2,1]},children:[jsx(lt,{ref:g,initial:false,animate:{paddingRight:x?"98px":"24px"},transition:{duration:.15},placeholder:p,value:e,onChange:u=>t(u.target.value),onKeyDown:u=>{u.key==="Enter"&&(u.shiftKey?n():i()),u.key==="Escape"&&S();},onBlur:()=>{m||d(false);}}),x&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:dl,alt:"prev"})}),x&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:el,alt:"next"})}),x&&jsx(ut,{src:vi,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Ik,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),x&&jsx(gt,{children:w?`${r+1}/${o}`:"0/0"})]},"input-area")}),jsx(AnimatePresence,{children:!s&&jsx(motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},children:jsx(st,{isActive:false,onClick:b,title:"Search",children:jsx(mt,{src:A,alt:"search"})})})})]})}var z=memo(ro);function yt(e,t){let r=[],o=t.length,n=0,i=e.indexOf(t,n);for(;i!==-1;){let l=i+o;r.push([i,l]),n=l,i=e.indexOf(t,n);}return r}var io={padding:0,outline:"none"};function bt({text:e,queryLength:t,ranges:r,idPrefix:o}){let n=[],i=0;return r.forEach(([l,p],s)=>{l>i&&n.push(e.slice(i,l)),n.push(jsx("mark",{style:io,children:e.slice(l,l+t)},`${o}-${s}`)),i=p;}),i<e.length&&n.push(e.slice(i)),jsx(Fragment,{children:n})}function T({text:e,query:t}){let r=useId(),o=useMemo(()=>t.trim().toLowerCase(),[t]),n=useMemo(()=>{if(!o)return e;let i=e.toLowerCase(),l=yt(i,o);return l.length===0?e:jsx(bt,{text:e,queryLength:t.length,ranges:l,idPrefix:r})},[e,t.length,o,r]);return jsx(Fragment,{children:n})}function U(e,t){return e.toLowerCase().includes(t)}function Z(e){return e.trim().toLowerCase()}function ee(e){let t=Z(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(U(n,t))return jsx(tt,{children:jsx(T,{text:String(o),query:e})})}}function te(e){let t=Z(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(U(n,t))return jsxs(et,{children:['"',jsx(T,{text:String(o??""),query:e}),'"']})}}function fo({title:e,onClose:t,onMaximize:r,maximized:o=false,id:n,onMouseHover:i,onMouseLeave:l,onRequestClick:p,isRequestExpanded:s=false,showRequestIcon:d$2=false,isHovered:g=false}){return jsx(c,{id:n,maximized:o||false,children:jsx(d,{isHovered:true,onMouseEnter:i,onMouseLeave:l,isMaximized:o,title:e,icon:Ud,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:o,onClick:r}),d$2&&jsx(d$1,{onClick:p,isExpanded:s,isHovered:g,children:"Request"})]})})})}var It=memo(fo);var be=It;var H=createContext({jsonViewerList:[],handleJsonViewerDialogOpen:()=>{},handleWindowMinimize:()=>{},handleWindowOrder:()=>{},registerJsonViewerEvents:()=>{},containerRef:{current:null}});var Jt=({list:e,events:t,onClose:r,isWindowMinimized:o,windowOrder:n})=>e?.length?jsx(Fragment,{children:e.map((i,l)=>jsx(q,{index:l,...t,...i,onClose:()=>{r(l);},isWindowMinimized:o,windowOrder:n},i.json.id))}):null;var wo=({children:e,containerRef:t})=>{let[r,o]=useState([]),[n,i]=useState(false),[l,p]=useState(1),s=useRef({}),d=useCallback(c=>{if(r.length===7){alert("Maximum allowed active Json Viewer is 7 per table.");return}if(r.some(N=>N.json.id===c.json.id))return;let O=structuredClone(c.json),V=O.request_body,u={...c,json:O,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(O=>O.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),x=useCallback(c=>{s.current=c;},[]),b=useMemo(()=>({onJsonRequestOpen:()=>s.current.onJsonRequestOpen?.(),onJsonSearch:()=>s.current.onJsonSearch?.(),onJsonCopy:()=>s.current.onJsonCopy?.(),onJsonIdCopy:()=>s.current.onJsonIdCopy?.(),onJsonNodesMinimize:()=>s.current.onJsonNodesMinimize?.(),onJsonNodesMaximize:()=>s.current.onJsonNodesMaximize?.()}),[]),S=useMemo(()=>({jsonViewerList:r,handleJsonViewerDialogOpen:d,handleWindowMinimize:m,handleWindowOrder:w,registerJsonViewerEvents:x,containerRef:t}),[r,d,m,w,x,t]);return jsxs(H.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Tt="#FFE20B";function oe(e,t){let[r,o]=useState(0),[n,i]=useState(0);useEffect(()=>{if(!t.trim()){i(0),o(0);return}let s=setTimeout(()=>{let d=e.current?.querySelectorAll("mark")??[];i(d.length),o(0);},50);return ()=>clearTimeout(s)},[t,e]),useEffect(()=>{if(!e.current||!t.trim())return;let s=Array.from(e.current.querySelectorAll("mark"));s.forEach((d,g)=>{let m=g===r;d.style.backgroundColor=m?Tt:"transparent",d.style.outline=m?`1px solid ${Tt}`:"none",d.style.borderRadius="2px";}),s[r]?.scrollIntoView({behavior:"smooth",block:"nearest"});},[r,n,t,e]);let l=useCallback(()=>{n!==0&&o(s=>(s+1)%n);},[n]),p=useCallback(()=>{n!==0&&o(s=>(s-1+n)%n);},[n]);return {currentIndex:r,totalCount:n,goNext:l,goPrev:p}}function Et(e,t){return e==null?String(e).includes(t):typeof e=="string"?e.toLowerCase().includes(t):typeof e=="number"||typeof e=="boolean"?String(e).includes(t):false}function Vt(e,t){if(Array.isArray(e)){let r=e.map(o=>Vt(o,t)).filter(o=>o!=null);return r.length>0?r:null}return typeof e=="object"&&e!==null?Wt(e,t):Et(e,t)?e:null}function Wt(e,t){let r={};for(let[o,n]of Object.entries(e))if(o.toLowerCase().includes(t))r[o]=n;else if(typeof n=="object"&&n!==null){let i=Vt(n,t);i!==null&&(r[o]=i);}else Et(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Wt(e,t.toLowerCase()):e}var L=400,re=.5;function q(e){let{containerRef:t}=useContext(H),{height:r,width:o}=a$1(),[n,i]=useState(false);return jsx(m,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:M,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r/2-M/2+e.index*30},windowProps:{mainAppOrder:e.windowOrder,mainAppIsMinimized:e.isWindowMinimized,overflow:"visible",titleBar:jsx(Co,{...e,isRequestShown:n,setIsRequestShown:i})},children:jsx(vo,{...e,isRequestShown:n})})}function Co({requestJson:e={},onClose:t,onJsonRequestOpen:r,isRequestShown:o,setIsRequestShown:n}){let{isMaximized:i,setIsMaximized:l,isToolbarAnimationDisabled:p,setIsToolbarAnimationDisabled:s,dimensions:d,updateSize:g}=useContext(a$2),{onMouseEnter:m,onMouseLeave:w,isHovered:x}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:xn,position:"fixed",zIndex:1e3}},animate:{width:o?b$1*2:b$1,...i&&{width:"100vw"},...!i&&{transform:`translateX(${o?-b$1:0}px)`}},transition:{duration:re,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},re*1e3);},isHovered:x,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:M}));},isRequestExpanded:o,showRequestIcon:!!S})})}function vo({json:e,requestJson:t={},onJsonSearch:r,onJsonCopy:o,onJsonIdCopy:n,onJsonNodesMinimize:i,onJsonNodesMaximize:l,isRequestShown:p}){let{isMaximized:s,isToolbarAnimationDisabled:d,dimensions:g}=useContext(a$2),[m,w]=useState(false),[x,b]=useState(false),[S,c]=useState(true),[O,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),_=oe(Je,u),F=oe(ke,k),qt=useMemo(()=>Object.keys(e)?.length,[e]),Pe=g.width||L,Be=v=>{setTimeout(()=>{navigator.clipboard.writeText(v||"").then(()=>{});},10);},Dt=useMemo(()=>Object.keys(t)?.length,[t]),Oe=useMemo(()=>Ce(e,u),[e,u]),Te=useMemo(()=>Ce(t,k),[t,k]);return jsx(Ze,{"data-testid":"JSONViewer",children:jsxs(Box,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",height:s?`calc(100vh - ${R}px)`:(g.height||M)-R+5,background:"transparent",position:"fixed",width:"100%"},children:[jsx(AnimatePresence,{children:p&&jsxs(motion.div,{initial:{left:s?"50vw":0,...s&&{position:"relative",left:"-50vw"}},animate:{left:s?"50vw":-Pe,...s&&{position:"relative",left:"0"},...!p&&{left:0}},exit:{left:s?"50vw":0,...s&&{position:"relative",left:"0"}},transition:{duration:re,...d&&{duration:0}},ref:ke,style:{flex:1,backgroundColor:"#E7E7E7B2",backdropFilter:"blur(12px)",height:s?"100vh":"100%",overflowY:"auto",position:"absolute",width:s?"100vw":Pe,zIndex:19,display:"flex",flexDirection:"column",borderBottomLeftRadius:"12px"},onScroll:()=>{V(true),setTimeout(()=>{V(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:O,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(t,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),k.trim()&&Te===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(C,{value:Te??t,style:Ye,displayDataTypes:false,collapsed:k.trim()?void 0:S?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},enableClipboard:false,children:[jsx(C.String,{render:te(k)}),jsx(C.KeyName,{render:ee(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(AnimatePresence,{children:p&&jsx(me,{sx:{flex:1,height:R,left:0},children:jsx(c$2,{sx:{paddingLeft:"12px",borderBottomRightRadius:"0",background:"#f8f9fb",flex:1},totalCount:Dt})})})]})}),jsxs(Ue,{ref:Je,isMaximized:s,isRequestShown:p,style:{left:0,maxHeight:"100vw"},initial:{...s&&{width:"100vw",left:0}},animate:{...s&&{position:"absolute",left:p?"50vw":"0"}},transition:{duration:re,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:x,isRequestShown:p,children:[jsx(he,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?we$1:ve}),jsx(B,{onClick:()=>{o?.(),navigator.clipboard.writeText(JSON.stringify(e,null,2)).then(()=>{});},icon:sa}),jsx(B,{onClick:()=>{n?.(),navigator.clipboard.writeText(e?.id||"").then(()=>{});},icon:qa})]})]}),u.trim()&&Oe===null?jsx(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},children:jsx(Typography,{variant:"body2",sx:{fontSize:"0.75rem",color:"text.secondary"},children:"No Data Found"})}):jsxs(C,{value:Oe??e,style:ce,displayDataTypes:false,collapsed:u.trim()?void 0:m?1:void 0,onCopied:(v,I)=>{typeof I=="string"&&Be(I);},children:[jsx(C.String,{render:te(u)}),jsx(C.KeyName,{render:ee(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:G})]}),jsx(me,{sx:{flex:1,height:R},children:jsx(c$2,{sx:{borderBottomLeftRadius:p?0:"12px",background:"#f8f9fb",flex:1},totalCount:qt})})]})]})})}var Ro=({isWindowMinimized:e,windowOrder:t,...r})=>{let{handleJsonViewerDialogOpen:o,handleWindowMinimize:n,handleWindowOrder:i,registerJsonViewerEvents:l}=useContext(H),p=useCallback(()=>{n(e);},[n,e]),s=useCallback(()=>{i(t);},[i,t]);return useEffect(()=>{s();},[s]),useEffect(()=>{p();},[p]),useEffect(()=>{l(r);},[l,r]),{handleJsonViewerDialogOpen:o}};var zr=q;export{B as a,z as b,T as c,be as d,H as e,Jt as f,wo as g,oe as h,Ro as i,zr as j};
|