@tap-payments/os-micro-frontend-shared 0.3.229 → 0.3.231
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-4QF66SHZ.js +1 -0
- package/build/_chunks/{chunk-DBFH6OKQ.js → chunk-ACYZKBPV.js} +1 -1
- package/build/_chunks/{chunk-TH5E43JD.js → chunk-AFARM6XG.js} +1 -1
- package/build/_chunks/chunk-B456PAFV.js +2 -0
- package/build/_chunks/{chunk-MBTSXCJW.js → chunk-I44O3S7R.js} +1 -1
- package/build/_chunks/{chunk-FKG3SYY6.js → chunk-ILCM3NDX.js} +1 -1
- package/build/_chunks/{chunk-WAY7BWQL.js → chunk-KZRRNZPG.js} +1 -1
- package/build/_chunks/chunk-M5WXIRWE.js +1 -0
- package/build/_chunks/{chunk-33C463YL.js → chunk-STH6XR2G.js} +1 -1
- package/build/_chunks/{chunk-W4PURLBP.js → chunk-X7OBJ7R3.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/AvatarStackItem.d.ts +4 -0
- package/build/components/AvatarStack/StaticStack.d.ts +4 -0
- package/build/components/AvatarStack/constants.d.ts +40 -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 +63 -0
- package/build/components/BrandLogo/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/CurrencyAmount/index.js +1 -1
- package/build/components/CurrencyAmount/style.d.ts +6 -0
- 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/FormSelect/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/MultiSelect/index.js +1 -1
- package/build/components/PaymentSourceFilter/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/PhoneInput/index.js +1 -1
- package/build/components/RHFPhoneInput/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/TreeDropdown/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/ViewColumnRadioFilter/index.js +1 -1
- package/build/components/VirtualTables/index.js +1 -1
- package/build/components/Widget/index.js +1 -1
- package/build/components/WindowSideBar/index.js +1 -1
- package/build/components/index.d.ts +2 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +1 -1
- package/build/_chunks/chunk-6DPXZ3E3.js +0 -2
- package/build/_chunks/chunk-MFFVCCTZ.js +0 -1
- package/build/_chunks/chunk-WE7NB24K.js +0 -1
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a as a$2}from'./chunk-5DLQTR4L.js';import {j,a as a$3}from'./chunk-CAKSLKXG.js';import {a}from'./chunk-T5WRDF6Z.js';import {R,x,h}from'./chunk-TIO3V7XA.js';import {a as a$1}from'./chunk-LIHS4ZYZ.js';import {mc,nc,zc,o}from'./chunk-4XXNGLS6.js';import {Uc,Vc,Uj,Vj,Wj,dc,ec,Xj,cc}from'./chunk-V2RLDP5A.js';import {memo,forwardRef,useState,useMemo,useRef,useId,useEffect,useCallback}from'react';import S from'@mui/material/Box';import bt from'@mui/material/Popper';import It from'dayjs';import {useTranslation}from'react-i18next';import {Calendar,DateObject}from'react-multi-date-picker';import Ko from'@mui/material/ClickAwayListener';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import he from'@mui/material/Button';import q from'react-date-object';import ot from'react-date-object/calendars/arabic';import tt from'react-date-object/calendars/gregorian';import rt from'react-date-object/locales/arabic_ar';import nt from'react-date-object/locales/arabic_en';import it from'react-date-object/locales/gregorian_ar';import at from'react-date-object/locales/gregorian_en';var Ne=styled(S)(({theme:e})=>({color:e.palette.grey[700],fontSize:"9px",fontWeight:500,marginBottom:"6px"})),Ke=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,height:32,padding:"8px",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",...o&&{border:`1px solid ${e.palette.info.dark}`,background:e.palette.common.white,boxShadow:e.shadows[7]}})),_e=styled(S)(({theme:e})=>({borderRadius:"8px",background:e.palette.common.white,boxShadow:"0px 8px 36px 0px rgba(0, 0, 0, 0.15)",textAlign:"center",color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px",padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",flexDirection:"column"})),qe=styled(S)(({theme:e})=>({width:71,padding:"4px 0",cursor:"pointer","&:hover, &.active":{borderRadius:"100px",background:e.palette.info.light}}));var Xe={day:"Day",month:"Month",quarter:"Quarter",year:"Year"};function qo({sx:e,groupBy:o,isCalenderOpen:i,onUpdate:t}){let[n,p]=useState(null),m=!!n&&i,{t:s}=useTranslation(),c=()=>{p(null);},u=d=>{p(d.currentTarget);},l=d=>{t?.(d),c();};return jsx(Ko,{onClickAway:c,children:jsxs(S,{sx:e,children:[jsx(Ne,{children:s("groupedBy")}),jsxs(Ke,{onClick:u,open:m,children:[jsx("span",{children:Xe[o]}),jsx(S,{component:"img",src:Vc,alt:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]}),jsx(R,{open:m,anchorEl:n,children:jsx(_e,{sx:{width:n?.clientWidth},children:Object.entries(Xe).map(([d,a])=>jsx(qe,{onClick:()=>{l(d);},className:o===d?"active":"",children:a},`${d}-groupedBy`))})})]})})}var Ve=memo(qo);var eo=Ve;var oo=styled(S)(({theme:e})=>({border:"1px solid",borderColor:e.palette.divider,borderRadius:"50px",paddingInline:"6px 12px",color:e.palette.text.primary,fontSize:"11px",display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",height:32,marginTop:"8px",img:{width:16,height:16},"& > div":{display:"flex",alignItems:"center",gap:"2px"}}));function se({isHijri:e,onCalendarModeSwitch:o}){let{t:i}=useTranslation(),t=()=>{o?.(e?"gregorian":"hijri");};return jsx(S,{children:jsxs(oo,{children:[jsxs(S,{children:[jsx("img",{src:cc,alt:"hijri"}),jsx("span",{children:i("hijri")})]}),jsx(h,{checked:e,onChange:t})]})})}var no=se;var ao=styled(he)(({theme:e})=>({cursor:"pointer",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,color:e.palette.text.primary,fontSize:"11px",fontWeight:e.typography.fontWeightRegular,paddingInline:"12px",height:32,width:"max-content",textTransform:"unset","&:hover":{boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark}})),po=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));var J=({isHijri:e,isAr:o=false})=>e?o?rt:nt:o?it:at,X=e=>e?ot:tt,M=e=>e.setHour(0).setMinute(0).setSecond(0).setMillisecond(0),B=e=>e.setHour(23).setMinute(59).setSecond(59).setMillisecond(999),Z=e=>{if(!(e?.[0]instanceof Date)||!(e?.[1]instanceof Date)){let[o$1,i]=o();return [new q(o$1),new q(i)]}return [new q(e?.[0]),new q(e?.[1])]};function ce({onChange:e,isHijri:o,isAr:i=false}){let t={locale:J({isHijri:o,isAr:i}),calendar:X(o)},n=useMemo(()=>[{id:"today",value:[new DateObject(t),new DateObject(t)]},{id:"lastWeek",value:[new DateObject(t).subtract(6,"day"),new DateObject(t)]},{id:"lastMonth",value:[new DateObject(t).subtract(30,"day"),new DateObject(t)]},{id:new DateObject(t).subtract(1,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(1,"month").toFirstOfMonth(),new DateObject(t).subtract(1,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(2,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(2,"month").toFirstOfMonth(),new DateObject(t).subtract(2,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(3,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(3,"month").toFirstOfMonth(),new DateObject(t).subtract(3,"month").toLastOfMonth()]}],[o,i]),{t:p}=useTranslation();return jsx(S,{"data-testid":"RangeCalender_QuickFilters",children:jsx(po,{children:n.map(m=>jsx(ao,{onClick:s=>{s.preventDefault(),e(m.value);},children:p(m.id)},m.id))})})}var lo=ce;var so=styled(he)(()=>({minWidth:"auto",padding:0,"& > img":{cursor:"pointer"}}));var ft=["Su","Mo","Tu","We","Th","Fr","Sa"];function gt({isAr:e=false,isHijri:o,values:i,onChange:t,numberOfMonths:n=2,...p},m){let s=c=>c==="right"?e?dc:ec:e?ec:dc;return jsx(Calendar,{ref:m,numberOfMonths:n,value:i,onChange:t,calendar:X(o),locale:J({isHijri:o,isAr:e}),range:true,format:"MMM DD",monthYearSeparator:" ",renderButton:(c,u)=>jsx(so,{onClick:u,children:jsx("img",{src:s(c),alt:"arrow"})}),weekDays:e?void 0:ft,maxDate:new Date,...p})}var mo=forwardRef(gt);var co=mo;var uo=styled(S)(()=>({'[class$="-IndicatorsContainer2"]':{display:"none"},"#react-select-2-listbox":{width:300}})),V=styled(S)(({theme:e})=>({borderRadius:e.spacing(.5),border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,boxShadow:e.shadows[10],minWidth:200,width:"max-content",overflow:"auto"})),fo=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({width:156,fontSize:"11px",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,minHeight:32,borderRadius:"4px",padding:e.spacing(1),whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer",display:"flex",alignItems:"center",gap:e.spacing(1),fontWeight:500,...o&&{borderRadius:"4px",boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark,background:e.palette.common.white},span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}})),L=styled(S)(({theme:e})=>({padding:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",gap:e.spacing(1),height:33,cursor:"pointer","&:hover":{boxShadow:"0px 0px 16px 0px #00000021"},"&+&":{borderTop:"1px solid",borderColor:e.palette.divider},"&.active span":{fontWeight:500},span:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),A=styled(S)(()=>({width:12,height:12})),F=styled(S)(({theme:e})=>({fontSize:"11px",color:e.palette.text.secondary,lineHeight:"15.03px","&.selected":{color:e.palette.info.dark}}));function ge({selectedTimezone:e,onChange:o,timezoneCountriesCodes:i,defaultCountryTimezone:t}){let[n,p]=useState(null),m=a=>{n||p(a.currentTarget);},s=()=>{n&&p(null);},c=(a,D)=>{a.stopPropagation(),o(D);},u=useMemo(()=>i?.map(a=>mc(a)),[i]),l=useMemo(()=>u?.some(a=>e?.timezone===a?.timezone),[u,e]),d=useMemo(()=>e&&l?e:t,[e,t,l]);return jsxs(L,{onMouseEnter:m,onMouseLeave:s,onClick:()=>{e&&o(d);},children:[l?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Vj,alt:"entity-timezone"}),jsx(a,{countryCode:d?.countryCode}),jsx(F,{className:l?"selected":"",children:l?e?.label:t?.label}),jsx(bt,{open:!!n,anchorEl:n,placement:"right-start",sx:{zIndex:3},disablePortal:true,children:jsx(V,{sx:{maxHeight:300},children:u?.map((a$1,D)=>{let j=a$1?.timezone===e?.timezone;return jsxs(L,{onClick:te=>{c(te,a$1);},sx:{gap:"4px"},children:[j?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx(a,{countryCode:a$1?.countryCode}),jsx(F,{className:j?"selected":"",children:a$1?.label})]},`timezone-item-${D}`)})})})]})}function xe({onChange:e,selectedTimezone:o,browserTimezone:i}){let t=useMemo(()=>i?nc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Uj,alt:"user-timezone"}),jsx(a,{countryCode:t?.countryCode}),jsx(F,{className:p?"selected":"",children:t?.label})]})}function St({onChange:e,selectedTimezone:o,browserTimezone:i,defaultCountryTimezone:t,timezoneCountriesCodes:n}){let[p,m]=useState(null),s=!!p,c=()=>{m(null);},u=a=>{e(a),c();},l=a=>{m(a.currentTarget);},d=useMemo(()=>i===o?.timezone?Uj:o?.timezone===t.timezone?Vj:Wj,[i,t.timezone,o?.timezone]);return jsx(Ko,{onClickAway:c,children:jsxs(uo,{"data-testid":"CustomTimezone",children:[jsxs(fo,{open:s,onClick:l,children:[jsx("img",{src:d,alt:"timezone-icon"}),jsx(a,{countryCode:o?.countryCode}),jsx("span",{children:o?.label})]}),jsx(bt,{open:s,anchorEl:p,placement:"top-start",sx:{zIndex:1400},children:jsxs(V,{"data-testid":"CustomTimezone_dropdown",children:[jsx(ge,{onChange:u,selectedTimezone:o,defaultCountryTimezone:t,timezoneCountriesCodes:n}),jsx(xe,{onChange:u,selectedTimezone:o,browserTimezone:i})]})})]})})}var xo=memo(St);var bo=xo;var ho=styled(S,{shouldForwardProp:e=>e!=="$isSingleMonth"})(({theme:e,$isSingleMonth:o})=>({display:"flex",marginTop:"8px",background:e.palette.common.white,boxShadow:e.shadows[9],borderRadius:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",".rmdp-calendar":{padding:"8px 16px 16px"},".rmdp-rtl *":{fontFamily:"Tajawal"},".rmdp-rtl .sd":{paddingTop:"4px"},".rmdp-wrapper":{position:"relative",borderRadius:"8px",boxShadow:"none",...o&&{width:"100%"}},".rmdp-day span":{fontSize:"11px",fontWeight:500},".rmdp-day, .rmdp-week-day":{width:40,height:40,marginBottom:"2px",padding:"4px",fontSize:"11px",color:e.palette.grey[900]},".rmdp-day-picker":{padding:0,...o&&{display:"block !important"}},".rmdp-day.rmdp-today span":{backgroundColor:"transparent !important",color:e.palette.info.dark},".rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span":{color:e.palette.common.white},".rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover":{background:e.palette.info.light,boxShadow:"none",color:e.palette.grey[900]},".rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end":{borderRadius:"50%",background:e.palette.background.gradient.darkShadedBlue,color:e.palette.common.white},".rmdp-range.start:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",right:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.start:after":{right:"unset",left:0},".rmdp-range.end:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",left:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.end:after":{left:"unset",right:0},".rmdp-week-day":{color:e.palette.grey[700],marginBottom:"4px",fontSize:"11px",padding:"4px"},".rmdp-header-values":{color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px"},".rmdp-header-values span:nth-of-type(2)":{display:"none"},".rmdp-header":{padding:"4px 0",margin:0,fontSize:"12px"},".rmdp-top-class":{display:"block !important"},".rmdp-day.rmdp-selected span:not(.highlight)":{background:e.palette.info.dark},".rmdp-day.start.end":{overflow:"hidden"},".rmdp-day.rmdp-disabled":{color:"#ccc",cursor:"not-allowed"}})),yo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",background:"transparent",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,fontWeight:500,borderRadius:"4px","&:hover":{background:"transparent",color:e.palette.text.primary}})),wo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",borderRadius:"4px",fontWeight:700,background:e.palette.info.dark,"&:hover":{background:e.palette.info.dark}})),Co=styled(S)(()=>({display:"flex",gap:8,marginLeft:"auto",flexShrink:0})),To=styled(he,{shouldForwardProp:e=>e!=="open"})(({open:e,theme:o})=>({color:o.palette.text.primary,fontSize:"11px",fontWeight:500,padding:o.spacing(1),borderRadius:"4px",border:"1px solid",borderColor:o.palette.divider,background:o.palette.common.white,textTransform:"none",height:32,...e&&{border:"1px solid",borderColor:o.palette.info.dark,boxShadow:o.shadows[7]}})),ko=styled(S)(({theme:e})=>({background:e.palette.common.white,display:"flex",justifyContent:"space-between",alignItems:"center",gap:10,padding:"16px",borderTop:"1px solid",borderColor:e.palette.divider,borderBottomRightRadius:"8px"})),zo=styled(S)(({theme:e})=>({padding:16,paddingInlineEnd:"23px",borderRight:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,width:"max-content",borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",display:"flex",flexDirection:"column",gap:10,justifyContent:"space-between"})),So=styled(S)(()=>({display:"flex",alignItems:"center",gap:"10px"})),vo=styled(S)(()=>({position:"relative"})),Do=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"24px"}));var Mo=styled(S,{shouldForwardProp:e=>e!=="isAllDay"})(({theme:e,isAllDay:o})=>({display:"flex",alignItems:"center",gap:e.spacing(1),position:"relative",paddingInline:"5px",".label":{width:"max-content"},...!o&&{paddingRight:e.spacing(1),"&:after":{content:'""',position:"absolute",width:"1px",background:e.palette.divider,right:0,height:17}}})),Bo=styled(S)(()=>({width:235})),Eo=styled(S)(({theme:e})=>({display:"flex",gap:"4px",".rmdp-input":{width:"64px",borderRadius:"19px",border:"1px solid",borderColor:e.palette.divider,color:e.palette.text.primary,fontSize:"11px",fontWeight:500,background:"transparent",cursor:"pointer"},".rmdp-input:focus":{boxShadow:e.shadows[7],border:`1px solid ${e.palette.info.dark}`,borderRadius:"19px"},".rmdp-time-picker":{boxShadow:e.shadows[5],borderRadius:e.spacing(1),padding:e.spacing(2),minWidth:"auto !important",div:{marginTop:0,display:"block"},"> div":{width:32,height:64},".rmdp-arrow":{borderColor:`${e.palette.background.transparent[1]} !important`},".rmdp-arrow-container":{justifyContent:"center","&:hover":{backgroundColor:"transparent",boxShadow:"unset"}},input:{borderRadius:"4px",border:`1px solid ${e.palette.divider}`,padding:0,width:32,height:32,fontSize:"11px",color:e.palette.text.primary,fontWeight:500,"&:focus, &:focus-visible":{border:`1px solid ${e.palette.info.dark}`,outline:"unset"}},".dvdr":{margin:"7px 4px 0"},".rmdp-am, .rmdp-pm":{margin:0,width:32,height:32,flex:"auto",justifyContent:"center",fontSize:"11px",color:e.palette.text.primary,fontWeight:500,display:"flex",cursor:"default"},"> div:last-child":{marginInlineStart:"4px",display:"block !important"},".rmdp-down, .rmdp-up":{position:"relative",i:{display:"none"},"&:before":{content:'""',position:"absolute",top:"5px",width:"10px",height:"10px",backgroundImage:`url(${Uc})`}},".rmdp-down:before":{transform:"rotate(180deg)"}},".rmdp-container":{position:"relative","> div":{top:"unset !important",bottom:"28px",transform:"unset !important"}}})),Oo=styled(S)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,paddingInline:"5px",width:"fit-content",height:32}));function Mt({values:e,setValues:o}){let{t:i}=useTranslation(),t=new DateObject(e[0]),n=new DateObject(e[1]),[p,m]=useState(t.dayOfYear===n.dayOfYear&&t.hour===0&&t.minute===0&&n.hour===23&&n.minute===59),s=({period:l,hour:d})=>l==="PM"&&d!==12?d+12:l==="AM"&&d===12?0:d,c=({hour:l,minute:d,period:a})=>{o([t.setHour(s({hour:l,period:a})).setMinute(d).setSecond(0),n]);},u=({hour:l,minute:d,period:a})=>{o([t,n.setHour(s({hour:l,period:a})).setMinute(d).setSecond(59)]);};return jsx(Bo,{children:jsxs(Oo,{children:[jsxs(Mo,{isAllDay:p,children:[jsx("span",{className:"label",children:i("allDay")}),jsx(h,{checked:p,onChange:l=>{m(!p),l.target.checked?o([M(e[0]),B(e[1])]):o(e);}})]}),!p&&jsxs(Eo,{children:[jsx(j,{defaultTime:{hour:a$3(t.hour),minute:t.minute,period:t.hour>=12?"PM":"AM"},size:"small",onChange:c,enableRealTimeChange:true},`${e[0]?.toString()}-start`),jsx(j,{defaultTime:{hour:a$3(n.hour),minute:n.minute,period:n.hour>=12?"PM":"AM"},size:"small",onChange:u,enableRealTimeChange:true},`${e[1]?.toString()}-end`)]})]})})}var Po=Mt;var Io=Po;function At({defaultDate:e,onDateChange:o,mode:i="gregorian",onCalendarModeSwitch:t,numberOfMonths:n,noTimezone:p,noQuickFilter:m,maxDateRange:s,onCalendarGroupChange:c,groupBy:u,timezone:l,onChangeTimezone:d,browserTimezone:a,renderCalendarButton:D,mainSx:j,popperProps:te,rangeDatePickerProps:Fo,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te}){let[w,ke]=useState(Z(e)),[x$1,C]=useState(w),[ze,Se]=useState(l??null),[ve,Wo]=useState(u||"day"),[De,Me]=useState(null),y=!!De,[Be,Ee]=useState(false),{t:re}=useTranslation(),P=useRef(null),Ho=zc(useId(),"range-calender"),ne=i==="hijri",Y=()=>{Me(null);},Oe=r=>{Me(r.currentTarget);};useEffect(()=>{if(!y){if(n===1)return;C(Z(e));}},[y]),useEffect(()=>{if(e){let r=Z(e);ke(r),C(r),P.current&&P.current.set("date",r[0]);}},[e]),useEffect(()=>{Se(l??null);},[l,y]);let Re=()=>{ke(x$1),Y();let r;x$1[0].dayOfYear===x$1[1].dayOfYear?r=[x$1[0],x$1[1]]:r=[M(x$1[0]),B(x$1[1])],o([r[0].toDate(),r[1].toDate()]),c?.(ve||"day"),d?.(ze);},jo=useCallback(()=>{let r=w[0].format("MMM D"),$=w[1]?w[1].format("MMM D"):w[0].format("MMM D");return r===$&&!p?r:`${r} - ${$}`},[w,p]),Yo=r=>{if(r.length<2||!s){C(r);return}let $=M(r[0]).toDate(),Qo=B(r[1]).toDate(),Pe=It(Qo).diff($,"day");if(Pe<=s){C(r);return}Ee(true),C([r[0],r[1].subtract(Pe-s,"d")]),setTimeout(()=>{Ee(false);},3e3);},$o=r=>{C([M(r[0]),B(r[1])]),P.current&&P.current.set("date",r[0]);},Go=r=>{r.key==="Enter"&&x$1[1]&&!Be?(r.stopPropagation(),Re()):r.key==="Escape"&&(r.stopPropagation(),Y());};return jsxs(vo,{id:Ho,"data-testid":"RangeCalender",sx:j,children:[D?D(y,Oe):jsx(To,{onClick:Oe,open:y,children:(w[0]||w[1])&&jo()}),y&&jsx(a$1,{onClick:r=>{r.stopPropagation(),Y();}}),jsx(bt,{open:y,anchorEl:De,placement:"bottom-end",...te,children:jsxs(ho,{onKeyDown:Go,$isSingleMonth:n===1,children:[!m&&jsxs(zo,{children:[jsx(lo,{onChange:$o,isHijri:ne}),jsxs(Do,{children:[u&&jsx(eo,{groupBy:ve,isCalenderOpen:y,onUpdate:r=>{Wo(r);}}),jsx(no,{isHijri:ne,onCalendarModeSwitch:t})]})]}),jsxs(S,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[jsx(co,{values:x$1,onChange:Yo,isHijri:ne,ref:P,numberOfMonths:n,...Fo}),jsx(x,{in:Be&&!!s,children:jsx(a$2,{error:re("dateRangeError",{number:s}),sx:{marginInline:"16px",marginBottom:"16px"}})}),jsxs(ko,{sx:{borderBottomLeftRadius:"8px"},children:[!p&&Ce&&a&&Te&&jsx(So,{children:jsx(bo,{onChange:Se,selectedTimezone:ze,browserTimezone:a,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te},String(y))}),new DateObject(x$1[0]).dayOfYear===new DateObject(x$1[1]).dayOfYear&&jsx(Io,{values:x$1,setValues:C}),jsxs(Co,{children:[jsx(yo,{variant:"contained",onClick:Y,children:re("cancel")}),jsx(wo,{variant:"contained",onClick:Re,disabled:!x$1[1],children:re("okay")})]})]})]})]})})]})}var Ao=At;var bi=Ao;export{bi as a};
|
|
1
|
+
import {a as a$2}from'./chunk-5DLQTR4L.js';import {j,a as a$3}from'./chunk-CAKSLKXG.js';import {a}from'./chunk-T5WRDF6Z.js';import {a as a$1}from'./chunk-LIHS4ZYZ.js';import {R,x,h}from'./chunk-TIO3V7XA.js';import {mc,nc,zc,o}from'./chunk-4XXNGLS6.js';import {Uc,Vc,Uj,Vj,Wj,dc,ec,Xj,cc}from'./chunk-V2RLDP5A.js';import {memo,forwardRef,useState,useMemo,useRef,useId,useEffect,useCallback}from'react';import S from'@mui/material/Box';import bt from'@mui/material/Popper';import It from'dayjs';import {useTranslation}from'react-i18next';import {Calendar,DateObject}from'react-multi-date-picker';import Ko from'@mui/material/ClickAwayListener';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import he from'@mui/material/Button';import q from'react-date-object';import ot from'react-date-object/calendars/arabic';import tt from'react-date-object/calendars/gregorian';import rt from'react-date-object/locales/arabic_ar';import nt from'react-date-object/locales/arabic_en';import it from'react-date-object/locales/gregorian_ar';import at from'react-date-object/locales/gregorian_en';var Ne=styled(S)(({theme:e})=>({color:e.palette.grey[700],fontSize:"9px",fontWeight:500,marginBottom:"6px"})),Ke=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,height:32,padding:"8px",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",...o&&{border:`1px solid ${e.palette.info.dark}`,background:e.palette.common.white,boxShadow:e.shadows[7]}})),_e=styled(S)(({theme:e})=>({borderRadius:"8px",background:e.palette.common.white,boxShadow:"0px 8px 36px 0px rgba(0, 0, 0, 0.15)",textAlign:"center",color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px",padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",flexDirection:"column"})),qe=styled(S)(({theme:e})=>({width:71,padding:"4px 0",cursor:"pointer","&:hover, &.active":{borderRadius:"100px",background:e.palette.info.light}}));var Xe={day:"Day",month:"Month",quarter:"Quarter",year:"Year"};function qo({sx:e,groupBy:o,isCalenderOpen:i,onUpdate:t}){let[n,p]=useState(null),m=!!n&&i,{t:s}=useTranslation(),c=()=>{p(null);},u=d=>{p(d.currentTarget);},l=d=>{t?.(d),c();};return jsx(Ko,{onClickAway:c,children:jsxs(S,{sx:e,children:[jsx(Ne,{children:s("groupedBy")}),jsxs(Ke,{onClick:u,open:m,children:[jsx("span",{children:Xe[o]}),jsx(S,{component:"img",src:Vc,alt:"arrow",sx:{...m&&{transform:"rotate(180deg)"}}})]}),jsx(R,{open:m,anchorEl:n,children:jsx(_e,{sx:{width:n?.clientWidth},children:Object.entries(Xe).map(([d,a])=>jsx(qe,{onClick:()=>{l(d);},className:o===d?"active":"",children:a},`${d}-groupedBy`))})})]})})}var Ve=memo(qo);var eo=Ve;var oo=styled(S)(({theme:e})=>({border:"1px solid",borderColor:e.palette.divider,borderRadius:"50px",paddingInline:"6px 12px",color:e.palette.text.primary,fontSize:"11px",display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",height:32,marginTop:"8px",img:{width:16,height:16},"& > div":{display:"flex",alignItems:"center",gap:"2px"}}));function se({isHijri:e,onCalendarModeSwitch:o}){let{t:i}=useTranslation(),t=()=>{o?.(e?"gregorian":"hijri");};return jsx(S,{children:jsxs(oo,{children:[jsxs(S,{children:[jsx("img",{src:cc,alt:"hijri"}),jsx("span",{children:i("hijri")})]}),jsx(h,{checked:e,onChange:t})]})})}var no=se;var ao=styled(he)(({theme:e})=>({cursor:"pointer",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,color:e.palette.text.primary,fontSize:"11px",fontWeight:e.typography.fontWeightRegular,paddingInline:"12px",height:32,width:"max-content",textTransform:"unset","&:hover":{boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark}})),po=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"8px"}));var J=({isHijri:e,isAr:o=false})=>e?o?rt:nt:o?it:at,X=e=>e?ot:tt,M=e=>e.setHour(0).setMinute(0).setSecond(0).setMillisecond(0),B=e=>e.setHour(23).setMinute(59).setSecond(59).setMillisecond(999),Z=e=>{if(!(e?.[0]instanceof Date)||!(e?.[1]instanceof Date)){let[o$1,i]=o();return [new q(o$1),new q(i)]}return [new q(e?.[0]),new q(e?.[1])]};function ce({onChange:e,isHijri:o,isAr:i=false}){let t={locale:J({isHijri:o,isAr:i}),calendar:X(o)},n=useMemo(()=>[{id:"today",value:[new DateObject(t),new DateObject(t)]},{id:"lastWeek",value:[new DateObject(t).subtract(6,"day"),new DateObject(t)]},{id:"lastMonth",value:[new DateObject(t).subtract(30,"day"),new DateObject(t)]},{id:new DateObject(t).subtract(1,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(1,"month").toFirstOfMonth(),new DateObject(t).subtract(1,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(2,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(2,"month").toFirstOfMonth(),new DateObject(t).subtract(2,"month").toLastOfMonth()]},{id:new DateObject(t).subtract(3,"month").toFirstOfMonth().format("MMMM YYYY"),value:[new DateObject(t).subtract(3,"month").toFirstOfMonth(),new DateObject(t).subtract(3,"month").toLastOfMonth()]}],[o,i]),{t:p}=useTranslation();return jsx(S,{"data-testid":"RangeCalender_QuickFilters",children:jsx(po,{children:n.map(m=>jsx(ao,{onClick:s=>{s.preventDefault(),e(m.value);},children:p(m.id)},m.id))})})}var lo=ce;var so=styled(he)(()=>({minWidth:"auto",padding:0,"& > img":{cursor:"pointer"}}));var ft=["Su","Mo","Tu","We","Th","Fr","Sa"];function gt({isAr:e=false,isHijri:o,values:i,onChange:t,numberOfMonths:n=2,...p},m){let s=c=>c==="right"?e?dc:ec:e?ec:dc;return jsx(Calendar,{ref:m,numberOfMonths:n,value:i,onChange:t,calendar:X(o),locale:J({isHijri:o,isAr:e}),range:true,format:"MMM DD",monthYearSeparator:" ",renderButton:(c,u)=>jsx(so,{onClick:u,children:jsx("img",{src:s(c),alt:"arrow"})}),weekDays:e?void 0:ft,maxDate:new Date,...p})}var mo=forwardRef(gt);var co=mo;var uo=styled(S)(()=>({'[class$="-IndicatorsContainer2"]':{display:"none"},"#react-select-2-listbox":{width:300}})),V=styled(S)(({theme:e})=>({borderRadius:e.spacing(.5),border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,boxShadow:e.shadows[10],minWidth:200,width:"max-content",overflow:"auto"})),fo=styled(S,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({width:156,fontSize:"11px",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,minHeight:32,borderRadius:"4px",padding:e.spacing(1),whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer",display:"flex",alignItems:"center",gap:e.spacing(1),fontWeight:500,...o&&{borderRadius:"4px",boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark,background:e.palette.common.white},span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}})),L=styled(S)(({theme:e})=>({padding:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",gap:e.spacing(1),height:33,cursor:"pointer","&:hover":{boxShadow:"0px 0px 16px 0px #00000021"},"&+&":{borderTop:"1px solid",borderColor:e.palette.divider},"&.active span":{fontWeight:500},span:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),A=styled(S)(()=>({width:12,height:12})),F=styled(S)(({theme:e})=>({fontSize:"11px",color:e.palette.text.secondary,lineHeight:"15.03px","&.selected":{color:e.palette.info.dark}}));function ge({selectedTimezone:e,onChange:o,timezoneCountriesCodes:i,defaultCountryTimezone:t}){let[n,p]=useState(null),m=a=>{n||p(a.currentTarget);},s=()=>{n&&p(null);},c=(a,D)=>{a.stopPropagation(),o(D);},u=useMemo(()=>i?.map(a=>mc(a)),[i]),l=useMemo(()=>u?.some(a=>e?.timezone===a?.timezone),[u,e]),d=useMemo(()=>e&&l?e:t,[e,t,l]);return jsxs(L,{onMouseEnter:m,onMouseLeave:s,onClick:()=>{e&&o(d);},children:[l?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Vj,alt:"entity-timezone"}),jsx(a,{countryCode:d?.countryCode}),jsx(F,{className:l?"selected":"",children:l?e?.label:t?.label}),jsx(bt,{open:!!n,anchorEl:n,placement:"right-start",sx:{zIndex:3},disablePortal:true,children:jsx(V,{sx:{maxHeight:300},children:u?.map((a$1,D)=>{let j=a$1?.timezone===e?.timezone;return jsxs(L,{onClick:te=>{c(te,a$1);},sx:{gap:"4px"},children:[j?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx(a,{countryCode:a$1?.countryCode}),jsx(F,{className:j?"selected":"",children:a$1?.label})]},`timezone-item-${D}`)})})})]})}function xe({onChange:e,selectedTimezone:o,browserTimezone:i}){let t=useMemo(()=>i?nc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Xj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Uj,alt:"user-timezone"}),jsx(a,{countryCode:t?.countryCode}),jsx(F,{className:p?"selected":"",children:t?.label})]})}function St({onChange:e,selectedTimezone:o,browserTimezone:i,defaultCountryTimezone:t,timezoneCountriesCodes:n}){let[p,m]=useState(null),s=!!p,c=()=>{m(null);},u=a=>{e(a),c();},l=a=>{m(a.currentTarget);},d=useMemo(()=>i===o?.timezone?Uj:o?.timezone===t.timezone?Vj:Wj,[i,t.timezone,o?.timezone]);return jsx(Ko,{onClickAway:c,children:jsxs(uo,{"data-testid":"CustomTimezone",children:[jsxs(fo,{open:s,onClick:l,children:[jsx("img",{src:d,alt:"timezone-icon"}),jsx(a,{countryCode:o?.countryCode}),jsx("span",{children:o?.label})]}),jsx(bt,{open:s,anchorEl:p,placement:"top-start",sx:{zIndex:1400},children:jsxs(V,{"data-testid":"CustomTimezone_dropdown",children:[jsx(ge,{onChange:u,selectedTimezone:o,defaultCountryTimezone:t,timezoneCountriesCodes:n}),jsx(xe,{onChange:u,selectedTimezone:o,browserTimezone:i})]})})]})})}var xo=memo(St);var bo=xo;var ho=styled(S,{shouldForwardProp:e=>e!=="$isSingleMonth"})(({theme:e,$isSingleMonth:o})=>({display:"flex",marginTop:"8px",background:e.palette.common.white,boxShadow:e.shadows[9],borderRadius:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",".rmdp-calendar":{padding:"8px 16px 16px"},".rmdp-rtl *":{fontFamily:"Tajawal"},".rmdp-rtl .sd":{paddingTop:"4px"},".rmdp-wrapper":{position:"relative",borderRadius:"8px",boxShadow:"none",...o&&{width:"100%"}},".rmdp-day span":{fontSize:"11px",fontWeight:500},".rmdp-day, .rmdp-week-day":{width:40,height:40,marginBottom:"2px",padding:"4px",fontSize:"11px",color:e.palette.grey[900]},".rmdp-day-picker":{padding:0,...o&&{display:"block !important"}},".rmdp-day.rmdp-today span":{backgroundColor:"transparent !important",color:e.palette.info.dark},".rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span":{color:e.palette.common.white},".rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover":{background:e.palette.info.light,boxShadow:"none",color:e.palette.grey[900]},".rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end":{borderRadius:"50%",background:e.palette.background.gradient.darkShadedBlue,color:e.palette.common.white},".rmdp-range.start:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",right:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.start:after":{right:"unset",left:0},".rmdp-range.end:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",left:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.end:after":{left:"unset",right:0},".rmdp-week-day":{color:e.palette.grey[700],marginBottom:"4px",fontSize:"11px",padding:"4px"},".rmdp-header-values":{color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px"},".rmdp-header-values span:nth-of-type(2)":{display:"none"},".rmdp-header":{padding:"4px 0",margin:0,fontSize:"12px"},".rmdp-top-class":{display:"block !important"},".rmdp-day.rmdp-selected span:not(.highlight)":{background:e.palette.info.dark},".rmdp-day.start.end":{overflow:"hidden"},".rmdp-day.rmdp-disabled":{color:"#ccc",cursor:"not-allowed"}})),yo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",background:"transparent",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,fontWeight:500,borderRadius:"4px","&:hover":{background:"transparent",color:e.palette.text.primary}})),wo=styled(he)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",borderRadius:"4px",fontWeight:700,background:e.palette.info.dark,"&:hover":{background:e.palette.info.dark}})),Co=styled(S)(()=>({display:"flex",gap:8,marginLeft:"auto",flexShrink:0})),To=styled(he,{shouldForwardProp:e=>e!=="open"})(({open:e,theme:o})=>({color:o.palette.text.primary,fontSize:"11px",fontWeight:500,padding:o.spacing(1),borderRadius:"4px",border:"1px solid",borderColor:o.palette.divider,background:o.palette.common.white,textTransform:"none",height:32,...e&&{border:"1px solid",borderColor:o.palette.info.dark,boxShadow:o.shadows[7]}})),ko=styled(S)(({theme:e})=>({background:e.palette.common.white,display:"flex",justifyContent:"space-between",alignItems:"center",gap:10,padding:"16px",borderTop:"1px solid",borderColor:e.palette.divider,borderBottomRightRadius:"8px"})),zo=styled(S)(({theme:e})=>({padding:16,paddingInlineEnd:"23px",borderRight:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,width:"max-content",borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",display:"flex",flexDirection:"column",gap:10,justifyContent:"space-between"})),So=styled(S)(()=>({display:"flex",alignItems:"center",gap:"10px"})),vo=styled(S)(()=>({position:"relative"})),Do=styled(S)(()=>({display:"flex",flexDirection:"column",gap:"24px"}));var Mo=styled(S,{shouldForwardProp:e=>e!=="isAllDay"})(({theme:e,isAllDay:o})=>({display:"flex",alignItems:"center",gap:e.spacing(1),position:"relative",paddingInline:"5px",".label":{width:"max-content"},...!o&&{paddingRight:e.spacing(1),"&:after":{content:'""',position:"absolute",width:"1px",background:e.palette.divider,right:0,height:17}}})),Bo=styled(S)(()=>({width:235})),Eo=styled(S)(({theme:e})=>({display:"flex",gap:"4px",".rmdp-input":{width:"64px",borderRadius:"19px",border:"1px solid",borderColor:e.palette.divider,color:e.palette.text.primary,fontSize:"11px",fontWeight:500,background:"transparent",cursor:"pointer"},".rmdp-input:focus":{boxShadow:e.shadows[7],border:`1px solid ${e.palette.info.dark}`,borderRadius:"19px"},".rmdp-time-picker":{boxShadow:e.shadows[5],borderRadius:e.spacing(1),padding:e.spacing(2),minWidth:"auto !important",div:{marginTop:0,display:"block"},"> div":{width:32,height:64},".rmdp-arrow":{borderColor:`${e.palette.background.transparent[1]} !important`},".rmdp-arrow-container":{justifyContent:"center","&:hover":{backgroundColor:"transparent",boxShadow:"unset"}},input:{borderRadius:"4px",border:`1px solid ${e.palette.divider}`,padding:0,width:32,height:32,fontSize:"11px",color:e.palette.text.primary,fontWeight:500,"&:focus, &:focus-visible":{border:`1px solid ${e.palette.info.dark}`,outline:"unset"}},".dvdr":{margin:"7px 4px 0"},".rmdp-am, .rmdp-pm":{margin:0,width:32,height:32,flex:"auto",justifyContent:"center",fontSize:"11px",color:e.palette.text.primary,fontWeight:500,display:"flex",cursor:"default"},"> div:last-child":{marginInlineStart:"4px",display:"block !important"},".rmdp-down, .rmdp-up":{position:"relative",i:{display:"none"},"&:before":{content:'""',position:"absolute",top:"5px",width:"10px",height:"10px",backgroundImage:`url(${Uc})`}},".rmdp-down:before":{transform:"rotate(180deg)"}},".rmdp-container":{position:"relative","> div":{top:"unset !important",bottom:"28px",transform:"unset !important"}}})),Oo=styled(S)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,paddingInline:"5px",width:"fit-content",height:32}));function Mt({values:e,setValues:o}){let{t:i}=useTranslation(),t=new DateObject(e[0]),n=new DateObject(e[1]),[p,m]=useState(t.dayOfYear===n.dayOfYear&&t.hour===0&&t.minute===0&&n.hour===23&&n.minute===59),s=({period:l,hour:d})=>l==="PM"&&d!==12?d+12:l==="AM"&&d===12?0:d,c=({hour:l,minute:d,period:a})=>{o([t.setHour(s({hour:l,period:a})).setMinute(d).setSecond(0),n]);},u=({hour:l,minute:d,period:a})=>{o([t,n.setHour(s({hour:l,period:a})).setMinute(d).setSecond(59)]);};return jsx(Bo,{children:jsxs(Oo,{children:[jsxs(Mo,{isAllDay:p,children:[jsx("span",{className:"label",children:i("allDay")}),jsx(h,{checked:p,onChange:l=>{m(!p),l.target.checked?o([M(e[0]),B(e[1])]):o(e);}})]}),!p&&jsxs(Eo,{children:[jsx(j,{defaultTime:{hour:a$3(t.hour),minute:t.minute,period:t.hour>=12?"PM":"AM"},size:"small",onChange:c,enableRealTimeChange:true},`${e[0]?.toString()}-start`),jsx(j,{defaultTime:{hour:a$3(n.hour),minute:n.minute,period:n.hour>=12?"PM":"AM"},size:"small",onChange:u,enableRealTimeChange:true},`${e[1]?.toString()}-end`)]})]})})}var Po=Mt;var Io=Po;function At({defaultDate:e,onDateChange:o,mode:i="gregorian",onCalendarModeSwitch:t,numberOfMonths:n,noTimezone:p,noQuickFilter:m,maxDateRange:s,onCalendarGroupChange:c,groupBy:u,timezone:l,onChangeTimezone:d,browserTimezone:a,renderCalendarButton:D,mainSx:j,popperProps:te,rangeDatePickerProps:Fo,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te}){let[w,ke]=useState(Z(e)),[x$1,C]=useState(w),[ze,Se]=useState(l??null),[ve,Wo]=useState(u||"day"),[De,Me]=useState(null),y=!!De,[Be,Ee]=useState(false),{t:re}=useTranslation(),P=useRef(null),Ho=zc(useId(),"range-calender"),ne=i==="hijri",Y=()=>{Me(null);},Oe=r=>{Me(r.currentTarget);};useEffect(()=>{if(!y){if(n===1)return;C(Z(e));}},[y]),useEffect(()=>{if(e){let r=Z(e);ke(r),C(r),P.current&&P.current.set("date",r[0]);}},[e]),useEffect(()=>{Se(l??null);},[l,y]);let Re=()=>{ke(x$1),Y();let r;x$1[0].dayOfYear===x$1[1].dayOfYear?r=[x$1[0],x$1[1]]:r=[M(x$1[0]),B(x$1[1])],o([r[0].toDate(),r[1].toDate()]),c?.(ve||"day"),d?.(ze);},jo=useCallback(()=>{let r=w[0].format("MMM D"),$=w[1]?w[1].format("MMM D"):w[0].format("MMM D");return r===$&&!p?r:`${r} - ${$}`},[w,p]),Yo=r=>{if(r.length<2||!s){C(r);return}let $=M(r[0]).toDate(),Qo=B(r[1]).toDate(),Pe=It(Qo).diff($,"day");if(Pe<=s){C(r);return}Ee(true),C([r[0],r[1].subtract(Pe-s,"d")]),setTimeout(()=>{Ee(false);},3e3);},$o=r=>{C([M(r[0]),B(r[1])]),P.current&&P.current.set("date",r[0]);},Go=r=>{r.key==="Enter"&&x$1[1]&&!Be?(r.stopPropagation(),Re()):r.key==="Escape"&&(r.stopPropagation(),Y());};return jsxs(vo,{id:Ho,"data-testid":"RangeCalender",sx:j,children:[D?D(y,Oe):jsx(To,{onClick:Oe,open:y,children:(w[0]||w[1])&&jo()}),y&&jsx(a$1,{onClick:r=>{r.stopPropagation(),Y();}}),jsx(bt,{open:y,anchorEl:De,placement:"bottom-end",...te,children:jsxs(ho,{onKeyDown:Go,$isSingleMonth:n===1,children:[!m&&jsxs(zo,{children:[jsx(lo,{onChange:$o,isHijri:ne}),jsxs(Do,{children:[u&&jsx(eo,{groupBy:ve,isCalenderOpen:y,onUpdate:r=>{Wo(r);}}),jsx(no,{isHijri:ne,onCalendarModeSwitch:t})]})]}),jsxs(S,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[jsx(co,{values:x$1,onChange:Yo,isHijri:ne,ref:P,numberOfMonths:n,...Fo}),jsx(x,{in:Be&&!!s,children:jsx(a$2,{error:re("dateRangeError",{number:s}),sx:{marginInline:"16px",marginBottom:"16px"}})}),jsxs(ko,{sx:{borderBottomLeftRadius:"8px"},children:[!p&&Ce&&a&&Te&&jsx(So,{children:jsx(bo,{onChange:Se,selectedTimezone:ze,browserTimezone:a,defaultCountryTimezone:Ce,timezoneCountriesCodes:Te},String(y))}),new DateObject(x$1[0]).dayOfYear===new DateObject(x$1[1]).dayOfYear&&jsx(Io,{values:x$1,setValues:C}),jsxs(Co,{children:[jsx(yo,{variant:"contained",onClick:Y,children:re("cancel")}),jsx(wo,{variant:"contained",onClick:Re,disabled:!x$1[1],children:re("okay")})]})]})]})]})})]})}var Ao=At;var bi=Ao;export{bi as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{Bc as default}from'../../_chunks/chunk-B456PAFV.js';import'../../_chunks/chunk-ILCM3NDX.js';import'../../_chunks/chunk-STH6XR2G.js';import'../../_chunks/chunk-XB7FBOZY.js';import'../../_chunks/chunk-JEYLI22W.js';import'../../_chunks/chunk-AFARM6XG.js';import'../../_chunks/chunk-QGQRTANO.js';import'../../_chunks/chunk-KV7KQ6MZ.js';import'../../_chunks/chunk-545BCGVE.js';import'../../_chunks/chunk-X7OBJ7R3.js';import'../../_chunks/chunk-XSRIBZ5H.js';import'../../_chunks/chunk-MMFW3YZV.js';import'../../_chunks/chunk-ZGZK4AZ3.js';import'../../_chunks/chunk-XBUO2UHM.js';import'../../_chunks/chunk-4SWNFKMX.js';import'../../_chunks/chunk-DPOBKAVX.js';import'../../_chunks/chunk-PHVELRMX.js';import'../../_chunks/chunk-FNWPZLRV.js';import'../../_chunks/chunk-GIUONT72.js';import'../../_chunks/chunk-I44O3S7R.js';import'../../_chunks/chunk-KZRRNZPG.js';import'../../_chunks/chunk-EI4VQCCM.js';import'../../_chunks/chunk-GNNMQUBT.js';import'../../_chunks/chunk-AFDB2YM6.js';import'../../_chunks/chunk-MAZVGT6F.js';import'../../_chunks/chunk-DKMFQFZU.js';import'../../_chunks/chunk-KD4RSWN6.js';import'../../_chunks/chunk-OAEOQ7AZ.js';import'../../_chunks/chunk-DEQ2OTPX.js';import'../../_chunks/chunk-P57UJVYY.js';import'../../_chunks/chunk-RZJSME6H.js';import'../../_chunks/chunk-MQOX7MKN.js';import'../../_chunks/chunk-YPVFVBG3.js';import'../../_chunks/chunk-O4UZRDVR.js';import'../../_chunks/chunk-KS7YB4UX.js';import'../../_chunks/chunk-F2LUAXXO.js';import'../../_chunks/chunk-32CPM4J3.js';import'../../_chunks/chunk-LOGPCQ24.js';import'../../_chunks/chunk-ACYZKBPV.js';import'../../_chunks/chunk-SWXXEAIZ.js';import'../../_chunks/chunk-TY3LDUTP.js';import'../../_chunks/chunk-KSTOW7O3.js';import'../../_chunks/chunk-HDCNWBW5.js';import'../../_chunks/chunk-VTJJFPK5.js';import'../../_chunks/chunk-7GVPGH6A.js';import'../../_chunks/chunk-R5PUIGMB.js';import'../../_chunks/chunk-ZONDSLTR.js';import'../../_chunks/chunk-5DLQTR4L.js';import'../../_chunks/chunk-TJMTDLBH.js';import'../../_chunks/chunk-U62XSJM5.js';import'../../_chunks/chunk-OYJYQKLK.js';import'../../_chunks/chunk-AIT2A7YM.js';import'../../_chunks/chunk-J4V7VRJY.js';import'../../_chunks/chunk-4QF66SHZ.js';import'../../_chunks/chunk-LQOS3MF6.js';import'../../_chunks/chunk-VQ4INPUZ.js';import'../../_chunks/chunk-6VQVT7U4.js';import'../../_chunks/chunk-FAKPBQH3.js';import'../../_chunks/chunk-64ILCI3S.js';import'../../_chunks/chunk-CAKSLKXG.js';import'../../_chunks/chunk-5EP3LEOE.js';import'../../_chunks/chunk-4AFJCOBN.js';import'../../_chunks/chunk-JORNMG4I.js';import'../../_chunks/chunk-T5WRDF6Z.js';import'../../_chunks/chunk-S3YBXSFG.js';import'../../_chunks/chunk-BIJMWICZ.js';import'../../_chunks/chunk-LIHS4ZYZ.js';import'../../_chunks/chunk-MHZSYMQP.js';import'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-W3D5YN4V.js';import'../../_chunks/chunk-FQ2VMVUY.js';import'../../_chunks/chunk-44UNMXKS.js';import'../../_chunks/chunk-MUR4ILTY.js';import'../../_chunks/chunk-M5WXIRWE.js';import'../../_chunks/chunk-OBHJVUFA.js';import'../../_chunks/chunk-TKU4GMEV.js';import'../../_chunks/chunk-QZAVOGKZ.js';import'../../_chunks/chunk-UD33MPJX.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{Cc as default}from'../../_chunks/chunk-B456PAFV.js';import'../../_chunks/chunk-ILCM3NDX.js';import'../../_chunks/chunk-STH6XR2G.js';import'../../_chunks/chunk-XB7FBOZY.js';import'../../_chunks/chunk-JEYLI22W.js';import'../../_chunks/chunk-AFARM6XG.js';import'../../_chunks/chunk-QGQRTANO.js';import'../../_chunks/chunk-KV7KQ6MZ.js';import'../../_chunks/chunk-545BCGVE.js';import'../../_chunks/chunk-X7OBJ7R3.js';import'../../_chunks/chunk-XSRIBZ5H.js';import'../../_chunks/chunk-MMFW3YZV.js';import'../../_chunks/chunk-ZGZK4AZ3.js';import'../../_chunks/chunk-XBUO2UHM.js';import'../../_chunks/chunk-4SWNFKMX.js';import'../../_chunks/chunk-DPOBKAVX.js';import'../../_chunks/chunk-PHVELRMX.js';import'../../_chunks/chunk-FNWPZLRV.js';import'../../_chunks/chunk-GIUONT72.js';import'../../_chunks/chunk-I44O3S7R.js';import'../../_chunks/chunk-KZRRNZPG.js';import'../../_chunks/chunk-EI4VQCCM.js';import'../../_chunks/chunk-GNNMQUBT.js';import'../../_chunks/chunk-AFDB2YM6.js';import'../../_chunks/chunk-MAZVGT6F.js';import'../../_chunks/chunk-DKMFQFZU.js';import'../../_chunks/chunk-KD4RSWN6.js';import'../../_chunks/chunk-OAEOQ7AZ.js';import'../../_chunks/chunk-DEQ2OTPX.js';import'../../_chunks/chunk-P57UJVYY.js';import'../../_chunks/chunk-RZJSME6H.js';import'../../_chunks/chunk-MQOX7MKN.js';import'../../_chunks/chunk-YPVFVBG3.js';import'../../_chunks/chunk-O4UZRDVR.js';import'../../_chunks/chunk-KS7YB4UX.js';import'../../_chunks/chunk-F2LUAXXO.js';import'../../_chunks/chunk-32CPM4J3.js';import'../../_chunks/chunk-LOGPCQ24.js';import'../../_chunks/chunk-ACYZKBPV.js';import'../../_chunks/chunk-SWXXEAIZ.js';import'../../_chunks/chunk-TY3LDUTP.js';import'../../_chunks/chunk-KSTOW7O3.js';import'../../_chunks/chunk-HDCNWBW5.js';import'../../_chunks/chunk-VTJJFPK5.js';import'../../_chunks/chunk-7GVPGH6A.js';import'../../_chunks/chunk-R5PUIGMB.js';import'../../_chunks/chunk-ZONDSLTR.js';import'../../_chunks/chunk-5DLQTR4L.js';import'../../_chunks/chunk-TJMTDLBH.js';import'../../_chunks/chunk-U62XSJM5.js';import'../../_chunks/chunk-OYJYQKLK.js';import'../../_chunks/chunk-AIT2A7YM.js';import'../../_chunks/chunk-J4V7VRJY.js';import'../../_chunks/chunk-4QF66SHZ.js';import'../../_chunks/chunk-LQOS3MF6.js';import'../../_chunks/chunk-VQ4INPUZ.js';import'../../_chunks/chunk-6VQVT7U4.js';import'../../_chunks/chunk-FAKPBQH3.js';import'../../_chunks/chunk-64ILCI3S.js';import'../../_chunks/chunk-CAKSLKXG.js';import'../../_chunks/chunk-5EP3LEOE.js';import'../../_chunks/chunk-4AFJCOBN.js';import'../../_chunks/chunk-JORNMG4I.js';import'../../_chunks/chunk-T5WRDF6Z.js';import'../../_chunks/chunk-S3YBXSFG.js';import'../../_chunks/chunk-BIJMWICZ.js';import'../../_chunks/chunk-LIHS4ZYZ.js';import'../../_chunks/chunk-MHZSYMQP.js';import'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-W3D5YN4V.js';import'../../_chunks/chunk-FQ2VMVUY.js';import'../../_chunks/chunk-44UNMXKS.js';import'../../_chunks/chunk-MUR4ILTY.js';import'../../_chunks/chunk-M5WXIRWE.js';import'../../_chunks/chunk-OBHJVUFA.js';import'../../_chunks/chunk-TKU4GMEV.js';import'../../_chunks/chunk-QZAVOGKZ.js';import'../../_chunks/chunk-UD33MPJX.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{i as AccountHeaderTitle,o as AppWindow,a as AppWindowContext,b as AppWindowContextProvider,q as AppWindowHeader,p as AppWindowHeaderBase,h as FOOTER_HEIGHT,d as LEFT_SIDEBAR,e as RIGHT_SIDEBAR,m as StyledFooter,n as StyledHideButton,j as StyledMenuLink,k as StyledSubmitButton,l as SubmitButtonWrapper,g as VIEWER_HEIGHT,f as VIEWER_WIDTH,c as animationDuration,r as default}from'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-
|
|
1
|
+
export{i as AccountHeaderTitle,o as AppWindow,a as AppWindowContext,b as AppWindowContextProvider,q as AppWindowHeader,p as AppWindowHeaderBase,h as FOOTER_HEIGHT,d as LEFT_SIDEBAR,e as RIGHT_SIDEBAR,m as StyledFooter,n as StyledHideButton,j as StyledMenuLink,k as StyledSubmitButton,l as SubmitButtonWrapper,g as VIEWER_HEIGHT,f as VIEWER_WIDTH,c as animationDuration,r as default}from'../../_chunks/chunk-GAL3X7PR.js';import'../../_chunks/chunk-FTG5LY7I.js';import'../../_chunks/chunk-JQTHWXQR.js';import'../../_chunks/chunk-OBHJVUFA.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AvatarStackAnimatedStackProps } from './type';
|
|
3
|
+
/**
|
|
4
|
+
* `variant="fanout-*"` — items overlap while idle and fan out around the anchor item on hover.
|
|
5
|
+
*
|
|
6
|
+
* Restyling: `className` / `sx` / `slotProps.shell` land on the shell; `id`, `data-testid`,
|
|
7
|
+
* hover handlers, and `slotProps.track` land on the track.
|
|
8
|
+
*/
|
|
9
|
+
export default function AnimatedStack<T>({ source, maxItems, renderOverflow, fanOutDirection, compact, slotProps, rootRef, id, 'data-testid': dataTestId, className, sx, }: Readonly<AvatarStackAnimatedStackProps<T>>): import("react").JSX.Element | null;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ReactElement, RefAttributes } from 'react';
|
|
2
|
+
import type { AvatarStackProps } from './type';
|
|
3
|
+
/** `forwardRef` + `memo` erase generics — re-declare the call signature so `T` is inferred from `items`. */
|
|
4
|
+
declare const AvatarStack: <T = unknown>(props: Readonly<AvatarStackProps<T>> & RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
5
|
+
export default AvatarStack;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AvatarStackItemProps } from './type';
|
|
3
|
+
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<AvatarStackItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { AvatarStackStaticStackProps } from './type';
|
|
3
|
+
/** `variant="static"` — an overlapping row with no animation. */
|
|
4
|
+
export default function StaticStack<T>({ source, maxItems, renderOverflow, slotProps, rootRef, id, 'data-testid': dataTestId, className, sx, }: Readonly<AvatarStackStaticStackProps<T>>): import("react").JSX.Element;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { AvatarStackVariant } from './type';
|
|
2
|
+
export declare const avatarStackClassNamePrefix: "os-shared-AvatarStack";
|
|
3
|
+
export declare const avatarStackClassNames: {
|
|
4
|
+
/** Static row, or the fanout shell. Receives consumer `className` / `sx`. */
|
|
5
|
+
readonly root: "os-shared-AvatarStack-root";
|
|
6
|
+
/** Fanout only — positioned track that owns hover. */
|
|
7
|
+
readonly track: "os-shared-AvatarStack-track";
|
|
8
|
+
/** Fanout only — one absolutely positioned, animated slot per item. */
|
|
9
|
+
readonly slot: "os-shared-AvatarStack-slot";
|
|
10
|
+
/** Static only — one overlapping slot per item (the item, or its tooltip wrapper). */
|
|
11
|
+
readonly overlapSlot: "os-shared-AvatarStack-overlapSlot";
|
|
12
|
+
/** `AvatarStackItem` circle. */
|
|
13
|
+
readonly overlapItem: "os-shared-AvatarStack-overlapItem";
|
|
14
|
+
/** Default `+N` item (both variants). */
|
|
15
|
+
readonly overflow: "os-shared-AvatarStack-overflow";
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Pre-`os-shared` ChipStack-era slot class, still set next to `avatarStackClassNames.overlapSlot`.
|
|
19
|
+
* MFEs target it (e.g. `& .chip-stack-overlap-slot:last-child`) — do not rename or remove.
|
|
20
|
+
*/
|
|
21
|
+
export declare const avatarStackLegacyOverlapSlotClassName = "chip-stack-overlap-slot";
|
|
22
|
+
/** Outermost-node class pair — `overlapSlot` plus the ChipStack-era alias, set on the item or its tooltip wrapper. */
|
|
23
|
+
export declare const avatarStackOverlapSlotClassName: string;
|
|
24
|
+
/** Default item diameter (px). Every other dimension scales from it. */
|
|
25
|
+
export declare const AVATAR_STACK_SIZE_PX = 24;
|
|
26
|
+
/** Fan-out animation duration (s) — per-slot translate and track width. */
|
|
27
|
+
export declare const AVATAR_STACK_ANIMATED_DURATION_S = 0.22;
|
|
28
|
+
/** Per-slot fan-out transition. */
|
|
29
|
+
export declare const AVATAR_STACK_SLOT_TRANSITION: {
|
|
30
|
+
readonly duration: 0.22;
|
|
31
|
+
readonly ease: "easeOut";
|
|
32
|
+
};
|
|
33
|
+
/** Track z-index while expanded, so the fanned row paints over neighbouring cells. */
|
|
34
|
+
export declare const AVATAR_STACK_EXPANDED_Z_INDEX = 1000;
|
|
35
|
+
/** Hover-leave debounce (ms) — absorbs pointer jitter between slots before collapsing. */
|
|
36
|
+
export declare const AVATAR_STACK_HOVER_LEAVE_DELAY_MS = 120;
|
|
37
|
+
/** All variant values — useful for building selects/controls. */
|
|
38
|
+
export declare const AVATAR_STACK_VARIANTS: readonly ["static", "fanout-right", "fanout-left", "fanout-center"];
|
|
39
|
+
/** Variant used when `variant` is omitted. */
|
|
40
|
+
export declare const DEFAULT_AVATAR_STACK_VARIANT: AvatarStackVariant;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type UseAnimatedStackArgs = {
|
|
3
|
+
slotCount: number;
|
|
4
|
+
/** Slot that stays in place while the others fan out around it. */
|
|
5
|
+
anchorIndex: number;
|
|
6
|
+
size: number;
|
|
7
|
+
stackStep: number;
|
|
8
|
+
gap: number;
|
|
9
|
+
/** Whether hovering expands the row. */
|
|
10
|
+
isFanOutEnabled: boolean;
|
|
11
|
+
/** Hide non-anchor items while idle. */
|
|
12
|
+
compact: boolean;
|
|
13
|
+
};
|
|
14
|
+
/** Hover state, slot measurement, and fan-out geometry for `AnimatedStack`. */
|
|
15
|
+
export declare function useAnimatedStack({ slotCount, anchorIndex, size, stackStep, gap, isFanOutEnabled, compact }: UseAnimatedStackArgs): {
|
|
16
|
+
slotRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
|
|
17
|
+
handleMouseEnter: () => void;
|
|
18
|
+
handleMouseLeave: () => void;
|
|
19
|
+
isExpanded: boolean;
|
|
20
|
+
collapsedWidth: number;
|
|
21
|
+
trackWidth: number;
|
|
22
|
+
translateX: number[];
|
|
23
|
+
slotOpacity: (0 | 1)[];
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default } from './AvatarStack';
|
|
2
|
+
export { default as AvatarStackItem } from './AvatarStackItem';
|
|
3
|
+
export { AVATAR_STACK_VARIANTS, avatarStackClassNames, DEFAULT_AVATAR_STACK_VARIANT } from './constants';
|
|
4
|
+
export type { AvatarStackItemRenderContext, AvatarStackOverflowRenderArgs } from './type';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{b as AVATAR_STACK_VARIANTS,d as AvatarStackItem,c as DEFAULT_AVATAR_STACK_VARIANT,a as avatarStackClassNames,e as default}from'../../_chunks/chunk-M5WXIRWE.js';import'../../_chunks/chunk-TIO3V7XA.js';import'../../_chunks/chunk-4XXNGLS6.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';
|
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Theme } from '@mui/material/styles';
|
|
3
|
+
/** Static root — an overlapping flex row. */
|
|
4
|
+
export declare const AvatarStackRowStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
7
|
+
$slotSize: number;
|
|
8
|
+
}, {}, {}>;
|
|
9
|
+
/** `AvatarStackItem` circle — stretches its child to fill the slot. */
|
|
10
|
+
export declare const AvatarStackItemStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
13
|
+
/** Default static `+N` item. */
|
|
14
|
+
export declare const AvatarStackStaticOverflowStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
17
|
+
/** Fanout root — flex shell around the track. */
|
|
18
|
+
export declare const AvatarStackShellStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
21
|
+
$isFullWidth: boolean;
|
|
22
|
+
}, {}, {}>;
|
|
23
|
+
/** Positioned track — width animates between collapsed and fanned. */
|
|
24
|
+
export declare const AvatarStackTrackStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
25
|
+
$width: number;
|
|
26
|
+
$minWidth: number;
|
|
27
|
+
$height: number;
|
|
28
|
+
$zIndex?: number | undefined;
|
|
29
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
|
+
/** One item slot at its collapsed position; framer-motion animates `x` / `opacity` on top. */
|
|
31
|
+
export declare const AvatarStackSlotStyled: import("@emotion/styled").StyledComponent<{
|
|
32
|
+
color?: string | undefined;
|
|
33
|
+
content?: string | undefined;
|
|
34
|
+
translate?: "yes" | "no" | undefined;
|
|
35
|
+
id?: string | undefined;
|
|
36
|
+
defaultChecked?: boolean | undefined;
|
|
37
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
38
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
39
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
40
|
+
accessKey?: string | undefined;
|
|
41
|
+
autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
|
|
42
|
+
autoFocus?: boolean | undefined;
|
|
43
|
+
className?: string | undefined;
|
|
44
|
+
contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
|
|
45
|
+
contextMenu?: string | undefined;
|
|
46
|
+
dir?: string | undefined;
|
|
47
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
48
|
+
enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
49
|
+
hidden?: boolean | undefined;
|
|
50
|
+
lang?: string | undefined;
|
|
51
|
+
nonce?: string | undefined;
|
|
52
|
+
slot?: string | undefined;
|
|
53
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
54
|
+
tabIndex?: number | undefined;
|
|
55
|
+
title?: string | undefined;
|
|
56
|
+
radioGroup?: string | undefined;
|
|
57
|
+
role?: import("react").AriaRole | undefined;
|
|
58
|
+
about?: string | undefined;
|
|
59
|
+
datatype?: string | undefined;
|
|
60
|
+
inlist?: any;
|
|
61
|
+
prefix?: string | undefined;
|
|
62
|
+
property?: string | undefined;
|
|
63
|
+
rel?: string | undefined;
|
|
64
|
+
resource?: string | undefined;
|
|
65
|
+
rev?: string | undefined;
|
|
66
|
+
typeof?: string | undefined;
|
|
67
|
+
vocab?: string | undefined;
|
|
68
|
+
autoCorrect?: string | undefined;
|
|
69
|
+
autoSave?: string | undefined;
|
|
70
|
+
itemProp?: string | undefined;
|
|
71
|
+
itemScope?: boolean | undefined;
|
|
72
|
+
itemType?: string | undefined;
|
|
73
|
+
itemID?: string | undefined;
|
|
74
|
+
itemRef?: string | undefined;
|
|
75
|
+
results?: number | undefined;
|
|
76
|
+
security?: string | undefined;
|
|
77
|
+
unselectable?: "off" | "on" | undefined;
|
|
78
|
+
inputMode?: "text" | "url" | "email" | "search" | "none" | "tel" | "numeric" | "decimal" | undefined;
|
|
79
|
+
is?: string | undefined;
|
|
80
|
+
exportparts?: string | undefined;
|
|
81
|
+
part?: string | undefined;
|
|
82
|
+
"aria-activedescendant"?: string | undefined;
|
|
83
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
84
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
85
|
+
"aria-braillelabel"?: string | undefined;
|
|
86
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
87
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
88
|
+
"aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
89
|
+
"aria-colcount"?: number | undefined;
|
|
90
|
+
"aria-colindex"?: number | undefined;
|
|
91
|
+
"aria-colindextext"?: string | undefined;
|
|
92
|
+
"aria-colspan"?: number | undefined;
|
|
93
|
+
"aria-controls"?: string | undefined;
|
|
94
|
+
"aria-current"?: boolean | "page" | "false" | "true" | "date" | "time" | "step" | "location" | undefined;
|
|
95
|
+
"aria-describedby"?: string | undefined;
|
|
96
|
+
"aria-description"?: string | undefined;
|
|
97
|
+
"aria-details"?: string | undefined;
|
|
98
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
99
|
+
"aria-dropeffect"?: "link" | "copy" | "none" | "move" | "execute" | "popup" | undefined;
|
|
100
|
+
"aria-errormessage"?: string | undefined;
|
|
101
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
102
|
+
"aria-flowto"?: string | undefined;
|
|
103
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
104
|
+
"aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
|
|
105
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
106
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
107
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
108
|
+
"aria-label"?: string | undefined;
|
|
109
|
+
"aria-labelledby"?: string | undefined;
|
|
110
|
+
"aria-level"?: number | undefined;
|
|
111
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
112
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
113
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
114
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
115
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
116
|
+
"aria-owns"?: string | undefined;
|
|
117
|
+
"aria-placeholder"?: string | undefined;
|
|
118
|
+
"aria-posinset"?: number | undefined;
|
|
119
|
+
"aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
|
|
120
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
121
|
+
"aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
122
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
123
|
+
"aria-roledescription"?: string | undefined;
|
|
124
|
+
"aria-rowcount"?: number | undefined;
|
|
125
|
+
"aria-rowindex"?: number | undefined;
|
|
126
|
+
"aria-rowindextext"?: string | undefined;
|
|
127
|
+
"aria-rowspan"?: number | undefined;
|
|
128
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
129
|
+
"aria-setsize"?: number | undefined;
|
|
130
|
+
"aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
|
|
131
|
+
"aria-valuemax"?: number | undefined;
|
|
132
|
+
"aria-valuemin"?: number | undefined;
|
|
133
|
+
"aria-valuenow"?: number | undefined;
|
|
134
|
+
"aria-valuetext"?: string | undefined;
|
|
135
|
+
dangerouslySetInnerHTML?: {
|
|
136
|
+
__html: string | TrustedHTML;
|
|
137
|
+
} | undefined;
|
|
138
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
139
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
140
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
141
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
142
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
143
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
144
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
145
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
146
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
147
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
148
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
149
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
150
|
+
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
151
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
152
|
+
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
153
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
154
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
155
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
156
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
157
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
158
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
159
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
160
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
161
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
162
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
163
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
164
|
+
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
165
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
166
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
167
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
168
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
169
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
170
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
171
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
172
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
173
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
174
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
175
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
176
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
177
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
178
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
179
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
180
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
181
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
182
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
183
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
184
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
185
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
186
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
187
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
188
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
189
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
190
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
191
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
192
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
193
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
194
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
195
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
196
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
197
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
198
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
199
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
200
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
201
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
202
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
203
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
204
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
205
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
206
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
207
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
208
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
209
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
210
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
211
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
212
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
213
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
214
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
215
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
216
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
217
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
218
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
219
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
220
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
221
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
222
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
223
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
224
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
225
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
226
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
227
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
228
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
229
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
230
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
231
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
232
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
233
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
234
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
235
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
236
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
237
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
238
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
239
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
240
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
241
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
242
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
243
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
244
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
245
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
246
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
247
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
248
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
249
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
250
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
251
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
252
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
253
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
254
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
255
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
256
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
257
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
258
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
259
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
260
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
261
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
262
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
263
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
265
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
266
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
267
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
268
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
269
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
270
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
271
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
272
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
273
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
274
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
275
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
276
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
277
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
278
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
279
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
280
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
281
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
282
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
283
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
284
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
285
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
286
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
287
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
288
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
289
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
290
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
291
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
292
|
+
} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
293
|
+
$index: number;
|
|
294
|
+
$left: number;
|
|
295
|
+
$size: number;
|
|
296
|
+
$isHidden: boolean;
|
|
297
|
+
}, {}, {}>;
|
|
298
|
+
/** Default fanout `+N` item. */
|
|
299
|
+
export declare const AvatarStackOverflowStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
300
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
301
|
+
} & import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
302
|
+
$size: number;
|
|
303
|
+
}, {}, {}>;
|