monica-alexandria 3.4.40 → 3.4.41

package/dist/index.es.js

@@ -325,7 +325,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         width: 11rem;
         border-radius: 50%;
     }
-`,Z=t=>e.createElement(N,{className:t.className,imgBevahe:t.imgBevahe,onClick:t.onClick},t.icon||t.header||t.imgSmall?e.createElement("header",null,t.icon?e.createElement("figure",null,e.createElement(d,{Icon:t.icon})):t.imgSmall?e.createElement(T,null,e.createElement("img",{src:t.imgSmall})):e.createElement(R,{headerColor:t.headerColor},t.header)):t.img?e.createElement("picture",null,e.createElement("img",{src:t.img})):null,t.title||t.subtitle?e.createElement("footer",null,t.title&&e.createElement("h2",null,t.title),t.subtitle&&e.createElement("h5",null,t.subtitle),t.children):null),z={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},B=o.div`
+`,Z=t=>e.createElement(N,{className:t.className,imgBevahe:t.imgBevahe,onClick:t.onClick},t.icon||t.header||t.imgSmall?e.createElement("header",null,t.icon?e.createElement("figure",null,e.createElement(d,{Icon:t.icon})):t.imgSmall?e.createElement(T,null,e.createElement("img",{src:t.imgSmall,onLoad:t.onLoad})):e.createElement(R,{headerColor:t.headerColor},t.header)):t.img?e.createElement("picture",null,e.createElement("img",{src:t.img})):null,t.title||t.subtitle?e.createElement("footer",null,t.title&&e.createElement("h2",null,t.title),t.subtitle&&e.createElement("h5",null,t.subtitle),t.children):null),z={xs:`(max-width: ${`${576}px`})`,sm:`(max-width: ${`${768}px`})`,md:`(max-width: ${`${992}px`})`,lg:`(max-width: ${`${1200}px`})`,xl:`(max-width: ${`${1440}px`})`,wd:`(max-width: ${`${1800}px`})`},B=o.div`
     position: fixed;
     top: 0;
     left: 0;

package/dist/index.js

@@ -1609,4 +1609,4 @@
     @media ${S.xs} {
         grid-template-columns: 1fr;
     }
