monica-alexandria 3.16.0 → 3.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -711,7 +711,7 @@ import e,{createContext as t,useContext as n,useState as r,useEffect as a}from"r
711
711
  grid-template-columns: auto 1fr;
712
712
  align-items: flex-start;
713
713
  grid-column-gap: 2rem;
714
- `,Te=t=>{const{region:r}=n(ke),{setCode:a}=n(Ae);return e.createElement(ze,null,e.createElement(xe,null,e.createElement("select",{value:selectedCode,onChange:e=>a(e.target.value),className:"Dropdown_EmojiAdapt"},e.createElement("option",{value:"Greece",selected:"Greece"===r},"🇬🇷 +30"))),e.createElement(Ee,{value:t.value,className:t.className,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,disabled:t.disabled,required:t.required,errors:t.errors,helpers:t.helpers,successes:t.successes,tips:t.tips,list:t.list,icon_ListItem:t.listIcon,defaultListItem:t.defaultListItem,onAdd:t.onAdd,add:t.add,onDelete:t.onDelete,onDeleteDefault:t.onDeleteDefault}))},je=i.div`
714
+ `,Te=t=>{const{region:r}=n(ke),{setCode:a}=n(Ae);return e.createElement(ze,null,e.createElement(xe,null,e.createElement("select",{onChange:e=>a(e.target.value),className:"Dropdown_EmojiAdapt"},e.createElement("option",{value:"Greece",selected:"Greece"===r},"🇬🇷 +30"))),e.createElement(Ee,{value:t.value,className:t.className,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,disabled:t.disabled,required:t.required,errors:t.errors,helpers:t.helpers,successes:t.successes,tips:t.tips,list:t.list,icon_ListItem:t.listIcon,defaultListItem:t.defaultListItem,onAdd:t.onAdd,add:t.add,onDelete:t.onDelete,onDeleteDefault:t.onDeleteDefault}))},je=i.div`
715
715
  margin-bottom: ${e=>e.last?"0":"2rem"};
716
716
 
