@tap-payments/os-micro-frontend-shared 0.3.217-test.1 → 0.3.217-test.2

package/build/_chunks/chunk-MXSGGLPZ.js

@@ -1 +0,0 @@
-import {j,P as P$1,O,V as V$1,R as R$1,d as d$1}from'./chunk-U5S2TDEO.js';import {lc,kc}from'./chunk-ZHEAWCTY.js';import {Pc}from'./chunk-M5HS3EYQ.js';import {forwardRef,useRef,useState,memo}from'react';import we from'@mui/material/ClickAwayListener';import Te from'@mui/material/CircularProgress';import be from'@mui/material/SvgIcon';import {jsx,jsxs}from'react/jsx-runtime';import g from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';var d="os-shared-GroupedSelect",n={root:`${d}-root`,trigger:`${d}-trigger`,triggerIcon:`${d}-triggerIcon`,menu:`${d}-menu`,groups:`${d}-groups`,group:`${d}-group`,groupLabel:`${d}-groupLabel`,option:`${d}-option`,optionCheck:`${d}-optionCheck`};function P({open:e}){return jsx(be,{viewBox:"0 0 8 5",sx:{width:8,height:5,transform:e?"rotate(180deg)":"none",transition:"transform 0.2s ease"},children:jsx("path",{d:"M7.30273 0.117188C7.3806 0.115307 7.4565 0.138248 7.52051 0.182617C7.58455 0.227088 7.63373 0.290458 7.66211 0.363281C7.69046 0.436073 7.69761 0.516047 7.68262 0.592773C7.66777 0.668745 7.63069 0.738375 7.57715 0.793945L4.17285 4.43164C4.10255 4.50662 4.00523 4.55078 3.90234 4.55078C3.79964 4.55064 3.703 4.5065 3.63281 4.43164L0.227539 0.794922L0.228516 0.793945C0.175799 0.738766 0.139848 0.669812 0.125 0.594727C0.11011 0.519097 0.116275 0.440194 0.143555 0.368164C0.170957 0.296002 0.218752 0.232474 0.28125 0.1875C0.343758 0.14262 0.418162 0.11821 0.495117 0.118164C0.546901 0.118166 0.598306 0.12907 0.645508 0.150391C0.691832 0.171346 0.733094 0.201824 0.767578 0.239258L3.90234 3.58691L7.03711 0.239258C7.10547 0.164191 7.20108 0.119752 7.30273 0.117188Z",fill:"#20232B",stroke:"#20232B",strokeWidth:.233333})})}var W=styled(g,{shouldForwardProp:e=>e!=="open"&&e!=="disabled"})(({disabled:e})=>({display:"flex",alignItems:"center",cursor:e?"not-allowed":"pointer",position:"relative",maxWidth:"100%"})),A=styled(g,{shouldForwardProp:e=>e!=="disabled"&&e!=="$hasLabel"})(({theme:e,disabled:t,$hasLabel:p=true})=>{let S=p?40:32;return {flex:1,minWidth:0,height:S,maxHeight:S,borderRadius:"4px",overflow:"hidden",backgroundColor:e.palette.grey[400],cursor:t?"default":"pointer",position:"relative",display:"flex",flexDirection:"column",justifyContent:p?"flex-end":"center",padding:"0 28px 0 8px"}}),R=styled(j,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t})=>({fontSize:"10px",fontWeight:500,lineHeight:"10px",color:t?e.palette.text.disabled:e.palette.grey[700],whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingTop:8})),B=styled(g,{shouldForwardProp:e=>e!=="$placeholder"&&e!=="$disabled"})(({theme:e,$placeholder:t,$disabled:p})=>({fontSize:"11px",lineHeight:"11px",color:p?e.palette.text.disabled:t?e.palette.text.secondary:"#000",height:22,display:"flex",alignItems:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingBottom:4})),D=styled(g,{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t})=>({position:"absolute",right:8,top:"50%",transform:"translateY(-50%)",width:16,height:16,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",opacity:t?e.palette.action.disabledOpacity:1})),F=styled(g)(()=>({display:"flex",flexDirection:"column",maxHeight:180,overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"#E5E5E5 #E5E5E5"})),z=styled(P$1)(({theme:e})=>{let t=`1px solid ${alpha(e.palette.common.black,.1)}`;return {flexShrink:0,border:0,borderRadius:0,"&.Mui-expanded:not(:last-of-type)":{borderBottom:t},[`&:last-of-type .${O.summary}`]:{borderBottom:"none"},[`&.Mui-expanded:last-of-type .${O.summary}`]:{borderBottom:t},[`& .${O.summary}`]:{backgroundColor:e.palette.common.white,borderBottom:t,minHeight:28,height:"auto","& .MuiAccordionSummary-content":{margin:"auto"},"&.Mui-expanded":{backgroundColor:"#F8F8F8",minHeight:28,height:"auto"}},[`& .${O.content}`]:{borderTop:"none"}}}),K=styled(j)(({theme:e})=>({fontSize:"10px",color:e.v2.palette.grey[500],fontWeight:600,lineHeight:"10px"})),V=styled(V$1)(()=>({fontSize:"10px",fontWeight:500,textTransform:"none",justifyContent:"space-between",padding:"8px 20px"}));function Ee(e,t){return e?.id===t?.id}var Y=forwardRef(({id:e,label:t,placeholder:p,renderValue:S,IconComponent:Z,isLoading:J=false,groups:Q,value:f,onChange:U,isOptionEqualToValue:X=Ee,renderOption:_,renderGroupLabel:ee,open:oe,onOpenChange:te,expandedGroupIndex:G,defaultExpandedGroupIndex:re=0,onExpandedGroupChange:le,disabled:c=false,sx:ne,menuSx:ae,className:de},ie)=>{let C=useRef(null),[$,se]=useState(null),[pe,ce]=useState(re),s=oe??$!==null,u=$??C.current,ue=G??pe,w=useRef(void 0);s&&u&&u.clientWidth>0&&(w.current=u.clientWidth);let me=w.current,h=(o,r)=>{se(r),te?.(o);},ge=o=>{if(c)return;let r=!s;h(r,r?o.currentTarget:null);},T=()=>{s&&h(false,null);},Se=o=>{o.key==="Escape"&&T();},fe=(o,r)=>{let a=r?o:null;G===void 0&&ce(a),le?.(a);},he=o=>{o.disabled||(U?.(o),h(false,null));},E=S?.(f)??f?.label??null,L=Z;return jsx(we,{onClickAway:T,children:jsxs(W,{ref:ie,id:e,"data-testid":"GroupedSelect",className:lc(n.root,de),sx:ne,open:s,disabled:c,onClick:ge,onKeyDown:Se,children:[jsxs(A,{ref:C,className:n.trigger,disabled:c,$hasLabel:t!=null,children:[t!=null&&jsx(R,{$disabled:c,children:t}),jsx(B,{$placeholder:E==null,$disabled:c,children:E??p??""}),jsx(D,{className:n.triggerIcon,$disabled:c,children:J?jsx(Te,{size:14,sx:{color:"text.secondary"}}):L?jsx(L,{className:lc(s&&"MuiSelect-iconOpen")}):jsx(P,{open:s})})]}),jsx(R$1,{open:s,anchorEl:u,placement:"bottom-start",className:n.menu,sx:kc({width:me??u?.clientWidth,marginTop:"4px"},ae),children:jsx(F,{className:n.groups,onClick:o=>o.stopPropagation(),onMouseDown:o=>o.stopPropagation(),children:(Q??[]).map((o,r)=>jsx(z,{className:n.group,expanded:ue===r,onChange:a=>fe(r,a),slotProps:{root:{square:true}},label:ee?.(o.group,r)??jsx(K,{variant:"caption",className:n.groupLabel,children:o.group}),content:(o?.options||[]).map((a,ye)=>{let xe=X(a,f);return jsxs(V,{className:n.option,startAdornment:null,isDisabled:a.disabled,onClick:()=>he(a),children:[_?.(a)??a.label,xe&&jsx(d$1,{src:Pc,alt:"selected",sx:{width:14,height:10},className:n.optionCheck})]},`${r}-${ye}`)})},`${r}`))})})]})})});Y.displayName="GroupedSelect";var Le=memo(Y);export{n as a,Le as b};