@tap-payments/os-micro-frontend-shared 0.3.62 → 0.3.63

package/build/_chunks/chunk-RTPSKB2B.js

@@ -1 +0,0 @@
-import {a as a$4}from'./chunk-HCZBZTHK.js';import {a as a$2}from'./chunk-AKJKJP6C.js';import {a as a$3}from'./chunk-MDFWWFT5.js';import {a}from'./chunk-GNY2VGGW.js';import {a as a$1}from'./chunk-6OBS7WRS.js';import {tb,Cb,A as A$1,Ab,Nc}from'./chunk-ARL3R4Y2.js';import re,{useState,useRef,useMemo}from'react';import {Box,CircularProgress,Typography}from'@mui/material';import le from'@mui/material/ClickAwayListener';import f from'@mui/material/Box';import j from'@mui/material/Input';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';styled(a)(({theme:e})=>({fontSize:"10px",color:e.palette.grey[700],fontWeight:600,lineHeight:"10px"}));styled(a)(({theme:e})=>({fontSize:"11px",color:e.palette.text.primary,fontWeight:600,lineHeight:"14.3px",width:200}));styled(f)(()=>({display:"flex",flexDirection:"column",maxHeight:400,overflow:"auto",gap:"8px"}));var A=styled(j)(({theme:e})=>({width:"inherit",height:32,padding:"11px 12px",fontSize:"10px",borderRadius:"5px",backgroundColor:"#F9F9F9",border:"1px solid transparent","&.Mui-focused":{borderColor:e.palette.info.dark}}));styled(a$1)(()=>({padding:0,width:12,height:12,".MuiSvgIcon-root, img":{width:12,height:12}}));var L=styled(f)(()=>({display:"flex",flexDirection:"column",gap:"8px",padding:"4px"})),B=styled(f)(()=>({display:"flex",gap:"8px",padding:"4px",flexWrap:"wrap",paddingInlineEnd:"20px"})),M=styled(f)(({theme:e,maxWidth:p})=>({display:"flex",padding:"4px 8px 4px 6px",alignItems:"center",gap:"4px",borderRadius:"13px",backgroundColor:`${e.palette.info.dark}1a`,fontSize:"10px",fontWeight:500,cursor:"pointer",...p&&{maxWidth:`${p}%`}}));styled(a)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",fontSize:"10px",fontWeight:500,color:e.palette.common.black,cursor:"pointer",padding:8}));var H=styled(f)(({theme:e})=>({width:"100%",flexDirection:"column",border:`1px solid ${e.palette.grey[100]}`,borderRadius:"4px",backgroundColor:e.palette.grey[400],minWidth:"89px",position:"relative"})),z=styled(f)(()=>({position:"absolute",right:8,bottom:13.5,width:15,height:15}));var D=(e,p,l)=>e.map(n=>{let c=n?.options.map(i=>{let S=i?.options?.filter(r=>l.some(d=>r?.[d]?.toLowerCase().includes(p.toLowerCase())));return {...i,options:S}}).filter(i=>i?.options?.length>0);return {...n,options:c}}).filter(n=>n?.options?.length>0);function N({childOption:e,selectedOptions:p,onChangeOptions:l}){let[n,c]=useState(null),i=r=>{l([...p||[],r]);},S=r=>{l(p?.filter(d=>d.value!==r.value)||[]);};return jsxs(a$2,{onMouseEnter:r=>{e.options?.length>0&&c(r.currentTarget);},onMouseLeave:()=>{n&&c(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"220px",minWidth:"89px"},children:[e.label,jsx("img",{src:tb,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!n,anchorEl:n,placement:"right-start",children:e.options?.map(r=>{let a=!!p?.find(m=>m.value===r.value);return jsx(a$2,{isSelected:a,onClick:m=>{m.stopPropagation(),m.preventDefault(),a?S(r):i(r);},children:jsx(Box,{sx:{flex:1,maxWidth:"220px",minWidth:"89px"},children:r.label})},r.value)})})]})}function G({parentOption:e,selectedOptions:p,onChangeOptions:l}){let[n,c]=useState(null);return jsxs(a$2,{onMouseEnter:i=>{e.options?.length>0&&c(i.currentTarget);},onMouseLeave:()=>{n&&c(null);},children:[jsxs(Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",flexGrow:1,alignItems:"center",maxWidth:"340px",minWidth:"89px"},children:[e.label,jsx("img",{src:tb,className:"arrow-icon",alt:"arrow"})]}),jsx(a$3,{sx:{maxHeight:"450px",overflow:"auto"},open:!!n,anchorEl:n,placement:"right-start",children:e.options?.map(i=>jsx(N,{childOption:i,selectedOptions:p,onChangeOptions:l},i.label))})]})}function ae({nestedOptions:e,onChangeOptions:p,selectedOptions:l,placeholder:n,isLoading:c,searchBy:i=["label"],disabled:S}){let[r,d]=useState(null),[a,m]=useState(""),q=useRef(null),y=!!r,J=t=>{d(y?null:t.currentTarget);},K=()=>{d(null);},Q=()=>{a&&m("");},Y=useMemo(()=>a?D(e,a,i):e,[e,a,i]),Z=c?jsx(CircularProgress,{size:16}):jsx(a$4,{src:a?Cb:A$1,alt:a?"close":"search",onClick:Q,sx:{width:12,height:12}}),x=Number(l?.length??0);return jsx(le,{onClickAway:()=>{y&&K();},children:jsxs(H,{id:"TriggerWrapper","data-testid":"MultiSelectWithSearch",onClick:t=>!S&&J(t),ref:q,children:[jsx(Typography,{color:"grey",sx:{cursor:"pointer",fontSize:"10px",padding:"4px"},component:"label",children:n}),x===0&&jsx(Typography,{sx:{fontWeight:500,fontSize:"11px",padding:"0px 4px 4px"},component:"p",children:"Please Select"}),jsx(z,{component:"img",src:Ab,alt:"down arrow",sx:{...y&&{transform:"rotate(180deg)"}}}),!!x&&jsx(B,{id:"SelectedBadgesWrapper",children:x>0&&x<=2?l?.map(t=>jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]},t.value)):x>2&&l?.slice(0,2)?.map((t,b)=>jsxs(re.Fragment,{children:[jsxs(M,{maxWidth:90,children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{children:t.label})]}),b===1&&jsx(M,{maxWidth:90,children:jsxs("span",{children:["+",x-2]})})]},t.value))}),jsx(a$3,{open:y,anchorEl:r,sx:{margin:"8px 0",maxHeight:330,overflow:"auto",maxWidth:"340px"},children:jsxs(L,{children:[jsx(A,{placeholder:n||"Select",endAdornment:Z,onClick:t=>{t.stopPropagation();},value:a,onChange:t=>{m(t.target.value);},disableUnderline:true,sx:{cursor:"default",width:"100%",backgroundColor:"white",border:"1px solid #F2F2F2",...e.length&&{marginBottom:"4px"},...a&&{cursor:"pointer"}}}),jsx(B,{children:l?.map(t=>jsxs(M,{sx:{maxWidth:"150px"},onClick:b=>{b.stopPropagation(),b.preventDefault(),p(l?.filter(_=>_.value!==t.value)||[]);},children:[jsx(a$4,{src:Nc,alt:"blue-check",sx:{width:10,height:7.5}}),jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t.label}),jsx(a$4,{src:Cb,alt:"close",sx:{width:9,height:9}})]},t.value))}),Y?.map(t=>jsx(G,{parentOption:t,selectedOptions:l,onChangeOptions:p},t.label))]})})]})})}var X=ae;var Qe=X;export{N as a,G as b,Qe as c};