@tap-payments/os-micro-frontend-shared 0.3.215 → 0.3.217-test.1
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-237JY7YP.js +1 -0
- package/build/_chunks/chunk-2HG6NZK2.js +15 -0
- package/build/_chunks/{chunk-FOQOPKNO.js → chunk-3D3WKTFY.js} +1 -1
- package/build/_chunks/{chunk-MUHVAP3L.js → chunk-EBHPTELD.js} +1 -1
- package/build/_chunks/chunk-F4ONOXPC.js +1 -0
- package/build/_chunks/{chunk-IPAJPCUE.js → chunk-IIXPWPDC.js} +1 -1
- package/build/_chunks/chunk-MXSGGLPZ.js +1 -0
- package/build/_chunks/{chunk-2QME4FJA.js → chunk-PVE26KKA.js} +1 -1
- package/build/components/AmountInput/index.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/BrandLogo/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/Customer/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/Discount/index.js +1 -1
- package/build/components/ExpandableSideBar/index.js +1 -1
- package/build/components/FileInputPreview/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/GroupedSelect/GroupedSelect.d.ts +4 -0
- package/build/components/GroupedSelect/constants.d.ts +13 -0
- package/build/components/GroupedSelect/icons.d.ts +5 -0
- package/build/components/GroupedSelect/index.d.ts +4 -0
- package/build/components/GroupedSelect/index.js +1 -0
- package/build/components/GroupedSelect/style.d.ts +46 -0
- package/build/components/GroupedSelect/type.d.ts +61 -0
- 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/MerchantCurrencyDropdown/index.js +1 -1
- package/build/components/MerchantLogo/index.js +1 -1
- package/build/components/MerchantsDropdown/index.js +1 -1
- package/build/components/MultiSelectDropdownButton/index.js +1 -1
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/RFH/Inputs/index.d.ts +0 -1
- package/build/components/RFH/index.js +1 -1
- package/build/components/RHFGroupedSelect/RHFGroupedSelect.d.ts +5 -0
- package/build/components/RHFGroupedSelect/index.d.ts +2 -0
- package/build/components/RHFGroupedSelect/index.js +1 -0
- package/build/components/RHFGroupedSelect/type.d.ts +8 -0
- package/build/components/ReferenceTypeFilter/index.js +1 -1
- 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/Toolbar/Toolbar.d.ts +1 -1
- package/build/components/Toolbar/ToolbarAppIcon.d.ts +7 -0
- package/build/components/Toolbar/index.js +1 -1
- package/build/components/Toolbar/style.d.ts +5 -0
- package/build/components/VAT/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/WindowSideBar/index.js +1 -1
- package/build/components/index.d.ts +2 -3
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +2 -2
- package/build/_chunks/chunk-2C5LPDZP.js +0 -1
- package/build/_chunks/chunk-2KZCGQ2J.js +0 -1
- package/build/_chunks/chunk-6QA5UWFS.js +0 -1
- package/build/_chunks/chunk-6Z6BI3UQ.js +0 -15
- package/build/_chunks/chunk-QOP4FI7N.js +0 -1
- package/build/_chunks/chunk-UQVXIIIV.js +0 -1
- package/build/components/Dropdown2/Dropdown2.d.ts +0 -12
- package/build/components/Dropdown2/index.d.ts +0 -2
- package/build/components/Dropdown2/index.js +0 -1
- package/build/components/Dropdown2/style.d.ts +0 -15
- package/build/components/RFH/Inputs/SelectWithAccordion/SelectWithAccordion.d.ts +0 -4
- package/build/components/RFH/Inputs/SelectWithAccordion/index.d.ts +0 -4
- package/build/components/RFH/Inputs/SelectWithAccordion/style.d.ts +0 -31
- package/build/components/RFH/Inputs/SelectWithAccordion/type.d.ts +0 -7
- package/build/components/SelectDropdown/SelectDropdown.d.ts +0 -25
- package/build/components/SelectDropdown/TrailingArrowIcon.d.ts +0 -13
- package/build/components/SelectDropdown/TrailingCloseIcon.d.ts +0 -15
- package/build/components/SelectDropdown/index.d.ts +0 -2
- package/build/components/SelectDropdown/index.js +0 -1
- package/build/components/SelectDropdown/style.d.ts +0 -15
- package/build/components/Window/Window.d.ts +0 -26
- package/build/components/Window/index.d.ts +0 -2
- package/build/components/Window/index.js +0 -1
- package/build/components/Window/style.d.ts +0 -534
- package/build/components/WindowAppIcon/WindowAppIcon.d.ts +0 -7
- package/build/components/WindowAppIcon/index.d.ts +0 -2
- package/build/components/WindowAppIcon/index.js +0 -1
- package/build/components/WindowAppIcon/style.d.ts +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {b}from'./chunk-MXSGGLPZ.js';import {useFormContext}from'react-hook-form';import {jsx}from'react/jsx-runtime';function R({name:e,options:r,id:t,label:p,placeholder:d,renderValue:u,IconComponent:l,isLoading:n,disabled:a,isOptionEqualToValue:s,renderOption:c,expandedGroupIndex:i,defaultExpandedGroupIndex:m,onExpandedGroupChange:x,renderGroupLabel:f,menuSx:G,className:h,sx:S}){let{watch:y,setValue:F}=useFormContext(),g=y(e);return jsx(b,{id:t,label:p,placeholder:d,renderValue:u,IconComponent:l,isLoading:n,disabled:a,groups:r,value:g,onChange:C=>{F(e,C,{shouldDirty:true,shouldTouch:true,shouldValidate:true});},isOptionEqualToValue:s,renderOption:c,expandedGroupIndex:i,defaultExpandedGroupIndex:m,onExpandedGroupChange:x,renderGroupLabel:f,menuSx:G,className:h,sx:S})}var V=R;export{V as a};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import {a,e,c,b,d}from'./chunk-ZIL2SD2V.js';import {f,aa,ba}from'./chunk-U5S2TDEO.js';import {a as a$1}from'./chunk-3XNXNKGA.js';import {a as a$2,b as b$1}from'./chunk-MUR4ILTY.js';import {zc,Bc,Cc}from'./chunk-ZHEAWCTY.js';import {Pc,A}from'./chunk-M5HS3EYQ.js';import Pt,{useId,useState,useEffect,useMemo,useRef,useCallback}from'react';import {FormProvider,useFormContext,Controller,useForm}from'react-hook-form';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Fe from'@mui/material/Box';import vt from'@mui/material/Button';import At from'@mui/material/Input';import De from'@mui/material/ListSubheader';import $e from'@mui/material/MenuItem';import {keyframes,styled}from'@mui/material/styles';import Bt from'@mui/material/Popper';import Vt from'@mui/material/TextField';function wt({onSubmit:e,methods:o,children:t}){let r=zc(useId(),"default-form");return jsx(FormProvider,{...o,children:jsx("form",{id:r,"data-testid":"DefaultForm",onSubmit:e,noValidate:true,children:t})})}var Tt=Pt.memo(wt);var Ht=keyframes`
|
|
2
|
+
0% {
|
|
3
|
+
transform: rotate(-90deg);
|
|
4
|
+
}
|
|
5
|
+
100% {
|
|
6
|
+
transform: rotate(270deg);
|
|
7
|
+
}
|
|
8
|
+
`,We=styled(Fe)({width:12,height:12,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center","& svg":{width:"100%",height:"100%",display:"block"},animation:`${Ht} 2s linear infinite`}),V=styled(De)(({theme:e})=>({backgroundColor:e.palette.common.white,paddingLeft:8,paddingRight:8,paddingBottom:6,lineHeight:1})),_e=styled("span")(({theme:e})=>({fontFamily:e.typography.fontFamily,fontWeight:500,fontSize:11,lineHeight:"100%",letterSpacing:0,color:"#8D8D94",leadingTrim:"none",transition:e.transitions.create(["color","opacity"],{duration:90,easing:"ease-in"})})),qe=styled(Fe)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",gap:e.spacing(1)})),ze=styled(De)(({theme:e})=>({backgroundColor:e.palette.common.white,paddingLeft:8,paddingRight:8,paddingTop:e.spacing(.75),paddingBottom:e.spacing(.75),lineHeight:1.2,"&.MuiListSubheader-root":{lineHeight:1.2}})),Ue=styled(vt)(({theme:e})=>({minWidth:0,padding:"2px 4px",fontFamily:e.typography.fontFamily,fontWeight:500,fontStyle:"normal",fontSize:11,lineHeight:"120%",letterSpacing:0,textTransform:"none",verticalAlign:"middle",color:"#1F88D0",transition:e.transitions.create(["color","background-color","opacity"],{duration:90,easing:"ease-in"})})),Nt=styled(f)(()=>({padding:0,".MuiSvgIcon-root":{width:12,height:12}})),Ke=styled("img")({width:14,height:14,flexShrink:0,display:"block"}),Ge=styled(Fe)({display:"flex",alignItems:"center",width:"100%",gap:8}),je=styled($e,{shouldForwardProp:e=>e!=="$selected"})(({theme:e,$selected:o})=>({fontSize:"12px",backgroundColor:o?"#F8F8F8 !important":e.palette.common.white,"&.Mui-disabled":{opacity:1}})),Ye=styled(Nt,{shouldForwardProp:e=>e!=="$mutedRect"})(({$mutedRect:e})=>e?{"& svg rect":{fill:"#BDC1CC"}}:{}),pe=styled(At)(({theme:e})=>({width:"100%",height:36,padding:"8px 8px 8px 12px",borderRadius:4,backgroundColor:e.palette.common.white,border:"1px solid #F2F2F2",boxSizing:"border-box","&:hover":{borderColor:"#F2F2F2"},"&.Mui-focused":{borderColor:"#F2F2F2",backgroundColor:e.palette.common.white},"&:before, &:after":{display:"none"},"& input":{padding:0,fontSize:10},"& .MuiInputBase-input":{paddingRight:4}}));styled($e)(({theme:e})=>({opacity:1,paddingTop:0,paddingBottom:0,marginBottom:8,minHeight:"auto",pointerEvents:"none",backgroundColor:e.palette.common.white,"&:hover":{backgroundColor:e.palette.common.white},"&.Mui-focusVisible":{backgroundColor:e.palette.common.white},"&.Mui-disabled":{backgroundColor:e.palette.common.white,opacity:1}}));var $t=keyframes`
|
|
9
|
+
0% {
|
|
10
|
+
transform: rotate(-90deg);
|
|
11
|
+
}
|
|
12
|
+
100% {
|
|
13
|
+
transform: rotate(270deg);
|
|
14
|
+
}
|
|
15
|
+
`,Ze=styled(Fe)({width:12,height:12,display:"flex",alignItems:"center",justifyContent:"center","& svg":{width:"100%",height:"100%",display:"block"},animation:`${$t} 2s linear infinite`}),de=styled(Fe)(({theme:e})=>({position:"relative",width:11,height:11,transform:"rotate(0deg)",color:e.palette.common.black,"& svg":{width:"100%",height:"100%",display:"block"}})),et=styled(V)({paddingTop:"8px"}),xe=styled("ul")({listStyle:"none",margin:0,padding:0}),tt=styled($e)(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px",justifyContent:"space-between",fontSize:"10px",fontWeight:500,cursor:"default",pointerEvents:"none",backgroundColor:e.palette.common.white,"&.Mui-disabled":{opacity:1,color:"#8D8D94"}})),ot=styled($e,{shouldForwardProp:e=>e!=="$selected"})(({theme:e,$selected:o})=>({fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:e.spacing(1),backgroundColor:o?e.palette.action.hover:e.palette.common.white})),me=styled("span")({flex:1,minWidth:0}),Se=styled("img")({width:10,height:7.5,flexShrink:0}),nt=styled("li",{shouldForwardProp:e=>!["$selected","$optionDisabled"].includes(String(e))})(({theme:e,$selected:o,$optionDisabled:t})=>({fontSize:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:e.spacing(1),minHeight:48,paddingLeft:e.spacing(2),paddingRight:e.spacing(2),backgroundColor:o?e.palette.action.hover:e.palette.common.white,"&.Mui-focused":{backgroundColor:e.palette.action.hover},...t&&{opacity:.38,pointerEvents:"none"}})),Ce=styled("span")({fontSize:"10px",fontWeight:500,color:"#8D8D94"}),rt=styled(Vt,{shouldForwardProp:e=>!["feedbackType","hasFeedback","hasLabel"].includes(e)})(({theme:e,error:o,feedbackType:t,hasFeedback:r,hasLabel:a})=>{let{borderColor:c}=t?aa(e,t):{borderColor:void 0},p=r?"4px 4px 0 0":"4px";return {width:"100%","& .MuiInputLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`},"& .MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiInputLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)"},"& .MuiFilledInput-root":{height:"40px",maxHeight:"40px",overflow:"hidden",borderRadius:p,backgroundColor:e.palette.grey[400],paddingTop:a?"11px":"0px",paddingBottom:a?"4px":"0px",paddingLeft:"8px",boxSizing:"border-box",display:"inline-flex",alignItems:a?"stretch":"center","&:before, &:after":{display:"none"},"&:hover":{backgroundColor:e.palette.grey[400]},"&.Mui-focused":{backgroundColor:e.palette.grey[400]},"&.Mui-disabled":{backgroundColor:e.palette.grey[400]}},"& .MuiFilledInput-input":{padding:"0 !important",minHeight:0,height:"auto",boxSizing:"border-box",display:"flex",alignItems:a?"flex-end":"center",alignSelf:a?"flex-end":"center",fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,paddingBottom:a?"1px !important":"0 !important"},"& .MuiFilledInput-root.MuiInputBase-adornedEnd .MuiAutocomplete-input":{flex:"1 1 0%",minWidth:30,width:0,maxWidth:"100%"},"& .MuiAutocomplete-endAdornment":{display:"flex",alignItems:"center",gap:"8px",top:"50%",transform:"translateY(-50%)",right:9},"& .MuiAutocomplete-popupIndicator":{transform:"none",padding:"1px",marginRight:0,marginLeft:0},"& .MuiAutocomplete-popupIndicator.MuiAutocomplete-popupIndicatorOpen":{transform:"none"},"& .MuiAutocomplete-clearIndicator":{visibility:"visible",padding:"1px",marginRight:0,marginLeft:0},...t&&c&&{"& .MuiFilledInput-root":{border:`1px solid ${c}`}},...r&&{"& .MuiFilledInput-root":{borderBottom:"none",borderBottomLeftRadius:0,borderBottomRightRadius:0}},...o&&{"& .MuiFilledInput-root":{border:`1px solid ${e.palette.error.main}`}}}}),Je=e=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px",justifyContent:"space-between",fontSize:"10px",fontWeight:500,cursor:"default",pointerEvents:"none",backgroundColor:e.palette.common.white,color:"#8D8D94"}),at=styled(Bt,{shouldForwardProp:e=>!["$menuHasLoadingText","$suppressAutocompleteNoOptions","$suppressEmptyMenuSurface"].includes(e)})(({theme:e,$menuHasLoadingText:o,$suppressAutocompleteNoOptions:t,$suppressEmptyMenuSurface:r})=>({"& .MuiPaper-root":r?{boxShadow:"none",border:"none",backgroundColor:"transparent",margin:0,marginTop:0,padding:0,maxHeight:0,minHeight:0,overflow:"hidden",borderRadius:0,pointerEvents:"none"}:{marginTop:4,borderRadius:4,boxShadow:e.shadows[8],border:"1px solid #F2F2F2",backgroundColor:e.palette.common.white},"& .MuiAutocomplete-listbox":{padding:0,...r?{maxHeight:0,minHeight:0,overflow:"hidden"}:{maxHeight:320}},"& .MuiAutocomplete-noOptions":t?{display:"none !important"}:Je(e),"& .MuiAutocomplete-loading":{...Je(e),...!o&&{display:"none"}}}));function he({placeholder:e,value:o,onValueChange:t,isLoading:r}){let a=zc(useId(),"form-select-menu-search-input"),c=useCallback(p=>{p.stopPropagation();},[]);return jsx(pe,{id:a,"data-testid":"FormSelectMenuSearchInput",placeholder:e,value:o,onChange:p=>t(p.target.value),onKeyDown:c,onKeyUp:c,onMouseDown:c,onClick:c,disableUnderline:true,fullWidth:true,inputProps:{"aria-label":e},endAdornment:r?jsx(Ze,{"aria-hidden":true,children:jsx(b$1,{})}):jsx(de,{"aria-hidden":true,children:jsx(a$2,{})})})}var fe=jsx(Ce,{children:"No results found"}),lt=jsx(Ce,{children:"Loading\u2026"});function ge(e,o,t){return o?o(e):t?t(e):e?.label}function Me(e,o,t){let r=o.toLowerCase().trim(),a=(t?t(e):e?.label)??"";return String(a).toLowerCase().includes(r)}function it(e){return e}function ct(e){let o=Pt.forwardRef(function(r,a){let{children:c,className:p,...S}=r,m=e.current;return m?jsxs(Fragment,{children:[jsx(et,{disableSticky:true,children:jsx(he,{placeholder:m.menuSearchPlaceholder,value:m.searchValue,onValueChange:m.setSearchValue,isLoading:m.isLoading})}),jsx(xe,{ref:a,className:p,...S,children:c})]}):jsx(xe,{ref:a,className:p,...S,children:c})});return o.displayName="FormSelectMenuSearchListbox",o}function ut({menuSearchPlaceholder:e,searchValue:o,onSearchChange:t,isLoading:r,menuHasNoOptionsText:a,menuNoOptionsText:c,optionsWithoutEmptyValue:p,getOptionValue:S,getOptionLabel:m,renderOption:y,isOptionEqualToValue:h,menuHasSelectedCheckMark:L,valueOnly:F,getOptionId:P,field:M,onChange:k}){let x=Cc("form-select-item");return jsxs(Fragment,{children:[jsx(V,{disableSticky:true,onMouseDown:n=>n.stopPropagation(),onClick:n=>n.stopPropagation(),children:jsx(he,{placeholder:e,value:o,onValueChange:t,isLoading:r})}),a&&o.trim()&&p.length===0?jsx(tt,{disabled:true,value:"__form_select_no_results__",children:c??fe}):p.map((n,s)=>{let g=h?h(n,M.value):n?.id===M.value?.id,b=ge(n,y,m);return jsxs(ot,{disabled:!!n.disabled,$selected:g,value:(S?S(n):n?.id)??"",onClick:()=>{M.onChange(F?P(n):n),k?.(n);},children:[jsx(me,{children:b}),L&&g?jsx(Se,{src:Pc,alt:""}):null]},x(S?S(n):n?.id,s))})]})}var be={menuHasLoadingText:false,suppressAutocompleteNoOptions:false,suppressEmptyMenuSurface:false};function jt(e,o){e!=null&&(typeof e=="function"?e(o):e.current=o);}function Yt(...e){return o=>{for(let t of e)jt(t,o);}}function Jt(e){let o=t=>{let r=e.current;return jsx(at,{...t,$menuHasLoadingText:r.menuHasLoadingText,$suppressAutocompleteNoOptions:r.suppressAutocompleteNoOptions,$suppressEmptyMenuSurface:r.suppressEmptyMenuSurface})};return o.displayName="FormSelectSearchableAutocompletePopper",o}function mt(e){let o=zc(useId(),"form-select-searchable-field"),t=useRef(null),r=useRef(be);t.current=e.menuSearchable?{searchValue:e.inMenuSearchContextValue.searchValue,setSearchValue:e.inMenuSearchContextValue.setSearchValue,menuSearchPlaceholder:e.inMenuSearchContextValue.menuSearchPlaceholder,isLoading:e.inMenuSearchContextValue.isLoading}:null,r.current=e.searchableAutocompletePopperFlags;let a$3=useMemo(()=>ct(t),[]),c$1=useMemo(()=>Jt(r),[]),p=e.feedback,{isProvided:S,isVisible:m,type:y}=Bc(p),h=!!e.fieldState.error&&!m,L=e.helperText??e.fieldState.error?.message,F=e.internalValue!=null&&e.internalValue!==""&&typeof e.internalValue=="object"?e.internalValue:null,P=e.getOptionLabel??(n=>String(n?.label??"")),M=e.isOptionEqualToValue??((n,s)=>n&&s?n.id===s.id:n===s),k=e.ClearIconComponent??a,x=e.label!=null&&e.label!=="";return jsxs(c,{id:o,"data-testid":"FormSelectSearchableField",children:[jsx(a$1,{...e.autocompleteRest,disableClearable:!e.showClearIcon,clearIcon:jsx(k,{sx:{fontSize:8,width:8,height:8}}),ListboxComponent:e.menuSearchable?a$3:void 0,PopperComponent:c$1,options:e.optionsWithClearFilterOnly,value:F,onChange:(n,s,g)=>{if(s==null&&e.onClear&&g==="clear"){e.onClear();return}if(e.valueOnly){let b=s==null?null:e.getOptionId(s);e.field.onChange(b);}else e.field.onChange(s);e.onChange?.(s);},onInputChange:(n,s,g)=>{e.setSearchableInputValue(s),(g==="input"||g==="clear")&&e.scheduleSearchNotification(s);},slotProps:e.slotProps??{},filterOptions:e.menuSearchable?e.autocompleteFilterOptions:it,loading:!!e.isLoading,disabled:!!e.disabled,getOptionLabel:P,getOptionDisabled:n=>!!n.disabled,isOptionEqualToValue:M,renderOption:e.renderAutocompleteOption,noOptionsText:e.menuNoOptionsText??fe,loadingText:e.menuHasLoadingText?e.menuLoadingText??lt:null,popupIcon:jsx(de,{children:jsx(a$2,{})}),renderInput:n=>{let{inputProps:s,...g}=n,{ref:b,...W}=s;return jsx(rt,{...g,variant:"filled",label:e.label,placeholder:e.placeholder,required:e.required,error:h,helperText:null,feedbackType:y,hasFeedback:m,hasLabel:x,inputRef:Yt(b,e.field.ref,e.inputRef),InputProps:{...n.InputProps,disableUnderline:true},inputProps:{...W,name:e.field.name,onBlur:e.field.onBlur}})}}),S?jsx(ba,{...p}):jsx(b,{children:L})]})}function gt(e$1){let{name:o,helperText:t,feedback:r,menuSearchable:a$1=false,showClearIcon:c=false,ClearIconComponent:p=a,onClear:S,menuSearchPlaceholder:m="Search",getOptionValue:y,getOptionLabel:h,renderOption:L,isOptionEqualToValue:F,options:P,MenuProps:M,valueOnly:k=false,menuHasSelectedCheckMark:x=false,searchable:n=false,onSearchInputChange:s,searchDebounceMs:g=300,minSearchLength:b,menuLoadingText:W,menuHasLoadingText:u=false,menuHasNoOptionsText:I=true,menuNoOptionsText:T,label:X,placeholder:_,required:Z,disabled:l,isLoading:v,inputRef:q,onChange:H,...ee}=e$1,{control:te}=useFormContext(),[f,z]=useState(""),[U,K]=useState("");useEffect(()=>{n||K("");},[n]);let oe=useMemo(()=>({searchValue:f,setSearchValue:z,menuSearchPlaceholder:m,isLoading:!!v}),[f,m,v]),G=useRef(void 0),ne=useRef(s);ne.current=s,useEffect(()=>()=>{G.current&&clearTimeout(G.current);},[]);let yt=useCallback(i=>{if(!ne.current)return;let d=i.trim();G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{if(d===""){ne.current?.("");return}b!=null&&d.length<b||ne.current?.(d);},g);},[g,b]),N=useMemo(()=>{let i=P??[];return !c||!y?i:i.filter(d=>{let O=y(d);return O!=null&&O!==""})},[c,y,P]),Ie=useMemo(()=>!a$1||!f.trim()?N:N.filter(i=>Me(i,f,h)),[a$1,f,N,h]),j=useMemo(()=>a$1?Ie:N,[a$1,Ie,N]),Ft=useCallback(i=>!a$1||!f.trim()?i:i.filter(d=>Me(d,f,h)),[a$1,f,h]),xt=useMemo(()=>{if(!n)return be;let i=U.trim(),d=i.length===0||b!=null&&i.length>0&&i.length<b,O=a$1&&!!f.trim()&&j.length===0,A=d&&!O||!I,ae=j.length>0;return {menuHasLoadingText:u,suppressAutocompleteNoOptions:A,suppressEmptyMenuSurface:!ae&&!(!A&&!ae)&&!!!(v&&u)}},[n,U,b,a$1,f,j,I,v,u]),Ct={...M,autoFocus:false,disableEnforceFocus:true},re=i=>(y?y(i):i?.id)??"",Mt=i=>!k||!i?i:P?.find(d=>re(d)===i)??i,Rt=useCallback((i,d,O)=>{let A=ge(d,L,h),ae=!!d.disabled;return jsxs(nt,{...i,$selected:O.selected,$optionDisabled:ae,children:[jsx(me,{children:A}),x&&O.selected?jsx(Se,{src:Pc,alt:""}):null]})},[h,L,x]),Pe={...ee};for(let i of ["IconComponent","startComponent"])delete Pe[i];let{slotProps:Lt={},...It}=Pe;return jsx(Controller,{name:o,control:te,render:({field:i,fieldState:d})=>{let O=Mt(i.value);return n?jsx(mt,{menuSearchable:a$1,inMenuSearchContextValue:oe,searchableAutocompletePopperFlags:xt,optionsWithClearFilterOnly:N,autocompleteFilterOptions:Ft,slotProps:Lt,autocompleteRest:It,inputRef:q,showClearIcon:c,ClearIconComponent:p,menuHasLoadingText:u,menuLoadingText:W,menuNoOptionsText:T,isLoading:v,disabled:l,label:X,placeholder:_,required:Z,valueOnly:k,getOptionId:re,scheduleSearchNotification:yt,setSearchableInputValue:K,renderAutocompleteOption:Rt,onClear:S,onChange:H,feedback:r,helperText:t,field:i,fieldState:d,internalValue:O,getOptionLabel:h,isOptionEqualToValue:F}):jsx(e,{...ee,...i,label:X,placeholder:_,required:Z,disabled:l,isLoading:v,value:O,menuHasSelectedCheckMark:x,showClearIcon:c,ClearIconComponent:p,onClear:S,options:j,getOptionValue:y,getOptionLabel:h,renderOption:L,isOptionEqualToValue:F,hasError:!!d.error,helperText:t??d.error?.message,feedback:r,onChange:A=>{i.onChange(k?re(A):A),H?.(A);},MenuProps:Ct,children:a$1?jsx(ut,{menuSearchPlaceholder:m,searchValue:f,onSearchChange:z,isLoading:v,menuHasNoOptionsText:I,menuNoOptionsText:T,optionsWithoutEmptyValue:j,getOptionValue:y,getOptionLabel:h,renderOption:L,isOptionEqualToValue:F,menuHasSelectedCheckMark:x,valueOnly:k,getOptionId:re,field:i,onChange:H}):void 0})}})}gt.displayName="RFHSelect";var bt=Pt.memo(gt);var oo=bt;function Le({name:e,helperText:o,getOptionValue:t,getOptionLabel:r,renderOption:a,isOptionEqualToValue:c,getOptionDisabled:p,menuSearchable:S=false,menuSearchPlaceholder:m="Search",showCheckbox:y=true,menuHasSelectionSummary:h=false,valueOnly:L=false,options:F,isLoading:P,...M}){let{control:k}=useFormContext(),[x,n]=useState(""),s=u=>(t?t(u):u?.id)??"",g=u=>!L||!u?.length?u??[]:u.map(I=>F?.find(T=>s(T)===I)).filter(Boolean),b=u=>u?.map(s)??[],W=useMemo(()=>{if(!S||!x.trim())return F??[];let u=x.toLowerCase().trim();return (F??[]).filter(I=>{let T=(r?r(I):I?.label)??"";return String(T).toLowerCase().includes(u)})},[F,S,x,r]);return jsx(Controller,{name:e,control:k,defaultValue:[],render:({field:u,fieldState:I})=>{let T=Array.isArray(u.value)?u.value.filter(l=>l!=null).length:0,X=h&&T>0,_=g(u.value),Z=Cc("multi-select-item");return jsxs(d,{...M,isLoading:P,...u,options:F??[],value:_,getOptionLabel:r,hasError:!!I.error,helperText:o??I.error?.message,onChange:l=>u.onChange(L?b(l):l),MenuProps:{...M.MenuProps,autoFocus:false,disableEnforceFocus:true},children:[S&&jsx(V,{disableSticky:true,children:jsx(pe,{placeholder:m,value:x,onChange:l=>n(l.target.value),onKeyDown:l=>l.stopPropagation(),onKeyUp:l=>l.stopPropagation(),disableUnderline:true,fullWidth:true,inputProps:{"aria-label":m},endAdornment:P?jsx(We,{"aria-hidden":true,children:jsx(b$1,{})}):jsx(Ke,{src:A,alt:"search"})})}),X&&jsx(ze,{disableSticky:true,children:jsxs(qe,{children:[jsxs(_e,{children:[T," selected"]}),jsx(Ue,{type:"button",variant:"text",disableRipple:true,"aria-label":"Clear all selected options",onMouseDown:l=>{l.preventDefault(),l.stopPropagation();},onClick:l=>{l.preventDefault(),l.stopPropagation(),M.onClear?M.onClear():u.onChange([]);},children:"Clear"})]})}),W?.map((l,v)=>{let q=_?.some(f=>{if(f==null)return false;if(c)return c(l,f);if(t){let K=t(l),oe=t(f);return K===oe||String(K)===String(oe)}let z=l?.id,U=f?.id;return z===U||String(z)===String(U)}),H=p?p(l):false,ee=r?r(l):l.label,te=a?a(l):ee;return jsx(je,{value:(t?t(l):l?.id)??"",disabled:H,$selected:q,children:y?jsxs(Ge,{children:[jsx(Ye,{checked:q,$mutedRect:q&&H}),te]}):te},Z(t?t(l):l?.id,v))})]})}})}var co=useForm;export{Tt as a,oo as b,Le as c,co as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a,c as c$1,d as d$1}from'./chunk-V4IMVJZP.js';import {c,d}from'./chunk-6QA5UWFS.js';import {b,a as a$1}from'./chunk-P3UNUMRE.js';import {zc,xa}from'./chunk-ZHEAWCTY.js';import {Gf}from'./chunk-M5HS3EYQ.js';import {createContext,memo,useRef,useId,useContext,useMemo,useState,useLayoutEffect,useCallback}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {styled,Box,Button,alpha,Dialog}from'@mui/material';import pt from'@mui/material/Box';import {Resizable}from're-resizable';import lt from'react-draggable';import {motion}from'framer-motion';var Z=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 he=(e,t)=>t.toLowerCase().includes(e);function we(e,t,i){let n=he("top",t),r=he("left",t);return !n&&!r?null:{x:r?e.x+i.width:e.x,y:n?e.y-i.height:e.y}}var be=e=>{let{viewportWidth:t,viewportHeight:i,viewerDefaultWidth:n,viewerDefaultHeight:r,initialPosition:d,isMaximized:l,containerRef:a}=e,s=!l&&a?.current&&a.current!==document.body?a.current:null,p=s?.getBoundingClientRect(),u=p?.left??0,f=p?.top??0,m=s?.clientWidth||t,c=d?.x??t/2-n/2,o=d?.y??i/2-r/2;return {x:m-(c-u),y:o-f}};var Ue=555,je=545;function te({children:e,isOpen:t,onClose:i,defaultWindowHeight:n,defaultWindowWidth:r,initialPosition:d,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u,windowZIndex:f=1}){let {height:m,width:c}=a$1(),[o,M]=useState(false),B=o?null:u?.current,A=B?.clientWidth||c,b=B?.clientHeight||m,I=r||Ue,g=n||je;useRef(false);let [k,H]=useState(()=>be({viewportWidth:c,viewportHeight:m,viewerDefaultWidth:I,viewerDefaultHeight:g,initialPosition:d,isMaximized:o,containerRef:u})),[L,_]=useState(false),[F,S]=useState(false),[E,P]=useState(true),x=useRef(),[G,z]=useState({width:r??0,height:n??0}),O=useCallback(W=>{x?.current?.updateSize(W);},[]),V=useCallback(W=>{x.current?.updateSize(W),z(D=>({width:W.width??D.width,height:W.height??D.height}));},[]),ee=useMemo(()=>({position:k,setPosition:H,resizableRef:x,windowZIndex:f,isOpen:t,setIsMaximized:M,setIsSidebarExpanded:P,setIsToolbarAnimationDisabled:S,setIsResized:_,isMaximized:o,isToolbarAnimationDisabled:F,isSidebarExpanded:E,isResized:L,dimensions:G,setNewDimensions:z,viewerDefaultWidth:I,viewerDefaultHeight:g,onClose:i,fullWindowWidth:A,fullWindowHeight:b,viewportWidth:c,viewportHeight:m,updateRefSize:O,updateSize:V,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u}),[k,H,x,t,M,P,S,_,o,F,E,L,G,z,A,b,c,m,I,g,O,V,i,l,a,s,p,u,f]);return jsx(Z.Provider,{value:ee,children:e})}var R=.5,He=183,ve=287,ye=840,Re=545,oe=35;function Ke({title:e,onClose:t,onMaximize:i,maximized:n=false,id:r,onRequestClick:d$2,isSidebarExpanded:l=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:p,showSectionsButton:u,rightActions:f,icon:m}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:n||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:p,isMaximized:n,isHovered:a$1,title:e,icon:m||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:n,onClick:i}),u&&jsx(d$1,{onClick:d$2,isExpanded:!l,isHovered:a$1,children:"Sidebar"})]}),rightActions:f})})}var Ae=memo(Ke);var ie=Ae;function Qe({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:n,isSidebarExpanded:r,setIsSidebarExpanded:d,isToolbarAnimationDisabled:l,title:a,showSectionsButton:s,rightActions:p,icon:u}){let{isHovered:f,onMouseEnter:m,onMouseLeave:c}=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(ie,{title:a||"Users",showSectionsButton:s,onClose:n,onMaximize:()=>{i?.(o=>!o),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),d(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:m,onMouseLeave:c,rightActions:p,icon:u})})}var Se=memo(Qe);var Ee=Se;function ut({children:e,titleBar:t,titleBarText:i,mainAppOrder:n,mainAppIsMinimized:r,showSectionsButton:d=true,rightActions:l,titleBarIcon:a,overflow:s="hidden"}){let p=useRef(null),u=zc(useId(),"app-window"),{dimensions:f,position:m,resizableRef:c,isMaximized:o,isOpen:M,onClose:B,viewerDefaultWidth:A,viewerDefaultHeight:b,windowZIndex:I,setPosition:g,setNewDimensions:Q,isToolbarAnimationDisabled:k,fullWindowWidth:H,fullWindowHeight:L,viewportWidth:_,viewportHeight:F,setIsMaximized:S,setIsResized:E,isResized:P,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:G,isSidebarExpanded:z,minWidth:O,maxWidth:V,minHeight:ee,maxHeight:W,containerRef:D}=useContext(Z),h=useMemo(()=>document.createElement("div"),[]),[Le,_e]=useState(null);useLayoutEffect(()=>{_e(D?.current??document.body);},[D]);let w=o?document.body:Le;useLayoutEffect(()=>{if(!w)return;let v=w===document.body;return h.style.position=v?"":"absolute",h.style.inset=v?"":"0",h.style.pointerEvents="none",h.style.overflow="visible",w.appendChild(h),()=>{h.parentNode===w&&w.removeChild(h);}},[w,h]);let se=useRef({x:0,y:0}),pe=xa(),Fe=useCallback((v,U,de,Oe)=>{E(true),Q({width:de.offsetWidth,height:de.offsetHeight});let le=we(se.current,U,Oe);le&&g(le);},[Q,E,g]),N=f.width||A;if(!w)return null;let Ge=jsx(lt,{nodeRef:p,disabled:o,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:H/2-N/2,y:L/2-b/2},position:{x:H-m.x,y:m.y},onStop:(v,U)=>{g({x:H-U.x,y:U.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(n||0)+I+(o?1:0),...r&&{display:"none"},...w===document.body?!o&&{transform:"translate(180px, 14px)"}:!o&&{position:"absolute"},...!o&&{width:pe?N:"fit-content",height:pe?b:"fit-content"},...o&&{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:s,width:P?"fit-content":N,height:P?"fit-content":"100%",...o&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{S(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:M,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:h,fullScreen:o,"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:f.width,height:f.height},maxHeight:W??F-40,maxWidth:V??_,minWidth:o?"100vw":O??A,minHeight:o?"100vh":ee??b,ref:v=>{c.current=v;},onResizeStart:()=>{se.current=m,x(true);},onResizeStop:()=>{x(false);},onResize:Fe,defaultSize:{width:N,height:b},style:{background:"transparent",height:f.height,overflow:s,...o&&{height:"100% !important",width:"100% !important",flex:1},...o&&{position:"relative"}},children:jsxs(pt,{sx:{height:"100%"},id:u,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:B,setIsMaximized:S,isToolbarAnimationDisabled:k,setIsSidebarExpanded:G,isSidebarExpanded:z,title:i,isMaximized:o,showSectionsButton:d,rightActions:l,icon:a}),e]})})})});return createPortal(Ge,h)}var De=memo(ut);var ct=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"})),xt=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}})),ht=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})})),wt=styled(Box)(()=>({position:"fixed",height:35,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"})),bt=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 re=De;function gt({children:e,windowProps:t,...i}){return i.isOpen?jsx(te,{...i,children:jsx(re,{...t,children:e})}):null}var Me=gt;function Ht({title:e,maximized:t=false,id:i,isHovered:n=false,onMouseHover:r,onMouseLeave:d$1,leftActions:l,titleIconSrc:a,sx:s,...p}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...p,children:jsx(d,{onMouseEnter:r,onMouseLeave:d$1,isMaximized:t,isHovered:n,title:e||"",icon:a,leftActions:l})})}var ae=memo(Ht);function Rt({isMaximized:e,id:t,isToolbarAnimationDisabled:i,title:n,leftActions:r,onClose:d,onMaximize:l,sx:a$1}){let{isHovered:s,onMouseEnter:p,onMouseLeave:u}=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,...i&&{duration:0}},children:jsx(ae,{title:n,maximized:e,id:t||"draggable-dialog-title",isHovered:s,onMouseHover:p,onMouseLeave:u,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:d}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:a$1})})}var ke=memo(Rt);var St=ke;var qo=Me;export{Z as a,te as b,R as c,He as d,ve as e,ye as f,Re as g,oe as h,ie as i,ct as j,xt as k,ht as l,wt as m,bt as n,re as o,ae as p,St as q,qo as r};
|
|
1
|
+
import {c,d}from'./chunk-F4ONOXPC.js';import {a,c as c$1,d as d$1}from'./chunk-V4IMVJZP.js';import {b,a as a$1}from'./chunk-P3UNUMRE.js';import {zc,xa}from'./chunk-ZHEAWCTY.js';import {Gf}from'./chunk-M5HS3EYQ.js';import {createContext,memo,useRef,useId,useContext,useMemo,useState,useLayoutEffect,useCallback}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {styled,Box,Button,alpha,Dialog}from'@mui/material';import pt from'@mui/material/Box';import {Resizable}from're-resizable';import lt from'react-draggable';import {motion}from'framer-motion';var Z=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 he=(e,t)=>t.toLowerCase().includes(e);function we(e,t,i){let n=he("top",t),r=he("left",t);return !n&&!r?null:{x:r?e.x+i.width:e.x,y:n?e.y-i.height:e.y}}var be=e=>{let{viewportWidth:t,viewportHeight:i,viewerDefaultWidth:n,viewerDefaultHeight:r,initialPosition:d,isMaximized:l,containerRef:a}=e,s=!l&&a?.current&&a.current!==document.body?a.current:null,p=s?.getBoundingClientRect(),u=p?.left??0,f=p?.top??0,m=s?.clientWidth||t,c=d?.x??t/2-n/2,o=d?.y??i/2-r/2;return {x:m-(c-u),y:o-f}};var Ue=555,je=545;function te({children:e,isOpen:t,onClose:i,defaultWindowHeight:n,defaultWindowWidth:r,initialPosition:d,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u,windowZIndex:f=1}){let {height:m,width:c}=a$1(),[o,M]=useState(false),B=o?null:u?.current,A=B?.clientWidth||c,b=B?.clientHeight||m,I=r||Ue,g=n||je;useRef(false);let [k,H]=useState(()=>be({viewportWidth:c,viewportHeight:m,viewerDefaultWidth:I,viewerDefaultHeight:g,initialPosition:d,isMaximized:o,containerRef:u})),[L,_]=useState(false),[F,S]=useState(false),[E,P]=useState(true),x=useRef(),[G,z]=useState({width:r??0,height:n??0}),O=useCallback(W=>{x?.current?.updateSize(W);},[]),V=useCallback(W=>{x.current?.updateSize(W),z(D=>({width:W.width??D.width,height:W.height??D.height}));},[]),ee=useMemo(()=>({position:k,setPosition:H,resizableRef:x,windowZIndex:f,isOpen:t,setIsMaximized:M,setIsSidebarExpanded:P,setIsToolbarAnimationDisabled:S,setIsResized:_,isMaximized:o,isToolbarAnimationDisabled:F,isSidebarExpanded:E,isResized:L,dimensions:G,setNewDimensions:z,viewerDefaultWidth:I,viewerDefaultHeight:g,onClose:i,fullWindowWidth:A,fullWindowHeight:b,viewportWidth:c,viewportHeight:m,updateRefSize:O,updateSize:V,minWidth:l,maxWidth:a,minHeight:s,maxHeight:p,containerRef:u}),[k,H,x,t,M,P,S,_,o,F,E,L,G,z,A,b,c,m,I,g,O,V,i,l,a,s,p,u,f]);return jsx(Z.Provider,{value:ee,children:e})}var R=.5,He=183,ve=287,ye=840,Re=545,oe=35;function Ke({title:e,onClose:t,onMaximize:i,maximized:n=false,id:r,onRequestClick:d$2,isSidebarExpanded:l=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:p,showSectionsButton:u,rightActions:f,icon:m}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:n||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:p,isMaximized:n,isHovered:a$1,title:e,icon:m||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t}),jsx(c$1,{isMaximized:n,onClick:i}),u&&jsx(d$1,{onClick:d$2,isExpanded:!l,isHovered:a$1,children:"Sidebar"})]}),rightActions:f})})}var Ae=memo(Ke);var ie=Ae;function Qe({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:n,isSidebarExpanded:r,setIsSidebarExpanded:d,isToolbarAnimationDisabled:l,title:a,showSectionsButton:s,rightActions:p,icon:u}){let{isHovered:f,onMouseEnter:m,onMouseLeave:c}=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(ie,{title:a||"Users",showSectionsButton:s,onClose:n,onMaximize:()=>{i?.(o=>!o),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),d(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:m,onMouseLeave:c,rightActions:p,icon:u})})}var Se=memo(Qe);var Ee=Se;function ut({children:e,titleBar:t,titleBarText:i,mainAppOrder:n,mainAppIsMinimized:r,showSectionsButton:d=true,rightActions:l,titleBarIcon:a,overflow:s="hidden"}){let p=useRef(null),u=zc(useId(),"app-window"),{dimensions:f,position:m,resizableRef:c,isMaximized:o,isOpen:M,onClose:B,viewerDefaultWidth:A,viewerDefaultHeight:b,windowZIndex:I,setPosition:g,setNewDimensions:Q,isToolbarAnimationDisabled:k,fullWindowWidth:H,fullWindowHeight:L,viewportWidth:_,viewportHeight:F,setIsMaximized:S,setIsResized:E,isResized:P,setIsToolbarAnimationDisabled:x,setIsSidebarExpanded:G,isSidebarExpanded:z,minWidth:O,maxWidth:V,minHeight:ee,maxHeight:W,containerRef:D}=useContext(Z),h=useMemo(()=>document.createElement("div"),[]),[Le,_e]=useState(null);useLayoutEffect(()=>{_e(D?.current??document.body);},[D]);let w=o?document.body:Le;useLayoutEffect(()=>{if(!w)return;let v=w===document.body;return h.style.position=v?"":"absolute",h.style.inset=v?"":"0",h.style.pointerEvents="none",h.style.overflow="visible",w.appendChild(h),()=>{h.parentNode===w&&w.removeChild(h);}},[w,h]);let se=useRef({x:0,y:0}),pe=xa(),Fe=useCallback((v,U,de,Oe)=>{E(true),Q({width:de.offsetWidth,height:de.offsetHeight});let le=we(se.current,U,Oe);le&&g(le);},[Q,E,g]),N=f.width||A;if(!w)return null;let Ge=jsx(lt,{nodeRef:p,disabled:o,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:H/2-N/2,y:L/2-b/2},position:{x:H-m.x,y:m.y},onStop:(v,U)=>{g({x:H-U.x,y:U.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:p,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(n||0)+I+(o?1:0),...r&&{display:"none"},...w===document.body?!o&&{transform:"translate(180px, 14px)"}:!o&&{position:"absolute"},...!o&&{width:pe?N:"fit-content",height:pe?b:"fit-content"},...o&&{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:s,width:P?"fit-content":N,height:P?"fit-content":"100%",...o&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{S(false),x(true),setTimeout(()=>{x(false);},.5*1e3);},open:M,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:h,fullScreen:o,"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:f.width,height:f.height},maxHeight:W??F-40,maxWidth:V??_,minWidth:o?"100vw":O??A,minHeight:o?"100vh":ee??b,ref:v=>{c.current=v;},onResizeStart:()=>{se.current=m,x(true);},onResizeStop:()=>{x(false);},onResize:Fe,defaultSize:{width:N,height:b},style:{background:"transparent",height:f.height,overflow:s,...o&&{height:"100% !important",width:"100% !important",flex:1},...o&&{position:"relative"}},children:jsxs(pt,{sx:{height:"100%"},id:u,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:B,setIsMaximized:S,isToolbarAnimationDisabled:k,setIsSidebarExpanded:G,isSidebarExpanded:z,title:i,isMaximized:o,showSectionsButton:d,rightActions:l,icon:a}),e]})})})});return createPortal(Ge,h)}var De=memo(ut);var ct=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"})),xt=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}})),ht=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})})),wt=styled(Box)(()=>({position:"fixed",height:35,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"})),bt=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 re=De;function gt({children:e,windowProps:t,...i}){return i.isOpen?jsx(te,{...i,children:jsx(re,{...t,children:e})}):null}var Me=gt;function Ht({title:e,maximized:t=false,id:i,isHovered:n=false,onMouseHover:r,onMouseLeave:d$1,leftActions:l,titleIconSrc:a,sx:s,...p}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...p,children:jsx(d,{onMouseEnter:r,onMouseLeave:d$1,isMaximized:t,isHovered:n,title:e||"",icon:a,leftActions:l})})}var ae=memo(Ht);function Rt({isMaximized:e,id:t,isToolbarAnimationDisabled:i,title:n,leftActions:r,onClose:d,onMaximize:l,sx:a$1}){let{isHovered:s,onMouseEnter:p,onMouseLeave:u}=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,...i&&{duration:0}},children:jsx(ae,{title:n,maximized:e,id:t||"draggable-dialog-title",isHovered:s,onMouseHover:p,onMouseLeave:u,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:d}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:a$1})})}var ke=memo(Rt);var St=ke;var qo=Me;export{Z as a,te as b,R as c,He as d,ve as e,ye as f,Re as g,oe as h,ie as i,ct as j,xt as k,ht as l,wt as m,bt as n,re as o,ae as p,St as q,qo as r};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {c as c$2}from'./chunk-VR7ZRZKQ.js';import {r,a as a$2}from'./chunk-FOQOPKNO.js';import {a,c as c$1,d as d$1}from'./chunk-V4IMVJZP.js';import {c,d}from'./chunk-6QA5UWFS.js';import {a as a$1,b}from'./chunk-P3UNUMRE.js';import {ta,cl,dl,ui,Hk,A,Td,ve,ue as ue$1,sa,qa,ra}from'./chunk-M5HS3EYQ.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,de="32px",H=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:de,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"})),xe=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||H)-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 $({"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,h=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:h?"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);}}),h&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:cl,alt:"prev"})}),h&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:dl,alt:"next"})}),h&&jsx(ut,{src:ui,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Hk,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),h&&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 E({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 Q(e,t){return e.toLowerCase().includes(t)}function U(e){return e.trim().toLowerCase()}function Z(e){let t=U(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(Q(n,t))return jsx(tt,{children:jsx(E,{text:String(o),query:e})})}}function ee(e){let t=U(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(Q(n,t))return jsxs(et,{children:['"',jsx(E,{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:Td,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 W=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 T=structuredClone(c.json),V=T.request_body,u={...c,json:T,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(T=>T.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),h=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:h,containerRef:t}),[r,d,m,w,h,t]);return jsxs(W.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Et="#FFE20B";function te(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?Et:"transparent",d.style.outline=m?`1px solid ${Et}`:"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 Ot(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?Mt(e,t):Ot(e,t)?e:null}function Mt(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 Ot(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Mt(e,t.toLowerCase()):e}var L=400,ne=.5;function q(e){let{containerRef:t}=useContext(W),{height:r$1,width:o}=a$1(),[n,i]=useState(false);return jsx(r,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:H,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r$1/2-H/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:h}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:de,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:ne,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},ne*1e3);},isHovered:h,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:H}));},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),[h,b]=useState(false),[S,c]=useState(true),[T,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),F=te(Je,u),_=te(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]),Te=useMemo(()=>Ce(e,u),[e,u]),Ee=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||H)-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:ne,...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:T,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(xe,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?ve:ue$1}),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()&&Ee===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:Ee??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:ee(k)}),jsx(C.KeyName,{render:Z(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:$})]}),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:ne,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:h,isRequestShown:p,children:[jsx(xe,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?ve:ue$1}),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()&&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??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:ee(u)}),jsx(C.KeyName,{render:Z(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:$})]}),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(W),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 Ar=q;export{B as a,z as b,E as c,be as d,W as e,Jt as f,wo as g,te as h,Ro as i,Ar as j};
|
|
1
|
+
import {c as c$2}from'./chunk-VR7ZRZKQ.js';import {r,a as a$2}from'./chunk-3D3WKTFY.js';import {c,d}from'./chunk-F4ONOXPC.js';import {a,c as c$1,d as d$1}from'./chunk-V4IMVJZP.js';import {a as a$1,b}from'./chunk-P3UNUMRE.js';import {ta,cl,dl,ui,Hk,A,Td,ve,ue as ue$1,sa,qa,ra}from'./chunk-M5HS3EYQ.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,de="32px",H=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:de,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"})),xe=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||H)-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 $({"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,h=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:h?"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);}}),h&&jsx(dt,{onClick:n,disabled:!w,title:"Previous match (Shift+Enter)",children:jsx(we,{src:cl,alt:"prev"})}),h&&jsx(ct,{onClick:i,disabled:!w,title:"Next match (Enter)",children:jsx(we,{src:dl,alt:"next"})}),h&&jsx(ut,{src:ui,alt:"clear",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:S}),jsx(ft,{src:Hk,alt:"search",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}),h&&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 E({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 Q(e,t){return e.toLowerCase().includes(t)}function U(e){return e.trim().toLowerCase()}function Z(e){let t=U(e);return (r,{keyName:o})=>{if(!t||!o)return;let n=String(o);if(Q(n,t))return jsx(tt,{children:jsx(E,{text:String(o),query:e})})}}function ee(e){let t=U(e);return (r,{value:o})=>{if(!t)return;let n=String(o??"");if(Q(n,t))return jsxs(et,{children:['"',jsx(E,{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:Td,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 W=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 T=structuredClone(c.json),V=T.request_body,u={...c,json:T,requestJson:c.requestJson||V||void 0};delete u.json.request_body,o(N=>[...N,u]);},[r]),g=useCallback(c=>{o(T=>T.filter((V,u)=>c!==u));},[]),m=useCallback(c=>{i(c);},[]),w=useCallback(c=>{p(c);},[]),h=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:h,containerRef:t}),[r,d,m,w,h,t]);return jsxs(W.Provider,{value:S,children:[e,jsx(Jt,{list:r,events:b,onClose:g,isWindowMinimized:n,windowOrder:l})]})};var Et="#FFE20B";function te(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?Et:"transparent",d.style.outline=m?`1px solid ${Et}`:"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 Ot(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?Mt(e,t):Ot(e,t)?e:null}function Mt(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 Ot(n,t)&&(r[o]=n);return Object.keys(r).length>0?r:null}function Ce(e,t){return t.trim()?Mt(e,t.toLowerCase()):e}var L=400,ne=.5;function q(e){let{containerRef:t}=useContext(W),{height:r$1,width:o}=a$1(),[n,i]=useState(false);return jsx(r,{isOpen:true,onClose:e.onClose,containerRef:t,defaultWindowWidth:L,defaultWindowHeight:H,minHeight:300,windowZIndex:3,initialPosition:{x:o/2-L/4+e.index*20,y:r$1/2-H/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:h}=b(),b$1=d.width||L,S=Object.keys(e)?.length;return jsx(motion.div,{style:{...i&&{height:de,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:ne,...p&&{duration:0}},children:jsx(be,{title:o?"JSON Request & Response":"JSON Response",onClose:()=>t(),onMaximize:()=>{l(c=>!c),s(true),setTimeout(()=>{s(false);},ne*1e3);},isHovered:h,onMouseHover:m,onMouseLeave:w,maximized:i,id:"draggable-dialog-title",onRequestClick:()=>{n(c=>!c),s(false),o||(r?.(),g({width:L,height:H}));},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),[h,b]=useState(false),[S,c]=useState(true),[T,V]=useState(false),[u,N]=useState(""),[k,jt]=useState(""),Je=useRef(null),ke=useRef(null),F=te(Je,u),_=te(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]),Te=useMemo(()=>Ce(e,u),[e,u]),Ee=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||H)-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:ne,...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:T,sx:{background:"#E7E7E7B2"},isRequestShown:p,children:[jsx(xe,{children:jsx(ue,{variant:"subtitle1",children:"API Request"})}),jsxs(ge,{children:[jsx(z,{value:k,onChange:jt,onOpen:()=>r?.(),currentIndex:_.currentIndex,totalCount:_.totalCount,onPrev:_.goPrev,onNext:_.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{S?l?.():i?.(),c(v=>!v);},icon:S?ve:ue$1}),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()&&Ee===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:Ee??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:ee(k)}),jsx(C.KeyName,{render:Z(k)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:$})]}),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:ne,...d&&{duration:0}},onScroll:()=>{b(true),setTimeout(()=>{b(false);},2e3);},children:[jsxs(fe,{isMaximized:s,isScrollingRequest:h,isRequestShown:p,children:[jsx(xe,{children:jsx(ue,{variant:"subtitle1",children:"API Response"})}),jsxs(ge,{children:[jsx(z,{value:u,onChange:N,onOpen:()=>r?.(),currentIndex:F.currentIndex,totalCount:F.totalCount,onPrev:F.goPrev,onNext:F.goNext}),jsx(B,{disableAnimation:true,onClick:()=>{m?l?.():i?.(),w(v=>!v);},icon:m?ve:ue$1}),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()&&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??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:ee(u)}),jsx(C.KeyName,{render:Z(u)}),jsx(C.CountInfo,{render:(v,{keyName:I})=>{if(!I)return jsx("span",{})}}),jsx(C.Copied,{render:$})]}),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(W),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 Ar=q;export{B as a,z as b,E as c,be as d,W as e,Jt as f,wo as g,te as h,Ro as i,Ar as j};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {j}from'./chunk-U5S2TDEO.js';import {Td,Pi,Qi,Ri,Si,Ti}from'./chunk-M5HS3EYQ.js';import {memo}from'react';import i from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var x=styled(i)(({theme:o})=>({display:"flex",gap:o.spacing(1),insetInlineStart:o.spacing(1.25),zIndex:1}));styled(i)(({theme:o})=>({width:12,height:12,borderRadius:"50%",cursor:"pointer",backgroundColor:`${o.palette.grey[200]}14`,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",img:{opacity:"0",transition:"all 0.2s ease-in-out"},"&:active":{backgroundColor:`${o.palette.grey[200]} !important`}}));var b=styled(i)(({theme:o})=>({display:"flex",height:"2rem",justifyContent:"space-between",alignItems:"center",width:"100%",paddingLeft:o.spacing(1.25),paddingRight:o.spacing(1.25),"& > *":{flex:"1 1 0px;"}})),y=styled("div",{shouldForwardProp:o=>o!=="sandboxMode"&&o!=="maximized"&&o!=="isDragging"})(({maximized:o,isDragging:t})=>({...!o&&{borderTopRightRadius:12,borderTopLeftRadius:12},...t&&{cursor:"move"},margin:0})),$=styled(i,{shouldForwardProp:o=>o!=="maximized"&&o!=="isDragging"})(({isDragging:o})=>({...o&&{cursor:"move"},position:"relative",zIndex:1,margin:0})),f=styled(i,{shouldForwardProp:o=>o!=="maximized"&&o!=="isHovered"})(({theme:o,maximized:t})=>({height:32,position:"relative",display:"flex",width:"100%",justifyContent:"center",transition:"all 0.5s ease-in-out",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",...t&&{display:"block !important",position:"fixed",right:0,left:0,zIndex:999,background:"transparent",".toolbar-wrapper":{display:"flex",justifyContent:"space-between",gap:10,alignItems:"center",position:"absolute",right:0,left:0,height:"2rem",".action-box":{visibility:"hidden"}},"&:hover":{".toolbar-wrapper":{top:0},".action-box":{visibility:"visible"}}},":hover":{".header-icon":{backgroundColor:`${o.palette.grey[200]}40`},".header-icon img":{opacity:1}}})),W=styled(y)(()=>({position:"sticky",top:0,left:0,right:0,zIndex:1e3,background:"#eaeaea",backdropFilter:"blur(32px)"})),u=styled(j)(({theme:o})=>({fontSize:"10px",color:"rgba(32, 35, 43, 0.5)",opacity:.7,textAlign:"left",fontWeight:o.v2.typography.fontWeightBold,lineHeight:"14px",userSelect:"none",paddingLeft:"0.175rem",textTransform:"capitalize"})),h=styled("div")(()=>({display:"flex",justifyContent:"center",alignItems:"center",position:"relative",textAlign:"center"})),I=styled("img")(()=>({width:14,height:14,verticalAlign:"center"}));var w=new Map([["json",Td],["brand",Pi],["entity",Qi],["bank",Ri],["individual",Si],["password",Ti]]);function C({title:o,icon:t}){let a=w.get(t||"")??(w.get(o?.toLowerCase())||t);return jsxs(h,{className:"action-box","data-testid":"ToolbarAppIcon",children:[a&&jsx(I,{src:a,alt:"icon"}),jsx(u,{className:"title",children:o})]})}var S=C;function L({onMouseEnter:o,onMouseLeave:t,isMaximized:a,isHovered:z,rightActions:k,leftActions:n,title:A,icon:B,...H}){return jsx(f,{onMouseEnter:o,onMouseLeave:t,maximized:a,id:"toolbar","data-testid":"Toolbar",isHovered:z,...H,children:jsxs(b,{className:"toolbar-wrapper",children:[n?jsx(x,{className:"action-box",children:n}):jsx("div",{}),jsx(S,{title:A,icon:B}),k||jsx("div",{})]})})}var T=memo(L);var Z=T;export{y as a,$ as b,W as c,Z as d};
|