2 lines
4.1 KiB
JavaScript
2 lines
4.1 KiB
JavaScript
(self.webpackChunktradingview=self.webpackChunktradingview||[]).push([[6973],{33289:e=>{e.exports={item:"item-jkLmJiis",flag:"flag-jkLmJiis",text:"text-jkLmJiis",mobile:"mobile-jkLmJiis",selected:"selected-jkLmJiis"}},64069:e=>{e.exports={"country-list":"country-list-I1oZlw8z","list-contain":"list-contain-I1oZlw8z",list:"list-I1oZlw8z","one-column":"one-column-I1oZlw8z","country-list-wrapper":"country-list-wrapper-I1oZlw8z"}},71410:e=>{e.exports={"country-search":"country-search-Kmw4TESj",search:"search-Kmw4TESj",input:"input-Kmw4TESj","magnifier-icon":"magnifier-icon-Kmw4TESj","reset-icon":"reset-icon-Kmw4TESj"}},56973:(e,t,n)=>{"use strict";n.r(t),n.d(t,{CountryList:()=>x});var l=n(59496),o=n(97754),r=n(4889),c=n(74664),s=n(76594),i=n(90692),a=n(28353),u=n(47201),m=n(9745),d=n(78274),h=n(31261),p=n(55170),f=n(16539),g=n(71410);function v(e){const[t,n]=(0,l.useState)(""),{countries:o}=e,r=(0,u.createSafeMulticastEventHandler)((function(t){const n=t.currentTarget.value,l=o.filter(e=>e.name.trim().toLowerCase().startsWith(n.trim().toLowerCase()));n.length>0&&e.debounceOnScroll();l.length>0?e.searchCountries(l):e.searchCountries(o)}),e=>n(e.currentTarget.value)),c=l.createElement(d.StartSlot,null,l.createElement(m.Icon,{icon:p,className:g["magnifier-icon"]})),s=l.createElement(d.EndSlot,null,l.createElement(m.Icon,{icon:f,className:g["reset-icon"],onClick:function(){t.length>0?(n(""),e.searchCountries(o)):e.onClose()}}));return l.createElement("div",{className:g["country-search"]},l.createElement(h.InputControl,{value:t,type:"text",className:g.search,inputClassName:g.input,placeholder:a.t("Search Country"),onChange:r,reference:function(e){e&&e.focus()},startSlot:c,endSlot:s,highlight:!1,stretch:!0}))}var w=n(33289);function E(e){const{country:t,isSelected:n,isMobile:r,onSelected:c}=e;return l.createElement("div",{className:o(w.item,r&&w.mobile,n&&w.selected),onClick:()=>c(t)},l.createElement("img",{alt:"",src:t.iconUrl,className:w.flag}),l.createElement("span",{className:w.text},t.name))}function C({countries:e,selectedCountry:t,isMobile:n,onSelected:o}){return e.map(e=>l.createElement(E,{key:e.code,country:e,isSelected:Boolean(t&&t.code===e.code),isMobile:n,onSelected:o}))}var S=n(81e3),y=n(62820),k=n(64069);const N={horizontal:(0,y.isRtl)()?"right":"left",vertical:"top"},b={horizontal:(0,y.isRtl)()?"right":"left",vertical:"top"};function x(e){const{selectedCountry:t,className:n,attachment:a=N,targetAttachment:u=b}=e,[m,d]=(0,l.useState)(e.countries),[h,p]=(0,l.useState)(!1),f=(0,l.useRef)(null),g=(0,r.default)((function(){var e;null===(e=f.current)||void 0===e||e.scrollIntoView({block:"nearest"})}),400),w=o({[k["one-column"]]:h}),E=o(k.list,w);return l.createElement(i.MatchMedia,{rule:`screen and (max-width: ${c.breakpoints.phone}px)`},r=>r?l.createElement(S.PopupDialog,{isOpened:!0,fullscreen:!0},l.createElement("div",{className:o(n,k["country-list"]),ref:f},l.createElement(v,{onClose:e.onClose,countries:e.countries,searchCountries:M,debounceOnScroll:g}),l.createElement("div",{className:k["list-contain"]
|
|
},l.createElement("div",{className:E},C({countries:m,selectedCountry:t,onSelected:x,isMobile:!1}))))):l.createElement(s.OutsideEvent,{mouseDown:!0,handler:y},r=>l.createElement("div",{ref:r,className:k["country-list-wrapper"],style:{[u.horizontal]:0,[u.vertical]:0}},l.createElement("div",{className:o(n,k["country-list"]),ref:f,style:{[a.horizontal]:-5,[a.vertical]:-5}},l.createElement(v,{onClose:e.onClose,countries:e.countries,searchCountries:M,debounceOnScroll:g}),l.createElement("div",{className:k["list-contain"]},l.createElement("div",{className:E},C({countries:m,selectedCountry:t,onSelected:x,isMobile:!1})))))));function y(){e.onClose()}function x(t){e.onSelected(t),e.onClose()}function M(e){d(e),p(e.length<84)}}},55170:e=>{e.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" fill="none"><path stroke="currentColor" d="M11.85 11.93A5.48 5.48 0 0 0 8 2.5a5.5 5.5 0 1 0 3.85 9.43zm0 0L16 16"/></svg>'},16539:e=>{e.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12" width="14" height="12"><g fill="none" fill-rule="evenodd" stroke="#9DB2BD"><path d="M1 0l12 12M13 0L1 12"/></g></svg>'}}]); |