@tap-payments/os-micro-frontend-shared 0.3.228-test.5 → 0.3.228-test.6
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-AIUSMEM5.js +1 -0
- package/build/_chunks/chunk-DEQ2OTPX.js +1 -0
- package/build/_chunks/{chunk-SK6KKISG.js → chunk-GAL3X7PR.js} +1 -1
- package/build/_chunks/chunk-LROBJEJT.js +1 -0
- package/build/_chunks/chunk-M572YUHC.js +2 -0
- package/build/_chunks/{chunk-TJEYGSF4.js → chunk-MQOX7MKN.js} +1 -1
- package/build/_chunks/{chunk-B26W6GO2.js → chunk-U62XSJM5.js} +1 -1
- package/build/_chunks/{chunk-VMU2XKPL.js → chunk-W4PURLBP.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/AvatarStack/AnimatedStack.d.ts +9 -0
- package/build/components/AvatarStack/AvatarStack.d.ts +5 -0
- package/build/components/AvatarStack/AvatarStackChip.d.ts +4 -0
- package/build/components/AvatarStack/StaticStack.d.ts +4 -0
- package/build/components/AvatarStack/constants.d.ts +29 -0
- package/build/components/AvatarStack/hooks/useAnimatedStack.d.ts +25 -0
- package/build/components/AvatarStack/index.d.ts +4 -0
- package/build/components/AvatarStack/index.js +1 -0
- package/build/components/AvatarStack/style.d.ts +303 -0
- package/build/components/AvatarStack/type.d.ts +122 -0
- package/build/components/AvatarStack/utils.d.ts +51 -0
- package/build/components/BrandLogo/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/DateFilter/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/JSONViewer/index.js +1 -1
- package/build/components/ListColumnFilter/index.js +1 -1
- package/build/components/ListHeader/index.js +1 -1
- package/build/components/MerchantLogo/index.js +1 -1
- package/build/components/NestedMultiSelect/BranchMenuItem.d.ts +2 -2
- package/build/components/NestedMultiSelect/FieldSelectedValues.d.ts +2 -6
- package/build/components/NestedMultiSelect/NodeMenuItem.d.ts +2 -3
- package/build/components/NestedMultiSelect/SelectableOption.d.ts +1 -2
- package/build/components/NestedMultiSelect/constants.d.ts +3 -8
- package/build/components/NestedMultiSelect/index.d.ts +1 -2
- package/build/components/NestedMultiSelect/index.js +1 -1
- package/build/components/NestedMultiSelect/style.d.ts +9 -3
- package/build/components/NestedMultiSelect/type.d.ts +9 -39
- package/build/components/NestedMultiSelect/utils.d.ts +11 -42
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/RangeCalender/index.js +1 -1
- 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/TooltipAvatar/TooltipAvatar.d.ts +4 -0
- package/build/components/TooltipAvatar/constants.d.ts +6 -0
- package/build/components/TooltipAvatar/index.d.ts +4 -0
- package/build/components/TooltipAvatar/index.js +1 -0
- package/build/components/TooltipAvatar/style.d.ts +8 -0
- package/build/components/TooltipAvatar/type.d.ts +24 -0
- package/build/components/TooltipAvatar/utils.d.ts +10 -0
- 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 +5 -2
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +2 -2
- package/build/_chunks/chunk-A3NFFHVK.js +0 -2
- package/build/_chunks/chunk-WE7NB24K.js +0 -1
- package/build/_chunks/chunk-XR6MZIKM.js +0 -2
- package/build/components/ChipStack/ChipStack.d.ts +0 -67
- package/build/components/ChipStack/components/AnimatedStack.d.ts +0 -24
- package/build/components/ChipStack/components/ChipStackFaceSlot.d.ts +0 -11
- package/build/components/ChipStack/components/OverlapChip.d.ts +0 -9
- package/build/components/ChipStack/components/StaticStack.d.ts +0 -12
- package/build/components/ChipStack/constants.d.ts +0 -14
- package/build/components/ChipStack/hooks/useAnimatedStack.d.ts +0 -28
- package/build/components/ChipStack/index.d.ts +0 -10
- package/build/components/ChipStack/index.js +0 -1
- package/build/components/ChipStack/style.d.ts +0 -31
- package/build/components/ChipStack/types.d.ts +0 -127
- package/build/components/ChipStack/util.d.ts +0 -74
- package/build/components/NestedMultiSelect/SelectedChips.d.ts +0 -16
- package/build/components/NestedMultiSelect/icons.d.ts +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {t,p}from'./chunk-TIO3V7XA.js';import {Aa,lc}from'./chunk-4XXNGLS6.js';import {forwardRef,useState,useRef,useEffect,memo}from'react';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var S="os-shared-TooltipAvatar",m={root:`${S}-root`};var P=t=>typeof t=="string"&&!t.startsWith("$")&&t!=="sx"&&t!=="theme"&&t!=="ownerState"&&t!=="as";function R(t){return `${Math.max(7,8.5*t/24)}px`}var y=styled(t,{shouldForwardProp:P})(({theme:t,$faceSize:e,$fill:o})=>{let{base:a,grey:r}=t.v2.palette;return {width:`${e}px`,height:`${e}px`,fontSize:R(e),fontWeight:t.v2.typography.fontWeightMedium,lineHeight:"100%",letterSpacing:"0%",textAlign:"center",color:a.white,border:`1px solid ${r[100]}`,background:o,backgroundSize:"cover","&.MuiAvatar-colorDefault":{background:o,color:a.white},"& .MuiAvatar-img":{objectFit:"cover"}}});function x({id:t,fallbackLabel:e},o){return t??`${e.first}-${e.last}-${o}`}function b({first:t,last:e}){return [t,e].map(o=>o?.[0]).filter(o=>o!=null&&o!=="").join("")}function h({first:t,last:e}){let o=`${t||""} ${e||""}`.trim();return o!==""?o:null}var N=forwardRef(({className:t,sx:e,fallbackLabel:o,id:a,imgSrc:r,tooltipProps:c,sourceIndex:$=0,size:k,...C},F)=>{let[I,u]=useState(false),i=useRef(null);useEffect(()=>{u(false);},[r]);let l=!r||I,v="transparent";if(l){let A=x({id:a,fallbackLabel:o},$);i.current?.key!==A&&(i.current={key:A,fill:Aa()}),v=i.current.fill;}let s=jsx(y,{ref:F,id:a,className:lc(m.root,t),sx:e,"data-testid":a??"TooltipAvatar",$faceSize:k,$fill:v,src:l?void 0:r,slotProps:l?void 0:{img:{onError:()=>u(true)}},...C,children:b(o)});if(c)return jsx(p,{...c,children:s});let n=h(o);return n!=null&&n!==""?jsx(p,{title:n,children:s}):s});N.displayName="TooltipAvatar";var W=memo(N);export{m as a,W as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-HDCNWBW5.js';import {d,R,L,V as V$1}from'./chunk-TIO3V7XA.js';import {lc}from'./chunk-4XXNGLS6.js';import {Eb,A as A$1,Pc,vb}from'./chunk-V2RLDP5A.js';import {forwardRef,useState,useMemo,memo,useRef,useLayoutEffect}from'react';import qe from'@mui/material/ClickAwayListener';import {CircularProgress}from'@mui/material';import M from'@mui/material/Box';import j from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var N="os-shared-NestedMultiSelect",c={root:`${N}-root`,open:`${N}-open`,label:`${N}-label`,placeholder:`${N}-placeholder`,arrow:`${N}-arrow`,menu:`${N}-menu`,search:`${N}-search`,selectedBadge:`${N}-selectedBadge`,fieldRow:`${N}-fieldRow`};var ee=e=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:e,fontSize:"10px",fontWeight:500,cursor:"pointer"}),te=styled(M,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t=false})=>{let{base:l}=e.v2.palette;return {width:"100%",boxSizing:"border-box",minHeight:47,textAlign:"left",flexDirection:"column",border:`1px solid ${t?"#FAFBFB":"transparent"}`,borderRadius:"4px",backgroundColor:t?"#FAFBFB":e.palette.grey[400],minWidth:"89px",position:"relative",cursor:t?"not-allowed":"pointer",...t&&{color:alpha(l.black,.6),[`& .${c.label}`]:{opacity:.7,cursor:"not-allowed"},[`& .${c.placeholder}`]:{color:alpha(l.black,.6)},[`& .${c.arrow}`]:{opacity:.6},[`& .${c.fieldRow}`]:{opacity:.7},[`& .${c.fieldRow} *`]:{cursor:"not-allowed"}},[`&.${c.open} .${c.arrow}`]:{transform:"rotate(180deg)"}}}),le=styled(j)(({theme:e})=>({position:"absolute",top:9,left:8,margin:0,cursor:"pointer",fontSize:"10px",fontWeight:500,lineHeight:"100%",color:e.palette.grey[700],display:"block",pointerEvents:"none"})),oe=styled(j)(()=>({margin:0,fontWeight:500,fontSize:"11px",lineHeight:"18px",padding:"22px 24px 8px 8px"})),ne=styled(M)(({theme:e})=>({position:"absolute",top:15,right:4,width:16,height:16,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"inherit",lineHeight:0,transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})})),ie=styled(M)(()=>({display:"flex",flexDirection:"column",padding:"8px"})),re=styled(M)(()=>({display:"flex",columnGap:"8px",rowGap:"8px",flexWrap:"wrap",paddingInlineEnd:"20px"})),se=styled(M)(({theme:e})=>({...ee(`${e.palette.info.dark}1a`),maxWidth:"150px"})),ae=styled("span")(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),ce=styled(M)(()=>({position:"relative",width:"100%",minWidth:0})),de=styled(M)(()=>({display:"flex",flexWrap:"nowrap",alignItems:"center",gap:"4px",width:"100%",minWidth:0,overflow:"hidden",padding:"22px 24px 8px 8px"})),$=styled(M,{shouldForwardProp:e=>e!=="$truncate"})(({theme:e,$truncate:t})=>({...ee(`${e.palette.info.dark}1a`),overflow:"hidden",cursor:"inherit",flex:t?"1 1 auto":"0 0 auto",width:"max-content",maxWidth:t?"100%":"none",minWidth:t?0:"auto"})),ue=styled("span")(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0})),pe=styled("span")(()=>({position:"fixed",left:0,top:0,visibility:"hidden",pointerEvents:"none",whiteSpace:"nowrap",width:"max-content",display:"inline-flex",padding:"4px 8px 4px 6px",fontSize:"10px",fontWeight:500})),Se=styled(M)(()=>({flex:1,maxWidth:"220px",minWidth:"89px"})),me=styled(M,{shouldForwardProp:e=>e!=="$maxWidth"})(({$maxWidth:e})=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:e,minWidth:"89px"}));function fe(e,t,l){let i=4*Math.max(e.length-1,0);if(e.reduce((s,a)=>s+a,0)+i<=t)return {count:e.length,truncateLast:false};let r=0,n=0;for(let s=0;s<e.length;s+=1){let a=n>0?4:0,d=s===e.length-1?0:4+l;if(r+a+e[s]+d<=t){r+=a+e[s],n+=1;continue}let x=t-r-a-d;if(n===0||x>=48)return {count:n+1,truncateLast:true};break}return {count:Math.max(n,1),truncateLast:false}}function Me(e,t,l,i){let o=e.length;if(o===0)return {count:0,truncateLast:false};let r=4*Math.max(o-1,0),s=e.reduce((a,h)=>a+h,0)+r+(i?4+l:0);return {count:o,truncateLast:s>t}}var W=e=>!e.options&&typeof e.value=="string",E=e=>e.value??e.label,I=(e,t)=>t?.some(l=>l.value===e.value)??false,Ne=(e,t,l)=>{if(I(e,t)){l(t?.filter(i=>i.value!==e.value)||[]);return}l([...t||[],e]);},k=e=>W(e)?[e]:(e.options??[]).flatMap(k),A=(e,t)=>{let l=e.filter(i=>I(i,t)).length;return {allSelected:e.length>0&&l===e.length,someSelected:l>0&&l<e.length}},he=(e,t,l)=>{let i=new Set(e.map(n=>n.value));if(A(e,t).allSelected){l((t??[]).filter(n=>!i.has(n.value)));return}let o=new Set((t??[]).map(n=>n.value)),r=e.filter(n=>!o.has(n.value));l([...t??[],...r]);},ke=(e,t)=>{let l=e[t];return typeof l=="string"?l:""},Ae=(e,t,l)=>l.some(i=>ke(e,i).toLowerCase().includes(t)),D=(e,t,l)=>{if(!t)return e;let i=t.toLowerCase();return e.reduce((o,r)=>{if(W(r))return Ae(r,i,l)&&o.push(r),o;let n=D(r.options??[],t,l);return n.length>0&&o.push({...r,options:n}),o},[])};function _e({options:e,maxVisibleSelected:t}){let l=useRef(null),i=useRef(null),o=typeof t=="number"&&Number.isFinite(t),r=o?Math.max(0,Math.floor(t)):e.length,[n,s]=useState({count:Math.min(r,e.length),truncateLast:false});useLayoutEffect(()=>{let d=l.current,m=i.current;if(!d||!m)return;let x=()=>{let g=e.slice(0,r).map(y=>(m.textContent=y.label,m.offsetWidth));m.textContent=`+${e.length}`;let C=m.offsetWidth,L=getComputedStyle(d),b=d.clientWidth-parseFloat(L.paddingLeft)-parseFloat(L.paddingRight),f=o?Me(g,b,C,e.length>g.length):fe(g,b,C);s(y=>y.count===f.count&&y.truncateLast===f.truncateLast?y:f);};x();let w=new ResizeObserver(x);return w.observe(d),()=>w.disconnect()},[r,o,e]);let a=e.slice(0,n.count),h=e.length-n.count;return jsxs(ce,{children:[jsx(pe,{ref:i,"aria-hidden":true}),jsxs(de,{ref:l,className:c.fieldRow,children:[a.map((d,m)=>{let x=n.truncateLast&&m===a.length-1;return jsx($,{$truncate:x,children:jsx(ue,{children:d.label})},`${m}-${d.value}`)}),h>0?jsx($,{children:jsxs("span",{children:["+",h]})}):null]})]})}var ye=_e;function we({label:e,maxWidth:t,itemCount:l,isSelected:i,isIndeterminate:o,onToggle:r,children:n}){let[s,a]=useState(null);return jsxs(V$1,{isSelected:i,isIndeterminate:o,onClick:d=>{d.stopPropagation(),d.preventDefault(),r();},onMouseEnter:d=>{l>0&&a(d.currentTarget);},onMouseLeave:()=>{s&&a(null);},children:[jsxs(me,{$maxWidth:t,children:[e,jsx("img",{src:vb,className:"arrow-icon",alt:"arrow"})]}),jsx(R,{sx:{maxHeight:"450px",overflow:"auto"},open:!!s,anchorEl:s,placement:"right-start",children:n})]})}function Ce({option:e,value:t,onChange:l}){let i=o=>{o.stopPropagation(),o.preventDefault(),Ne(e,t,l);};return jsx(V$1,{isSelected:I(e,t),onClick:i,children:jsx(Se,{children:e.label})})}var ze=340,Ge=220;function V({node:e,depth:t,value:l,onChange:i}){if(W(e))return jsx(Ce,{option:e,value:l,onChange:i});if(!e.options)return null;let o=e.options,r=k(e),{allSelected:n,someSelected:s}=A(r,l);return jsx(we,{label:e.label,maxWidth:t===0?ze:Ge,itemCount:o.length,isSelected:n,isIndeterminate:s,onToggle:()=>he(r,l,i),children:o.map(a=>jsx(V,{node:a,depth:t+1,value:l,onChange:i},E(a)))})}var Je=["label"],Pe=forwardRef(({options:e,onChange:t,value:l,maxVisibleSelected:i,placeholder:o,label:r,isLoading:n,searchBy:s=Je,disabled:a$1,className:h,sx:d$1,searchable:m=true,searchPlaceholder:x,onOpen:w,onClose:g},C)=>{let[L$1,b]=useState(null),[f,y]=useState(""),v=!!L$1,Be=r??o,Fe=r?o??"Please Select":"Please Select",Oe=u=>{if(v){b(null),g?.();return}b(u.currentTarget),w?.();},We=()=>{b(null),g?.();},Ee=()=>{f&&y("");},Ie=useMemo(()=>D(e,f,s),[e,f,s]),G=l?.length??0,Re=n?jsx(CircularProgress,{size:16}):jsx(d,{src:f?Eb:A$1,alt:f?"close":"search",onClick:Ee,sx:{width:12,height:12,cursor:f?"pointer":"default"}});return jsx(qe,{onClickAway:()=>{v&&We();},children:jsxs(te,{ref:C,id:"FieldWrapper","data-testid":"NestedMultiSelect",$disabled:a$1,"aria-disabled":a$1||void 0,className:lc(c.root,v&&c.open,h),sx:d$1,onClick:u=>!a$1&&Oe(u),children:[jsx(le,{className:c.label,component:"label",children:Be}),G===0&&jsx(oe,{className:c.placeholder,component:"p",children:Fe}),jsx(ne,{className:c.arrow,"aria-hidden":true,children:jsx(a,{})}),G>0&&l?jsx(ye,{options:l,maxVisibleSelected:i}):null,jsx(R,{open:v,anchorEl:L$1,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",maxWidth:"340px"},panelProps:{className:c.menu},children:jsxs(ie,{children:[m?jsx(L,{className:c.search,fullWidth:true,size:"md",placeholder:x??o??"Select",endAdornment:Re,value:f,onClick:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onChange:u=>{y(u.target.value);},sx:{mb:"4px"}}):null,jsx(re,{children:l?.map((u,Te)=>jsxs(se,{className:c.selectedBadge,onClick:K=>{K.stopPropagation(),K.preventDefault(),t(l?.filter($e=>$e.value!==u.value)||[]);},children:[jsx(d,{src:Pc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx(ae,{children:u.label}),jsx(d,{src:Eb,alt:"close",sx:{width:9,height:9}})]},`${Te}-${u.value}`))}),Ie.map(u=>jsx(V,{node:u,depth:0,value:l,onChange:t},E(u)))]})})]})})});Pe.displayName="NestedMultiSelect";var Qe=memo(Pe);export{c as a,Qe as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a,c as c$1,d as d$1}from'./chunk-JQTHWXQR.js';import {c,d}from'./chunk-FTG5LY7I.js';import {b,a as a$1}from'./chunk-OBHJVUFA.js';import {zc,xa}from'./chunk-4XXNGLS6.js';import {Gf}from'./chunk-V2RLDP5A.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 dt 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:p,isMaximized:l,containerRef:a}=e,s=!l&&a?.current&&a.current!==document.body?a.current:null,d=s?.getBoundingClientRect(),u=d?.left??0,f=d?.top??0,m=s?.clientWidth||t,c=p?.x??t/2-n/2,o=p?.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:p,minWidth:l,maxWidth:a,minHeight:s,maxHeight:d,containerRef:u,windowZIndex:f=1}){let {height:m,width:c}=a$1(),[o,M]=useState(false),k=o?null:u?.current,A=k?.clientWidth||c,b=k?.clientHeight||m,I=r||Ue,g=n||je;useRef(false);let [B,H]=useState(()=>be({viewportWidth:c,viewportHeight:m,viewerDefaultWidth:I,viewerDefaultHeight:g,initialPosition:p,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:B,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:d,containerRef:u}),[B,H,x,t,M,P,S,_,o,F,E,L,G,z,A,b,c,m,I,g,O,V,i,l,a,s,d,u,f]);return jsx(Z.Provider,{value:ee,children:e})}var R=.5,He=183,ye=287,ve=840,Re=545,oe=35;function Ke({title:e,onClose:t,onMaximize:i,maximized:n=false,id:r,onRequestClick:p,isSidebarExpanded:l=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:d$2,showSectionsButton:u,rightActions:f,icon:m}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:n||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:d$2,isMaximized:n,isHovered:a$1,title:e,icon:m||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:n,onClick:i},"window-maximize"),u&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:a$1,children:"Sidebar"},"window-sections")]}),rightActions:f})})}var Ae=memo(Ke);var ie=Ae;function Qe({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:n,isSidebarExpanded:r,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:a,showSectionsButton:s,rightActions:d,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),p(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:m,onMouseLeave:c,rightActions:d,icon:u})})}var Se=memo(Qe);var Ee=Se;function ut({children:e,titleBar:t,titleBarText:i,mainAppOrder:n,mainAppIsMinimized:r,showSectionsButton:p=true,rightActions:l,titleBarIcon:a,overflow:s="hidden"}){let d=useRef(null),u=zc(useId(),"app-window"),{dimensions:f,position:m,resizableRef:c,isMaximized:o,isOpen:M,onClose:k,viewerDefaultWidth:A,viewerDefaultHeight:b,windowZIndex:I,setPosition:g,setNewDimensions:Q,isToolbarAnimationDisabled:B,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 y=w===document.body;return h.style.position=y?"":"absolute",h.style.inset=y?"":"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}),de=xa(),Fe=useCallback((y,U,pe,Oe)=>{E(true),Q({width:pe.offsetWidth,height:pe.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:d,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:(y,U)=>{g({x:H-U.x,y:U.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:d,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:de?N:"fit-content",height:de?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:y=>{c.current=y;},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(dt,{sx:{height:"100%"},id:u,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:k,setIsMaximized:S,isToolbarAnimationDisabled:B,setIsSidebarExpanded:G,isSidebarExpanded:z,title:i,isMaximized:o,showSectionsButton:p,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:p,leftActions:l,titleIconSrc:a,sx:s,...d$1}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...d$1,children:jsx(d,{onMouseEnter:r,onMouseLeave:p,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:p,onMaximize:l,sx:a$1}){let{isHovered:s,onMouseEnter:d,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:d,onMouseLeave:u,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:a$1})})}var Be=memo(Rt);var St=Be;var qo=Me;export{Z as a,te as b,R as c,He as d,ye as e,ve 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-FTG5LY7I.js';import {a,c as c$1,d as d$1}from'./chunk-JQTHWXQR.js';import {b,a as a$1}from'./chunk-OBHJVUFA.js';import {zc,xa}from'./chunk-4XXNGLS6.js';import {Gf}from'./chunk-V2RLDP5A.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 dt 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:p,isMaximized:l,containerRef:a}=e,s=!l&&a?.current&&a.current!==document.body?a.current:null,d=s?.getBoundingClientRect(),u=d?.left??0,f=d?.top??0,m=s?.clientWidth||t,c=p?.x??t/2-n/2,o=p?.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:p,minWidth:l,maxWidth:a,minHeight:s,maxHeight:d,containerRef:u,windowZIndex:f=1}){let {height:m,width:c}=a$1(),[o,M]=useState(false),k=o?null:u?.current,A=k?.clientWidth||c,b=k?.clientHeight||m,I=r||Ue,g=n||je;useRef(false);let [B,H]=useState(()=>be({viewportWidth:c,viewportHeight:m,viewerDefaultWidth:I,viewerDefaultHeight:g,initialPosition:p,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:B,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:d,containerRef:u}),[B,H,x,t,M,P,S,_,o,F,E,L,G,z,A,b,c,m,I,g,O,V,i,l,a,s,d,u,f]);return jsx(Z.Provider,{value:ee,children:e})}var R=.5,He=183,ye=287,ve=840,Re=545,oe=35;function Ke({title:e,onClose:t,onMaximize:i,maximized:n=false,id:r,onRequestClick:p,isSidebarExpanded:l=false,isHovered:a$1=false,onMouseHover:s,onMouseLeave:d$2,showSectionsButton:u,rightActions:f,icon:m}){return jsx(c,{id:r,"data-testid":"UserTitleBar",maximized:n||false,children:jsx(d,{onMouseEnter:s,onMouseLeave:d$2,isMaximized:n,isHovered:a$1,title:e,icon:m||Gf,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:n,onClick:i},"window-maximize"),u&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:a$1,children:"Sidebar"},"window-sections")]}),rightActions:f})})}var Ae=memo(Ke);var ie=Ae;function Qe({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:i,onClose:n,isSidebarExpanded:r,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:a,showSectionsButton:s,rightActions:d,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),p(!r);},isSidebarExpanded:r,isHovered:f,onMouseHover:m,onMouseLeave:c,rightActions:d,icon:u})})}var Se=memo(Qe);var Ee=Se;function ut({children:e,titleBar:t,titleBarText:i,mainAppOrder:n,mainAppIsMinimized:r,showSectionsButton:p=true,rightActions:l,titleBarIcon:a,overflow:s="hidden"}){let d=useRef(null),u=zc(useId(),"app-window"),{dimensions:f,position:m,resizableRef:c,isMaximized:o,isOpen:M,onClose:k,viewerDefaultWidth:A,viewerDefaultHeight:b,windowZIndex:I,setPosition:g,setNewDimensions:Q,isToolbarAnimationDisabled:B,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 y=w===document.body;return h.style.position=y?"":"absolute",h.style.inset=y?"":"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}),de=xa(),Fe=useCallback((y,U,pe,Oe)=>{E(true),Q({width:pe.offsetWidth,height:pe.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:d,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:(y,U)=>{g({x:H-U.x,y:U.y});},...w===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:d,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:de?N:"fit-content",height:de?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:y=>{c.current=y;},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(dt,{sx:{height:"100%"},id:u,"data-testid":"AppWindow",children:[t??jsx(Ee,{setIsToolbarAnimationDisabled:x,onClose:k,setIsMaximized:S,isToolbarAnimationDisabled:B,setIsSidebarExpanded:G,isSidebarExpanded:z,title:i,isMaximized:o,showSectionsButton:p,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:p,leftActions:l,titleIconSrc:a,sx:s,...d$1}){return jsx(c,{className:"header-wrapper",id:i,maximized:t||false,sx:s,...d$1,children:jsx(d,{onMouseEnter:r,onMouseLeave:p,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:p,onMaximize:l,sx:a$1}){let{isHovered:s,onMouseEnter:d,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:d,onMouseLeave:u,leftActions:r||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:a$1})})}var Be=memo(Rt);var St=Be;var qo=Me;export{Z as a,te as b,R as c,He as d,ye as e,ve 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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {t,p}from'./chunk-TIO3V7XA.js';import {lc}from'./chunk-4XXNGLS6.js';import {forwardRef,memo,useMemo,Fragment,useState,useRef,useCallback,useEffect,useLayoutEffect}from'react';import St from'@mui/material/Box';import {styled}from'@mui/material/styles';import {motion}from'framer-motion';import {jsx,jsxs}from'react/jsx-runtime';var _="os-shared-AvatarStack",l={root:`${_}-root`,track:`${_}-track`,slot:`${_}-slot`,overlapSlot:`${_}-overlapSlot`,overlapChip:`${_}-overlapChip`,overflow:`${_}-overflow`},I="chip-stack-overlap-slot",g=24,O=.22,zt=["static","fanout-right","fanout-left","fanout-center"],z="static";function tt({items:t,getItemKey:e,renderItem:r}){return t?.length&&e&&r?{items:t,getItemKey:e,renderItem:r}:null}function et(t){return t==="fanout-left"?"left":t==="fanout-center"?"center":"right"}function Ht(t,e){return e===void 0||e<1||t.length<e?{visibleItems:t,hiddenItems:[]}:{visibleItems:t.slice(0,e-1),hiddenItems:t.slice(e-1)}}function rt(t,e){return e!==void 0&&t>e}function W({source:{items:t,getItemKey:e,renderItem:r},maxItems:a,slotSize:i,renderOverflow:o}){let{visibleItems:n,hiddenItems:c}=Ht(t,a),d={slotSize:i},m=n.map((p,S)=>({key:e(p,S),render:()=>r(p,S,d)}));return c.length>0&&m.push({key:`avatar-stack-overflow-${c.length}-${n.length}`,render:()=>o({items:t,overflowItems:c,size:i})}),m}var Kt=3,Q=60;function at(t){let e=t.size??g,r=a=>Math.round(e*a/g);return {size:e,stackStep:t.stackStep??Math.round(e/2),gap:t.gap??Math.max(1,r(Kt)),minTrackWidth:t.minTrackWidth??Math.max(Q,r(Q))}}function ot(t,e){return t<=0||e==="right"?0:e==="left"?t-1:Math.floor((t-1)/2)}function nt(t,e,r){return t<=0?0:(t-1)*e+r}function it({slotCount:t,anchorIndex:e,slotWidths:r,gap:a,stackStep:i}){if(t===0)return [];let o=new Array(t);o[e]=e*i;for(let n=e-1;n>=0;n-=1)o[n]=o[n+1]-r[n]-a;for(let n=e+1;n<t;n+=1)o[n]=o[n-1]+r[n-1]+a;return o}function lt(t,e,r,a){return Array.from({length:t},(i,o)=>t<=1||!e?0:r[o]-o*a)}function st(t,e,r){if(t.length===0)return 0;let a=Math.min(...t),i=Math.max(...t.map((o,n)=>o+e[n]));return Math.max(r,i-a)}function ct(t,e,r){return Array.from({length:t},(a,i)=>e.current[i]?.offsetWidth??r)}function mt(t,e){return t.length===e.length&&t.every((r,a)=>r===e[a])}var Xt=120;function ft(t,e){return Array.from({length:t},()=>e)}function U(t){t.current&&clearTimeout(t.current);}function pt({slotCount:t,anchorIndex:e,size:r,stackStep:a,gap:i,isFanOutEnabled:o,compact:n}){let[c,d]=useState(false),m=useRef(null),p=useCallback(()=>{o&&(U(m),d(true));},[o]),S=useCallback(()=>{o&&(U(m),m.current=setTimeout(()=>d(false),Xt));},[o]);useEffect(()=>()=>U(m),[]),useEffect(()=>{o||d(false);},[o]);let u=useRef([]),s=useRef(null),[A,P]=useState(()=>ft(t,r)),f=useCallback(()=>{let v=ct(t,u,r);P(y=>mt(y,v)?y:v);},[t,r]);useLayoutEffect(()=>{P(ft(t,r));},[t,r]),useLayoutEffect(()=>{f();},[t,r,f]),useEffect(()=>{let v=()=>{s.current&&cancelAnimationFrame(s.current),s.current=requestAnimationFrame(f);};return v(),window.addEventListener("resize",v),()=>{window.removeEventListener("resize",v),s.current&&cancelAnimationFrame(s.current);}},[f]);let b=o&&c,R=useMemo(()=>Array.from({length:t},(v,y)=>A[y]??r),[t,A,r]),w=useMemo(()=>it({slotCount:t,anchorIndex:e,slotWidths:R,gap:i,stackStep:a}),[t,e,R,i,a]),M=useMemo(()=>lt(t,b,w,a),[t,b,w,a]),k=nt(t,a,r),D=useMemo(()=>st(w,R,k),[w,R,k]),L=b?D:n?r:k,V=useMemo(()=>Array.from({length:t},(v,y)=>!n||c||y===e?1:0),[t,n,c,e]);return {slotRefs:u,handleMouseEnter:p,handleMouseLeave:S,isExpanded:b,collapsedWidth:k,trackWidth:L,translateX:M,slotOpacity:V}}var x=t=>typeof t=="string"&&!t.startsWith("$")&&t!=="sx"&&t!=="theme"&&t!=="ownerState"&&t!=="as";function j(){return `var(--avatar-stack-slot-size, ${g}px)`}function jt(t){return `${Math.max(8,8.5*t/g)}px`}function At(t){let{base:e,grey:r}=t.v2.palette,a=e.white;return {display:"flex",alignItems:"center",justifyContent:"center",width:j(),height:j(),borderRadius:"50%",border:`1px solid ${r[100]}`,background:a,backgroundColor:a,flexShrink:0,"&.MuiAvatar-colorDefault":{background:a,backgroundColor:a,color:"inherit"}}}var vt=styled(St,{shouldForwardProp:x})(({theme:t,$slotSize:e})=>({"--avatar-stack-slot-size":`${e}px`,display:"flex",alignItems:"center",paddingRight:t.v2.spacing(8),[`& .${l.overlapSlot}`]:{marginRight:`-${t.v2.spacing(8)}`,position:"relative",zIndex:1},[`& .${l.overlapSlot}:hover`]:{zIndex:2}})),kt=styled(t,{shouldForwardProp:x})(({theme:t})=>({...At(t),overflow:"hidden",lineHeight:0,boxSizing:"border-box",padding:0,fontSize:"inherit","& > *":{width:"100%",height:"100%",minWidth:0,minHeight:0},"& img":{display:"block",width:"100%",height:"100%",objectFit:"contain"}})),ht=styled(t,{shouldForwardProp:x})(({theme:t})=>({...At(t),fontSize:`max(8px, calc(${j()} * 8.5 / ${g}))`,fontWeight:t.v2.typography.fontWeightMedium,color:"rgba(0, 0, 0, 0.38)","&.MuiAvatar-colorDefault":{background:t.v2.palette.base.white,backgroundColor:t.v2.palette.base.white,color:"rgba(0, 0, 0, 0.38)"}})),gt=styled(St,{shouldForwardProp:x})(({theme:t,$isFullWidth:e})=>({display:"flex",justifyContent:"flex-start",gap:t.v2.spacing(8),overflow:"visible",...e?{width:"100%"}:{}})),yt=styled("div",{shouldForwardProp:x})(({$width:t,$minWidth:e,$height:r,$zIndex:a})=>({position:"relative",overflow:"visible",width:t,minWidth:e,height:r,transition:`width ${O}s ease-out`,...a!==void 0?{zIndex:a}:{}})),bt=styled(motion.div,{shouldForwardProp:x})(({$index:t,$left:e,$size:r,$isHidden:a})=>({position:"absolute",top:0,left:e,zIndex:t,width:r,height:r,pointerEvents:a?"none":"auto"})),Tt=styled(t,{shouldForwardProp:x})(({theme:t,$size:e})=>({width:e,height:e,borderRadius:"50%",border:`1px solid ${t.v2.palette.grey[100]}`,display:"flex",alignItems:"center",justifyContent:"center",fontSize:jt(e),fontWeight:t.v2.typography.fontWeightBold,background:"#F5F5F5",backgroundColor:"#F5F5F5",flexShrink:0,"&.MuiAvatar-colorDefault":{background:"#F5F5F5",backgroundColor:"#F5F5F5",color:"inherit"}}));var Zt=1e3,qt={duration:O,ease:"easeOut"};function Rt(t){return t==null?[]:Array.isArray(t)?t:[t]}function Bt({overflowItems:t,size:e}){return jsxs(Tt,{className:l.overflow,$size:e,children:["+",t.length]})}function q({source:t,maxItems:e,renderOverflow:r,fanOutDirection:a,compact:i,slotProps:o,rootRef:n,id:c,"data-testid":d,className:m,sx:p}){let{zIndex:S=Zt,size:u,stackStep:s,gap:A,minTrackWidth:P}=o?.layout??{},{size:f,stackStep:b,gap:R,minTrackWidth:w}=useMemo(()=>at({size:u,stackStep:s,gap:A,minTrackWidth:P}),[u,s,A,P]),M=i||!rt(t.items.length,e),k=useMemo(()=>W({source:t,maxItems:e,slotSize:f,renderOverflow:r??Bt}),[t,e,f,r]),D=ot(k.length,a),{slotRefs:G,handleMouseEnter:L,handleMouseLeave:V,isExpanded:v,collapsedWidth:y,trackWidth:Et,translateX:Mt,slotOpacity:Y}=pt({slotCount:k.length,anchorIndex:D,size:f,stackStep:b,gap:R,isFanOutEnabled:M,compact:i});if(k.length===0)return null;let{className:Ft,sx:$t,...It}=o?.shell??{},{className:Ot,...Wt}=o?.track??{};return jsx(gt,{ref:n,...It,className:lc(l.root,m,Ft),sx:[...Rt(p),...Rt($t)],$isFullWidth:M,children:jsx(yt,{id:c,"data-testid":d,...Wt,className:lc(l.track,Ot),onMouseEnter:L,onMouseLeave:V,$width:Et,$minWidth:i?f:Math.max(w,y),$height:f,$zIndex:v?S:void 0,children:k.map(({key:Dt,render:Lt},N)=>jsx(bt,{ref:Vt=>{G.current[N]=Vt;},className:l.slot,initial:false,animate:{x:Mt[N]??0,opacity:Y[N]??1},transition:qt,$index:N,$left:N*b,$size:f,$isHidden:Y[N]===0,children:Lt()},Dt))})})}var wt=lc(l.overlapSlot,I),_t=forwardRef(({title:t,id:e,className:r,...a},i)=>{let o=t!=null&&t!=="",n=jsx(kt,{ref:i,id:e,"data-testid":e??"AvatarStackChip",className:lc(l.overlapChip,!o&&wt,r),...a});return o?jsx(p,{title:t,wrapperProps:{className:wt},children:n}):n});_t.displayName="AvatarStackChip";var B=memo(_t);function te(t){return jsx(p,{title:`${t} more`,wrapperProps:{className:lc(l.overlapSlot,I)},children:jsx(ht,{className:l.overflow,children:jsxs("span",{children:["+",t]})})})}function J({source:t,maxItems:e,renderOverflow:r,slotProps:a,rootRef:i,id:o,"data-testid":n,className:c,sx:d}){let m=a?.layout?.size??g,{renderItem:p}=t,S=W({source:{...t,renderItem:(u,s,A)=>jsx(B,{children:p(u,s,A)})},maxItems:e,slotSize:m,renderOverflow:u=>r?.(u)??te(u.overflowItems.length)});return jsx(vt,{ref:i,id:o,"data-testid":n,className:lc(l.root,c),sx:d,$slotSize:m,children:S.map(({key:u,render:s})=>jsx(Fragment,{children:s()},u))})}function ne({variant:t=z,items:e,getItemKey:r,renderItem:a,maxItems:i,renderOverflow:o,compact:n=false,id:c,"data-testid":d,slotProps:m,sx:p,className:S},u){let s=useMemo(()=>tt({items:e,getItemKey:r,renderItem:a}),[e,r,a]);if(!s)return null;let A={source:s,maxItems:i,renderOverflow:o,slotProps:m,rootRef:u,id:c,"data-testid":d??c??"AvatarStack",className:S,sx:p};return t==="static"?jsx(J,{...A}):jsx(q,{...A,fanOutDirection:et(t),compact:n})}var Ct=forwardRef(ne);Ct.displayName="AvatarStack";var ie=memo(Ct),le=ie;export{l as a,zt as b,z as c,B as d,le as e};
|