@mojito-inc/secondary-market/cjs/component/CollectionListDropDown.js

Mojito secondary market is the platform to purchase NFT.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material/Stack"),l=require("@mui/material/Select"),r=require("@mui/material/MenuItem"),n=require("@mui/material/Typography"),o=require("@mui/material/Box"),u=require("@mui/material/styles"),a=require("@mui/icons-material/KeyboardArrowDown"),d=require("../provider/CollectionFilterProvider.js");exports.default=({selectedValue:s,title:p,menu:c,onChangeValue:x})=>{var m,h;const v=u.useTheme(),[g,f]=i.useState(!1),{selectedCollection:b}=d.useFilterData(),C=i.useCallback((()=>{f(!g)}),[g]);return e.jsxs(t,{sx:{maxHeight:"75px",borderRadius:"5px",position:"relative",backgroundColor:null===(h=null===(m=v.palette.appDefaultColor)||void 0===m?void 0:m.secondary)||void 0===h?void 0:h.light,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsx(o,{onClick:C,sx:{position:"absolute",zIndex:1,right:"10px",cursor:"pointer"},children:e.jsx(a,{sx:{fontSize:"16px"}})}),p&&e.jsx(n,{sx:{paddingTop:"8px",paddingLeft:"10px",fontSize:"10px",fontWeight:"500"},children:p}),e.jsx(l,{"data-testid":"default-dropdown",sx:{width:"100%",border:"none",maxHeight:"40px",boxShadow:"none",".MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{border:0}},onClick:C,open:g,onClose:()=>f(!1),inputProps:{IconComponent:()=>null},value:s,renderValue:i=>e.jsx(o,{sx:{display:"flex",gap:1,fontSize:"14px",alignItems:"center",justifyContent:"center",height:"30px",width:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(n,{sx:{fontWeight:700,fontSize:"14px"},children:i})}),onChange:e=>{const i=null==c?void 0:c.filter((i=>(null==i?void 0:i.label)===e.target.value)).map((e=>null==e?void 0:e.value))[0];x(i),f(!1)},children:null==c?void 0:c.map((i=>e.jsx(r,{value:null==i?void 0:i.label,sx:{"&.Mui-selected":{backgroundColor:"transparent"},paddingY:"10px"},style:{margin:"-7px 0",backgroundColor:(null==i?void 0:i.value)===b?v.palette.primary.main:""},children:null==i?void 0:i.label},null==i?void 0:i.value)))})]})};