@tap-payments/os-micro-frontend-shared 0.3.259 → 0.3.260
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-RKQ3VHJO.js → chunk-2XLWLPSP.js} +1 -1
- package/build/_chunks/{chunk-2GLRJMN6.js → chunk-432AU5UC.js} +1 -1
- package/build/_chunks/{chunk-4H6XYG5C.js → chunk-4QIPVL6E.js} +1 -1
- package/build/_chunks/{chunk-YWQQPN2Y.js → chunk-4VBZTH2N.js} +1 -1
- package/build/_chunks/{chunk-6PWROCU5.js → chunk-5DTBFC3A.js} +1 -1
- package/build/_chunks/chunk-5FDHDAD5.js +1 -0
- package/build/_chunks/{chunk-3Q56NVXD.js → chunk-5GJBO3YH.js} +1 -1
- package/build/_chunks/{chunk-M4PHQC7I.js → chunk-6XY523X7.js} +1 -1
- package/build/_chunks/{chunk-N7D3VKQ4.js → chunk-775RXXJO.js} +1 -1
- package/build/_chunks/{chunk-47BHC5LL.js → chunk-7FEEIN4K.js} +1 -1
- package/build/_chunks/{chunk-VPHTGRAH.js → chunk-7MPS3LPQ.js} +1 -1
- package/build/_chunks/{chunk-NELF4II6.js → chunk-B6B4H2AM.js} +1 -1
- package/build/_chunks/{chunk-CT276QU7.js → chunk-BC25WMMG.js} +1 -1
- package/build/_chunks/{chunk-NLADERC7.js → chunk-BZZJ4W2H.js} +1 -1
- package/build/_chunks/{chunk-WK3YZ7WJ.js → chunk-C675MBFT.js} +1 -1
- package/build/_chunks/{chunk-COIJDUHT.js → chunk-EJO4WKI2.js} +1 -1
- package/build/_chunks/{chunk-6IXI7ZJE.js → chunk-EMGMIMZW.js} +1 -1
- package/build/_chunks/{chunk-4FT2ICWU.js → chunk-G55K3EQ5.js} +1 -1
- package/build/_chunks/{chunk-YZXLBSZX.js → chunk-HOB73IFX.js} +1 -1
- package/build/_chunks/{chunk-RZU53SJQ.js → chunk-HPJ7XG2L.js} +1 -1
- package/build/_chunks/{chunk-WMUG67X7.js → chunk-HXPKYITJ.js} +1 -1
- package/build/_chunks/{chunk-LSTZ77FI.js → chunk-IDBF3K7I.js} +1 -1
- package/build/_chunks/{chunk-EILUWZWD.js → chunk-J2MMQVOY.js} +1 -1
- package/build/_chunks/{chunk-6X45NOYG.js → chunk-JMJ4AB2H.js} +1 -1
- package/build/_chunks/chunk-K5D5X7HP.js +2 -0
- package/build/_chunks/{chunk-5CD6N5WK.js → chunk-KNELBV43.js} +1 -1
- package/build/_chunks/chunk-L3EMEP6P.js +1 -0
- package/build/_chunks/{chunk-UWTIO4U2.js → chunk-LTL5R3YV.js} +1 -1
- package/build/_chunks/{chunk-SXRJIWUP.js → chunk-M6DYP2YE.js} +1 -1
- package/build/_chunks/{chunk-J3A4TPFU.js → chunk-MUX6L6UH.js} +1 -1
- package/build/_chunks/{chunk-F5VP5A5Z.js → chunk-N67MMA4O.js} +1 -1
- package/build/_chunks/{chunk-2VTHWP5O.js → chunk-NKEFRBRL.js} +1 -1
- package/build/_chunks/{chunk-SONL3PF7.js → chunk-NOXZCUMA.js} +1 -1
- package/build/_chunks/{chunk-5FYG5C5W.js → chunk-NTWNTREL.js} +1 -1
- package/build/_chunks/{chunk-LANVM4W7.js → chunk-PPKQ2WIH.js} +1 -1
- package/build/_chunks/{chunk-BUPQRYGO.js → chunk-QIUY5JIM.js} +1 -1
- package/build/_chunks/{chunk-D5BPWGPP.js → chunk-S7ZWSYE3.js} +1 -1
- package/build/_chunks/{chunk-VDPT33NC.js → chunk-SHSXXDT3.js} +1 -1
- package/build/_chunks/{chunk-KD4X7VNJ.js → chunk-ULNUB36F.js} +2 -2
- package/build/_chunks/{chunk-5ECCKNZT.js → chunk-V535NYRB.js} +1 -1
- package/build/_chunks/{chunk-N5IV44PM.js → chunk-W5RR6EGR.js} +1 -1
- package/build/_chunks/{chunk-XEFJRFJH.js → chunk-WIKFNDGA.js} +1 -1
- package/build/_chunks/{chunk-W4S3ZMMM.js → chunk-WV7SD6EB.js} +1 -1
- package/build/_chunks/{chunk-4LPCR6ZF.js → chunk-XPYGXAG6.js} +1 -1
- package/build/_chunks/{chunk-UV5IVWMW.js → chunk-YFXI2RFV.js} +1 -1
- package/build/_chunks/{chunk-KCC5EOJP.js → chunk-YHVDEMFJ.js} +1 -1
- package/build/_chunks/{chunk-IXDYEJOF.js → chunk-YVARRHGF.js} +1 -1
- package/build/_chunks/{chunk-ZP7BOXHM.js → chunk-YWQOCJ33.js} +1 -1
- package/build/_chunks/{chunk-HBND2EFC.js → chunk-ZD6TAU5U.js} +1 -1
- package/build/_chunks/{chunk-VJJE7KB7.js → chunk-ZHHV7H27.js} +1 -1
- package/build/_chunks/{chunk-AUQFVSAC.js → chunk-ZU3S5VIX.js} +1 -1
- package/build/_chunks/{chunk-OLE3W5SY.js → chunk-ZUNT24MF.js} +1 -1
- package/build/_chunks/{chunk-GSYHTYAN.js → chunk-ZWUUBIWY.js} +1 -1
- package/build/components/ActionsDropdownMenu/index.js +1 -1
- package/build/components/Alert/index.js +1 -1
- package/build/components/AppServices/index.js +1 -1
- package/build/components/AppServicesBar/index.js +1 -1
- package/build/components/AppWindowWrapper/index.js +1 -1
- package/build/components/AvatarStack/index.js +1 -1
- package/build/components/Calender/index.js +1 -1
- package/build/components/Card/index.js +1 -1
- package/build/components/ColorPicker/index.js +1 -1
- package/build/components/ColumnViews/index.js +1 -1
- package/build/components/ConfirmDialog/index.js +1 -1
- package/build/components/CountryFilter/index.js +1 -1
- package/build/components/CurrenciesMenu/index.js +1 -1
- package/build/components/CurrencyAmount/index.js +1 -1
- package/build/components/CurrencyAmountInput/index.js +1 -1
- package/build/components/DateFilter/index.js +1 -1
- package/build/components/DeviceIcon/index.js +1 -1
- package/build/components/DropdownMenu/index.js +1 -1
- package/build/components/ErrorToast/index.js +1 -1
- package/build/components/FileDropbox/index.js +1 -1
- package/build/components/FilePreview/index.js +1 -1
- package/build/components/FileUploader/index.js +1 -1
- package/build/components/FilterDropdown/index.js +1 -1
- package/build/components/Filters/index.js +1 -1
- package/build/components/FormSelect/index.js +1 -1
- package/build/components/GroupedSelect/index.js +1 -1
- package/build/components/HeatMap/index.js +1 -1
- package/build/components/InputBase/index.js +1 -1
- package/build/components/Inputs/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/ListLayout/ListLayout.d.ts +3 -9
- package/build/components/ListLayout/constants.d.ts +4 -0
- package/build/components/ListLayout/index.d.ts +3 -2
- package/build/components/ListLayout/index.js +1 -1
- package/build/components/ListLayout/type.d.ts +14 -0
- package/build/components/Loader/Loader.d.ts +2 -6
- package/build/components/Loader/constants.d.ts +30 -0
- package/build/components/Loader/index.d.ts +3 -2
- package/build/components/Loader/index.js +1 -1
- package/build/components/Loader/style.d.ts +17 -1
- package/build/components/Loader/type.d.ts +27 -0
- package/build/components/Logo/index.js +1 -1
- package/build/components/MultiSelect/index.js +1 -1
- package/build/components/NestedDropdown/index.js +1 -1
- package/build/components/NestedMultiSelect/index.js +1 -1
- package/build/components/PhoneFilter/index.js +1 -1
- package/build/components/PhoneInput/index.js +1 -1
- package/build/components/ProgressRing/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/RangeCalender/index.js +1 -1
- package/build/components/RatingCount/index.js +1 -1
- package/build/components/SearchButton/index.js +1 -1
- package/build/components/SearchInput/index.js +1 -1
- package/build/components/Sidebar/index.js +1 -1
- package/build/components/StatusBar/index.js +1 -1
- package/build/components/StatusButton/index.js +1 -1
- package/build/components/StatusFilter/index.js +1 -1
- package/build/components/StatusIcons/index.js +1 -1
- package/build/components/StatusLabel/index.js +1 -1
- package/build/components/TableCells/index.js +1 -1
- package/build/components/TableReports/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Timepicker/index.js +1 -1
- package/build/components/Toolbar/index.js +1 -1
- package/build/components/TreeDropdown/index.js +1 -1
- package/build/components/VerificationIcon/index.js +1 -1
- package/build/components/VirtualTables/index.js +1 -1
- package/build/components/Widget/index.js +1 -1
- package/build/components/index.d.ts +2 -4
- package/build/components/index.js +1 -1
- package/build/components/primitives/ToggleButtons/constants.d.ts +3 -0
- package/build/components/primitives/ToggleButtons/style.d.ts +12 -0
- package/build/components/primitives/ToggleButtons/type.d.ts +2 -0
- package/build/components/primitives/index.js +1 -1
- package/build/datetime/components/index.js +1 -1
- package/build/index.js +1 -1
- package/package.json +1 -1
- package/build/_chunks/chunk-E6UD7XMZ.js +0 -1
- package/build/_chunks/chunk-H63JPGDI.js +0 -1
- package/build/_chunks/chunk-IV3TDZ3W.js +0 -1
- package/build/_chunks/chunk-WAIH2SQK.js +0 -2
- package/build/components/ToggleView/ToggleView.d.ts +0 -16
- package/build/components/ToggleView/ToggleWrapper.d.ts +0 -4
- package/build/components/ToggleView/index.d.ts +0 -3
- package/build/components/ToggleView/index.js +0 -1
- package/build/components/ToggleView/style.d.ts +0 -14
- package/build/components/ToggleView/types.d.ts +0 -6
- /package/build/components/ListLayout/{styles.d.ts → style.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import {V,R}from'./chunk-
|
|
1
|
+
import {V,R}from'./chunk-K5D5X7HP.js';import {Bc}from'./chunk-4QNW7VH5.js';import {xb}from'./chunk-ZTNJXPMT.js';import {useId,useState,useRef,useMemo}from'react';import T from'@mui/material/Box';import {ClickAwayListener}from'@mui/material';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var h=styled("span")(()=>({fontSize:"11px"})),I=styled(V)(()=>({display:"flex",alignItems:"center",paddingInline:"16px",gap:"4px",borderBlock:"1px solid #F2F2F2",fontSize:"11px","&:hover":{backgroundColor:"#fff",boxShadow:"0px 0px 16px 0px #00000021"}})),M=styled(V)(({theme:e})=>({color:e.palette.info.dark,backgroundColor:"#F4F4F4",fontWeight:600,paddingInline:"16px",fontSize:"11px",gap:"4px"})),k=styled(V)(()=>({gap:"2px",paddingInline:"16px",fontSize:"11px","&:hover":{backgroundColor:"#fff",boxShadow:"0px 0px 16px 0px #00000021"}})),A=styled("img")({marginLeft:"auto",width:16,height:12}),b=styled("img")({borderRadius:"2px",width:16,height:12,flexShrink:0}),w={marginTop:"8px",marginBottom:"8px",maxHeight:"190px",overflow:"auto"},P={zIndex:99999};function s({onCountriesChange:e,sx:L,selectedCountries:r,countriesOptions:i}){let B=Bc(useId(),"country-filter"),[a,g]=useState(null),f=useRef(null),y=!!a,E=()=>{if(!y){g(f.current);return}d();},d=()=>{g(null);},z=t=>r?.includes(t)??false,u=t=>{e(t);},H=t=>{let o=r?.includes(t)?r?.filter(m=>m!==t):[...r??[],t];u(o),e(o);},x=useMemo(()=>r?.length===i.length,[r,i]);return jsx(ClickAwayListener,{onClickAway:d,children:jsxs(T,{ref:f,sx:L,id:B,"data-testid":"CountryFilter",children:[jsx(T,{children:jsxs(I,{onMouseEnter:t=>{t.stopPropagation(),E();},startAdornment:null,children:[jsx(h,{children:"Country"}),jsx(A,{src:xb,alt:""})]})}),jsxs(R,{open:y,anchorEl:a,sx:w,placement:"right-start",popperSx:P,children:[jsx(M,{onClick:t=>{t.stopPropagation(),x?(u([]),e([])):(u(i.map(({value:o})=>o)),e(i.map(({value:o})=>o)));},isSelected:x,children:x?"Unselect All":"Select All"}),i.map(({value:t,label:o,icon:m})=>jsxs(k,{isSelected:z(t),onClick:()=>H(t),children:[jsx(b,{src:m,alt:""}),o]},t))]})]})})}var tt=s;export{s as a,tt as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {j,a as a$1}from'./chunk-NLADERC7.js';import {a}from'./chunk-3SAFFK2C.js';import {b}from'./chunk-F5VP5A5Z.js';import {R,B as B$1,x,h}from'./chunk-WAIH2SQK.js';import {oc,pc,Bc,o}from'./chunk-4QNW7VH5.js';import {Wc,Xc,Wj,Xj,Yj,fc,gc,Zj,ec}from'./chunk-ZTNJXPMT.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:Xc,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:ec,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?fc:gc:e?gc:fc;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=>oc(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:Zj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Xj,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:Zj,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?pc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Zj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Wj,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?Wj:o?.timezone===t.timezone?Xj:Yj,[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(${Wc})`}},".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$1(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$1(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=Bc(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(B$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(b,{severity:"error",message: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 {j,a as a$1}from'./chunk-BZZJ4W2H.js';import {a}from'./chunk-3SAFFK2C.js';import {b}from'./chunk-N67MMA4O.js';import {R,B as B$1,x,h}from'./chunk-K5D5X7HP.js';import {oc,pc,Bc,o}from'./chunk-4QNW7VH5.js';import {Wc,Xc,Wj,Xj,Yj,fc,gc,Zj,ec}from'./chunk-ZTNJXPMT.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:Xc,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:ec,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?fc:gc:e?gc:fc;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=>oc(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:Zj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Xj,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:Zj,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?pc(i):void 0,[i]),n=()=>{t&&e(t);},p=t?.timezone===o?.timezone;return jsxs(L,{onClick:n,children:[p?jsx("img",{src:Zj,alt:"icon"}):jsx(A,{}),jsx("img",{src:Wj,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?Wj:o?.timezone===t.timezone?Xj:Yj,[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(${Wc})`}},".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$1(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$1(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=Bc(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(B$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(b,{severity:"error",message: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
|
-
import {a,c as c$1,d as d$1}from'./chunk-ILP5V6AY.js';import {c,d}from'./chunk-M4PHQC7I.js';import {b,a as a$1}from'./chunk-M3UPFS34.js';import {Bc,xa}from'./chunk-4QNW7VH5.js';import {If}from'./chunk-ZTNJXPMT.js';import {createContext,memo,forwardRef,useRef,useState,useId,useCallback,useMemo,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {Dialog,styled,Box,Button,alpha}from'@mui/material';import wt from'@mui/material/Box';import {Resizable}from're-resizable';import Wt from'react-draggable';import {motion}from'framer-motion';var Q=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var we=(e,t)=>t.toLowerCase().includes(e);function be(e,t,n){let i=we("top",t),o=we("left",t);return !i&&!o?null:{x:o?e.x+n.width:e.x,y:i?e.y-n.height:e.y}}var We=e=>{let{viewportWidth:t,viewportHeight:n,viewerDefaultWidth:i,viewerDefaultHeight:o,initialPosition:p,isMaximized:l,containerRef:r}=e,d=!l&&r?.current&&r.current!==document.body?r.current:null,u=d?.getBoundingClientRect(),a=u?.left??0,c=u?.top??0,m=d?.clientWidth||t,x=p?.x??t/2-i/2,h=p?.y??n/2-o/2;return {x:m-(x-a),y:h-c}};var et=555,tt=545;function ne({children:e,isOpen:t,onClose:n,defaultWindowHeight:i,defaultWindowWidth:o,initialPosition:p,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a,windowZIndex:c=1}){let{height:m,width:x}=a$1(),[h,O]=useState(false),k=h?null:a?.current,I=k?.clientWidth||x,y=k?.clientHeight||m,D=o||et,s=i||tt,[B,L]=useState(()=>We({viewportWidth:x,viewportHeight:m,viewerDefaultWidth:D,viewerDefaultHeight:s,initialPosition:p,isMaximized:h,containerRef:a})),[P,H]=useState(false),[F,T]=useState(false),[S,G]=useState(true),W=useRef(),[U,z]=useState({width:o??0,height:i??0}),V=useCallback(g=>{W?.current?.updateSize(g);},[]),C=useCallback(g=>{W.current?.updateSize(g),z(A=>({width:g.width??A.width,height:g.height??A.height}));},[]),j=useMemo(()=>({position:B,setPosition:L,resizableRef:W,windowZIndex:c,isOpen:t,setIsMaximized:O,setIsSidebarExpanded:G,setIsToolbarAnimationDisabled:T,setIsResized:H,isMaximized:h,isToolbarAnimationDisabled:F,isSidebarExpanded:S,isResized:P,dimensions:U,setNewDimensions:z,viewerDefaultWidth:D,viewerDefaultHeight:s,onClose:n,fullWindowWidth:I,fullWindowHeight:y,viewportWidth:x,viewportHeight:m,updateRefSize:V,updateSize:C,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a}),[B,L,W,t,O,G,T,H,h,F,S,P,U,z,I,y,x,m,D,s,V,C,n,l,r,d,u,a,c]);return jsx(Q.Provider,{value:j,children:e})}var ee=35;var te=createContext(null);function rt({title:e,onClose:t,onMaximize:n,maximized:i=false,id:o,onRequestClick:p,isSidebarExpanded:l=false,isHovered:r=false,onMouseHover:d$2,onMouseLeave:u,showSectionsButton:a$1,rightActions:c$2,icon:m}){return jsx(c,{id:o,"data-testid":"UserTitleBar",maximized:i||false,children:jsx(d,{onMouseEnter:d$2,onMouseLeave:u,isMaximized:i,isHovered:r,title:e,icon:m||If,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:i,onClick:n},"window-maximize"),a$1&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:r,children:"Sidebar"},"window-sections")]}),rightActions:c$2})})}var ve=memo(rt);var re=ve;function lt({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:n,onClose:i,isSidebarExpanded:o,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:r,showSectionsButton:d,rightActions:u,icon:a}){let{isHovered:c,onMouseEnter:m,onMouseLeave:x}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...l&&{duration:0}},children:jsx(re,{title:r||"Users",showSectionsButton:d,onClose:i,onMaximize:()=>{n?.(h=>!h),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),p(!o);},isSidebarExpanded:o,isHovered:c,onMouseHover:m,onMouseLeave:x,rightActions:u,icon:a})})}var Te=memo(lt);var Ee=Te;var gt=forwardRef(function({children:t,titleBar:n,titleBarText:i,mainAppOrder:o,mainAppIsMinimized:p,showSectionsButton:l=true,rightActions:r,titleBarIcon:d,overflow:u="hidden"},a){let c=useRef(null),[m,x]=useState(null),h=Bc(useId(),"app-window"),O=useCallback(f=>{c.current=f,x(R=>R===f?R:f),typeof a=="function"?a(f):a&&(a.current=f);},[a]),k=useMemo(()=>({current:m}),[m]),{dimensions:I,position:y,resizableRef:D,isMaximized:s,isOpen:B,onClose:L,viewerDefaultWidth:P,viewerDefaultHeight:H,windowZIndex:F,setPosition:T,setNewDimensions:S,isToolbarAnimationDisabled:G,fullWindowWidth:W,fullWindowHeight:U,viewportWidth:z,viewportHeight:V,setIsMaximized:C,setIsResized:j,isResized:g,setIsToolbarAnimationDisabled:A,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,minWidth:Ge,maxWidth:Ue,minHeight:Ve,maxHeight:je,containerRef:ie}=useContext(Q),w=useMemo(()=>document.createElement("div"),[]),[Xe,qe]=useState(null);useLayoutEffect(()=>{qe(ie?.current??document.body);},[ie]);let b=s?document.body:Xe;useLayoutEffect(()=>{if(!b)return;let f=b===document.body;return w.style.position=f?"":"absolute",w.style.inset=f?"":"0",w.style.pointerEvents="none",w.style.overflow="visible",b.appendChild(w),()=>{w.parentNode===b&&b.removeChild(w);}},[b,w]);let pe=useRef({x:0,y:0}),le=xa(),Ke=useCallback((f,R,q,Ze)=>{j(true),S({width:q.offsetWidth,height:q.offsetHeight});let ue=be(pe.current,R,Ze);ue&&T(ue);},[S,j,T]),X=I.width||P;if(!b)return null;let Ye=jsx(Wt,{nodeRef:c,disabled:s,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:W/2-X/2,y:U/2-H/2},position:{x:W-y.x,y:y.y},onStop:(f,R)=>{let q=ie?.current?.clientWidth||W;T({x:q-R.x,y:R.y});},...b===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:O,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(o||0)+F+(s?1:0),...p&&{display:"none"},...b===document.body?!s&&{transform:"translate(180px, 14px)"}:!s&&{position:"absolute"},...!s&&{width:le?X:"fit-content",height:le?H:"fit-content"},...s&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:u,width:g?"fit-content":X,height:g?"fit-content":"100%",...s&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{C(false),A(true),setTimeout(()=>{A(false);},.5*1e3);},open:B,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:w,fullScreen:s,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:I.width,height:I.height},maxHeight:je??V-40,maxWidth:Ue??z,minWidth:s?"100vw":Ge??P,minHeight:s?"100vh":Ve??H,ref:f=>{D.current=f;},onResizeStart:()=>{pe.current=y,A(true);},onResizeStop:()=>{A(false);},onResize:Ke,defaultSize:{width:X,height:H},style:{background:"transparent",height:I.height,overflow:u,...s&&{height:"100% !important",width:"100% !important",flex:1},...s&&{position:"relative"}},children:jsxs(wt,{sx:{height:"100%"},id:h,"data-testid":"AppWindow",children:[n??jsx(Ee,{setIsToolbarAnimationDisabled:A,onClose:L,setIsMaximized:C,isToolbarAnimationDisabled:G,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,title:i,isMaximized:s,showSectionsButton:l,rightActions:r,icon:d}),jsx(te.Provider,{value:k,children:t})]})})})});return createPortal(Ye,w)}),Me=memo(gt);var Ht=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Rt=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),vt=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),yt=styled(Box)(()=>({position:"fixed",height:ee,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),Tt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var se=Me;var Pt=forwardRef(function({children:t,windowProps:n,inheritParentContainer:i=false,...o},p){let l=useContext(te),r=i?l??void 0:void 0,d=o.containerRef??r;return o.isOpen?jsx(ne,{...o,containerRef:d,children:jsx(se,{...n,ref:p,children:t})}):null}),Oe=Pt;function zt({title:e,maximized:t=false,id:n,isHovered:i=false,onMouseHover:o,onMouseLeave:p,leftActions:l,titleIconSrc:r,sx:d$1,...u}){return jsx(c,{className:"header-wrapper",id:n,maximized:t||false,sx:d$1,...u,children:jsx(d,{onMouseEnter:o,onMouseLeave:p,isMaximized:t,isHovered:i,title:e||"",icon:r,leftActions:l})})}var de=memo(zt);function _t({isMaximized:e,id:t,isToolbarAnimationDisabled:n,title:i,leftActions:o,onClose:p,onMaximize:l,sx:r}){let{isHovered:d,onMouseEnter:u,onMouseLeave:a$1}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...n&&{duration:0}},children:jsx(de,{title:i,maximized:e,id:t||"draggable-dialog-title",isHovered:d,onMouseHover:u,onMouseLeave:a$1,leftActions:o||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:r})})}var Be=memo(_t);var kt=Be;var li=Oe;export{Q as a,ne as b,ee as c,re as d,Ht as e,Rt as f,vt as g,yt as h,Tt as i,se as j,de as k,kt as l,li as m};
|
|
1
|
+
import {c,d}from'./chunk-6XY523X7.js';import {a,c as c$1,d as d$1}from'./chunk-ILP5V6AY.js';import {b,a as a$1}from'./chunk-M3UPFS34.js';import {Bc,xa}from'./chunk-4QNW7VH5.js';import {If}from'./chunk-ZTNJXPMT.js';import {createContext,memo,forwardRef,useRef,useState,useId,useCallback,useMemo,useContext,useLayoutEffect}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';import {Dialog,styled,Box,Button,alpha}from'@mui/material';import wt from'@mui/material/Box';import {Resizable}from're-resizable';import Wt from'react-draggable';import {motion}from'framer-motion';var Q=createContext({viewerDefaultWidth:555,viewerDefaultHeight:545,position:{x:0,y:0},setPosition:()=>{},dimensions:{width:0,height:0},windowZIndex:1e4,isOpen:true,setIsMaximized:()=>{},setIsSidebarExpanded:()=>{},setIsToolbarAnimationDisabled:()=>{},setIsResized:()=>{},setNewDimensions:()=>{},isMaximized:false,isToolbarAnimationDisabled:true,isSidebarExpanded:false,isResized:false,onClose:()=>{},fullWindowWidth:0,fullWindowHeight:0,viewportWidth:0,viewportHeight:0,resizableRef:{current:null},updateRefSize:()=>{},updateSize:()=>{},containerRef:{current:null}});var we=(e,t)=>t.toLowerCase().includes(e);function be(e,t,n){let i=we("top",t),o=we("left",t);return !i&&!o?null:{x:o?e.x+n.width:e.x,y:i?e.y-n.height:e.y}}var We=e=>{let{viewportWidth:t,viewportHeight:n,viewerDefaultWidth:i,viewerDefaultHeight:o,initialPosition:p,isMaximized:l,containerRef:r}=e,d=!l&&r?.current&&r.current!==document.body?r.current:null,u=d?.getBoundingClientRect(),a=u?.left??0,c=u?.top??0,m=d?.clientWidth||t,x=p?.x??t/2-i/2,h=p?.y??n/2-o/2;return {x:m-(x-a),y:h-c}};var et=555,tt=545;function ne({children:e,isOpen:t,onClose:n,defaultWindowHeight:i,defaultWindowWidth:o,initialPosition:p,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a,windowZIndex:c=1}){let{height:m,width:x}=a$1(),[h,O]=useState(false),k=h?null:a?.current,I=k?.clientWidth||x,y=k?.clientHeight||m,D=o||et,s=i||tt,[B,L]=useState(()=>We({viewportWidth:x,viewportHeight:m,viewerDefaultWidth:D,viewerDefaultHeight:s,initialPosition:p,isMaximized:h,containerRef:a})),[P,H]=useState(false),[F,T]=useState(false),[S,G]=useState(true),W=useRef(),[U,z]=useState({width:o??0,height:i??0}),V=useCallback(g=>{W?.current?.updateSize(g);},[]),C=useCallback(g=>{W.current?.updateSize(g),z(A=>({width:g.width??A.width,height:g.height??A.height}));},[]),j=useMemo(()=>({position:B,setPosition:L,resizableRef:W,windowZIndex:c,isOpen:t,setIsMaximized:O,setIsSidebarExpanded:G,setIsToolbarAnimationDisabled:T,setIsResized:H,isMaximized:h,isToolbarAnimationDisabled:F,isSidebarExpanded:S,isResized:P,dimensions:U,setNewDimensions:z,viewerDefaultWidth:D,viewerDefaultHeight:s,onClose:n,fullWindowWidth:I,fullWindowHeight:y,viewportWidth:x,viewportHeight:m,updateRefSize:V,updateSize:C,minWidth:l,maxWidth:r,minHeight:d,maxHeight:u,containerRef:a}),[B,L,W,t,O,G,T,H,h,F,S,P,U,z,I,y,x,m,D,s,V,C,n,l,r,d,u,a,c]);return jsx(Q.Provider,{value:j,children:e})}var ee=35;var te=createContext(null);function rt({title:e,onClose:t,onMaximize:n,maximized:i=false,id:o,onRequestClick:p,isSidebarExpanded:l=false,isHovered:r=false,onMouseHover:d$2,onMouseLeave:u,showSectionsButton:a$1,rightActions:c$2,icon:m}){return jsx(c,{id:o,"data-testid":"UserTitleBar",maximized:i||false,children:jsx(d,{onMouseEnter:d$2,onMouseLeave:u,isMaximized:i,isHovered:r,title:e,icon:m||If,leftActions:jsxs(Fragment,{children:[jsx(a,{onClick:t},"window-close"),jsx(c$1,{isMaximized:i,onClick:n},"window-maximize"),a$1&&jsx(d$1,{onClick:p,isExpanded:!l,isHovered:r,children:"Sidebar"},"window-sections")]}),rightActions:c$2})})}var ve=memo(rt);var re=ve;function lt({isMaximized:e,setIsToolbarAnimationDisabled:t,setIsMaximized:n,onClose:i,isSidebarExpanded:o,setIsSidebarExpanded:p,isToolbarAnimationDisabled:l,title:r,showSectionsButton:d,rightActions:u,icon:a}){let{isHovered:c,onMouseEnter:m,onMouseLeave:x}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...l&&{duration:0}},children:jsx(re,{title:r||"Users",showSectionsButton:d,onClose:i,onMaximize:()=>{n?.(h=>!h),t?.(true),setTimeout(()=>{t?.(false);},.5*1e3);},maximized:e,id:"draggable-dialog-title",onRequestClick:()=>{t?.(false),p(!o);},isSidebarExpanded:o,isHovered:c,onMouseHover:m,onMouseLeave:x,rightActions:u,icon:a})})}var Te=memo(lt);var Ee=Te;var gt=forwardRef(function({children:t,titleBar:n,titleBarText:i,mainAppOrder:o,mainAppIsMinimized:p,showSectionsButton:l=true,rightActions:r,titleBarIcon:d,overflow:u="hidden"},a){let c=useRef(null),[m,x]=useState(null),h=Bc(useId(),"app-window"),O=useCallback(f=>{c.current=f,x(R=>R===f?R:f),typeof a=="function"?a(f):a&&(a.current=f);},[a]),k=useMemo(()=>({current:m}),[m]),{dimensions:I,position:y,resizableRef:D,isMaximized:s,isOpen:B,onClose:L,viewerDefaultWidth:P,viewerDefaultHeight:H,windowZIndex:F,setPosition:T,setNewDimensions:S,isToolbarAnimationDisabled:G,fullWindowWidth:W,fullWindowHeight:U,viewportWidth:z,viewportHeight:V,setIsMaximized:C,setIsResized:j,isResized:g,setIsToolbarAnimationDisabled:A,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,minWidth:Ge,maxWidth:Ue,minHeight:Ve,maxHeight:je,containerRef:ie}=useContext(Q),w=useMemo(()=>document.createElement("div"),[]),[Xe,qe]=useState(null);useLayoutEffect(()=>{qe(ie?.current??document.body);},[ie]);let b=s?document.body:Xe;useLayoutEffect(()=>{if(!b)return;let f=b===document.body;return w.style.position=f?"":"absolute",w.style.inset=f?"":"0",w.style.pointerEvents="none",w.style.overflow="visible",b.appendChild(w),()=>{w.parentNode===b&&b.removeChild(w);}},[b,w]);let pe=useRef({x:0,y:0}),le=xa(),Ke=useCallback((f,R,q,Ze)=>{j(true),S({width:q.offsetWidth,height:q.offsetHeight});let ue=be(pe.current,R,Ze);ue&&T(ue);},[S,j,T]),X=I.width||P;if(!b)return null;let Ye=jsx(Wt,{nodeRef:c,disabled:s,handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',defaultClassName:"draggable-lead-dialog",defaultPosition:{x:W/2-X/2,y:U/2-H/2},position:{x:W-y.x,y:y.y},onStop:(f,R)=>{let q=ie?.current?.clientWidth||W;T({x:q-R.x,y:R.y});},...b===document.body&&{bounds:{top:10}},children:jsx(Dialog,{ref:O,sx:{backgroundColor:"transparent",pointerEvents:"none",zIndex:Number(o||0)+F+(s?1:0),...p&&{display:"none"},...b===document.body?!s&&{transform:"translate(180px, 14px)"}:!s&&{position:"absolute"},...!s&&{width:le?X:"fit-content",height:le?H:"fit-content"},...s&&{transform:"none !important"},boxShadow:"0px 0px 20px 0px rgba(0, 0, 0, 0.15)",overflow:"visible","& .MuiDialog-container":{overflow:"visible"}},PaperProps:{style:{margin:0,maxHeight:"100%",maxWidth:"none",background:"transparent",pointerEvents:"auto",overflow:u,width:g?"fit-content":X,height:g?"fit-content":"100%",...s&&{width:"100%",height:"100%"},position:"relative"}},onClose:()=>{C(false),A(true),setTimeout(()=>{A(false);},.5*1e3);},open:B,hideBackdrop:true,disableEnforceFocus:true,disableScrollLock:true,container:w,fullScreen:s,"aria-labelledby":"draggable-dialog-title",disablePortal:true,children:jsx(Resizable,{"data-testid":"Resizable",enable:{topLeft:true,topRight:true,bottomLeft:true,bottomRight:true,left:true,right:true,bottom:true,top:true},handleStyles:{bottom:{zIndex:2},bottomLeft:{zIndex:2},bottomRight:{zIndex:2}},size:{width:I.width,height:I.height},maxHeight:je??V-40,maxWidth:Ue??z,minWidth:s?"100vw":Ge??P,minHeight:s?"100vh":Ve??H,ref:f=>{D.current=f;},onResizeStart:()=>{pe.current=y,A(true);},onResizeStop:()=>{A(false);},onResize:Ke,defaultSize:{width:X,height:H},style:{background:"transparent",height:I.height,overflow:u,...s&&{height:"100% !important",width:"100% !important",flex:1},...s&&{position:"relative"}},children:jsxs(wt,{sx:{height:"100%"},id:h,"data-testid":"AppWindow",children:[n??jsx(Ee,{setIsToolbarAnimationDisabled:A,onClose:L,setIsMaximized:C,isToolbarAnimationDisabled:G,setIsSidebarExpanded:Le,isSidebarExpanded:Fe,title:i,isMaximized:s,showSectionsButton:l,rightActions:r,icon:d}),jsx(te.Provider,{value:k,children:t})]})})})});return createPortal(Ye,w)}),Me=memo(gt);var Ht=styled(Box,{shouldForwardProp:e=>e!=="isActive"})(({theme:e,isActive:t})=>({background:t?"linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)":"transparent",borderRadius:"4px",padding:"4px 8px",color:t?e.palette.common.white:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px",cursor:"pointer"})),Rt=styled(Button)(({theme:e,disabled:t})=>({background:t?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"0px 8px",fontSize:"9px",fontWeight:600,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"4px",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),vt=styled(Box)(({theme:e})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",backgroundColor:e.palette.background.paper,padding:"6px",transform:"translateY(calc(-50% - 6px))",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px",height:"36px",transition:e.transitions.create(["width"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.complex})})),yt=styled(Box)(()=>({position:"fixed",height:ee,bottom:0,left:0,right:0,padding:"6px 16px",zIndex:1,backgroundColor:"#eaeaea",backdropFilter:"blur(12px)",display:"flex",justifyContent:"flex-end",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px"})),Tt=styled(Button)(()=>({padding:"4px 8px",boxShadow:"0px 0px 4px 0px rgba(0, 0, 0, 0.08)",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"4px",color:"rgba(32, 35, 43, 0.80)",fontWeight:600,fontSize:"9px",textTransform:"none"}));var se=Me;var Pt=forwardRef(function({children:t,windowProps:n,inheritParentContainer:i=false,...o},p){let l=useContext(te),r=i?l??void 0:void 0,d=o.containerRef??r;return o.isOpen?jsx(ne,{...o,containerRef:d,children:jsx(se,{...n,ref:p,children:t})}):null}),Oe=Pt;function zt({title:e,maximized:t=false,id:n,isHovered:i=false,onMouseHover:o,onMouseLeave:p,leftActions:l,titleIconSrc:r,sx:d$1,...u}){return jsx(c,{className:"header-wrapper",id:n,maximized:t||false,sx:d$1,...u,children:jsx(d,{onMouseEnter:o,onMouseLeave:p,isMaximized:t,isHovered:i,title:e||"",icon:r,leftActions:l})})}var de=memo(zt);function _t({isMaximized:e,id:t,isToolbarAnimationDisabled:n,title:i,leftActions:o,onClose:p,onMaximize:l,sx:r}){let{isHovered:d,onMouseEnter:u,onMouseLeave:a$1}=b();return jsx(motion.div,{style:{...e&&{height:0,zIndex:1e3,position:"relative"}},animate:{...e&&{width:"100vw"},...!e&&{transform:"translateX(0px)",width:"100%"}},transition:{duration:.5,...n&&{duration:0}},children:jsx(de,{title:i,maximized:e,id:t||"draggable-dialog-title",isHovered:d,onMouseHover:u,onMouseLeave:a$1,leftActions:o||jsxs(Fragment,{children:[jsx(a,{onClick:p}),jsx(c$1,{isMaximized:e,onClick:()=>l?.(!e)})]}),sx:r})})}var Be=memo(_t);var kt=Be;var li=Oe;export{Q as a,ne as b,ee as c,re as d,Ht as e,Rt as f,vt as g,yt as h,Tt as i,se as j,de as k,kt as l,li as m};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {P as P$1,O}from'./chunk-
|
|
1
|
+
import {P as P$1,O}from'./chunk-K5D5X7HP.js';import {nc}from'./chunk-4QNW7VH5.js';import'./chunk-ZTNJXPMT.js';import {forwardRef,useMemo,useState,memo}from'react';import {styled,alpha,useTheme}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var a="os-shared-Sidebar",e={root:`${a}-root`,header:`${a}-header`,content:`${a}-content`,footer:`${a}-footer`,link:`${a}-link`,group:`${a}-group`,groupSummary:`${a}-groupSummary`,groupSummaryActive:`${a}-groupSummaryActive`,groupSummaryExpanded:`${a}-groupSummaryExpanded`,groupHeader:`${a}-groupHeader`,groupContent:`${a}-groupContent`,groupItem:`${a}-groupItem`,startAdornment:`${a}-startAdornment`,endAdornment:`${a}-endAdornment`};var G=r=>{let{palette:n}=useTheme();return jsx("svg",{width:"15",height:"14",viewBox:"0 0 15 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:jsx("path",{d:"M9.97437 5.23633C10.0426 5.23465 10.1087 5.25507 10.1648 5.29395C10.2207 5.33278 10.264 5.3876 10.2888 5.45117C10.3136 5.51487 10.3195 5.5852 10.3064 5.65234C10.2934 5.71873 10.2614 5.77954 10.2146 5.82813L7.23608 9.01172C7.17462 9.07723 7.08968 9.11518 6.99976 9.11523C6.90985 9.11523 6.82492 9.07717 6.76343 9.01172L3.78394 5.8291L3.78491 5.82812C3.73877 5.77985 3.70612 5.71999 3.69312 5.6543C3.68007 5.58802 3.68575 5.51818 3.70972 5.45508C3.7337 5.39201 3.77618 5.33717 3.83081 5.29785C3.88553 5.25857 3.95095 5.23732 4.01831 5.2373C4.0635 5.23736 4.10797 5.24702 4.14917 5.26562C4.18997 5.28407 4.2263 5.31071 4.25659 5.34375L6.99878 8.27246L9.74194 5.34375C9.80179 5.27779 9.88521 5.23858 9.97437 5.23633Z",fill:n.text.textSecondary,stroke:n.text.textSecondary,strokeWidth:"0.204167"})})};var E="linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)",H=styled("div")(({theme:r})=>{let{base:n}=r.v2.palette;return {backgroundColor:alpha(n.white,.7),backdropFilter:r.v2.blur[16],width:183,position:"sticky",padding:`${r.v2.spacing(16)} ${r.v2.spacing(8)}`,height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}}),L=styled("div")({flexShrink:0}),R=styled("div")(({theme:r})=>({display:"flex",flexDirection:"column",gap:r.v2.spacing(4),flex:1,minHeight:0,overflow:"auto"})),P=styled("div")({flexShrink:0}),C={border:"none",width:"100%",textAlign:"left",font:"inherit",cursor:"pointer"},f=styled("span")({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0}),x=styled("span")({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginLeft:"auto"}),D=styled("button",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:n=false})=>{let{base:o,foreground:d}=r.v2.palette;return {...C,...r.v2.typography.textVariants.body.small.regular,background:n?E:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:n?o.white:d.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4)}}),F=styled(P$1)(({theme:r})=>({"&&":{background:"transparent",boxShadow:"none"},border:"none !important",borderRadius:"4px !important",[`& .${O.summary}`]:{padding:0,paddingRight:8,minHeight:"24px",height:"24px","&.Mui-expanded":{minHeight:"24px",height:"24px"},borderRadius:"4px !important",background:"transparent",transition:"none"},[`& .${O.summary}.${e.groupSummaryActive}`]:{backgroundColor:r.v2.palette.base.white},[`& .${O.summary}.${e.groupSummaryExpanded}`]:{backgroundColor:r.v2.palette.base.white},[`& .${O.content}`]:{borderTop:"none",padding:0},[`& .${O.labelContent}`]:{flexGrow:1,minWidth:0}})),V=styled("span",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:n=false})=>{let{base:o,foreground:d}=r.v2.palette;return {...C,...r.v2.typography.textVariants.body.small.regular,background:n?o.white:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:d.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4),width:"100%",cursor:"pointer"}}),T=styled("div")(({theme:r})=>({display:"flex",flexDirection:"column",gap:r.v2.spacing(4),paddingTop:r.v2.spacing(4)})),j=styled("button",{shouldForwardProp:r=>r!=="$isActive"})(({theme:r,$isActive:n=false})=>{let{base:o,foreground:d}=r.v2.palette;return {...C,...r.v2.typography.textVariants.body.small.regular,background:n?E:"transparent",borderRadius:r.v2.radius(4),padding:`${r.v2.spacing(4)} ${r.v2.spacing(8)}`,color:n?o.white:d.primary,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:r.v2.spacing(4)}});var $=r=>!!r.sections?.length;function M(r,n){let o=n??r?.[0]?.sections?.[0]?.id??r?.[0]?.id,d=r?.find(c=>c.id===o),u=!d||!$(d),l=u?r?.find(c=>c.sections?.some(y=>y.id===o)):d,g=l?.id??d?.id??o,b=l?u?o:l.sections?.[0]?.id:void 0;return {activeId:o,activeGroupId:g,activeLeafId:b}}var B=forwardRef(({sections:r,activeSectionId:n,onSelect:o,defaultExpandedIds:d,header:u,footer:l,id:g,className:b,sx:c},y)=>{let{activeId:h,activeGroupId:A,activeLeafId:k}=useMemo(()=>M(r,n),[r,n]),[W,O]=useState(()=>Object.fromEntries((d??[]).map(t=>[t,true])));return jsxs(H,{ref:y,id:g,"data-testid":g??"Sidebar",className:nc(e.root,b),sx:c,children:[u?jsx(L,{className:e.header,children:u}):null,jsx(R,{className:e.content,children:r?.map(t=>{if(!$(t))return jsxs(D,{type:"button",$isActive:h===t.id,"aria-current":h===t.id?"true":void 0,onClick:()=>o?.(t,void 0,[t]),className:e.link,children:[t.startAdornment?jsx(f,{className:e.startAdornment,children:t.startAdornment}):null,t.title,t.endAdornment?jsx(x,{className:e.endAdornment,children:t.endAdornment}):null]},t.id);let I=W[t.id]??t.id===A;return jsx(F,{className:e.group,expanded:I,onChange:i=>O(_=>({..._,[t.id]:i})),expandIcon:jsx(G,{}),slotProps:{root:{component:"section"},summary:{className:nc(e.groupSummary,A===t.id&&e.groupSummaryActive,I&&e.groupSummaryExpanded)}},label:jsxs(V,{$isActive:A===t.id,className:e.groupHeader,children:[t.startAdornment?jsx(f,{className:e.startAdornment,children:t.startAdornment}):null,t.title,t.endAdornment?jsx(x,{className:e.endAdornment,children:t.endAdornment}):null]}),content:jsx(T,{className:e.groupContent,children:t.sections?.map(i=>jsxs(j,{type:"button",$isActive:k===i.id,"aria-current":k===i.id?"true":void 0,onClick:()=>o?.(i,t,[t,i]),className:e.groupItem,children:[i.startAdornment?jsx(f,{className:e.startAdornment,children:i.startAdornment}):null,i.title,i.endAdornment?jsx(x,{className:e.endAdornment,children:i.endAdornment}):null]},`${t.id}-${i.id}`))})},t.id)})}),l?jsx(P,{className:e.footer,children:l}):null]})});B.displayName="Sidebar";var X=memo(B);
|
|
2
2
|
export{e as a,X as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {j}from'./chunk-
|
|
1
|
+
import {j}from'./chunk-K5D5X7HP.js';import {nc}from'./chunk-4QNW7VH5.js';import {forwardRef,memo}from'react';import C from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var p="os-shared-Card",o={root:`${p}-root`,header:`${p}-header`,title:`${p}-title`},n=233,f=39;var c=styled(C)(({theme:r})=>{let{grey:e}=r.v2.palette;return {display:"flex",flexDirection:"column",height:n,border:`1px solid ${e[100]}`,borderRadius:r.v2.radius(8),backgroundColor:"#FBFBFB",fontSize:r.v2.typography.textVariants.body.small.regular.fontSize,transform:"scale(1)"}}),y=styled(C,{shouldForwardProp:r=>r!=="$hasStartAdornment"})(({theme:r,$hasStartAdornment:e})=>({display:"flex",alignItems:"center",...e&&{gap:r.v2.spacing(8)},height:f,flexShrink:0,overflow:"visible",padding:`${r.v2.spacing(8)} ${r.v2.spacing(12)}`,borderBottom:`1px solid ${r.v2.palette.grey[100]}`})),x=styled(j)(({theme:r})=>({flexGrow:1,minWidth:0,color:r.v2.palette.grey[900],textTransform:"capitalize"}));var H=forwardRef(({id:r,className:e,sx:d,children:s,...a},l)=>jsx(c,{ref:l,component:"article",id:r,"data-testid":r??"Card",...a,className:nc(o.root,e),sx:d,children:s}));H.displayName="Card";var v=memo(H);var g=forwardRef(({id:r,className:e,sx:d,children:s,startAdornment:a,endAdornment:l,...S},N)=>jsxs(y,{ref:N,component:"header",id:r,"data-testid":r??"CardHeader",...S,$hasStartAdornment:a!=null,className:nc(o.header,e),sx:d,children:[a,jsx(x,{component:"div",textVariant:"body.small.semibold",className:o.title,children:s}),l]}));g.displayName="CardHeader";var T=memo(g);export{o as a,v as b,T as c};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {m as m$1,n}from'./chunk-K5D5X7HP.js';import {nc}from'./chunk-4QNW7VH5.js';import {forwardRef,memo}from'react';import y from'@mui/material/Box';import {circularProgressClasses}from'@mui/material/CircularProgress';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var u="os-shared-Loader",a={root:`${u}-root`},m=24,t=5,d=3.2,L="inherit",i="rgba(0, 0, 0, 0.62)";function x(r,e){if(e==="inherit")return i;let o=r.palette[e];return o&&typeof o=="object"&&"main"in o&&typeof o.main=="string"?o.main:i}var c=styled(y,{shouldForwardProp:r=>r!=="$size"&&r!=="$color"})(({theme:r,$size:e,$color:o})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,boxSizing:"border-box",width:r.v2.spacing(e),height:r.v2.spacing(e),padding:r.v2.spacing(t),[`& .${m$1.progress}`]:{background:"transparent",color:x(r,o)},[`& .${m$1.progress} .${circularProgressClasses.circle}`]:{strokeLinecap:"butt"}}));var E=forwardRef(({size:r=m,thickness:e=d,color:o=L,id:n$1,className:D,sx:C,"data-testid":A,...N},_)=>{let g=typeof r=="number"?r-t*2:"100%";return jsx(c,{ref:_,$size:r,$color:o,id:n$1,"data-testid":A??n$1??"Loader",className:nc(a.root,D),sx:C,children:jsx(n,{...N,size:g,thickness:e,color:o,variant:"indeterminate",hasLabel:false})})});E.displayName="Loader";var T=memo(E);export{a,T as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {L,ba,aa}from'./chunk-
|
|
1
|
+
import {L,ba,aa}from'./chunk-K5D5X7HP.js';import {Bc,Dc,mc,nc,Ya}from'./chunk-4QNW7VH5.js';import {forwardRef,useId,memo}from'react';import ee from'@mui/material/Box';import {styled,alpha,useTheme}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var n="os-shared-TextInput",s={root:`${n}-root`,field:`${n}-field`,label:`${n}-label`,input:`${n}-input`,helperText:`${n}-helperText`};var h=styled(ee)(()=>({display:"flex",flexDirection:"column",gap:"4px",width:"100%"}));function S(e,t){let{borderColor:o}=aa(e,t),r=e.v2.radius(4);return {borderColor:o,borderBottom:"none",borderRadius:`${r} ${r} 0 0`,"&:focus-within":{borderColor:o,boxShadow:"none"}}}var g=styled("small",{shouldForwardProp:e=>e!=="$error"})(({theme:e,$error:t})=>({color:t?e.palette.error.main:alpha(e.v2.palette.base.black,.6),fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"}));function C(e,t){let o=typeof e=="string"&&Ya(e)?e:void 0;return {resolvedLabel:o??t??void 0,resolvedPlaceholder:o&&typeof t=="string"?t:void 0}}var P=forwardRef(({onChange:e,error:t=false,helperText:o,feedback:r,label:i,placeholder:v,disabled:F,fullWidth:$=true,startAdornment:k,endAdornment:L$1,readOnly:w,inputProps:A,InputProps:E,InputLabelProps:ae,className:H,sx:B,id:l="TextInput",...R},W)=>{let O=useTheme(),D=Bc(useId(),"text-input"),M=Z=>{e?.(Z.target.value??"");},{isProvided:a,isVisible:V,type:z}=Dc(r),{resolvedLabel:_,resolvedPlaceholder:j}=C(i,v),m=!!t&&!a,{sx:q,startAdornment:G,endAdornment:J,readOnly:K,inputProps:Q,disabled:U}=E??{},X=V?S(O,z):{},Y=mc(mc(X,q),B);return jsxs(ee,{className:s.root,children:[jsx(h,{id:D,"data-testid":"TextInput",children:jsx(L,{id:l,...R,ref:W,label:_,placeholder:j,disabled:F??U,fullWidth:$,error:m,startAdornment:k??G,endAdornment:L$1??J,readOnly:w??K,inputProps:{...Q,...A},onChange:M,className:nc(s.field,H),sx:Y})}),a?jsx(ba,{...r}):null,!a&&o?jsx(g,{className:s.helperText,id:l?`${l}-helper-text`:void 0,$error:m,children:o}):null]})});P.displayName="TextInput";var N=memo(P);export{s as a,N as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {j}from'./chunk-
|
|
1
|
+
import {j}from'./chunk-K5D5X7HP.js';import {Vd,Ri,Si,Ti,Ui,Vi}from'./chunk-ZTNJXPMT.js';import {memo}from'react';import i from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var x=styled(i)(({theme:o})=>({display:"flex",gap:o.spacing(1),insetInlineStart:o.spacing(1.25),zIndex:1}));styled(i)(({theme:o})=>({width:12,height:12,borderRadius:"50%",cursor:"pointer",backgroundColor:`${o.palette.grey[200]}14`,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",img:{opacity:"0",transition:"all 0.2s ease-in-out"},"&:active":{backgroundColor:`${o.palette.grey[200]} !important`}}));var b=styled(i)(({theme:o})=>({display:"flex",height:"2rem",justifyContent:"space-between",alignItems:"center",width:"100%",paddingLeft:o.spacing(1.25),paddingRight:o.spacing(1.25),"& > *":{flex:"1 1 0px;"}})),y=styled("div",{shouldForwardProp:o=>o!=="sandboxMode"&&o!=="maximized"&&o!=="isDragging"})(({maximized:o,isDragging:t})=>({...!o&&{borderTopRightRadius:12,borderTopLeftRadius:12},...t&&{cursor:"move"},margin:0})),$=styled(i,{shouldForwardProp:o=>o!=="maximized"&&o!=="isDragging"})(({isDragging:o})=>({...o&&{cursor:"move"},position:"relative",zIndex:1,margin:0})),f=styled(i,{shouldForwardProp:o=>o!=="maximized"&&o!=="isHovered"})(({theme:o,maximized:t})=>({height:32,position:"relative",display:"flex",width:"100%",justifyContent:"center",transition:"all 0.5s ease-in-out",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",...t&&{display:"block !important",position:"fixed",right:0,left:0,zIndex:999,background:"transparent",".toolbar-wrapper":{display:"flex",justifyContent:"space-between",gap:10,alignItems:"center",position:"absolute",right:0,left:0,height:"2rem",".action-box":{visibility:"hidden"}},"&:hover":{".toolbar-wrapper":{top:0},".action-box":{visibility:"visible"}}},":hover":{".header-icon":{backgroundColor:`${o.palette.grey[200]}40`},".header-icon img":{opacity:1}}})),W=styled(y)(()=>({position:"sticky",top:0,left:0,right:0,zIndex:1e3,background:"#eaeaea",backdropFilter:"blur(32px)"})),u=styled(j)(({theme:o})=>({fontSize:"10px",color:"rgba(32, 35, 43, 0.5)",opacity:.7,textAlign:"left",fontWeight:o.v2.typography.fontWeightBold,lineHeight:"14px",userSelect:"none",paddingLeft:"0.175rem",textTransform:"capitalize"})),h=styled("div")(()=>({display:"flex",justifyContent:"center",alignItems:"center",position:"relative",textAlign:"center"})),I=styled("img")(()=>({width:14,height:14,verticalAlign:"center"}));var w=new Map([["json",Vd],["brand",Ri],["entity",Si],["bank",Ti],["individual",Ui],["password",Vi]]);function C({title:o,icon:t}){let a=w.get(t||"")??(w.get(o?.toLowerCase())||t);return jsxs(h,{className:"action-box","data-testid":"ToolbarAppIcon",children:[a&&jsx(I,{src:a,alt:"icon"}),jsx(u,{className:"title",children:o})]})}var S=C;function L({onMouseEnter:o,onMouseLeave:t,isMaximized:a,isHovered:z,rightActions:k,leftActions:n,title:A,icon:B,...H}){return jsx(f,{onMouseEnter:o,onMouseLeave:t,maximized:a,id:"toolbar","data-testid":"Toolbar",isHovered:z,...H,children:jsxs(b,{className:"toolbar-wrapper",children:[n?jsx(x,{className:"action-box",children:n}):jsx("div",{}),jsx(S,{title:A,icon:B}),k||jsx("div",{})]})})}var T=memo(L);var Z=T;export{y as a,$ as b,W as c,Z as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {d,j}from'./chunk-
|
|
1
|
+
import {d,j}from'./chunk-K5D5X7HP.js';import {Xb,nc}from'./chunk-4QNW7VH5.js';import {Gb}from'./chunk-ZTNJXPMT.js';import {forwardRef,memo}from'react';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var i="os-shared-FilePreview",t={root:`${i}-root`,wrapper:`${i}-wrapper`,content:`${i}-content`,iconWrapper:`${i}-iconWrapper`,textWrapper:`${i}-textWrapper`,filename:`${i}-filename`,closeButton:`${i}-closeButton`};var x=styled("div",{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:r})=>{let{grey:o,base:s}=e.v2.palette;return {width:"100%",borderRadius:e.v2.radius(4),padding:`${e.v2.spacing(4)} ${e.v2.spacing(8)}`,display:"flex",alignItems:"center",justifyContent:"flex-start",backgroundColor:o[50],gap:e.v2.spacing(8),color:s.black,...r&&{opacity:.6,cursor:"default"}}}),P=styled("div")(({theme:e})=>({width:"100%",minWidth:0,display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.v2.spacing(8)})),g=styled("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",flex:1,minWidth:0,overflow:"hidden",color:"inherit",cursor:"pointer",gap:e.v2.spacing(8)})),F=styled("div")(({theme:e})=>{let{grey:r,base:o}=e.v2.palette;return {display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",width:32,height:32,flexShrink:0,overflow:"hidden",backgroundColor:o.white,borderRadius:e.v2.radius(4),border:`1px solid ${r[100]}`}}),C=styled("div")(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",flex:1,minWidth:0,overflow:"hidden",gap:e.v2.spacing(4),color:"inherit"})),b=styled("button")(()=>({display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginLeft:"auto",cursor:"pointer",backgroundColor:"transparent",border:"none",padding:0}));var L=e=>e.type.includes("image")?URL.createObjectURL(e):"",h=forwardRef(function({file:r,disabled:o,onRemoveFile:s,getFilePreview:W=L,icon:N,action:m,id:v,className:$,sx:I},j$1){let f=Xb(r)?W(r.file):"",R=Xb(r)&&r.file.type.includes("application/pdf"),p=Xb(r)?r.file:r;return jsx(x,{ref:j$1,id:v,"data-testid":v??"FilePreview",className:nc(t.root,$),sx:I,$disabled:o,children:jsxs(P,{"data-slot":"file-wrapper",className:t.wrapper,children:[jsxs(g,{"data-slot":"file-Content",className:t.content,children:[jsx(F,{"data-slot":"file-icon-wrapper",className:t.iconWrapper,children:Xb(r)&&f?jsx(d,{src:f,alt:p.name,className:t.iconWrapper,sx:{width:32,height:32,borderRadius:"50%",objectFit:R?"none":"cover"},onError:k=>{k.currentTarget.src=p.name;}}):N}),jsxs(C,{"data-slot":"text-wrapper",className:t.textWrapper,children:[jsx(j,{textVariant:"caption.medium",noWrap:true,"data-slot":"filename",className:t.filename,children:p.name}),!Xb(r)&&m?m:null]})]}),!o&&jsx(b,{type:"button","aria-label":"Remove file","data-slot":"close-icon-wrapper",className:t.closeButton,onClick:()=>{s?.(r);},children:jsx(d,{src:Gb,alt:"Remove file",sx:{width:10,height:10}})})]})})});h.displayName="FilePreview";var S=memo(h);export{t as a,S as b};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-HDCNWBW5.js';import {d,R as R$1,L as L$1,V,Q as Q$1}from'./chunk-WAIH2SQK.js';import {nc}from'./chunk-4QNW7VH5.js';import {Gb,A as A$1,Rc}from'./chunk-ZTNJXPMT.js';import {forwardRef,useState,useEffect,useMemo,memo,useRef,useLayoutEffect,useId}from'react';import gt from'@mui/material/ClickAwayListener';import {CircularProgress}from'@mui/material';import L from'@mui/material/Box';import fe from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var y="os-shared-NestedMultiSelect",s={root:`${y}-root`,open:`${y}-open`,label:`${y}-label`,placeholder:`${y}-placeholder`,arrow:`${y}-arrow`,menu:`${y}-menu`,search:`${y}-search`,selectedBadge:`${y}-selectedBadge`,fieldRow:`${y}-fieldRow`},re=40,A="data-nested-submenu",$="data-nested-submenu-anchor",se={strategy:"fixed"},ce=.7,ae=100,pe={width:10,height:7.5,flexShrink:0},ue={width:9,height:9,flexShrink:0};var et={overflow:"hidden",flex:"0 0 auto",width:"max-content",maxWidth:"100%",minWidth:0},tt=e=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:e,fontSize:"10px",fontWeight:500,cursor:"pointer"}),me=styled(L,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t=false})=>{let{base:o}=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(o.black,.6),[`& .${s.label}`]:{opacity:.7,cursor:"not-allowed"},[`& .${s.placeholder}`]:{color:alpha(o.black,.6)},[`& .${s.arrow}`]:{opacity:.6},[`& .${s.fieldRow}`]:{opacity:.7},[`& .${s.fieldRow} *`]:{cursor:"not-allowed"}},[`&.${s.open} .${s.arrow}`]:{transform:"rotate(180deg)"},[`&.${s.open} .${s.arrow} svg path, &:focus-within .${s.arrow} svg path`]:{fill:"#1F88D0",stroke:"#1F88D0"},[`&.${s.open}, &:focus-within`]:{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}}}),he=styled(fe)(({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"})),Se=styled(fe)(()=>({margin:0,fontWeight:500,fontSize:"11px",lineHeight:"18px",padding:"22px 30px 8px 8px"})),Me=styled(L)(({theme:e})=>({position:"absolute",top:15,right:10,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})})),ge=styled(L)(()=>({display:"flex",flexDirection:"column",padding:"8px"})),ot={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},nt={display:"flex",flexWrap:"wrap",alignItems:"center",alignContent:"flex-start",gap:"4px",width:"100%",minWidth:0},be=styled(L,{shouldForwardProp:e=>e!=="$field"})(({$field:e})=>({...nt,...e?{padding:"22px 30px 8px 8px"}:{marginBottom:"8px","&:empty":{display:"none"}}})),G=styled(L,{shouldForwardProp:e=>e!=="$field"})(({theme:e,$field:t})=>({...tt(`${e.palette.info.dark}1a`),...et,...t&&{cursor:"inherit"}})),xe=styled("span")(()=>ot),Ne=styled(L)(()=>({position:"relative",width:"100%",minWidth:0})),ye=styled(L)(()=>({flex:1,maxWidth:"220px",minWidth:"89px",fontWeight:500})),Ce=styled(L)(()=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px",fontWeight:500}));var R=e=>!e.options&&typeof e.value=="string";function ve(e,t,o){if(e===void 0)return R(o);if(typeof e=="boolean")return e;if(typeof e=="function")return e(t,o);let n=e[t];return typeof n=="boolean"?n:R(o)}var F=e=>e.value??e.label,T=(e,t)=>t?.some(o=>o.value===e.value)??false,Le=(e,t,o)=>{if(T(e,t)){o(t?.filter(n=>n.value!==e.value)||[]);return}o([...t||[],e]);},X=e=>R(e)?[e]:(e.options??[]).flatMap(X),q=(e,t)=>{let o=e.filter(n=>T(n,t)).length;return {allSelected:e.length>0&&o===e.length,someSelected:o>0&&o<e.length}},Oe=(e,t,o)=>{let n=new Set(e.map(i=>i.value));if(q(e,t).allSelected){o((t??[]).filter(i=>!n.has(i.value)));return}let l=new Set((t??[]).map(i=>i.value)),r=e.filter(i=>!l.has(i.value));o([...t??[],...r]);},lt=(e,t)=>{let o=e[t];return typeof o=="string"?o:typeof o=="number"&&Number.isFinite(o)?String(o):""},it=(e,t,o)=>o.some(n=>lt(e,n).toLowerCase().includes(t)),Re=(e,t,o)=>{let n=t.toLowerCase().trim();if(!n)return e.map(i=>({node:i,depth:0}));let l=[],r=(i,d)=>{for(let c of i){if(R(c)){it(c,n,o)&&l.push({node:c,depth:d});continue}r(c.options??[],d+1);}};return r(e,0),l},rt=(e,t="right")=>{let o=e?.closest(`.${Q$1.panel}`);if(!e||!o)return 0;let n=e.getBoundingClientRect(),l=o.getBoundingClientRect(),r=t.startsWith("left")?n.left-l.left:l.right-n.right;return Math.max(0,r)},Ee=e=>[{name:"flip",enabled:true,options:{rootBoundary:"viewport",padding:8,fallbackPlacements:["left-start","right-end","left-end"]}},{name:"preventOverflow",enabled:true,options:{rootBoundary:"viewport",altAxis:true,padding:8}},{name:"offset",options:{offset:({placement:t})=>[0,rt(e.current,t)]}}],We=(e,t)=>e.length===t.length&&e.every((o,n)=>o===t[n]);function Be(e,t,o){let n=[],l=0;for(let r of e){if(t<=0){n.push(void 0);continue}if(l===0&&r>=t){n.push(Math.floor(t));continue}let i=l===0?0:o;if(l+i+r<=t+.5){n.push(void 0),l+=i+r;continue}let d=Math.floor(t-l-i);if(d>=ae&&d>=r*ce){n.push(d),l=0;continue}n.push(void 0),l=r;}return n}var we=(e,t)=>t instanceof Node&&!!e?.contains(t),Ie=(e,t,o)=>{if(we(t,e)||we(o,e))return true;if(!(e instanceof Element)||!o)return false;let n=e.closest(`[${A}]`)?.getAttribute($),l=n?document.getElementById(n):null;return !!(l&&o.contains(l))};function at({options:e,variant:t,hiddenCount:o=0,onRemove:n}){let l=useRef(null),r=useRef([]),[i,d$1]=useState([]),c=e.length+(o>0?1:0),C=e.map(a=>a.label).join("\0");useLayoutEffect(()=>{let a=l.current;if(!a||c===0)return;let m=()=>{let x=r.current.slice(0,c).filter(p=>p!=null);if(x.length!==c)return;let M=x.map(p=>p.style.maxWidth);x.forEach(p=>{p.style.maxWidth="none";});let h=x.map(p=>p.getBoundingClientRect().width);x.forEach((p,j)=>{p.style.maxWidth=M[j];});let g=getComputedStyle(a),W=a.clientWidth-parseFloat(g.paddingLeft)-parseFloat(g.paddingRight),z=parseFloat(g.columnGap||g.gap||"0")||0,B=Be(h,W,z);d$1(p=>We(p,B)?p:B);};m();let v=new ResizeObserver(m);return v.observe(a),()=>v.disconnect()},[c,C,t]);let f=t==="field",b=a=>m=>{m.stopPropagation(),m.preventDefault(),n?.(a);},w=a=>m=>{r.current[a]=m;};return jsxs(be,{ref:l,$field:f,className:f?s.fieldRow:void 0,children:[e.map((a,m)=>jsxs(G,{ref:w(m),$field:f,className:f?void 0:s.selectedBadge,style:i[m]!=null?{maxWidth:i[m]}:void 0,onClick:f?void 0:b(a),children:[f?null:jsx(d,{src:Rc,alt:"",sx:pe}),jsx(xe,{children:a.label}),f?null:jsx(d,{src:Gb,alt:"",sx:ue})]},`${m}-${a.value}`)),o>0?jsx(G,{ref:w(e.length),$field:f,style:i[e.length]!=null?{maxWidth:i[e.length]}:void 0,children:jsxs("span",{children:["+",o]})}):null]})}var H=at;function pt({options:e,maxVisibleValues:t}){let n=typeof t=="number"&&Number.isFinite(t)?Math.max(0,Math.floor(t)):e.length,l=e.slice(0,n),r=e.length-l.length;return jsx(Ne,{children:jsx(H,{options:l,variant:"field",hiddenCount:r})})}var Ae=pt;var Fe=()=>jsx("svg",{width:"5",height:"8",viewBox:"0 0 5 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":true,style:{display:"block",flexShrink:0},children:jsx("path",{d:"M0.117188 0.504028C0.115307 0.426166 0.138248 0.350264 0.182617 0.286255C0.227088 0.222214 0.290458 0.173028 0.363281 0.144653C0.436073 0.116302 0.516047 0.109152 0.592773 0.124146C0.668745 0.138995 0.738375 0.176073 0.793945 0.229614L4.43164 3.63391C4.50662 3.70421 4.55078 3.80153 4.55078 3.90442C4.55064 4.00712 4.5065 4.10376 4.43164 4.17395L0.794922 7.57922L0.793945 7.57825C0.738766 7.63096 0.669812 7.66692 0.594727 7.68176C0.519097 7.69665 0.440194 7.69049 0.368164 7.66321C0.296002 7.63581 0.232474 7.58801 0.1875 7.52551C0.14262 7.463 0.11821 7.3886 0.118164 7.31165C0.118166 7.25986 0.12907 7.20846 0.150391 7.16125C0.171346 7.11493 0.201824 7.07367 0.239258 7.03918L3.58691 3.90442L0.239258 0.769653C0.164191 0.701295 0.119752 0.605686 0.117188 0.504028Z",fill:"#20232B",stroke:"#20232B",strokeWidth:"0.233333"})});function Ve({label:e,itemCount:t,isSelected:o,isIndeterminate:n,onToggle:l,children:r,isSelectable:i=false}){let d=useId(),c=useRef(null),C=useRef(null),f=useRef(null),b=useRef(null),[w,a]=useState(false),m=useMemo(()=>Ee(c),[]),v=()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null);},x=()=>{t!==0&&(v(),a(true));},M=h=>{Ie(h.relatedTarget,c.current,C.current)||(v(),b.current=window.setTimeout(()=>{b.current=null,a(false);},re));};return useEffect(()=>()=>{b.current!=null&&window.clearTimeout(b.current);},[]),useEffect(()=>{if(!w)return;let h=()=>f.current?.update();return document.addEventListener("scroll",h,true),window.addEventListener("resize",h),()=>{document.removeEventListener("scroll",h,true),window.removeEventListener("resize",h);}},[w]),jsxs(V,{id:d,ref:c,isSelected:o,isIndeterminate:n,startAdornment:i?void 0:null,onClick:h=>{if(h.stopPropagation(),h.preventDefault(),!i){x();return}l();},onMouseEnter:x,onMouseLeave:M,children:[jsxs(Ce,{children:[e,jsx(Fe,{})]}),jsx(R$1,{ref:C,popperRef:f,[A]:"",[$]:d,sx:{maxHeight:"min(450px, calc(100dvh - 16px))",overflow:"auto"},open:w,anchorEl:c.current,placement:"right-start",modifiers:m,popperOptions:se,onMouseEnter:x,onMouseLeave:M,children:r})]})}function je({option:e,value:t,onChange:o,isSelectable:n=true}){let l=T(e,t);return jsx(V,{isSelected:l,onClick:i=>{i.stopPropagation(),i.preventDefault(),n&&Le(e,t,o);},startAdornment:n?void 0:null,children:jsx(ye,{children:e.label})})}function Q({node:e,depth:t,value:o,onChange:n,isSelectable:l}){let r=ve(l,t,e);if(R(e))return jsx(je,{option:e,value:o,onChange:n,isSelectable:r});if(!e.options)return null;let i=e.options,d=X(e),{allSelected:c,someSelected:C}=q(d,o);return jsx(Ve,{label:e.label,itemCount:i.length,isSelected:c,isIndeterminate:C,isSelectable:r,onToggle:()=>Oe(d,o,n),children:i.map(f=>jsx(Q,{node:f,depth:t+1,value:o,onChange:n,isSelectable:l},F(f)))})}var bt=["label"],Xe=forwardRef(({options:e,onChange:t,value:o,maxVisibleValues:n,placeholder:l,label:r,isLoading:i,isSelectable:d$1,disabled:c,className:C,sx:f,isSearchable:b=true,searchPlaceholder:w,searchBy:a$1=bt,onOpen:m,onClose:v},x)=>{let[M,h]=useState(null),[g,W]=useState(""),[z,B]=useState(void 0),p=!!M,j=r??l,qe=r?l??"Please Select":"Please Select";useEffect(()=>{if(!M)return;let u=()=>{let K=M.clientWidth;K>0&&B(_=>_===K?_:K);};if(u(),typeof ResizeObserver>"u")return;let O=new ResizeObserver(u);return O.observe(M),()=>O.disconnect()},[M]);let Ze=M?.clientWidth||z,Je=u=>{if(p){h(null),v?.();return}h(u.currentTarget),m?.();},Qe=()=>{h(null),v?.();},Ue=()=>{g&&W("");},Ye=useMemo(()=>Re(e,g,a$1),[e,g,a$1]),Y=o?.length??0,_e=i?jsx(CircularProgress,{size:16}):jsx(d,{src:g?Gb:A$1,alt:g?"close":"search",onClick:Ue,sx:{width:12,height:12,cursor:g?"pointer":"default"}});return jsx(gt,{onClickAway:()=>{p&&Qe();},children:jsxs(me,{ref:x,id:"FieldWrapper","data-testid":"NestedMultiSelect",$disabled:c,"aria-disabled":c||void 0,className:nc(s.root,p&&s.open,C),sx:f,onClick:u=>!c&&Je(u),children:[jsx(he,{className:s.label,component:"label",children:j}),Y===0&&jsx(Se,{className:s.placeholder,component:"p",children:qe}),jsx(Me,{className:s.arrow,"aria-hidden":true,children:i?jsx(CircularProgress,{size:16}):jsx(a,{})}),Y>0&&o?jsx(Ae,{options:o,maxVisibleValues:n}):null,jsx(R$1,{open:p,anchorEl:M,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",width:Ze},panelProps:{className:s.menu},children:jsxs(ge,{children:[b?jsx(L$1,{className:s.search,fullWidth:true,size:"md",placeholder:w??l??"Select",endAdornment:_e,value:g,onClick:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onChange:u=>{W(u.target.value);},sx:{mb:"8px"}}):null,jsx(H,{options:o??[],variant:"menu",onRemove:u=>{t(o?.filter(O=>O.value!==u.value)||[]);}}),Ye.map(({node:u,depth:O})=>jsx(Q,{node:u,depth:O,value:o,onChange:t,isSelectable:d$1},F(u)))]})})]})})});Xe.displayName="NestedMultiSelect";var xt=memo(Xe);
|
|
1
|
+
import {a}from'./chunk-HDCNWBW5.js';import {d,R as R$1,L as L$1,V,Q as Q$1}from'./chunk-K5D5X7HP.js';import {nc}from'./chunk-4QNW7VH5.js';import {Gb,A as A$1,Rc}from'./chunk-ZTNJXPMT.js';import {forwardRef,useState,useEffect,useMemo,memo,useRef,useLayoutEffect,useId}from'react';import gt from'@mui/material/ClickAwayListener';import {CircularProgress}from'@mui/material';import L from'@mui/material/Box';import fe from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var y="os-shared-NestedMultiSelect",s={root:`${y}-root`,open:`${y}-open`,label:`${y}-label`,placeholder:`${y}-placeholder`,arrow:`${y}-arrow`,menu:`${y}-menu`,search:`${y}-search`,selectedBadge:`${y}-selectedBadge`,fieldRow:`${y}-fieldRow`},re=40,A="data-nested-submenu",$="data-nested-submenu-anchor",se={strategy:"fixed"},ce=.7,ae=100,pe={width:10,height:7.5,flexShrink:0},ue={width:9,height:9,flexShrink:0};var et={overflow:"hidden",flex:"0 0 auto",width:"max-content",maxWidth:"100%",minWidth:0},tt=e=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:e,fontSize:"10px",fontWeight:500,cursor:"pointer"}),me=styled(L,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t=false})=>{let{base:o}=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(o.black,.6),[`& .${s.label}`]:{opacity:.7,cursor:"not-allowed"},[`& .${s.placeholder}`]:{color:alpha(o.black,.6)},[`& .${s.arrow}`]:{opacity:.6},[`& .${s.fieldRow}`]:{opacity:.7},[`& .${s.fieldRow} *`]:{cursor:"not-allowed"}},[`&.${s.open} .${s.arrow}`]:{transform:"rotate(180deg)"},[`&.${s.open} .${s.arrow} svg path, &:focus-within .${s.arrow} svg path`]:{fill:"#1F88D0",stroke:"#1F88D0"},[`&.${s.open}, &:focus-within`]:{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}}}),he=styled(fe)(({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"})),Se=styled(fe)(()=>({margin:0,fontWeight:500,fontSize:"11px",lineHeight:"18px",padding:"22px 30px 8px 8px"})),Me=styled(L)(({theme:e})=>({position:"absolute",top:15,right:10,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})})),ge=styled(L)(()=>({display:"flex",flexDirection:"column",padding:"8px"})),ot={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},nt={display:"flex",flexWrap:"wrap",alignItems:"center",alignContent:"flex-start",gap:"4px",width:"100%",minWidth:0},be=styled(L,{shouldForwardProp:e=>e!=="$field"})(({$field:e})=>({...nt,...e?{padding:"22px 30px 8px 8px"}:{marginBottom:"8px","&:empty":{display:"none"}}})),G=styled(L,{shouldForwardProp:e=>e!=="$field"})(({theme:e,$field:t})=>({...tt(`${e.palette.info.dark}1a`),...et,...t&&{cursor:"inherit"}})),xe=styled("span")(()=>ot),Ne=styled(L)(()=>({position:"relative",width:"100%",minWidth:0})),ye=styled(L)(()=>({flex:1,maxWidth:"220px",minWidth:"89px",fontWeight:500})),Ce=styled(L)(()=>({display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px",fontWeight:500}));var R=e=>!e.options&&typeof e.value=="string";function ve(e,t,o){if(e===void 0)return R(o);if(typeof e=="boolean")return e;if(typeof e=="function")return e(t,o);let n=e[t];return typeof n=="boolean"?n:R(o)}var F=e=>e.value??e.label,T=(e,t)=>t?.some(o=>o.value===e.value)??false,Le=(e,t,o)=>{if(T(e,t)){o(t?.filter(n=>n.value!==e.value)||[]);return}o([...t||[],e]);},X=e=>R(e)?[e]:(e.options??[]).flatMap(X),q=(e,t)=>{let o=e.filter(n=>T(n,t)).length;return {allSelected:e.length>0&&o===e.length,someSelected:o>0&&o<e.length}},Oe=(e,t,o)=>{let n=new Set(e.map(i=>i.value));if(q(e,t).allSelected){o((t??[]).filter(i=>!n.has(i.value)));return}let l=new Set((t??[]).map(i=>i.value)),r=e.filter(i=>!l.has(i.value));o([...t??[],...r]);},lt=(e,t)=>{let o=e[t];return typeof o=="string"?o:typeof o=="number"&&Number.isFinite(o)?String(o):""},it=(e,t,o)=>o.some(n=>lt(e,n).toLowerCase().includes(t)),Re=(e,t,o)=>{let n=t.toLowerCase().trim();if(!n)return e.map(i=>({node:i,depth:0}));let l=[],r=(i,d)=>{for(let c of i){if(R(c)){it(c,n,o)&&l.push({node:c,depth:d});continue}r(c.options??[],d+1);}};return r(e,0),l},rt=(e,t="right")=>{let o=e?.closest(`.${Q$1.panel}`);if(!e||!o)return 0;let n=e.getBoundingClientRect(),l=o.getBoundingClientRect(),r=t.startsWith("left")?n.left-l.left:l.right-n.right;return Math.max(0,r)},Ee=e=>[{name:"flip",enabled:true,options:{rootBoundary:"viewport",padding:8,fallbackPlacements:["left-start","right-end","left-end"]}},{name:"preventOverflow",enabled:true,options:{rootBoundary:"viewport",altAxis:true,padding:8}},{name:"offset",options:{offset:({placement:t})=>[0,rt(e.current,t)]}}],We=(e,t)=>e.length===t.length&&e.every((o,n)=>o===t[n]);function Be(e,t,o){let n=[],l=0;for(let r of e){if(t<=0){n.push(void 0);continue}if(l===0&&r>=t){n.push(Math.floor(t));continue}let i=l===0?0:o;if(l+i+r<=t+.5){n.push(void 0),l+=i+r;continue}let d=Math.floor(t-l-i);if(d>=ae&&d>=r*ce){n.push(d),l=0;continue}n.push(void 0),l=r;}return n}var we=(e,t)=>t instanceof Node&&!!e?.contains(t),Ie=(e,t,o)=>{if(we(t,e)||we(o,e))return true;if(!(e instanceof Element)||!o)return false;let n=e.closest(`[${A}]`)?.getAttribute($),l=n?document.getElementById(n):null;return !!(l&&o.contains(l))};function at({options:e,variant:t,hiddenCount:o=0,onRemove:n}){let l=useRef(null),r=useRef([]),[i,d$1]=useState([]),c=e.length+(o>0?1:0),C=e.map(a=>a.label).join("\0");useLayoutEffect(()=>{let a=l.current;if(!a||c===0)return;let m=()=>{let x=r.current.slice(0,c).filter(p=>p!=null);if(x.length!==c)return;let M=x.map(p=>p.style.maxWidth);x.forEach(p=>{p.style.maxWidth="none";});let h=x.map(p=>p.getBoundingClientRect().width);x.forEach((p,j)=>{p.style.maxWidth=M[j];});let g=getComputedStyle(a),W=a.clientWidth-parseFloat(g.paddingLeft)-parseFloat(g.paddingRight),z=parseFloat(g.columnGap||g.gap||"0")||0,B=Be(h,W,z);d$1(p=>We(p,B)?p:B);};m();let v=new ResizeObserver(m);return v.observe(a),()=>v.disconnect()},[c,C,t]);let f=t==="field",b=a=>m=>{m.stopPropagation(),m.preventDefault(),n?.(a);},w=a=>m=>{r.current[a]=m;};return jsxs(be,{ref:l,$field:f,className:f?s.fieldRow:void 0,children:[e.map((a,m)=>jsxs(G,{ref:w(m),$field:f,className:f?void 0:s.selectedBadge,style:i[m]!=null?{maxWidth:i[m]}:void 0,onClick:f?void 0:b(a),children:[f?null:jsx(d,{src:Rc,alt:"",sx:pe}),jsx(xe,{children:a.label}),f?null:jsx(d,{src:Gb,alt:"",sx:ue})]},`${m}-${a.value}`)),o>0?jsx(G,{ref:w(e.length),$field:f,style:i[e.length]!=null?{maxWidth:i[e.length]}:void 0,children:jsxs("span",{children:["+",o]})}):null]})}var H=at;function pt({options:e,maxVisibleValues:t}){let n=typeof t=="number"&&Number.isFinite(t)?Math.max(0,Math.floor(t)):e.length,l=e.slice(0,n),r=e.length-l.length;return jsx(Ne,{children:jsx(H,{options:l,variant:"field",hiddenCount:r})})}var Ae=pt;var Fe=()=>jsx("svg",{width:"5",height:"8",viewBox:"0 0 5 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":true,style:{display:"block",flexShrink:0},children:jsx("path",{d:"M0.117188 0.504028C0.115307 0.426166 0.138248 0.350264 0.182617 0.286255C0.227088 0.222214 0.290458 0.173028 0.363281 0.144653C0.436073 0.116302 0.516047 0.109152 0.592773 0.124146C0.668745 0.138995 0.738375 0.176073 0.793945 0.229614L4.43164 3.63391C4.50662 3.70421 4.55078 3.80153 4.55078 3.90442C4.55064 4.00712 4.5065 4.10376 4.43164 4.17395L0.794922 7.57922L0.793945 7.57825C0.738766 7.63096 0.669812 7.66692 0.594727 7.68176C0.519097 7.69665 0.440194 7.69049 0.368164 7.66321C0.296002 7.63581 0.232474 7.58801 0.1875 7.52551C0.14262 7.463 0.11821 7.3886 0.118164 7.31165C0.118166 7.25986 0.12907 7.20846 0.150391 7.16125C0.171346 7.11493 0.201824 7.07367 0.239258 7.03918L3.58691 3.90442L0.239258 0.769653C0.164191 0.701295 0.119752 0.605686 0.117188 0.504028Z",fill:"#20232B",stroke:"#20232B",strokeWidth:"0.233333"})});function Ve({label:e,itemCount:t,isSelected:o,isIndeterminate:n,onToggle:l,children:r,isSelectable:i=false}){let d=useId(),c=useRef(null),C=useRef(null),f=useRef(null),b=useRef(null),[w,a]=useState(false),m=useMemo(()=>Ee(c),[]),v=()=>{b.current!=null&&(window.clearTimeout(b.current),b.current=null);},x=()=>{t!==0&&(v(),a(true));},M=h=>{Ie(h.relatedTarget,c.current,C.current)||(v(),b.current=window.setTimeout(()=>{b.current=null,a(false);},re));};return useEffect(()=>()=>{b.current!=null&&window.clearTimeout(b.current);},[]),useEffect(()=>{if(!w)return;let h=()=>f.current?.update();return document.addEventListener("scroll",h,true),window.addEventListener("resize",h),()=>{document.removeEventListener("scroll",h,true),window.removeEventListener("resize",h);}},[w]),jsxs(V,{id:d,ref:c,isSelected:o,isIndeterminate:n,startAdornment:i?void 0:null,onClick:h=>{if(h.stopPropagation(),h.preventDefault(),!i){x();return}l();},onMouseEnter:x,onMouseLeave:M,children:[jsxs(Ce,{children:[e,jsx(Fe,{})]}),jsx(R$1,{ref:C,popperRef:f,[A]:"",[$]:d,sx:{maxHeight:"min(450px, calc(100dvh - 16px))",overflow:"auto"},open:w,anchorEl:c.current,placement:"right-start",modifiers:m,popperOptions:se,onMouseEnter:x,onMouseLeave:M,children:r})]})}function je({option:e,value:t,onChange:o,isSelectable:n=true}){let l=T(e,t);return jsx(V,{isSelected:l,onClick:i=>{i.stopPropagation(),i.preventDefault(),n&&Le(e,t,o);},startAdornment:n?void 0:null,children:jsx(ye,{children:e.label})})}function Q({node:e,depth:t,value:o,onChange:n,isSelectable:l}){let r=ve(l,t,e);if(R(e))return jsx(je,{option:e,value:o,onChange:n,isSelectable:r});if(!e.options)return null;let i=e.options,d=X(e),{allSelected:c,someSelected:C}=q(d,o);return jsx(Ve,{label:e.label,itemCount:i.length,isSelected:c,isIndeterminate:C,isSelectable:r,onToggle:()=>Oe(d,o,n),children:i.map(f=>jsx(Q,{node:f,depth:t+1,value:o,onChange:n,isSelectable:l},F(f)))})}var bt=["label"],Xe=forwardRef(({options:e,onChange:t,value:o,maxVisibleValues:n,placeholder:l,label:r,isLoading:i,isSelectable:d$1,disabled:c,className:C,sx:f,isSearchable:b=true,searchPlaceholder:w,searchBy:a$1=bt,onOpen:m,onClose:v},x)=>{let[M,h]=useState(null),[g,W]=useState(""),[z,B]=useState(void 0),p=!!M,j=r??l,qe=r?l??"Please Select":"Please Select";useEffect(()=>{if(!M)return;let u=()=>{let K=M.clientWidth;K>0&&B(_=>_===K?_:K);};if(u(),typeof ResizeObserver>"u")return;let O=new ResizeObserver(u);return O.observe(M),()=>O.disconnect()},[M]);let Ze=M?.clientWidth||z,Je=u=>{if(p){h(null),v?.();return}h(u.currentTarget),m?.();},Qe=()=>{h(null),v?.();},Ue=()=>{g&&W("");},Ye=useMemo(()=>Re(e,g,a$1),[e,g,a$1]),Y=o?.length??0,_e=i?jsx(CircularProgress,{size:16}):jsx(d,{src:g?Gb:A$1,alt:g?"close":"search",onClick:Ue,sx:{width:12,height:12,cursor:g?"pointer":"default"}});return jsx(gt,{onClickAway:()=>{p&&Qe();},children:jsxs(me,{ref:x,id:"FieldWrapper","data-testid":"NestedMultiSelect",$disabled:c,"aria-disabled":c||void 0,className:nc(s.root,p&&s.open,C),sx:f,onClick:u=>!c&&Je(u),children:[jsx(he,{className:s.label,component:"label",children:j}),Y===0&&jsx(Se,{className:s.placeholder,component:"p",children:qe}),jsx(Me,{className:s.arrow,"aria-hidden":true,children:i?jsx(CircularProgress,{size:16}):jsx(a,{})}),Y>0&&o?jsx(Ae,{options:o,maxVisibleValues:n}):null,jsx(R$1,{open:p,anchorEl:M,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",width:Ze},panelProps:{className:s.menu},children:jsxs(ge,{children:[b?jsx(L$1,{className:s.search,fullWidth:true,size:"md",placeholder:w??l??"Select",endAdornment:_e,value:g,onClick:u=>{u.stopPropagation();},onMouseDown:u=>{u.stopPropagation();},onChange:u=>{W(u.target.value);},sx:{mb:"8px"}}):null,jsx(H,{options:o??[],variant:"menu",onRemove:u=>{t(o?.filter(O=>O.value!==u.value)||[]);}}),Ye.map(({node:u,depth:O})=>jsx(Q,{node:u,depth:O,value:o,onChange:t,isSelectable:d$1},F(u)))]})})]})})});Xe.displayName="NestedMultiSelect";var xt=memo(Xe);
|
|
2
2
|
export{s as a,xt as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {L as L$1}from'./chunk-
|
|
1
|
+
import {L as L$1}from'./chunk-K5D5X7HP.js';import {nc}from'./chunk-4QNW7VH5.js';import {forwardRef,useRef,useState,useEffect,useCallback,memo}from'react';import y from'@mui/material/SvgIcon';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import E from'@mui/material/IconButton';import G from'@mui/material/InputAdornment';import {styled}from'@mui/material/styles';var o="os-shared-SearchInput",t={root:`${o}-root`,searchAdornment:`${o}-searchAdornment`,searchButton:`${o}-searchButton`,clearButton:`${o}-clearButton`,searchIcon:`${o}-searchIcon`,clearIcon:`${o}-clearIcon`};var L=n=>jsx(y,{viewBox:"0 0 12 12",sx:{width:12,height:12},...n,children:jsx("path",{d:"M7.68817 8.21429L7.6463 8.17242L7.60036 8.20978C6.88378 8.79249 5.97154 9.14299 4.97917 9.14299C2.68489 9.14299 0.815625 7.27372 0.815625 4.97943C0.815625 2.68514 2.68489 0.815869 4.97917 0.815869C7.27345 0.815869 9.14271 2.68514 9.14271 4.97943C9.14271 5.9718 8.79221 6.88405 8.2095 7.60064L8.17215 7.64657L8.21401 7.68844L11.0754 10.5499L11.0754 10.5499L11.0764 10.5508C11.1121 10.5851 11.1406 10.6261 11.1602 10.6715C11.1798 10.7169 11.1902 10.7658 11.1907 10.8153C11.1912 10.8648 11.1818 10.9139 11.1631 10.9597C11.1444 11.0055 11.1168 11.0471 11.0818 11.0821C11.0468 11.1171 11.0052 11.1447 10.9594 11.1634C10.9136 11.1821 10.8645 11.1915 10.815 11.191C10.7655 11.1905 10.7167 11.1801 10.6712 11.1605C10.6258 11.1409 10.5848 11.1124 10.5505 11.0767L10.5496 11.0757L7.68817 8.21429ZM7.43625 7.35711L7.43682 7.35789L7.44469 7.34971C8.03496 6.73571 8.39896 5.90202 8.39896 4.97943C8.39896 3.08554 6.87305 1.55962 4.97917 1.55962C3.08528 1.55962 1.55937 3.08554 1.55937 4.97943C1.55937 6.87332 3.08528 8.39924 4.97917 8.39924C5.90175 8.39924 6.73544 8.03524 7.34944 7.44496L7.35011 7.44566L7.35683 7.43652C7.37913 7.40618 7.40591 7.37941 7.43625 7.35711Z",fill:"#20232B",stroke:"white",strokeWidth:.13125})}),g=n=>jsxs(y,{viewBox:"0 0 13 13",sx:{width:13,height:13},...n,children:[jsx("rect",{width:"13",height:"13",rx:"6.5",fill:"#F2F2F2"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.69808 4.16259C8.78018 4.16065 8.86095 4.18356 8.92981 4.22833C8.99866 4.27309 9.05239 4.33762 9.08393 4.41344C9.11548 4.48927 9.12338 4.57286 9.10659 4.65325C9.08981 4.73365 9.04911 4.80708 8.98986 4.86395L7.07755 6.77626L8.98839 8.68713L8.98986 8.68854C9.02896 8.72608 9.06018 8.77105 9.08169 8.82081C9.1032 8.87057 9.11456 8.92413 9.11511 8.97833C9.11566 9.03254 9.10539 9.08631 9.0849 9.1365C9.06441 9.18669 9.03411 9.23229 8.99578 9.27062C8.95745 9.30895 8.91185 9.33925 8.86166 9.35974C8.81147 9.38023 8.7577 9.3905 8.70349 9.38995C8.64928 9.3894 8.59573 9.37804 8.54597 9.35653C8.49621 9.33502 8.45125 9.30379 8.41371 9.26469L6.50141 7.35239L4.59054 9.26323L4.58913 9.2647C4.55159 9.30381 4.50662 9.33502 4.45685 9.35653C4.40709 9.37804 4.35354 9.3894 4.29933 9.38995C4.24513 9.3905 4.19135 9.38023 4.14116 9.35974C4.09098 9.33925 4.04538 9.30895 4.00705 9.27062C3.96872 9.23229 3.93842 9.18669 3.91793 9.1365C3.89744 9.08631 3.88717 9.03254 3.88772 8.97833C3.88827 8.92413 3.89963 8.87057 3.92114 8.82081C3.94264 8.77105 3.97388 8.7261 4.01298 8.68855L5.92528 6.77626L4.01443 4.86539L4.01339 4.86438C3.95522 4.80788 3.91524 4.73531 3.89855 4.65596C3.88186 4.5766 3.88923 4.49407 3.91971 4.41893C3.95019 4.34379 4.00239 4.27945 4.06964 4.23414C4.13689 4.18884 4.21615 4.16462 4.29722 4.1646C4.30093 4.1646 4.30464 4.16465 4.30835 4.16475C4.35906 4.16614 4.4091 4.17699 4.45589 4.19678C4.5061 4.21801 4.55154 4.24911 4.58952 4.28822L6.50141 6.20012L8.41228 4.28928L8.4137 4.2878C8.43812 4.26236 8.4655 4.24043 8.49507 4.22235C8.55578 4.18521 8.62571 4.1643 8.69808 4.16259Z",fill:"#8D8D94"})]});var v=styled(G)(({theme:n})=>({display:"flex",alignItems:"center",gap:n.v2.spacing(4),flexShrink:0,paddingTop:1})),M={padding:2,borderRadius:"50%",flexShrink:0},B=styled(E)(()=>({...M,"&.Mui-disabled":{opacity:.5}})),x=styled(E)(()=>({...M}));var N=forwardRef(({clearable:n=true,onClear:P,disabled:p=false,value:a,defaultValue:d,onChange:T,endAdornment:H,id:s="SearchInput",className:k,onKeyDown:m,inputProps:A,onClick:D,...R},c)=>{let h=useRef(null),[$,C]=useState(()=>String(a??d??"").length>0),K=n&&$&&!p;useEffect(()=>{a!==void 0&&C(String(a??"").length>0);},[a]);let F=useCallback(e=>{h.current=e,typeof c=="function"?c(e):c&&(c.current=e);},[c]),Z=e=>{C(e.target.value.length>0),T?.(e);},O=e=>{e.stopPropagation(),D?.(e);},V=useCallback(e=>{e.stopPropagation(),m?.(e);},[m]),W=e=>{e.stopPropagation();let l=h.current;l&&(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value")?.set?.call(l,""),l.dispatchEvent(new Event("input",{bubbles:true})),l.focus()),C(false),P?.();},j=e=>{e.stopPropagation(),h.current?.focus();},I=e=>{e.preventDefault();},q=jsxs(Fragment,{children:[jsx(v,{position:"end",className:t.searchAdornment,children:K?jsx(x,{className:t.clearButton,id:s?`${s}-clear-button`:void 0,type:"button","aria-label":"Clear search",disabled:p,disableRipple:true,onMouseDown:I,onClick:W,children:jsx(g,{className:t.clearIcon})}):jsx(B,{className:t.searchButton,id:s?`${s}-search-button`:void 0,type:"button","aria-label":"Search",disabled:p,disableRipple:true,onMouseDown:I,onClick:j,children:jsx(L,{className:t.searchIcon})})}),H]});return jsx(L$1,{...R,ref:F,id:s,type:"text",disabled:p,value:a,defaultValue:d,onChange:Z,onKeyDown:V,onClick:O,inputProps:{autoComplete:"off",...A},endAdornment:q,className:nc(t.root,k),"data-testid":"SearchInput"})});N.displayName="SearchInput";var w=memo(N);export{t as a,w as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {a}from'./chunk-HDCNWBW5.js';import {aa,ba}from'./chunk-
|
|
1
|
+
import {a}from'./chunk-HDCNWBW5.js';import {aa,ba}from'./chunk-K5D5X7HP.js';import {Bc,Dc}from'./chunk-4QNW7VH5.js';import Ie,{forwardRef,useState,useId,useCallback,useMemo}from'react';import we from'@mui/material/InputLabel';import Le from'@mui/material/MenuItem';import ge from'@mui/material/SvgIcon';import {jsx,jsxs}from'react/jsx-runtime';import U from'@mui/material/Box';import Se from'@mui/material/IconButton';import be from'@mui/material/CircularProgress';import he from'@mui/material/FormControl';import _ from'@mui/material/Select';import {styled}from'@mui/material/styles';var N=forwardRef((e,r)=>jsx(ge,{ref:r,viewBox:"0 0 8 8",fontSize:"small",...e,children:jsx("path",{d:"M6.63965 0.102539C6.75727 0.0997602 6.87304 0.133137 6.97168 0.197266C7.07023 0.261345 7.14718 0.353407 7.19238 0.461914C7.23757 0.570522 7.24961 0.690513 7.22559 0.805664C7.20154 0.920834 7.1425 1.02595 7.05762 1.10742L7.05664 1.10938L4.56738 3.59766L4.49512 3.66992L7.05762 6.23242C7.11359 6.28617 7.15865 6.35066 7.18945 6.42188C7.22023 6.49308 7.23648 6.5699 7.2373 6.64746C7.23809 6.72499 7.22359 6.80223 7.19434 6.87402C7.16499 6.9459 7.1213 7.0115 7.06641 7.06641C7.01149 7.12132 6.94592 7.16498 6.87402 7.19434C6.8022 7.22362 6.72502 7.23809 6.64746 7.2373C6.56987 7.23649 6.4931 7.22024 6.42188 7.18945C6.35064 7.15865 6.28618 7.1136 6.23242 7.05762L6.23145 7.05664L3.74219 4.56836L3.66992 4.49512L3.59766 4.56836L1.1084 7.05664L1.10742 7.05762C1.05365 7.11362 0.989227 7.15864 0.917969 7.18945C0.846721 7.22025 0.769997 7.2365 0.692383 7.2373C0.614798 7.23809 0.537661 7.22364 0.46582 7.19434C0.393921 7.16498 0.328351 7.12132 0.273438 7.06641C0.218559 7.01151 0.174849 6.94589 0.145508 6.87402C0.116258 6.80223 0.101751 6.72498 0.102539 6.64746C0.103364 6.5699 0.119618 6.49308 0.150391 6.42188C0.181198 6.35065 0.226245 6.28617 0.282227 6.23242L2.84473 3.66992L2.77246 3.59766L0.283203 1.10938L0.282227 1.1084L0.224609 1.04297C0.172384 0.974382 0.136093 0.894624 0.118164 0.80957C0.0942576 0.695891 0.104774 0.577375 0.148438 0.469727C0.192107 0.362124 0.266971 0.269962 0.363281 0.205078C0.459591 0.140238 0.573348 0.105497 0.689453 0.105469C0.767281 0.105527 0.844313 0.121103 0.916016 0.151367C0.987801 0.181723 1.05308 0.226359 1.10742 0.282227L3.66992 2.84473L6.23242 0.282227C6.33914 0.171037 6.48558 0.106239 6.63965 0.102539Z",fill:"#20232B",stroke:"white",strokeWidth:.20511})}));N.displayName="DefaultClearIcon";var y=N;function M({size:e=20,color:r="grey.A400",...n}){return jsx(be,{size:e,sx:{backgroundColor:"transparent",color:r},...n})}function B({endAdornmentProp:e,isLoading:r,showClear:n,showMenuArrow:l,menuOpen:m,IconComponent:s,ClearIconComponent:f=y,onClear:d,onClearDefault:p}){return !(e||n||r||l)?null:jsxs(U,{className:"SelectBase-endAdornmentRoot",component:"span",children:[e,r?jsx(M,{}):null,!r&&n?jsx(Se,{className:"SelectBase-clearIconButton",type:"button",tabIndex:0,size:"small","aria-label":"Clear selection",onMouseDown:t=>{t.preventDefault(),t.stopPropagation();},onClick:t=>{t.preventDefault(),t.stopPropagation(),d?d():p();},sx:t=>({p:"1px",flexShrink:0,cursor:"pointer",color:"inherit",backgroundColor:"transparent",...s?{mr:2}:{},"&:hover":{backgroundColor:t.palette.action.hover},"&:focus-visible":{outline:`2px solid ${t.palette.primary.main}`,outlineOffset:1}}),children:jsx(f,{sx:{fontSize:8,width:8,height:8}})}):null,!r&&l&&!s&&jsx(U,{component:"span",className:`SelectBase-menuTriggerIcon${m?" SelectBase-menuTriggerIcon-open":""}`,"aria-hidden":true,children:jsx(a,{})})]})}function G(e,r){if(e==null)return false;if(Array.isArray(e))return e.length>0;if(typeof e=="object"){if(r){let l=r(e);return l!=null&&l!==""}let n=e.id;return n!=null&&n!==""}return String(e)!==""}var Z=styled(he)(({theme:e})=>({minWidth:52,height:"40px !important",maxHeight:"40px !important",backgroundColor:"transparent",width:"100%",cursor:"pointer","& .MuiInputBase-root":{cursor:"pointer"},"& .MuiInputBase-root.Mui-disabled":{cursor:"default"},"& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)",color:`${e.palette.grey[700]} !important`,height:"100%",pointerEvents:"none"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));styled(_)(({theme:e})=>({fontSize:"11px",lineHeight:"11px",color:e.palette.common.black,borderRadius:"4px",boxShadow:e.shadows[17],border:"none",outline:"none","&:focus":{border:"1px solid #1F88D0"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"rgba(0, 0, 0, 0.23)"},"&.Mui-focused fieldset":{border:"2px solid red"}},minWidth:52,height:"40px !important",maxHeight:"40px !important",width:"100%","& .MuiFormLabel-asterisk":{color:"red"},"& .MuiFormLabel-root":{fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%",transform:"translate(8px, 15px) scale(1)"},".MuiFormLabel-root.MuiFormLabel-filled":{transform:"translate(8px, 8px) scale(0.75) "},".MuiFormLabel-root.Mui-focused":{transform:"translate(8px, 8px) scale(0.75)",fontSize:"10px",fontStyle:"normal",fontWeight:500,lineHeight:"100%"}}));var J=styled("small")(({theme:e})=>({color:e.palette.error.main,fontSize:"10px",lineHeight:"10px",marginTop:"4px",display:"block"})),K=styled(_,{shouldForwardProp:e=>!["feedbackType","hasFeedback"].includes(e)})(({theme:e,error:r,feedbackType:n,hasFeedback:l})=>{let{borderColor:m}=aa(e,n),s=l?"4px 4px 0 0":"4px";return {width:"100%",height:"40px !important",maxHeight:"40px !important",borderRadius:s,overflow:"hidden",backgroundColor:e.palette.grey[400],"&.Mui-disabled":{backgroundColor:e.palette.grey[400]},".MuiSelect-select":{padding:"0 8px !important",height:"40px !important",maxHeight:"40px !important",display:"flex",alignItems:"flex-end !important",backgroundColor:`${e.palette.grey[400]} !important`,borderRadius:s,fontSize:"11px",cursor:"pointer","&:focus":{backgroundColor:`${e.palette.grey[400]} !important`}},"&.Mui-disabled .MuiSelect-select":{cursor:"default"},".MuiSelect-filled":{padding:"0 8px !important"},"&.MuiInputBase-adornedEnd":{display:"inline-flex",alignItems:"center",backgroundColor:e.palette.grey[400],gap:0},"&&.MuiInputBase-adornedEnd .MuiInputBase-input":{flex:"1 1 0%",minWidth:0,width:"auto",maxWidth:"100%"},"& .SelectBase-endAdornmentRoot":{display:"flex",alignItems:"center",flexShrink:0,gap:"8px",position:"relative",zIndex:1},"& .SelectBase-menuTriggerIcon":{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"inherit",lineHeight:0,"& svg, & .MuiSvgIcon-root":{transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter})}},"& .SelectBase-menuTriggerIcon-open svg, & .SelectBase-menuTriggerIcon-open .MuiSvgIcon-root":{transform:"rotate(180deg)"},"&.Mui-disabled .MuiSelect-icon":{color:"rgba(0, 0, 0, 0.38)"},"&.Mui-disabled .SelectBase-menuTriggerIcon":{cursor:"default",color:"rgba(0, 0, 0, 0.38)","& svg path":{fill:"rgba(0, 0, 0, 0.38)",stroke:"rgba(0, 0, 0, 0.38)"}},...n&&{border:`1px solid ${m}`},...l&&{borderBottom:"none"},...r&&{border:`1px solid ${e.palette.error.main}`}}}),Q=styled(U)(()=>({display:"flex",alignItems:"stretch",height:"100%",flexDirection:"column",flex:1,cursor:"pointer","&:has(.MuiInputBase-root.Mui-disabled)":{cursor:"default"}}));function Pe({required:e,hasError:r,label:n,value:l,helperText:m,feedback:s,onChange:f,options:d,isOptionEqualToValue:p,renderOption:h,getOptionValue:t,isLoading:I,children:Y,getOptionLabel:k,IconComponent:F,showClearIcon:j=false,ClearIconComponent:q=y,onClear:O,endAdornment:V,inputProps:ee,open:C,onOpen:w,onClose:L,...P},oe){let[te,re]=useState(false),ne=Bc(useId(),"select-base-multiple"),le=C??te,v=useCallback((o,a)=>{a?w?.(o):L?.(o),C===void 0&&re(a);},[w,L,C]),ae=o=>{f?.(o);},ie=()=>{let o=l?.filter(a=>a!=null)??[];return t?o.map(t):o.map(a=>a?.id)},se=useMemo(()=>d?.filter(o=>l?.some(a=>{if(a==null)return false;if(p)return p(o,a);if(t){let g=t(o),b=t(a);return g===b||String(g)===String(b)}let c=o?.id,i=a?.id;return c===i||String(c)===String(i)})),[d,l,p,t]),de=()=>se?.map(o=>k?k(o):o.label)?.join(", "),E=!!(P.disabled||I),pe=j&&G(l,t)&&!E,ce=jsx(B,{endAdornmentProp:V,isLoading:!!I,showClear:pe,showMenuArrow:!I,menuOpen:le,IconComponent:F,ClearIconComponent:q,onClear:O,onClearDefault:()=>f?.([])}),{isProvided:ue,isVisible:R,type:me}=Dc(s);return jsxs(Q,{children:[jsxs(Z,{id:ne,variant:"filled","data-testid":"SelectBase",required:e,children:[jsx(we,{id:`select-label-${n.trim()}`,"data-testid":"SelectBase_InputLabel",children:n}),jsx(K,{multiple:true,"data-testid":"SelectBase_Select",ref:oe,value:ie()??"",error:r&&!R,feedbackType:me,hasFeedback:R,disableUnderline:true,required:e,labelId:`select-label-${n.trim()}`,id:`select-label-${n.trim()}`,renderValue:de,...P,open:C,onOpen:o=>v(o,true),onClose:o=>v(o,false),inputProps:ee,disabled:E,IconComponent:F??(()=>null),endAdornment:ce,onChange:o=>{let c=o.target.value?.map(i=>d?.find(g=>{if(t){let A=t(g);return A===i||String(A)===String(i)}let b=g?.id;return b===i||String(b)===String(i)}));f?.(c?.filter(i=>i!=null)??[]);},children:Y||d?.map((o,a)=>{let c=p?p(o,l):o?.id===l?.id;return jsx(Le,{value:(t?t(o):o?.id)??"",onClick:()=>{ae(o);},sx:{fontSize:"12px",backgroundColor:i=>c?i.palette.action.hover:i.palette.common.white},children:h?h(o):o.label},`select-base-multiple-item-${a}`)})})]}),ue?jsx(ba,{...s}):jsx(J,{children:m})]})}var so=Ie.forwardRef(Pe);export{y as a,B as b,G as c,Z as d,J as e,K as f,Q as g,so as h};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {b}from'./chunk-
|
|
1
|
+
import {b}from'./chunk-NTWNTREL.js';import {memo,useCallback,Fragment as Fragment$1,createElement}from'react';import {useTranslation}from'react-i18next';import {jsx,Fragment}from'react/jsx-runtime';function B({isActiveFilterVisible:f,availableStatuses:v,status:e,onStatusChange:l,buttonSx:S}){let{t:I}=useTranslation(),d=f??false,b$1=useCallback(s=>s===e&&!d?"active":"inActive",[e,d]),u=useCallback(s=>{l?.(s);},[l]);return jsx(Fragment,{children:v?.map(({render:s,...a},o)=>{if(s)return jsx(Fragment$1,{children:s({status:e,onChange:u},{...a,index:o})},`custom-status-slot-${o}`);if(!Array.isArray(a.status))return createElement(b,{...a,key:`status-button-array-${a.status}`,variant:b$1(a.status),onClick:()=>{Array.isArray(a.status)||u(a.status);},buttonSx:S});if(!a.status)return null;let n=a.status.filter(Boolean).map(t=>typeof t=="string"?{value:t}:t)||[],c=!!e&&n.some(t=>t?.value===e);return jsx("div",{children:jsx(b,{...a,selectedStatus:c?e:void 0,variant:c?"active":"inActive",onButtonBodyClick:t=>u(t),dropdownOptions:n.map(t=>({label:t?.label||I(t?.value||""),status:t?.value,icon:t.icon,onClick:()=>u(t.value)})),buttonSx:S})},n[0]?.value??`status-group-${o}`)})})}var p=memo(B);var M=p;export{M as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {j as j$1,L,R as R$1}from'./chunk-
|
|
1
|
+
import {j as j$1,L,R as R$1}from'./chunk-K5D5X7HP.js';import {Bc,Ka}from'./chunk-4QNW7VH5.js';import {el,fl}from'./chunk-ZTNJXPMT.js';import {useId,useState,useEffect}from'react';import te from'@mui/material/ClickAwayListener';import g from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var S=styled(g)(()=>({width:157,padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"16px"})),z=styled(j$1,{shouldForwardProp:r=>r!=="open"&&r!=="size"})(({theme:r,open:o,size:i})=>{let{base:u,grey:p,brand:b}=r.v2.palette;return {fontSize:"11px",fontWeight:500,background:u.white,border:`1px solid ${p[100]}`,borderRadius:"19px",height:i==="large"?32:24,width:i==="large"?74:58,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...o&&{boxShadow:"0px 0px 4px 0px #1F88D080",borderColor:b[500]}}}),x=styled(g)(()=>({textAlign:"center",cursor:"pointer",userSelect:"none"})),F=styled(j$1,{shouldForwardProp:r=>r!=="selected"})(({theme:r,selected:o})=>{let{base:i,grey:u,brand:p}=r.v2.palette;return {fontSize:"11px",fontWeight:500,background:i.white,border:`1px solid ${u[100]}`,borderRadius:"4px",height:24,width:33,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...o&&{borderColor:"transparent",color:p[500],backgroundColor:alpha(p[500],.1)}}}),$=styled(g)(()=>({display:"flex",flexDirection:"column",gap:"4px"})),j=styled(g)(()=>({display:"flex",alignItems:"center",justifyContent:"center",gap:"4px"})),k=styled(g)(()=>({display:"flex",flexDirection:"column",justifyContent:"center",gap:"6px"})),I=styled(L)(()=>({flexGrow:1,maxWidth:"100%",".MuiInput-input":{fontWeight:"500",fontSize:"11px",textAlign:"center"},".MuiInput-root":{paddingInline:"8px"},height:32,width:32}));var _=r=>r===0?12:r<=12?r:r-12,ae=r=>r>=12?"PM":"AM",R=()=>new Date().getMinutes(),N=()=>{let r=new Date().getHours();return _(r)},ce=(r,o)=>o==="AM"&&r===12?0:o==="PM"&&r!==12?r+12:r;var G=["AM","PM"],f=12,h=59;function O({onChange:r,defaultTime:o,enableRealTimeChange:i,size:u="large"}){let p=Bc(useId(),"time-picker"),[b,H]=useState(null),[a,U]=useState(o?.period??(new Date().getHours()>=12?"PM":"AM")),[c,y]=useState(o?.hour??N()),[l,C]=useState(o?.minute??R()),v=!!b;useEffect(()=>{i&&r?.({hour:c,minute:l,period:a});},[c,l,a,i]);let q=e=>{H(e.currentTarget);},J=()=>{H(null),r?.({hour:c,minute:l,period:a});},K=e=>{U(e);},s=e=>e<10?`0${e}`:e.toString(),Q=e=>{let m=Ka(s(Number(e.target.value)));if(m>12){e.preventDefault();return}y(m);},D=()=>{y(e=>e===12?1:e+1);},E=()=>{y(e=>e===1?12:e-1);},V=e=>{let m=Ka(s(Number(e.target.value)));if(m>59){e.preventDefault();return}C(m);},X=()=>{C(e=>e===59?(D(),0):e+1);},Y=()=>{C(e=>e===0?(E(),59):e-1);};return jsx(te,{onClickAway:J,children:jsxs(g,{id:p,"data-testid":"TimePicker",children:[jsx(z,{size:u,open:v,onClick:q,children:`${s(c)}:${s(l)}${a.toLowerCase()}`}),jsx(R$1,{open:v,anchorEl:b,placement:"top-start",sx:{marginTop:"8px",marginBottom:"8px"},children:jsxs(S,{children:[jsxs(j,{children:[jsxs(k,{children:[jsx(x,{onClick:D,children:jsx("img",{src:el,alt:"arrow"})}),jsx(I,{type:"number",hideArrows:true,disableFocusRing:true,value:s(c),onChange:Q}),jsx(x,{onClick:E,children:jsx("img",{src:fl,alt:"arrow"})})]}),jsx(j$1,{children:":"}),jsxs(k,{children:[jsx(x,{onClick:X,children:jsx("img",{src:el,alt:"arrow"})}),jsx(I,{type:"number",hideArrows:true,disableFocusRing:true,value:s(l),onChange:V}),jsx(x,{onClick:Y,children:jsx("img",{src:fl,alt:"arrow"})})]})]}),jsx($,{children:G.map(e=>jsx(F,{onClick:()=>{K(e);},selected:a===e,children:e},e))})]})})]})})}var ve=O;export{_ as a,ae as b,R as c,N as d,ce as e,G as f,f as g,h,O as i,ve as j};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {p as p$1}from'./chunk-
|
|
1
|
+
import {p as p$1}from'./chunk-K5D5X7HP.js';import {Bc,f}from'./chunk-4QNW7VH5.js';import {ob}from'./chunk-ZTNJXPMT.js';import {useId}from'react';import {useTranslation}from'react-i18next';import {styled}from'@mui/material';import {motion}from'framer-motion';import {jsx,jsxs}from'react/jsx-runtime';var p=t=>({start:{x:t*6,transition:{duration:.3,type:"tween",ease:"easeIn"}},animate:{x:t*39,transition:{duration:.3,type:"tween",ease:"easeOut"}}}),s=styled(motion.span)(({order:t})=>({zIndex:(t||0)+1}));var g=({children:t})=>jsx("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"2px"},children:t});function x({value:t,index:o}){let m=Bc(useId(),"rating-count"),{t:d}=useTranslation();return jsx(p$1,{title:d("totalPaymentCount",{amount:f(t)}),wrapperProps:{display:"inline-flex"},children:jsx(s,{id:m,order:o,variants:p(o),"data-testid":"RatingCount",children:jsxs(g,{children:[jsx("img",{src:ob,alt:"star",style:{width:"10px",height:"10px"}})," ",(t||0)>1&&jsx("span",{style:{fontSize:"9.782px"},children:t})]})})})}export{x as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {r,p as p$1}from'./chunk-
|
|
1
|
+
import {r,p as p$1}from'./chunk-K5D5X7HP.js';import {Bc}from'./chunk-4QNW7VH5.js';import {useId,Fragment}from'react';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var u=styled(p)(({rows:e,columns:t})=>({display:"grid",gridTemplateColumns:`auto repeat(${t}, 1fr)`,gridTemplateRows:`auto repeat(${e}, 1fr)`,gap:"6px"})),L=styled(p)(()=>({width:24,position:"sticky",top:0,left:0,zIndex:3})),g=styled(p)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",fontSize:"10px",fontWeight:500,color:e.palette.grey[700],lineHeight:"100%",letterSpacing:"0",position:"sticky",top:0,zIndex:2,backgroundColor:"#fbfbfb"})),M=styled(p)(({theme:e,percentage:t=0})=>({width:"24px",height:"8px",borderRadius:"1px",backgroundColor:t===0?alpha(e.palette.grey[700],.1):alpha(e.palette.info.dark,t)})),O=styled(g)(()=>({fontSize:"9px",top:"auto",left:0,zIndex:1})),w=styled(p)(()=>({padding:"22px 12px",overflow:"auto",maxHeight:"480px"}));function x({xAxis:e,yAxis:t,series:n,isLoading:s,tooltip:l}){let c=Bc(useId(),"heat-map"),d=e.labels,y=t.labels;return jsxs(w,{id:c,"data-testid":"HeatMap",children:[jsxs(u,{className:"x-labels",rows:1,columns:d.length,children:[jsx(L,{}),d.map((r,i)=>jsx(g,{children:e.render?e.render(r):r},`x-${i}-${r}`))]}),jsx(u,{className:"y-labels",rows:y.length,columns:d.length,children:y.map((r$1,i)=>jsxs(Fragment,{children:[jsx(O,{sx:{minWidth:"25px"},children:t.render?t.render(r$1):r$1},`y-${i}-${r$1}`),d.map((m,h)=>{if(s)return jsx(r,{variant:"rectangular",width:"24px",height:"8px"},`${m}-${h}`);let f=n?.[m]?.[r$1]??{};return jsx(p$1,{title:l?.render&&f?.value?l.render(f,m,r$1):null,children:jsx(M,{percentage:f?.colorOpacityDegree})},`${m}-${h}`)})]},`y-${i}-${r$1}`))})]})}var H=[.06,.1,.2,.3,.4,.5,.6,.7,.8,.9,1];function D(e,t,n){if(t===n)return 0;let s=n-t,l=(e-t)/s,c=Math.floor(l*10);return H[Math.max(0,Math.min(10,c))]}var j=x;export{D as a,j as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {T,S as S$1,b as b$1}from'./chunk-
|
|
1
|
+
import {T,S as S$1,b as b$1}from'./chunk-K5D5X7HP.js';import {forwardRef,memo,createContext,useState,useRef,useCallback,useMemo,useContext}from'react';import {styled}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';var x=styled(T)(({theme:o})=>({[`& .${S$1.title}`]:{fontSize:"13px",fontWeight:700,lineHeight:o.typography.h6.lineHeight,borderBottom:`1px solid ${o.palette.divider}`,margin:0,padding:"16px 16px 16px 12px",color:o.palette.text.primary}})),y=styled("div")(({theme:o})=>({display:"flex",flexDirection:"column",gap:o.spacing(2),minWidth:"256px",padding:o.spacing(2)})),p=styled(b$1)(({theme:o})=>({paddingInline:o.spacing(3),paddingBlock:o.spacing(1),borderRadius:o.spacing(.5),minWidth:64,fontSize:"11px",fontWeight:o.typography.fontWeightMedium,color:o.palette.text.primary,textTransform:"none",border:`1px solid ${o.palette.divider}`,boxShadow:"none","&:hover":{boxShadow:"none",backgroundColor:o.palette.action.hover}})),D=styled("p")(({theme:o})=>({margin:0,fontSize:o.typography.fontSize,fontWeight:o.typography.fontWeightMedium,lineHeight:o.typography.body1.lineHeight})),S=styled("div")(({theme:o})=>({display:"flex",gap:o.spacing(1),justifyContent:"flex-end"}));var b=forwardRef(({message:o,title:t,confirmText:a,cancelText:i,onConfirm:r,onCancel:s,className:m,sx:e,...n},d)=>jsx(x,{ref:d,"data-testid":"ConfirmDialog",heading:t,className:m,sx:e,...n,children:jsxs(y,{children:[jsx(D,{children:o}),jsxs(S,{children:[jsx(p,{variant:"ghost",onClick:s,children:i||"No"}),jsx(p,{variant:"ghost",onClick:r,children:a||"Yes"})]})]})}));b.displayName="ConfirmDialog";var h=memo(b);var g=createContext(null);function M(){let o=useContext(g);if(!o)throw new Error("useConfirm must be used within <ConfirmDialogProvider>");return o}var H={open:false,message:null,title:void 0,confirmText:void 0,cancelText:void 0,sx:void 0,dismissible:true};function z({children:o}){let[t,a]=useState(H),i=useRef(null),r=useCallback(e=>{let n=i.current;n&&(i.current=null,a(d=>({...d,open:false})),n(e));},[]),s=useCallback(e=>new Promise(n=>{i.current?.(false),i.current=n,a({open:true,dismissible:e.dismissible??true,message:e.message,title:e.title,confirmText:e.confirmText,cancelText:e.cancelText,sx:e.sx});}),[]),m=useMemo(()=>({confirm:s}),[s]);return jsxs(g.Provider,{value:m,children:[o,jsx(h,{open:t.open,message:t.message,title:t.title,confirmText:t.confirmText,cancelText:t.cancelText,onConfirm:()=>r(true),onCancel:()=>r(false),onClose:t.dismissible?()=>r(false):void 0,sx:t.sx})]})}var O=memo(z);export{M as a,O as b};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {p}from'./chunk-
|
|
1
|
+
import {p}from'./chunk-K5D5X7HP.js';import {Wa,Bc,cb}from'./chunk-4QNW7VH5.js';import {Tk,ya,xa,wa,Qj}from'./chunk-ZTNJXPMT.js';import {memo,useId}from'react';import C from'@mui/material/Box';import O from'lodash/capitalize';import {useTranslation}from'react-i18next';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';var D=styled(C,{shouldForwardProp:o=>o!=="tableMode"})(({theme:o,tableMode:t})=>({fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"4px 8px",borderRadius:"24px",border:`1px solid ${o.palette.divider}`,color:o.palette.text.primary,height:Wa(t)?"18px":"24px"}));var e={DESKTOP:wa,PHONE:xa,TABLET:ya,TERMINAL:Tk};var i=o=>!!e[o];function S({type:o,isTextShown:t,tableMode:T,...E}){let p$1=Bc(useId(),"device-icon"),{t:v}=useTranslation(),m=i(o)?e[o]:null;return jsx(p,{title:m?`Device - ${cb((o??"").toLowerCase())}`:v("unKnown"),children:t?jsx(D,{id:p$1,"data-testid":"DeviceIcon",tableMode:T,children:o?O(o):"Unknown"}):jsx(C,{...E,id:p$1,"data-testid":"DeviceIcon",component:"img",src:o?m||Qj:Qj,alt:o})})}var b=memo(S);var X=b;export{e as a,i as b,X as c};
|