UNPKG

@multiversx/sdk-dapp-swap

Version:

A library to hold the main logic for swapping between tokens on the MultiversX blockchain

3 lines (2 loc) 1.07 kB
import{a as i}from"./chunk-B2L57S54.js";import{a as s,f as l}from"./chunk-DKQLHRWP.js";l();import o from"react";import C from"react-select";var j=({id:r,name:c,value:p,options:u,defaultValue:m,isSearchable:d,className:y="",disabledOption:a,disabled:f=!1,handleDisabledOptionClick:v,noOptionsMessage:b="No Tokens",onChange:g,onBlur:S,onFocus:T})=>{let n=o.useRef(null),t=e=>e.value===(a==null?void 0:a.value),h=()=>(e,{context:k})=>{let{label:O,value:D,token:N}=e,w=k==="menu",x=t(e);return o.createElement(i,s({},{inDropdown:w,label:O,value:D,token:N,isDisabled:x,handleDisabledOptionClick:v}))};return o.createElement("div",{className:"dapp-core-swap-select-container"},o.createElement(C,{ref:n,placeholder:"Select token",id:r,name:c,value:p,options:u,className:`dapp-core-swap-select ${y}`,isOptionDisabled:t,isDisabled:f,noOptionsMessage:()=>b||"No options",maxMenuHeight:260,onChange:e=>{g(e),n&&n.current!==null&&n.current.blur()},onBlur:S,onFocus:T,isSearchable:d,defaultValue:m,formatOptionLabel:h()}))};export{j as a}; //# sourceMappingURL=chunk-UAPVGDLO.js.map