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

Mojito secondary market is the platform to purchase NFT.

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