717
717
  h4{
package/dist/index.js CHANGED
@@ -1974,4 +1974,4 @@
1974
1974
  display: grid;
1975
1975
  grid-template-columns: 1fr 1fr;
1976
1976
  grid-gap: 2rem;
1977
- `;exports.Actions_=L,exports.Alert=Kn,exports.AlertContainer=Jn,exports.AlertIcon=Yn,exports.AlertSingle=Xn,exports.Alert_=e=>a.default.createElement(Kn,{storybook:e.storybook},e.messages.slice(0,3).map(((e,t)=>a.default.createElement(Xn,{status:e.message.status,key:t},a.default.createElement(Yn,null,a.default.createElement(u,{class_Icon:"Loading"===e.message.status?"Loading":"",Icon:"Error"===e.message.status?"Xicon":"Loading"===e.message.status?"Loading":"Check"})),a.default.createElement(Jn,null,a.default.createElement("h6",null,e.message.text)))))),exports.AsideContext=xe,exports.Builder_=e=>a.default.createElement(oe,{noPads:e.noPads},a.default.createElement(ke,{last:e.last,key:e.key},e.title?a.default.createElement("h4",null,e.title):null,e.children)),exports.Card=S,exports.CardsForty=zn,exports.CardsFull=Rn,exports.CardsSixty=Tn,exports.CardsTools=Nn,exports.Checkbox_=e=>a.default.createElement(Ce,{className:e.className,key:e.key,onClick:e.onClick},e.withInput?a.default.createElement(Le,{disabled:e.disable},a.default.createElement(se,{placeholder:e.placeholder,disabled:e.disable,checked:e.checked})):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(Me,{className:"Check"},a.default.createElement("input",{type:"checkbox",id:e.id,onChange:e.onChange,checked:e.checked}),a.default.createElement("span",{className:"CheckCustom"}),a.default.createElement(u,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.CodeContext=_e,exports.Confirmation_=e=>a.default.createElement(W,{storybook:e.storybook},a.default.createElement(q,{storybook:e.storybook},a.default.createElement("h4",null,e.message),a.default.createElement(U,null,a.default.createElement(x,{onClick:e.onYes,iconLeft:"Check",text:e.yes}),a.default.createElement(y,{onClick:e.onNo,iconLeft:"Xicon",text:e.no})))),exports.Cta_=c,exports.Delete_Plain=b,exports.Dropdown_=fe,exports.Edit_=e=>a.default.createElement(s,{size:"normal",onClick:e.onClick},a.default.createElement(u,{Icon:e.icon})),exports.Elastic_Search=t=>{let n={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:t.fileKeys},r=t.file;const[o,i]=e.useState({query:"",file:r,notfoundmessage:!1,defaultValue:t.defaultValue}),[l,c]=e.useState(!1),[s,d]=e.useState(0),[f,h]=e.useState(t.list),m=e=>{t.onSuggestions(e),i({...o,query:"",defaultValue:"string"==typeof e?e:e[t.returnKey]})},g=e=>{"ArrowUp"==e.key&&(e.preventDefault(),d(0===s?l.length-1:s-1)),"ArrowDown"==e.key&&(e.preventDefault(),s===l.length-1?d(0):d(s+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),m("string"==typeof l[s]?l[s]:l[s][t.returnKey]))};return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new St(r,n);let a=o.query?e.search(o.query):r;a=a.slice(0,t.size),c(a)}),[o]),e.useEffect((()=>{t.getInput&&l?.length>0?t.getInput(l[0]?.item):t.getSuggestions&&l?.length>0&&o.query.length?t.getSuggestions(l):t.getSuggestions&&!o.query.length&&t.getSuggestions([])}),[l]),a.default.createElement(It,null,a.default.createElement($t,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=At.toGreek(r);i({...o,query:t.sanitize?a:r})},defaultValue:o.defaultValue,onKeyPress:e=>g(e),onKeyDown:e=>g(e),list:t.list}),a.default.createElement(Nt,null,t.placeholder),t.required?a.default.createElement(te,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,t.list?a.default.createElement(y,{size:"small",text:t.addText,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let n=JSON.parse(JSON.stringify(t.list));n.push(e),t.updateItemList(n),h(n)})(t.value)}):null,o.query&&l?a.default.createElement(Rt,null,l.slice(0,6).map(((e,n)=>a.default.createElement("li",{className:n===s%l.length?"ElasticSelected":"",key:n,onClick:()=>m(e?.item?e.item[t.returnKey]:e[t.returnKey])},a.default.createElement("p",null,e?.item?e.item[t.returnKey]:e[t.returnKey]))))):null,t.list?a.default.createElement(zt,null,a.default.createElement("h5",null,t.listItemTitle),f.map(((e,n)=>a.default.createElement("li",{key:n},a.default.createElement(u,{Icon:t.icon_ListItem}),a.default.createElement("h6",null,e),a.default.createElement(b,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let n=JSON.parse(JSON.stringify(t.list));n.splice(e,1),t.updateItemList(n),h(n)})(n)}))))):null)},exports.FadeIn=qn,exports.Focus_=f,exports.Focus_Plain=e=>a.default.createElement(h,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.Form=oe,exports.FormGroup=ce,exports.FormInput=ie,exports.FormLabel=le,exports.FormList=ue,exports.Forty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.xl?r(4):e<=G.xl&&e>G.md&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("load",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(Wn,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Full_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.lg?r(10):e<=G.lg&&e>G.md?r(6):e<=G.md&&e>G.sm?r(4):e<=G.sm&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("load",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(On,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Google_Search=t=>{let n={includeScore:!0,keys:t.fileKeys};const[r,o]=e.useState([]),[i,l]=e.useState([]);e.useEffect((()=>{o(t.file)}),[t.file]);const[c,s]=e.useState({query:"",file:r,notfoundmessage:!1,defaultValue:t.defaultValue});return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new St(r,n);let a=c.query?e.search(c.query):r;t.getResults(c.query?.length?a:[]),l(a),0==c.query?.length?t.getSize(0):t.getSize(a?.length),c.query?.length>0?t.getInput(!0):t.getInput(!1)}),[c]),a.default.createElement(jt,null,a.default.createElement(Bt,null,a.default.createElement(Zt,{placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=Tt.toGreek(r);s({...c,query:t.sanitize?a:r})},defaultValue:c.defaultValue,disabled:t.disabled}),a.default.createElement(Pt,null,t.placeholder),a.default.createElement(Dt,null,a.default.createElement(u,{Icon:"Search"}))))},exports.Grey_=g,exports.Grey_Link=e=>a.default.createElement(p,{size:e.size,onClick:e.onClick,noPadding:e.noPadding},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.HamContext=pe,exports.IconSvg=u,exports.Input_=se,exports.Input_Phone=t=>{const{region:n}=e.useContext(me);return a.default.createElement(Ee,null,a.default.createElement(we,null,a.default.createElement(fe,null,a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:"Greece"===n},"🇬🇷 +30"))),a.default.createElement(fe,{items:t.array_PhoneDropdown})),a.default.createElement(se,{placeholder:t.placeholder,required:t.required,list:t.list,icon_ListItem:t.listIcon}))},exports.Input_Phone_Register=t=>{const{region:n}=e.useContext(me),{setCode:r}=e.useContext(_e);return a.default.createElement(be,null,a.default.createElement(fe,null,a.default.createElement("select",{value:selectedCode,onChange:e=>r(e.target.value),className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{value:"Greece",selected:"Greece"===n},"🇬🇷 +30"))),a.default.createElement(se,{value:t.value,className:t.className,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,disabled:t.disabled,required:t.required,errors:t.errors,helpers:t.helpers,successes:t.successes,tips:t.tips,list:t.list,icon_ListItem:t.listIcon,defaultListItem:t.defaultListItem,onAdd:t.onAdd,add:t.add,onDelete:t.onDelete,onDeleteDefault:t.onDeleteDefault}))},exports.LangContext=he,exports.Main_=y,exports.Main_Plain=x,exports.MenuContext=ge,exports.Nav_=e=>a.default.createElement(mn,null,a.default.createElement(Gt,{onClick_Logo:e.onClick_Logo}),e.no_Cta?a.default.createElement("div",null):a.default.createElement(Vt,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?a.default.createElement(sn,{role:e.role,img_Account:e.img_Account,img_Account_Main:e.img_Account,imgAlt_Account:e.imgAlt_Account,imgAlt_Account_Main:e.imgAlt_Account,links:e.links,firstname_Account:e.firstname_Account,text_Account_Main:e.firstname_Account,onClick_Account:e.onClick_Account,onCLick_Account_Main:e.onClick_Account,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,onClick_Settings_Main:e.onClick_Settings_Main,text_Settings_Main:e.text_Settings_Main,onCLick_Logout:e.onCLick_Logout,text_Logout:e.text_Logout,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language}):a.default.createElement(hn,{role:e.role,links:e.links,onClick_Login:e.onClick_Login,text_Login:e.text_Login,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language})),exports.On_Click_Card=e=>a.default.createElement(A,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?a.default.createElement("header",null,e.icon?a.default.createElement("figure",null,a.default.createElement(u,{Icon:e.icon})):e.imgSmall?a.default.createElement($,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(I,{headerColor:e.headerColor},e.header)):e.img?a.default.createElement("picture",null,a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement("footer",null,e.title&&a.default.createElement("h3",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=Qn,exports.PageAlwaysVisible=ir,exports.PageCards=vr,exports.PageDesktopOnly=lr,exports.PageDesktopPadding=cr,exports.PageForty=tr,exports.PageFull=er,exports.PageIllu=_r,exports.PageSingle=sr,exports.PageSingleHeader=dr,exports.PageSingleRight=hr,exports.PageSingleleft=fr,exports.PageSixty=nr,exports.PageSub=mr,exports.PageSubActions=pr,exports.PageSubTitle=gr,exports.PageTitle=ur,exports.PageTools=rr,exports.PageToolsCards=yr,exports.PageToolsForty=or,exports.PageToolsSixty=ar,exports.Radio_=e=>a.default.createElement(Se,{key:e.key},e.withInput?a.default.createElement(se,{placeholder:e.placeholder}):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(Ae,{className:"RadioCircle"},a.default.createElement("input",{value:e.value,onChange:e.onChange,name:e.name,type:"radio",id:e.id,checked:e.checked}),a.default.createElement("span",{className:"RadioCustom"}),a.default.createElement(u,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.Red_=C,exports.RegionContext=me,exports.Sidebar_=e=>a.default.createElement(gn,null,e.children),exports.Sidebar_Box=e=>a.default.createElement(pn,{onClick:e.onClick},a.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),e.icon?a.default.createElement(vn,null,a.default.createElement(u,{Icon:e.icon})):e.img?a.default.createElement(yn,null,a.default.createElement("img",{src:e.img,alt:e.alt})):null),exports.Single_=e=>a.default.createElement(xr,null,a.default.createElement(ir,null,a.default.createElement(ur,null,a.default.createElement("h1",null,e.title)),a.default.createElement(Er,null,a.default.createElement("h2",null,e.subtitle),a.default.createElement("h3",null,e.text),e.textMain||e.textGrey?a.default.createElement(L,null,e.textGrey?a.default.createElement(g,{text:e.textGrey,noPadding:!0,onClick:e.onClickGrey,iconLeft:e.iconGrey}):null,e.textMain?a.default.createElement(y,{text:e.textMain,noPadding:!0,onClick:e.onClickMain,iconRight:e.iconMain}):null):null)),a.default.createElement(ir,null,a.default.createElement(_r,null,a.default.createElement("img",{src:e.backgroundImage,alt:e.backgroundAlt})))),exports.Sixty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.xl?r(6):e<=G.xl&&e>G.md?r(4):e<=G.md&&e>G.sm?r(6):e<=G.sm&&e>G.xs?r(4):e<G.xs&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),e.useEffect((()=>{let e=window.innerWidth;o(e)}),[]),a.default.createElement(Vn,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Slider=Tr,exports.SliderContainer=Pr,exports.SliderContext=ye,exports.SliderGrid=Dr,exports.SliderOverlay=jr,exports.SliderTitle=Zr,exports.SliderWrapper=Br,exports.Slider_=e=>a.default.createElement(Mn,{storybook:e.storybook,className:e.className},a.default.createElement(Ln,{storybook:e.storybook,className:"StoryBook_Fix2",onClick:e.onClose}),a.default.createElement(Sn,{storybook:e.storybook},a.default.createElement(An,null,a.default.createElement("h3",null,e.title),a.default.createElement(y,{text:e.text,iconRight:"Check",size:"normal",onClick:e.onClick})),a.default.createElement(In,null,e.children))),exports.Steps=Ar,exports.StepsActions=zr,exports.StepsComplete=$r,exports.StepsContainer=Nr,exports.StepsCurrent=Ir,exports.StepsWrapper=Rr,exports.Steps_=e=>a.default.createElement(bn,null,a.default.createElement(wn,{steps:e.steps,currentStep:e.currentStep}),a.default.createElement(kn,null,e.steps.map(((t,r)=>a.default.createElement(n.CSSTransition,{in:e.currentStep===r,timeout:500,unmountOnExit:!0,classNames:"Steps"},a.default.createElement(Cn,{className:"Steps"},t)))))),exports.Steps_Actions=e=>a.default.createElement(_n,null,a.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),a.default.createElement(y,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,n]=a.default.useState(0);return a.default.createElement(Ie,null,a.default.createElement(re,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{n(e.target.value.length)})(e)},e.defaultValue),e.limit?a.default.createElement($e,{capped:t>e.limit}," ",a.default.createElement("span",null,t)," / ",e.limit):null,e.required?a.default.createElement(te,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,e.errors?a.default.createElement(K,{className:"ValidatorErrors"},e.errors.map((e=>a.default.createElement(ee,null,a.default.createElement(u,{Icon:"Error"}),a.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?a.default.createElement(K,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(Q,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e)))),e.tips.map((e=>a.default.createElement(J,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.tips?a.default.createElement(K,{className:"ValidatorHelpers"},e.tips.map((e=>a.default.createElement(J,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.helpers?a.default.createElement(K,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(Q,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e))))):null)},exports.Theme=Sr,exports.ThemeContext=ve,exports.ThemeDark={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},exports.ThemeLight={id:"light",background:"var(--white)",color:"var(--black)",low:"var(--greyLight)",mid:"var(--grey)",high:"var(--greyDark)",overlay:"var(--blackOverlay)",in:"var(--insetShadow)",inFocus:"var(--insetShadowFocus)",out:"var(--outShadow)",outFocus:"var(--outShadowFocus)"},exports.Unlock_Card=e=>a.default.createElement(T,null,e.icon||e.header||e.imgSmall?a.default.createElement(Z,null,e.icon?a.default.createElement(P,null,a.default.createElement(u,{Icon:e.icon})):a.default.createElement(D,null,a.default.createElement(H,null),a.default.createElement("img",{src:e.imgSmall}))):e.img?a.default.createElement(F,null,a.default.createElement(H,null,a.default.createElement(u,{Icon:"Lock"})),a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement(B,null,e.title&&a.default.createElement("h3",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null,a.default.createElement(j,null,a.default.createElement(f,{text:e.textBuy,iconRight:e.iconBuy,onClick:e.onBuy}))),exports.Upload_Avatar=e=>a.default.createElement(Cr,null,e.selected?a.default.createElement(Mr,{src:e.selected}):e.noDefault?null:a.default.createElement(Mr,{src:"https://genius1071.friktoriaservers.net/doitforme/morning/app/boiler/DefaultCover.jpg"}),a.default.createElement(Lr,null,e.selected||!e.noDefault?a.default.createElement(C,{iconRight:"Delete",text:e.delete,onCLick:e.onDelete}):null,a.default.createElement(x,{text:e.upload,iconRight:"Upload",onCLick:e.onUpload}))),exports.Upload_Cover=e=>a.default.createElement(wr,null,e.selected?a.default.createElement(br,{src:e.selected}):e.noDefault?null:a.default.createElement(br,{src:"https://genius1071.friktoriaservers.net/doitforme/morning/app/boiler/DefaultCover.jpg"}),a.default.createElement(kr,null,e.selected||!e.noDefault?a.default.createElement(C,{iconRight:"Delete",text:e.delete,onCLick:e.onDelete}):null,a.default.createElement(x,{text:e.upload,iconRight:"Upload",onCLick:e.onUpload}))),exports.View_Card=e=>a.default.createElement(N,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?a.default.createElement("header",null,e.icon?a.default.createElement("figure",null,a.default.createElement(u,{Icon:e.icon})):e.imgSmall?a.default.createElement(z,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(R,{headerColor:e.headerColor},e.header)):e.img?a.default.createElement("picture",null,a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement("footer",null,e.title&&a.default.createElement("h2",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null),exports.White_Plain=e=>a.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.breakPoints=G,exports.device=O;
1977
+ `;exports.Actions_=L,exports.Alert=Kn,exports.AlertContainer=Jn,exports.AlertIcon=Yn,exports.AlertSingle=Xn,exports.Alert_=e=>a.default.createElement(Kn,{storybook:e.storybook},e.messages.slice(0,3).map(((e,t)=>a.default.createElement(Xn,{status:e.message.status,key:t},a.default.createElement(Yn,null,a.default.createElement(u,{class_Icon:"Loading"===e.message.status?"Loading":"",Icon:"Error"===e.message.status?"Xicon":"Loading"===e.message.status?"Loading":"Check"})),a.default.createElement(Jn,null,a.default.createElement("h6",null,e.message.text)))))),exports.AsideContext=xe,exports.Builder_=e=>a.default.createElement(oe,{noPads:e.noPads},a.default.createElement(ke,{last:e.last,key:e.key},e.title?a.default.createElement("h4",null,e.title):null,e.children)),exports.Card=S,exports.CardsForty=zn,exports.CardsFull=Rn,exports.CardsSixty=Tn,exports.CardsTools=Nn,exports.Checkbox_=e=>a.default.createElement(Ce,{className:e.className,key:e.key,onClick:e.onClick},e.withInput?a.default.createElement(Le,{disabled:e.disable},a.default.createElement(se,{placeholder:e.placeholder,disabled:e.disable,checked:e.checked})):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(Me,{className:"Check"},a.default.createElement("input",{type:"checkbox",id:e.id,onChange:e.onChange,checked:e.checked}),a.default.createElement("span",{className:"CheckCustom"}),a.default.createElement(u,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.CodeContext=_e,exports.Confirmation_=e=>a.default.createElement(W,{storybook:e.storybook},a.default.createElement(q,{storybook:e.storybook},a.default.createElement("h4",null,e.message),a.default.createElement(U,null,a.default.createElement(x,{onClick:e.onYes,iconLeft:"Check",text:e.yes}),a.default.createElement(y,{onClick:e.onNo,iconLeft:"Xicon",text:e.no})))),exports.Cta_=c,exports.Delete_Plain=b,exports.Dropdown_=fe,exports.Edit_=e=>a.default.createElement(s,{size:"normal",onClick:e.onClick},a.default.createElement(u,{Icon:e.icon})),exports.Elastic_Search=t=>{let n={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:t.fileKeys},r=t.file;const[o,i]=e.useState({query:"",file:r,notfoundmessage:!1,defaultValue:t.defaultValue}),[l,c]=e.useState(!1),[s,d]=e.useState(0),[f,h]=e.useState(t.list),m=e=>{t.onSuggestions(e),i({...o,query:"",defaultValue:"string"==typeof e?e:e[t.returnKey]})},g=e=>{"ArrowUp"==e.key&&(e.preventDefault(),d(0===s?l.length-1:s-1)),"ArrowDown"==e.key&&(e.preventDefault(),s===l.length-1?d(0):d(s+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),m("string"==typeof l[s]?l[s]:l[s][t.returnKey]))};return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new St(r,n);let a=o.query?e.search(o.query):r;a=a.slice(0,t.size),c(a)}),[o]),e.useEffect((()=>{t.getInput&&l?.length>0?t.getInput(l[0]?.item):t.getSuggestions&&l?.length>0&&o.query.length?t.getSuggestions(l):t.getSuggestions&&!o.query.length&&t.getSuggestions([])}),[l]),a.default.createElement(It,null,a.default.createElement($t,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=At.toGreek(r);i({...o,query:t.sanitize?a:r})},defaultValue:o.defaultValue,onKeyPress:e=>g(e),onKeyDown:e=>g(e),list:t.list}),a.default.createElement(Nt,null,t.placeholder),t.required?a.default.createElement(te,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,t.list?a.default.createElement(y,{size:"small",text:t.addText,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let n=JSON.parse(JSON.stringify(t.list));n.push(e),t.updateItemList(n),h(n)})(t.value)}):null,o.query&&l?a.default.createElement(Rt,null,l.slice(0,6).map(((e,n)=>a.default.createElement("li",{className:n===s%l.length?"ElasticSelected":"",key:n,onClick:()=>m(e?.item?e.item[t.returnKey]:e[t.returnKey])},a.default.createElement("p",null,e?.item?e.item[t.returnKey]:e[t.returnKey]))))):null,t.list?a.default.createElement(zt,null,a.default.createElement("h5",null,t.listItemTitle),f.map(((e,n)=>a.default.createElement("li",{key:n},a.default.createElement(u,{Icon:t.icon_ListItem}),a.default.createElement("h6",null,e),a.default.createElement(b,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let n=JSON.parse(JSON.stringify(t.list));n.splice(e,1),t.updateItemList(n),h(n)})(n)}))))):null)},exports.FadeIn=qn,exports.Focus_=f,exports.Focus_Plain=e=>a.default.createElement(h,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.Form=oe,exports.FormGroup=ce,exports.FormInput=ie,exports.FormLabel=le,exports.FormList=ue,exports.Forty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.xl?r(4):e<=G.xl&&e>G.md&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("load",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(Wn,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Full_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.lg?r(10):e<=G.lg&&e>G.md?r(6):e<=G.md&&e>G.sm?r(4):e<=G.sm&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("load",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(On,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Google_Search=t=>{let n={includeScore:!0,keys:t.fileKeys};const[r,o]=e.useState([]),[i,l]=e.useState([]);e.useEffect((()=>{o(t.file)}),[t.file]);const[c,s]=e.useState({query:"",file:r,notfoundmessage:!1,defaultValue:t.defaultValue});return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new St(r,n);let a=c.query?e.search(c.query):r;t.getResults(c.query?.length?a:[]),l(a),0==c.query?.length?t.getSize(0):t.getSize(a?.length),c.query?.length>0?t.getInput(!0):t.getInput(!1)}),[c]),a.default.createElement(jt,null,a.default.createElement(Bt,null,a.default.createElement(Zt,{placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=Tt.toGreek(r);s({...c,query:t.sanitize?a:r})},defaultValue:c.defaultValue,disabled:t.disabled}),a.default.createElement(Pt,null,t.placeholder),a.default.createElement(Dt,null,a.default.createElement(u,{Icon:"Search"}))))},exports.Grey_=g,exports.Grey_Link=e=>a.default.createElement(p,{size:e.size,onClick:e.onClick,noPadding:e.noPadding},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.HamContext=pe,exports.IconSvg=u,exports.Input_=se,exports.Input_Phone=t=>{const{region:n}=e.useContext(me);return a.default.createElement(Ee,null,a.default.createElement(we,null,a.default.createElement(fe,null,a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:"Greece"===n},"🇬🇷 +30"))),a.default.createElement(fe,{items:t.array_PhoneDropdown})),a.default.createElement(se,{placeholder:t.placeholder,required:t.required,list:t.list,icon_ListItem:t.listIcon}))},exports.Input_Phone_Register=t=>{const{region:n}=e.useContext(me),{setCode:r}=e.useContext(_e);return a.default.createElement(be,null,a.default.createElement(fe,null,a.default.createElement("select",{onChange:e=>r(e.target.value),className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{value:"Greece",selected:"Greece"===n},"🇬🇷 +30"))),a.default.createElement(se,{value:t.value,className:t.className,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown,disabled:t.disabled,required:t.required,errors:t.errors,helpers:t.helpers,successes:t.successes,tips:t.tips,list:t.list,icon_ListItem:t.listIcon,defaultListItem:t.defaultListItem,onAdd:t.onAdd,add:t.add,onDelete:t.onDelete,onDeleteDefault:t.onDeleteDefault}))},exports.LangContext=he,exports.Main_=y,exports.Main_Plain=x,exports.MenuContext=ge,exports.Nav_=e=>a.default.createElement(mn,null,a.default.createElement(Gt,{onClick_Logo:e.onClick_Logo}),e.no_Cta?a.default.createElement("div",null):a.default.createElement(Vt,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?a.default.createElement(sn,{role:e.role,img_Account:e.img_Account,img_Account_Main:e.img_Account,imgAlt_Account:e.imgAlt_Account,imgAlt_Account_Main:e.imgAlt_Account,links:e.links,firstname_Account:e.firstname_Account,text_Account_Main:e.firstname_Account,onClick_Account:e.onClick_Account,onCLick_Account_Main:e.onClick_Account,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,onClick_Settings_Main:e.onClick_Settings_Main,text_Settings_Main:e.text_Settings_Main,onCLick_Logout:e.onCLick_Logout,text_Logout:e.text_Logout,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language}):a.default.createElement(hn,{role:e.role,links:e.links,onClick_Login:e.onClick_Login,text_Login:e.text_Login,text_Title_Main:e.text_Title_Main,text_Theme_Main:e.text_Theme_Main,text_Title_Region:e.text_Title_Region,text_Title_Language:e.text_Title_Language,onClick_Greek_Language:e.onClick_Greek_Language,onClick_English_Language:e.onClick_English_Language,onClick_German_Language:e.onClick_German_Language})),exports.On_Click_Card=e=>a.default.createElement(A,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?a.default.createElement("header",null,e.icon?a.default.createElement("figure",null,a.default.createElement(u,{Icon:e.icon})):e.imgSmall?a.default.createElement($,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(I,{headerColor:e.headerColor},e.header)):e.img?a.default.createElement("picture",null,a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement("footer",null,e.title&&a.default.createElement("h3",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=Qn,exports.PageAlwaysVisible=ir,exports.PageCards=vr,exports.PageDesktopOnly=lr,exports.PageDesktopPadding=cr,exports.PageForty=tr,exports.PageFull=er,exports.PageIllu=_r,exports.PageSingle=sr,exports.PageSingleHeader=dr,exports.PageSingleRight=hr,exports.PageSingleleft=fr,exports.PageSixty=nr,exports.PageSub=mr,exports.PageSubActions=pr,exports.PageSubTitle=gr,exports.PageTitle=ur,exports.PageTools=rr,exports.PageToolsCards=yr,exports.PageToolsForty=or,exports.PageToolsSixty=ar,exports.Radio_=e=>a.default.createElement(Se,{key:e.key},e.withInput?a.default.createElement(se,{placeholder:e.placeholder}):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(Ae,{className:"RadioCircle"},a.default.createElement("input",{value:e.value,onChange:e.onChange,name:e.name,type:"radio",id:e.id,checked:e.checked}),a.default.createElement("span",{className:"RadioCustom"}),a.default.createElement(u,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.Red_=C,exports.RegionContext=me,exports.Sidebar_=e=>a.default.createElement(gn,null,e.children),exports.Sidebar_Box=e=>a.default.createElement(pn,{onClick:e.onClick},a.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),e.icon?a.default.createElement(vn,null,a.default.createElement(u,{Icon:e.icon})):e.img?a.default.createElement(yn,null,a.default.createElement("img",{src:e.img,alt:e.alt})):null),exports.Single_=e=>a.default.createElement(xr,null,a.default.createElement(ir,null,a.default.createElement(ur,null,a.default.createElement("h1",null,e.title)),a.default.createElement(Er,null,a.default.createElement("h2",null,e.subtitle),a.default.createElement("h3",null,e.text),e.textMain||e.textGrey?a.default.createElement(L,null,e.textGrey?a.default.createElement(g,{text:e.textGrey,noPadding:!0,onClick:e.onClickGrey,iconLeft:e.iconGrey}):null,e.textMain?a.default.createElement(y,{text:e.textMain,noPadding:!0,onClick:e.onClickMain,iconRight:e.iconMain}):null):null)),a.default.createElement(ir,null,a.default.createElement(_r,null,a.default.createElement("img",{src:e.backgroundImage,alt:e.backgroundAlt})))),exports.Sixty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>G.xl?r(6):e<=G.xl&&e>G.md?r(4):e<=G.md&&e>G.sm?r(6):e<=G.sm&&e>G.xs?r(4):e<G.xs&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),e.useEffect((()=>{let e=window.innerWidth;o(e)}),[]),a.default.createElement(Vn,null,[...Array(n)].map((e=>a.default.createElement(Gn,{key:e,children:t.children,circle:t.circle}))))},exports.Slider=Tr,exports.SliderContainer=Pr,exports.SliderContext=ye,exports.SliderGrid=Dr,exports.SliderOverlay=jr,exports.SliderTitle=Zr,exports.SliderWrapper=Br,exports.Slider_=e=>a.default.createElement(Mn,{storybook:e.storybook,className:e.className},a.default.createElement(Ln,{storybook:e.storybook,className:"StoryBook_Fix2",onClick:e.onClose}),a.default.createElement(Sn,{storybook:e.storybook},a.default.createElement(An,null,a.default.createElement("h3",null,e.title),a.default.createElement(y,{text:e.text,iconRight:"Check",size:"normal",onClick:e.onClick})),a.default.createElement(In,null,e.children))),exports.Steps=Ar,exports.StepsActions=zr,exports.StepsComplete=$r,exports.StepsContainer=Nr,exports.StepsCurrent=Ir,exports.StepsWrapper=Rr,exports.Steps_=e=>a.default.createElement(bn,null,a.default.createElement(wn,{steps:e.steps,currentStep:e.currentStep}),a.default.createElement(kn,null,e.steps.map(((t,r)=>a.default.createElement(n.CSSTransition,{in:e.currentStep===r,timeout:500,unmountOnExit:!0,classNames:"Steps"},a.default.createElement(Cn,{className:"Steps"},t)))))),exports.Steps_Actions=e=>a.default.createElement(_n,null,a.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),a.default.createElement(y,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,n]=a.default.useState(0);return a.default.createElement(Ie,null,a.default.createElement(re,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{n(e.target.value.length)})(e)},e.defaultValue),e.limit?a.default.createElement($e,{capped:t>e.limit}," ",a.default.createElement("span",null,t)," / ",e.limit):null,e.required?a.default.createElement(te,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,e.errors?a.default.createElement(K,{className:"ValidatorErrors"},e.errors.map((e=>a.default.createElement(ee,null,a.default.createElement(u,{Icon:"Error"}),a.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?a.default.createElement(K,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(Q,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e)))),e.tips.map((e=>a.default.createElement(J,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.tips?a.default.createElement(K,{className:"ValidatorHelpers"},e.tips.map((e=>a.default.createElement(J,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.helpers?a.default.createElement(K,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(Q,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e))))):null)},exports.Theme=Sr,exports.ThemeContext=ve,exports.ThemeDark={id:"dark",background:"var(--dark)",color:"var(--blanc)",low:"var(--gloomDark)",mid:"var(--gloom)",high:"var(--gloomLight)",overlay:"var(--blancOverlay)",in:"var(--insetShine)",inFocus:"var(--insetShineFocus)",out:"var(--outShine)",outFocus:"var(--outShineFocus)"},exports.ThemeLight={id:"light",background:"var(--white)",color:"var(--black)",low:"var(--greyLight)",mid:"var(--grey)",high:"var(--greyDark)",overlay:"var(--blackOverlay)",in:"var(--insetShadow)",inFocus:"var(--insetShadowFocus)",out:"var(--outShadow)",outFocus:"var(--outShadowFocus)"},exports.Unlock_Card=e=>a.default.createElement(T,null,e.icon||e.header||e.imgSmall?a.default.createElement(Z,null,e.icon?a.default.createElement(P,null,a.default.createElement(u,{Icon:e.icon})):a.default.createElement(D,null,a.default.createElement(H,null),a.default.createElement("img",{src:e.imgSmall}))):e.img?a.default.createElement(F,null,a.default.createElement(H,null,a.default.createElement(u,{Icon:"Lock"})),a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement(B,null,e.title&&a.default.createElement("h3",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null,a.default.createElement(j,null,a.default.createElement(f,{text:e.textBuy,iconRight:e.iconBuy,onClick:e.onBuy}))),exports.Upload_Avatar=e=>a.default.createElement(Cr,null,e.selected?a.default.createElement(Mr,{src:e.selected}):e.noDefault?null:a.default.createElement(Mr,{src:"https://genius1071.friktoriaservers.net/doitforme/morning/app/boiler/DefaultCover.jpg"}),a.default.createElement(Lr,null,e.selected||!e.noDefault?a.default.createElement(C,{iconRight:"Delete",text:e.delete,onCLick:e.onDelete}):null,a.default.createElement(x,{text:e.upload,iconRight:"Upload",onCLick:e.onUpload}))),exports.Upload_Cover=e=>a.default.createElement(wr,null,e.selected?a.default.createElement(br,{src:e.selected}):e.noDefault?null:a.default.createElement(br,{src:"https://genius1071.friktoriaservers.net/doitforme/morning/app/boiler/DefaultCover.jpg"}),a.default.createElement(kr,null,e.selected||!e.noDefault?a.default.createElement(C,{iconRight:"Delete",text:e.delete,onCLick:e.onDelete}):null,a.default.createElement(x,{text:e.upload,iconRight:"Upload",onCLick:e.onUpload}))),exports.View_Card=e=>a.default.createElement(N,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?a.default.createElement("header",null,e.icon?a.default.createElement("figure",null,a.default.createElement(u,{Icon:e.icon})):e.imgSmall?a.default.createElement(z,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(R,{headerColor:e.headerColor},e.header)):e.img?a.default.createElement("picture",null,a.default.createElement("img",{src:e.img,onLoad:e.onLoadImg})):null,e.title||e.subtitle?a.default.createElement("footer",null,e.title&&a.default.createElement("h2",null,e.title),e.subtitle&&a.default.createElement("h5",null,e.subtitle),e.children):null),exports.White_Plain=e=>a.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?a.default.createElement(u,{Icon:e.iconLeft}):null,e.text?a.default.createElement("span",null,e.text):null,e.iconRight?a.default.createElement(u,{Icon:e.iconRight}):null),exports.breakPoints=G,exports.device=O;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "monica-alexandria",
3
- "version": "3.16.0",
3
+ "version": "3.16.2",
4
4
  "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -19,7 +19,7 @@ export const Input_Phone_Register = (props) => {
19
19
  return (
20
20
  <InputPhoneRegister>
21
21
  <Dropdown_>
22
- <select value={selectedCode} onChange={(e) => setCode(e.target.value)} className='Dropdown_EmojiAdapt'>
22
+ <select onChange={(e) => setCode(e.target.value)} className='Dropdown_EmojiAdapt'>
23
23
  <option value='Greece' selected ={region === 'Greece' ? true : false}>🇬🇷 +30</option>
24
24
  {/* <option selected ={region === 'Deutschland' ? true : false}>🇩🇪 +49</option> */}
25
25
  </select>