-`;exports.Builder_=e=>r.default.createElement(le,{key:e.key},e.title?r.default.createElement("h4",null,e.title):null,e.children),exports.Card=M,exports.CardsForty=Ra,exports.CardsSixty=Za,exports.CardsTools=Na,exports.Checkbox_=e=>r.default.createElement(oe,{className:e.className,key:e.key},e.withInput?r.default.createElement(ce,{checked:e.checked},r.default.createElement(O,{placeholder:e.placeholder,disableInput:!e.checked})):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(ie,{className:"Check"},r.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick,onChange:e.onChange}),r.default.createElement("span",{className:"CheckCustom"}),r.default.createElement(s,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>r.default.createElement(A,null,r.default.createElement(I,null,r.default.createElement("h4",null,e.message),r.default.createElement($,null,r.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),r.default.createElement(x,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=w,exports.Dropdown_=W,exports.Edit_=e=>r.default.createElement(d,{size:"normal",onClick:e.onClick},r.default.createElement(s,{Icon:e.icon})),exports.Elastic_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.file;const[l,o]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue}),[i,c]=e.useState(!1),[d,u]=e.useState(0),[m,h]=e.useState(t.list),g=e=>{t.onSuggestions(e),o({...l,query:"",defaultValue:"string"==typeof e?e:e[t.suggestionType]})},f=e=>{"ArrowUp"==e.key&&(e.preventDefault(),u(0===d?i.length-1:d-1)),"ArrowDown"==e.key&&(e.preventDefault(),d===i.length-1?u(0):u(d+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),g("string"==typeof i[d]?i[d]:i[d][t.suggestionType]))};return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new et(n,a);let r=l.query?e.search(l.query):n;r=r.slice(0,t.size),c(r)}),[l]),e.useEffect((()=>{t.getInput&&i?.length>0?t.getInput(i[0]?.item):t.getSuggestions&&i?.length>0&&l.query.length?t.getSuggestions(i):t.getSuggestions&&!l.query.length&&t.getSuggestions([])}),[i]),r.default.createElement(at,null,r.default.createElement(nt,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=tt.toGreek(n);o({...l,query:t.sanitize?r:n})},defaultValue:l.defaultValue,onKeyPress:e=>f(e),onKeyDown:e=>f(e),list:t.list}),r.default.createElement(rt,null,t.placeholder),t.required?r.default.createElement(z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,t.list?r.default.createElement(v,{size:"small",text:t.add,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.push(e),t.updateItemList(a),h(a)})(t.value)}):null,l.query&&i?r.default.createElement(lt,null,i.slice(0,6).map(((e,a)=>r.default.createElement("li",{className:a===d%i.length?"ElasticSelected":"",key:a,onClick:()=>g(e?.item?e.item[t.suggestionType]:e[t.suggestionType])},r.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?r.default.createElement(ot,null,r.default.createElement("h5",null,t.listItemTitle),m.map(((e,a)=>r.default.createElement("li",{key:a},r.default.createElement(s,{Icon:t.icon_ListItem}),r.default.createElement("h6",null,e),r.default.createElement(w,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.splice(e,1),t.updateItemList(a),h(a)})(a)}))))):null)},exports.Focus_=e=>r.default.createElement(u,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Focus_Plain=e=>r.default.createElement(m,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Form=F,exports.FormGroup=K,exports.FormInput=H,exports.FormLabel=D,exports.FormList=j,exports.Google_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.file;const[l,o]=e.useContext([]),[i,c]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue});return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new et(n,a);let r=i.query?e.search(i.query):n;o(r)}),[i]),console.log(l),console.log(t),r.default.createElement(ct,null,r.default.createElement(st,null,r.default.createElement(dt,{placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=it.toGreek(n);c({...i,query:t.sanitize?r:n})},defaultValue:i.defaultValue}),r.default.createElement(ut,null,t.placeholder),r.default.createElement(mt,null,r.default.createElement(v,{text:t.searchText,iconLeft:"Search",onClick:t.onClick}))))},exports.Grey_=g,exports.Grey_Link=e=>r.default.createElement(f,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.HamContext=Y,exports.IconSvg=s,exports.Input_=O,exports.Input_Phone=t=>{const{region:a}=e.useContext(X);return r.default.createElement(ae,null,r.default.createElement(ne,null,r.default.createElement(W,null,r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===a?r.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===a?r.default.createElement("option",{selected:!0},"🇩🇪 +49"):r.default.createElement("option",{selected:!0},"🇬🇷 +30"))),r.default.createElement(W,{items:t.array_PhoneDropdown})),r.default.createElement(O,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:a}=e.useContext(X);return r.default.createElement(re,null,r.default.createElement(W,null,"Greece"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇩🇪 +49"),r.default.createElement("option",null,"🇬🇷 +30")):r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49"))),r.default.createElement(O,{class_Input:t.class_Input,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown}))},exports.LangContext=U,exports.Main_=v,exports.Main_Plain=x,exports.MenuContext=J,exports.Nav_=e=>r.default.createElement(Gt,null,r.default.createElement(ft,{onClick_Logo:e.onClick_Logo}),r.default.createElement(vt,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?r.default.createElement(Zt,{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,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}):r.default.createElement(Bt,{role:e.role,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=>r.default.createElement(C,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?r.default.createElement("header",null,e.icon?r.default.createElement("figure",null,r.default.createElement(s,{Icon:e.icon})):e.imgSmall?r.default.createElement(L,null,r.default.createElement("img",{src:e.imgSmall})):r.default.createElement(b,{headerColor:e.headerColor},e.header)):e.img?r.default.createElement("picture",null,r.default.createElement("img",{src:e.img})):null,e.title||e.subtitle?r.default.createElement("footer",null,e.title&&r.default.createElement("h2",null,e.title),e.subtitle&&r.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=ea,exports.PageAlwaysVisible=oa,exports.PageCards=va,exports.PageDesktopOnly=ia,exports.PageDesktopPadding=ca,exports.PageForty=ta,exports.PageSingle=da,exports.PageSingleHeader=ua,exports.PageSingleRight=ha,exports.PageSingleleft=ma,exports.PageSixty=aa,exports.PageSub=ga,exports.PageSubActions=pa,exports.PageSubTitle=fa,exports.PageTitle=sa,exports.PageTools=na,exports.PageToolsCards=ya,exports.PageToolsForty=la,exports.PageToolsSixty=ra,exports.Radio_=e=>r.default.createElement(se,{key:e.key},e.withInput?r.default.createElement(O,{placeholder:e.placeholder}):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(de,{className:"RadioCircle"},r.default.createElement("input",{name:e.name,type:"radio",id:e.id,checked:e.checked}),r.default.createElement("span",{className:"RadioCustom"}),r.default.createElement(s,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.Red_=e=>r.default.createElement(_,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.RegionContext=X,exports.SearchContext=te,exports.Sidebar_=e=>r.default.createElement(Vt,null,e.children),exports.Sidebar_Box=e=>r.default.createElement(Ft,{onClick:e.onClick},r.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),r.default.createElement("picture",null,e.icon?r.default.createElement(s,{Icon:e.icon}):e.img?r.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Slider=ba,exports.SliderContainer=Ia,exports.SliderContext=ee,exports.SliderGrid=$a,exports.SliderOverlay=La,exports.SliderTitle=Aa,exports.SliderWrapper=Sa,exports.Slider_=e=>r.default.createElement(Ut,{className:e.className},r.default.createElement(Xt,{className:"StoryBook_Fix2",onClick:e.onClose}),r.default.createElement(Jt,null,r.default.createElement(Yt,null,r.default.createElement("h3",null,e.title),r.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),r.default.createElement(Qt,null,e.children))),exports.Steps=Ea,exports.StepsActions=Ca,exports.StepsComplete=wa,exports.StepsContainer=_a,exports.StepsCurrent=ka,exports.StepsWrapper=Ma,exports.Steps_=e=>r.default.createElement(Ot,null,r.default.createElement(jt,{steps:e.steps,currentStep:e.currentStep}),r.default.createElement(qt,null,e.steps.map(((t,n)=>r.default.createElement(a.CSSTransition,{in:e.currentStep===n,timeout:500,unmountOnExit:!0,classNames:"Steps"},r.default.createElement(Wt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>r.default.createElement(Ht,null,r.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),r.default.createElement(v,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,a]=r.default.useState(0);return r.default.createElement(ue,null,r.default.createElement(G,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{a(e.target.value.length)})(e)},e.defaultValue),e.limit?r.default.createElement(me,{capped:t>e.limit}," ",r.default.createElement("span",null,t)," / ",e.limit):null,e.required?r.default.createElement(z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,e.errors?r.default.createElement(T,{className:"ValidatorErrors"},e.errors.map((e=>r.default.createElement(P,null,r.default.createElement(s,{Icon:"Error"}),r.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?r.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(Z,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e)))),e.tips.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.tips?r.default.createElement(T,{className:"ValidatorHelpers"},e.tips.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.helpers?r.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(Z,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e))))):null)},exports.Theme=xa,exports.ThemeContext=Q,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.White_Plain=e=>r.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.device=S;
+`;exports.Builder_=e=>r.default.createElement(le,{key:e.key},e.title?r.default.createElement("h4",null,e.title):null,e.children),exports.Card=M,exports.CardsForty=Ra,exports.CardsSixty=Za,exports.CardsTools=Na,exports.Checkbox_=e=>r.default.createElement(oe,{className:e.className,key:e.key},e.withInput?r.default.createElement(ce,{checked:e.checked},r.default.createElement(O,{placeholder:e.placeholder,disableInput:!e.checked})):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(ie,{className:"Check"},r.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick,onChange:e.onChange}),r.default.createElement("span",{className:"CheckCustom"}),r.default.createElement(s,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>r.default.createElement(A,null,r.default.createElement(I,null,r.default.createElement("h4",null,e.message),r.default.createElement($,null,r.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),r.default.createElement(x,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=w,exports.Dropdown_=W,exports.Edit_=e=>r.default.createElement(d,{size:"normal",onClick:e.onClick},r.default.createElement(s,{Icon:e.icon})),exports.Elastic_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.file;const[l,o]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue}),[i,c]=e.useState(!1),[d,u]=e.useState(0),[m,h]=e.useState(t.list),g=e=>{t.onSuggestions(e),o({...l,query:"",defaultValue:"string"==typeof e?e:e[t.suggestionType]})},f=e=>{"ArrowUp"==e.key&&(e.preventDefault(),u(0===d?i.length-1:d-1)),"ArrowDown"==e.key&&(e.preventDefault(),d===i.length-1?u(0):u(d+1)),e.key&&"Enter"===e.key&&(e.preventDefault(),g("string"==typeof i[d]?i[d]:i[d][t.suggestionType]))};return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new et(n,a);let r=l.query?e.search(l.query):n;r=r.slice(0,t.size),c(r)}),[l]),e.useEffect((()=>{t.getInput&&i?.length>0?t.getInput(i[0]?.item):t.getSuggestions&&i?.length>0&&l.query.length?t.getSuggestions(i):t.getSuggestions&&!l.query.length&&t.getSuggestions([])}),[i]),r.default.createElement(at,null,r.default.createElement(nt,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=tt.toGreek(n);o({...l,query:t.sanitize?r:n})},defaultValue:l.defaultValue,onKeyPress:e=>f(e),onKeyDown:e=>f(e),list:t.list}),r.default.createElement(rt,null,t.placeholder),t.required?r.default.createElement(z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,t.list?r.default.createElement(v,{size:"small",text:t.add,iconLeft:"Add",className:"FormAddButton",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.push(e),t.updateItemList(a),h(a)})(t.value)}):null,l.query&&i?r.default.createElement(lt,null,i.slice(0,6).map(((e,a)=>r.default.createElement("li",{className:a===d%i.length?"ElasticSelected":"",key:a,onClick:()=>g(e?.item?e.item[t.suggestionType]:e[t.suggestionType])},r.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?r.default.createElement(ot,null,r.default.createElement("h5",null,t.listItemTitle),m.map(((e,a)=>r.default.createElement("li",{key:a},r.default.createElement(s,{Icon:t.icon_ListItem}),r.default.createElement("h6",null,e),r.default.createElement(w,{variant_Size:"small",icon_Left:"Delete",onClick:()=>(e=>{let a=JSON.parse(JSON.stringify(t.list));a.splice(e,1),t.updateItemList(a),h(a)})(a)}))))):null)},exports.Focus_=e=>r.default.createElement(u,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Focus_Plain=e=>r.default.createElement(m,{size:e.size,onClick:e.onClick,onFocus:e.onFocus},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.Form=F,exports.FormGroup=K,exports.FormInput=H,exports.FormLabel=D,exports.FormList=j,exports.Google_Search=t=>{let a={isCaseSensitive:!1,includeScore:!1,shouldSort:!0,threshold:.5,findAllMatches:!0,address:0,minMatchCharLength:1,ignoreLocation:!1,keys:[t.suggestionType]},n=t.file;const[l,o]=e.useContext([]),[i,c]=e.useState({query:"",file:n,notfoundmessage:!1,defaultValue:t.defaultValue});return e.useEffect((()=>{a.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new et(n,a);let r=i.query?e.search(i.query):n;o(r)}),[i]),console.log(l),console.log(t),r.default.createElement(ct,null,r.default.createElement(st,null,r.default.createElement(dt,{placeholder:t.placeholder,onChange:e=>{const{target:a={}}=e,{value:n=""}=a;let r=it.toGreek(n);c({...i,query:t.sanitize?r:n})},defaultValue:i.defaultValue}),r.default.createElement(ut,null,t.placeholder),r.default.createElement(mt,null,r.default.createElement(v,{text:t.searchText,iconLeft:"Search",onClick:t.onClick}))))},exports.Grey_=g,exports.Grey_Link=e=>r.default.createElement(f,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.HamContext=Y,exports.IconSvg=s,exports.Input_=O,exports.Input_Phone=t=>{const{region:a}=e.useContext(X);return r.default.createElement(ae,null,r.default.createElement(ne,null,r.default.createElement(W,null,r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===a?r.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===a?r.default.createElement("option",{selected:!0},"🇩🇪 +49"):r.default.createElement("option",{selected:!0},"🇬🇷 +30"))),r.default.createElement(W,{items:t.array_PhoneDropdown})),r.default.createElement(O,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:a}=e.useContext(X);return r.default.createElement(re,null,r.default.createElement(W,null,"Greece"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===a?r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇩🇪 +49"),r.default.createElement("option",null,"🇬🇷 +30")):r.default.createElement("select",{className:"Dropdown_EmojiAdapt"},r.default.createElement("option",{selected:!0},"🇬🇷 +30"),r.default.createElement("option",null,"🇩🇪 +49"))),r.default.createElement(O,{class_Input:t.class_Input,placeholder:t.placeholder,id:t.id,onChange:t.onChange,defaultValue:t.defaultValue,onKeyPress:t.onKeyPress,onKeyDown:t.onKeyDown}))},exports.LangContext=U,exports.Main_=v,exports.Main_Plain=x,exports.MenuContext=J,exports.Nav_=e=>r.default.createElement(Gt,null,r.default.createElement(ft,{onClick_Logo:e.onClick_Logo}),r.default.createElement(vt,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?r.default.createElement(Zt,{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,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}):r.default.createElement(Bt,{role:e.role,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=>r.default.createElement(C,{className:e.className,imgBevahe:e.imgBevahe,onClick:e.onClick},e.icon||e.header||e.imgSmall?r.default.createElement("header",null,e.icon?r.default.createElement("figure",null,r.default.createElement(s,{Icon:e.icon})):e.imgSmall?r.default.createElement(L,null,r.default.createElement("img",{src:e.imgSmall,onLoad:e.onLoad})):r.default.createElement(b,{headerColor:e.headerColor},e.header)):e.img?r.default.createElement("picture",null,r.default.createElement("img",{src:e.img})):null,e.title||e.subtitle?r.default.createElement("footer",null,e.title&&r.default.createElement("h2",null,e.title),e.subtitle&&r.default.createElement("h5",null,e.subtitle),e.children):null),exports.Page=ea,exports.PageAlwaysVisible=oa,exports.PageCards=va,exports.PageDesktopOnly=ia,exports.PageDesktopPadding=ca,exports.PageForty=ta,exports.PageSingle=da,exports.PageSingleHeader=ua,exports.PageSingleRight=ha,exports.PageSingleleft=ma,exports.PageSixty=aa,exports.PageSub=ga,exports.PageSubActions=pa,exports.PageSubTitle=fa,exports.PageTitle=sa,exports.PageTools=na,exports.PageToolsCards=ya,exports.PageToolsForty=la,exports.PageToolsSixty=ra,exports.Radio_=e=>r.default.createElement(se,{key:e.key},e.withInput?r.default.createElement(O,{placeholder:e.placeholder}):r.default.createElement("label",{for:e.id},r.default.createElement("p",null,e.text)),r.default.createElement(de,{className:"RadioCircle"},r.default.createElement("input",{name:e.name,type:"radio",id:e.id,checked:e.checked}),r.default.createElement("span",{className:"RadioCustom"}),r.default.createElement(s,{Icon:"Sun",class_Icon:"RadioIcon"}))),exports.Red_=e=>r.default.createElement(_,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.RegionContext=X,exports.SearchContext=te,exports.Sidebar_=e=>r.default.createElement(Vt,null,e.children),exports.Sidebar_Box=e=>r.default.createElement(Ft,{onClick:e.onClick},r.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),r.default.createElement("picture",null,e.icon?r.default.createElement(s,{Icon:e.icon}):e.img?r.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Slider=ba,exports.SliderContainer=Ia,exports.SliderContext=ee,exports.SliderGrid=$a,exports.SliderOverlay=La,exports.SliderTitle=Aa,exports.SliderWrapper=Sa,exports.Slider_=e=>r.default.createElement(Ut,{className:e.className},r.default.createElement(Xt,{className:"StoryBook_Fix2",onClick:e.onClose}),r.default.createElement(Jt,null,r.default.createElement(Yt,null,r.default.createElement("h3",null,e.title),r.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),r.default.createElement(Qt,null,e.children))),exports.Steps=Ea,exports.StepsActions=Ca,exports.StepsComplete=wa,exports.StepsContainer=_a,exports.StepsCurrent=ka,exports.StepsWrapper=Ma,exports.Steps_=e=>r.default.createElement(Ot,null,r.default.createElement(jt,{steps:e.steps,currentStep:e.currentStep}),r.default.createElement(qt,null,e.steps.map(((t,n)=>r.default.createElement(a.CSSTransition,{in:e.currentStep===n,timeout:500,unmountOnExit:!0,classNames:"Steps"},r.default.createElement(Wt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>r.default.createElement(Ht,null,r.default.createElement(g,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),r.default.createElement(v,{iconRight:e.icon_Main,text:e.text_Main,onClick:e.onClick_Main})),exports.Textarea_=e=>{const[t,a]=r.default.useState(0);return r.default.createElement(ue,null,r.default.createElement(G,{placeholder:e.placeholder,rows:e.rows?e.rows:"5",onChange:e.onChange_Textarea?e.onChange_Textarea:e=>(e=>{a(e.target.value.length)})(e)},e.defaultValue),e.limit?r.default.createElement(me,{capped:t>e.limit}," ",r.default.createElement("span",null,t)," / ",e.limit):null,e.required?r.default.createElement(z,{className:"ValidatorRequired"},r.default.createElement(s,{Icon:"Asterisk"})):null,e.errors?r.default.createElement(T,{className:"ValidatorErrors"},e.errors.map((e=>r.default.createElement(P,null,r.default.createElement(s,{Icon:"Error"}),r.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?r.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(Z,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e)))),e.tips.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.tips?r.default.createElement(T,{className:"ValidatorHelpers"},e.tips.map((e=>r.default.createElement(R,null,r.default.createElement(s,{Icon:"Tip"}),r.default.createElement("h6",null,e))))):e.helpers?r.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>r.default.createElement(Z,null,r.default.createElement(s,{Icon:"Warning"}),r.default.createElement("h6",null,e))))):null)},exports.Theme=xa,exports.ThemeContext=Q,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.White_Plain=e=>r.default.createElement(E,{size:e.size,onClick:e.onClick},e.iconLeft?r.default.createElement(s,{Icon:e.iconLeft}):null,e.text?r.default.createElement("span",null,e.text):null,e.iconRight?r.default.createElement(s,{Icon:e.iconRight}):null),exports.device=S;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.4.40",
+  "version": "3.4.41",
   "description": "A styled-components styles library for Doitforme platorm and universal tweeks to create your own new styled library for your project",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/export/components/card/On_Click_Card.js

@@ -101,7 +101,7 @@ export const On_Click_Card = (props) => {
                     </figure>
                 :props.imgSmall ?
                     <OnClickSmallImg>
-                        <img src={props.imgSmall}/>
+                        <img src={props.imgSmall} onLoad={props.onLoad}/>
                     </OnClickSmallImg>
                 :
                     <OnClickBig headerColor={props.headerColor}>{props.header}</OnClickBig>

package/src/export/svg/IconSvg.js

@@ -74,7 +74,7 @@ export const IconSvg = (props) => {
         
         case "Search" : return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="none" d="M0 0h500v500H0z"/><path d="M78.15 78.53c-33.41 33.55-51.77 78.18-51.72 125.66.11 97.45 79.56 176.78 177.1 176.84h.1c47.26 0 91.78-18.49 125.35-52.07 33.58-33.58 52.06-78.1 52.03-125.35-.03-47.33-18.52-91.83-52.09-125.31-33.53-33.45-78.06-51.86-125.41-51.86h-.14c-47.35.03-91.83 18.53-125.23 52.08Zm3.28 125.89c-.13-32.8 12.53-63.67 35.65-86.93 23.04-23.18 53.69-35.98 86.29-36.05h.25c67.12 0 121.98 54.45 122.35 121.48.18 32.63-12.48 63.45-35.63 86.79-23.13 23.31-53.81 36.2-86.37 36.27h-.3c-32.34 0-62.88-12.64-86.03-35.6-23.22-23.04-36.08-53.57-36.21-85.96ZM371.35 313.42c7.99 7.88 15.97 15.71 23.92 23.53 22.59 22.19 45.95 45.13 68.43 67.98 11.02 11.2 10.84 25.08 8.76 34.75-3.49 16.18-13.13 26.85-28.67 31.71-16.01 5.01-30.41 1.31-42.81-10.99-22.85-22.66-45.96-45.83-68.31-68.24-6.27-6.29-12.55-12.58-18.82-18.86-.42-.42-.82-.89-1.24-1.4 23.9-15.85 43.18-35.04 58.74-58.48Z"/></svg>
 
-        //PREMAKED - TOBE CHANGED
+        //PREMADE - TOBE CHANGED
 
         case "Filter": return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="Layer_32" data-name="Layer 32"><path d="M33.5,19.14V12a1.5,1.5,0,0,0-3,0v7.14a6.07,6.07,0,0,0,0,11.74V52a1.5,1.5,0,0,0,3,0V30.88C39.52,29.34,39.52,20.67,33.5,19.14ZM32,28.07a3.07,3.07,0,0,1,0-6.13A3.07,3.07,0,0,1,32,28.07Z"/><path d="M53.5,32a6.07,6.07,0,0,0-4.56-5.87V12a1.5,1.5,0,0,0-3,0V26.13a6.07,6.07,0,0,0,0,11.74V52a1.5,1.5,0,0,0,3,0V37.87A6.07,6.07,0,0,0,53.5,32Zm-6,3.06a3.06,3.06,0,0,1,0-6.12A3.06,3.06,0,0,1,47.46,35.06Z"/><path d="M18.06,37V12a1.5,1.5,0,1,0-3,0V37a6.07,6.07,0,0,0,0,11.73V52a1.5,1.5,0,0,0,3,0V48.74A6.07,6.07,0,0,0,18.06,37Zm-1.5,8.94a3.07,3.07,0,0,1,0-6.13A3.07,3.07,0,0,1,16.56,45.94Z"/></g></svg>