monica-alexandria 3.6.21 → 3.6.23

package/dist/index.es.js

@@ -841,7 +841,7 @@ import e,{useState as t,createContext as n,useContext as r,useEffect as a}from"r
         width: 3rem;
         fill: var(--greyDark);
     }
-`,Rt=n=>{let r={includeScore:!0,keys:n.fileKeys};console.log(r);const[i,o]=t([]),[c,l]=t([]);a((()=>{o(n.file)}),[n.file]);const[u,s]=t({query:"",file:i,notfoundmessage:!1,defaultValue:n.defaultValue});return a((()=>{r.minMatchCharLength=n.minMatchCharacters?n.minMatchCharacters:1;const e=new yt(i,r);let t=u.query?e.search(u.query):i;n.getResults(u.query?.length?t:[]),l(t)}),[u]),e.createElement(Ct,null,e.createElement(At,null,e.createElement(St,{placeholder:n.placeholder,onChange:e=>{const{target:t={}}=e,{value:r=""}=t;let a=Lt.toGreek(r);s({...u,query:n.sanitize?a:r})},defaultValue:u.defaultValue,disabled:n.isLoading}),e.createElement(It,null,n.placeholder),e.createElement($t,null,e.createElement(d,{Icon:"Search"}))))},zt=i.div`
+`,Rt=n=>{let r={includeScore:!0,keys:n.fileKeys};console.log(r);const[i,o]=t([]),[c,l]=t([]);a((()=>{o(n.file)}),[n.file]);const[u,s]=t({query:"",file:i,notfoundmessage:!1,defaultValue:n.defaultValue});return a((()=>{r.minMatchCharLength=n.minMatchCharacters?n.minMatchCharacters:1;const e=new yt(i,r);let t=u.query?e.search(u.query):i;n.getResults(u.query?.length?t:[]),l(t)}),[u]),e.createElement(Ct,null,e.createElement(At,null,e.createElement(St,{placeholder:n.placeholder,onChange:e=>{const{target:t={}}=e,{value:r=""}=t;let a=Lt.toGreek(r);s({...u,query:n.sanitize?a:r})},defaultValue:u.defaultValue,value:n.value,disabled:n.isLoading}),e.createElement(It,null,n.placeholder),e.createElement($t,null,e.createElement(d,{Icon:"Search"}))))},zt=i.div`
     display: flex;
     gap: 1rem;
     align-items: center;

package/dist/index.js

@@ -1691,4 +1691,4 @@
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 2rem;
-`;exports.Builder_=e=>a.default.createElement(ie,{last:e.last,key:e.key},e.title?a.default.createElement("h4",null,e.title):null,e.children),exports.Card=k,exports.CardsForty=on,exports.CardsFull=an,exports.CardsSixty=ln,exports.CardsTools=rn,exports.Checkbox_=e=>a.default.createElement(le,{className:e.className,key:e.key},e.withInput?a.default.createElement(ue,{checked:e.checked},a.default.createElement(q,{placeholder:e.placeholder,disableInput:!e.checked})):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(ce,{className:"Check"},a.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick,onChange:e.onChange}),a.default.createElement("span",{className:"CheckCustom"}),a.default.createElement(u,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>a.default.createElement(I,null,a.default.createElement($,null,a.default.createElement("h4",null,e.message),a.default.createElement(R,null,a.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),a.default.createElement(_,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=E,exports.Dropdown_=K,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.suggestionType]},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.suggestionType]})},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.suggestionType]))};return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new nt(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(at,null,a.default.createElement(ot,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=rt.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(it,null,t.placeholder),t.required?a.default.createElement(Z,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,t.list?a.default.createElement(v,{size:"small",text:t.add,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(lt,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.suggestionType]:e[t.suggestionType])},a.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?a.default.createElement(ct,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(E,{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.Focus_=e=>a.default.createElement(d,{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.Focus_Plain=e=>a.default.createElement(f,{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=G,exports.FormGroup=H,exports.FormInput=V,exports.FormLabel=D,exports.FormList=W,exports.Forty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>S.xl?r(4):e<=S.xl&&e>S.md&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(yn,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>S.lg?r(10):e<=S.lg&&e>S.md?r(6):e<=S.md&&e>S.sm?r(4):e<=S.sm&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(pn,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};console.log(n);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 nt(r,n);let a=c.query?e.search(c.query):r;t.getResults(c.query?.length?a:[]),l(a)}),[c]),a.default.createElement(st,null,a.default.createElement(dt,null,a.default.createElement(ft,{placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=ut.toGreek(r);s({...c,query:t.sanitize?a:r})},defaultValue:c.defaultValue,disabled:t.isLoading}),a.default.createElement(ht,null,t.placeholder),a.default.createElement(mt,null,a.default.createElement(u,{Icon:"Search"}))))},exports.Grey_=m,exports.Grey_Link=e=>a.default.createElement(g,{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.HamContext=Q,exports.IconSvg=u,exports.Input_=q,exports.Input_Phone=t=>{const{region:n}=e.useContext(X);return a.default.createElement(re,null,a.default.createElement(ae,null,a.default.createElement(K,null,a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===n?a.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===n?a.default.createElement("option",{selected:!0},"🇩🇪 +49"):a.default.createElement("option",{selected:!0},"🇬🇷 +30"))),a.default.createElement(K,{items:t.array_PhoneDropdown})),a.default.createElement(q,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:n}=e.useContext(X);return a.default.createElement(oe,null,a.default.createElement(K,null,"Greece"===n?a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇬🇷 +30"),a.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===n?a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇩🇪 +49"),a.default.createElement("option",null,"🇬🇷 +30")):a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇬🇷 +30"),a.default.createElement("option",null,"🇩🇪 +49"))),a.default.createElement(q,{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=J,exports.Main_=v,exports.Main_Plain=_,exports.MenuContext=Y,exports.Nav_=e=>a.default.createElement(Ot,null,a.default.createElement(vt,{onClick_Logo:e.onClick_Logo}),a.default.createElement(_t,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?a.default.createElement(Bt,{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}):a.default.createElement(Ft,{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=>a.default.createElement(M,{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(L,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(C,{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.Page=_n,exports.PageAlwaysVisible=Cn,exports.PageCards=Bn,exports.PageDesktopOnly=Ln,exports.PageDesktopPadding=Sn,exports.PageForty=wn,exports.PageFull=xn,exports.PageIllu=Pn,exports.PageSingle=In,exports.PageSingleHeader=$n,exports.PageSingleRight=Tn,exports.PageSingleleft=Rn,exports.PageSixty=En,exports.PageSub=zn,exports.PageSubActions=jn,exports.PageSubTitle=Nn,exports.PageTitle=An,exports.PageTools=bn,exports.PageToolsCards=Zn,exports.PageToolsForty=Mn,exports.PageToolsSixty=kn,exports.Radio_=e=>a.default.createElement(se,{key:e.key},e.withInput?a.default.createElement(q,{placeholder:e.placeholder}):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(de,{className:"RadioCircle"},a.default.createElement("input",{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_=e=>a.default.createElement(b,{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.RegionContext=X,exports.SearchContext=ne,exports.Sidebar_=e=>a.default.createElement(Gt,null,e.children),exports.Sidebar_Box=e=>a.default.createElement(Vt,{onClick:e.onClick},a.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),a.default.createElement("picture",null,e.icon?a.default.createElement(u,{Icon:e.icon}):e.img?a.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Sixty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>S.xl?r(6):e<=S.xl&&e>S.md?r(4):e<=S.md&&e>S.sm?r(6):e<=S.sm&&e>S.xs?r(4):e<S.xs&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{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=qn,exports.SliderContainer=Xn,exports.SliderContext=te,exports.SliderGrid=Yn,exports.SliderOverlay=Un,exports.SliderTitle=Jn,exports.SliderWrapper=Kn,exports.Slider_=e=>a.default.createElement(Xt,{className:e.className},a.default.createElement(Yt,{className:"StoryBook_Fix2",onClick:e.onClose}),a.default.createElement(Qt,null,a.default.createElement(en,null,a.default.createElement("h3",null,e.title),a.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),a.default.createElement(tn,null,e.children))),exports.Steps=On,exports.StepsActions=Wn,exports.StepsComplete=Vn,exports.StepsContainer=Dn,exports.StepsCurrent=Gn,exports.StepsWrapper=Hn,exports.Steps_=e=>a.default.createElement(Ut,null,a.default.createElement(qt,{steps:e.steps,currentStep:e.currentStep}),a.default.createElement(Kt,null,e.steps.map(((t,r)=>a.default.createElement(n.CSSTransition,{in:e.currentStep===r,timeout:500,unmountOnExit:!0,classNames:"Steps"},a.default.createElement(Jt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>a.default.createElement(Dt,null,a.default.createElement(m,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),a.default.createElement(v,{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(fe,null,a.default.createElement(F,{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(he,{capped:t>e.limit}," ",a.default.createElement("span",null,t)," / ",e.limit):null,e.required?a.default.createElement(Z,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,e.errors?a.default.createElement(T,{className:"ValidatorErrors"},e.errors.map((e=>a.default.createElement(B,null,a.default.createElement(u,{Icon:"Error"}),a.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?a.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(j,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e)))),e.tips.map((e=>a.default.createElement(N,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.tips?a.default.createElement(T,{className:"ValidatorHelpers"},e.tips.map((e=>a.default.createElement(N,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.helpers?a.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(j,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e))))):null)},exports.Theme=Fn,exports.ThemeContext=ee,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=>a.default.createElement(x,{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=S,exports.device=A;
+`;exports.Builder_=e=>a.default.createElement(ie,{last:e.last,key:e.key},e.title?a.default.createElement("h4",null,e.title):null,e.children),exports.Card=k,exports.CardsForty=on,exports.CardsFull=an,exports.CardsSixty=ln,exports.CardsTools=rn,exports.Checkbox_=e=>a.default.createElement(le,{className:e.className,key:e.key},e.withInput?a.default.createElement(ue,{checked:e.checked},a.default.createElement(q,{placeholder:e.placeholder,disableInput:!e.checked})):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(ce,{className:"Check"},a.default.createElement("input",{type:"checkbox",id:e.id,checked:e.checked,onClick:e.onClick,onChange:e.onChange}),a.default.createElement("span",{className:"CheckCustom"}),a.default.createElement(u,{Icon:"Check",class_Icon:"CheckIcon"}))),exports.Confirmation_=e=>a.default.createElement(I,null,a.default.createElement($,null,a.default.createElement("h4",null,e.message),a.default.createElement(R,null,a.default.createElement(v,{onClick:e.onClick_Main,iconLeft:e.icon_Main,text:e.text_Main}),a.default.createElement(_,{onClick:e.onClick_MainPlain,iconLeft:e.icon_MainPlain,text:e.text_MainPlain})))),exports.Cta_=c,exports.Delete_Plain=E,exports.Dropdown_=K,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.suggestionType]},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.suggestionType]})},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.suggestionType]))};return e.useEffect((()=>{n.minMatchCharLength=t.minMatchCharacters?t.minMatchCharacters:1;const e=new nt(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(at,null,a.default.createElement(ot,{id:"elasticSearch",autoComplete:"off",type:"text",value:t.value,placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=rt.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(it,null,t.placeholder),t.required?a.default.createElement(Z,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,t.list?a.default.createElement(v,{size:"small",text:t.add,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(lt,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.suggestionType]:e[t.suggestionType])},a.default.createElement("p",null,e?.item?e.item[t.suggestionType]:e[t.suggestionType]))))):null,t.list?a.default.createElement(ct,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(E,{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.Focus_=e=>a.default.createElement(d,{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.Focus_Plain=e=>a.default.createElement(f,{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=G,exports.FormGroup=H,exports.FormInput=V,exports.FormLabel=D,exports.FormList=W,exports.Forty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>S.xl?r(4):e<=S.xl&&e>S.md&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(yn,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>S.lg?r(10):e<=S.lg&&e>S.md?r(6):e<=S.md&&e>S.sm?r(4):e<=S.sm&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),a.default.createElement(pn,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};console.log(n);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 nt(r,n);let a=c.query?e.search(c.query):r;t.getResults(c.query?.length?a:[]),l(a)}),[c]),a.default.createElement(st,null,a.default.createElement(dt,null,a.default.createElement(ft,{placeholder:t.placeholder,onChange:e=>{const{target:n={}}=e,{value:r=""}=n;let a=ut.toGreek(r);s({...c,query:t.sanitize?a:r})},defaultValue:c.defaultValue,value:t.value,disabled:t.isLoading}),a.default.createElement(ht,null,t.placeholder),a.default.createElement(mt,null,a.default.createElement(u,{Icon:"Search"}))))},exports.Grey_=m,exports.Grey_Link=e=>a.default.createElement(g,{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.HamContext=Q,exports.IconSvg=u,exports.Input_=q,exports.Input_Phone=t=>{const{region:n}=e.useContext(X);return a.default.createElement(re,null,a.default.createElement(ae,null,a.default.createElement(K,null,a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},"Greece"===n?a.default.createElement("option",{selected:!0},"🇬🇷 +30"):"Deutschland"===n?a.default.createElement("option",{selected:!0},"🇩🇪 +49"):a.default.createElement("option",{selected:!0},"🇬🇷 +30"))),a.default.createElement(K,{items:t.array_PhoneDropdown})),a.default.createElement(q,{placeholder:t.text_PhonePlaceholder,required:t.required,list:t.array_PhoneList,icon_ListItem:t.icon_PhoneList}))},exports.Input_Phone_Register=t=>{const{region:n}=e.useContext(X);return a.default.createElement(oe,null,a.default.createElement(K,null,"Greece"===n?a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇬🇷 +30"),a.default.createElement("option",null,"🇩🇪 +49")):"Deutschland"===n?a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇩🇪 +49"),a.default.createElement("option",null,"🇬🇷 +30")):a.default.createElement("select",{className:"Dropdown_EmojiAdapt"},a.default.createElement("option",{selected:!0},"🇬🇷 +30"),a.default.createElement("option",null,"🇩🇪 +49"))),a.default.createElement(q,{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=J,exports.Main_=v,exports.Main_Plain=_,exports.MenuContext=Y,exports.Nav_=e=>a.default.createElement(Ot,null,a.default.createElement(vt,{onClick_Logo:e.onClick_Logo}),a.default.createElement(_t,{onClick_Cta:e.onClick_Cta,text_Cta:e.text_Cta}),"Protected"===e.role?a.default.createElement(Bt,{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}):a.default.createElement(Ft,{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=>a.default.createElement(M,{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(L,null,a.default.createElement("img",{src:e.imgSmall})):a.default.createElement(C,{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.Page=_n,exports.PageAlwaysVisible=Cn,exports.PageCards=Bn,exports.PageDesktopOnly=Ln,exports.PageDesktopPadding=Sn,exports.PageForty=wn,exports.PageFull=xn,exports.PageIllu=Pn,exports.PageSingle=In,exports.PageSingleHeader=$n,exports.PageSingleRight=Tn,exports.PageSingleleft=Rn,exports.PageSixty=En,exports.PageSub=zn,exports.PageSubActions=jn,exports.PageSubTitle=Nn,exports.PageTitle=An,exports.PageTools=bn,exports.PageToolsCards=Zn,exports.PageToolsForty=Mn,exports.PageToolsSixty=kn,exports.Radio_=e=>a.default.createElement(se,{key:e.key},e.withInput?a.default.createElement(q,{placeholder:e.placeholder}):a.default.createElement("label",{for:e.id},a.default.createElement("p",null,e.text)),a.default.createElement(de,{className:"RadioCircle"},a.default.createElement("input",{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_=e=>a.default.createElement(b,{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.RegionContext=X,exports.SearchContext=ne,exports.Sidebar_=e=>a.default.createElement(Gt,null,e.children),exports.Sidebar_Box=e=>a.default.createElement(Vt,{onClick:e.onClick},a.default.createElement("h5",{className:e.className+" SidebarButtonTitle"},e.text),a.default.createElement("picture",null,e.icon?a.default.createElement(u,{Icon:e.icon}):e.img?a.default.createElement("img",{src:e.img,alt:e.alt}):null)),exports.Sixty_Card_Loader=t=>{const[n,r]=e.useState(),o=e=>{e>S.xl?r(6):e<=S.xl&&e>S.md?r(4):e<=S.md&&e>S.sm?r(6):e<=S.sm&&e>S.xs?r(4):e<S.xs&&r(2)};return window.addEventListener("resize",(()=>{let e=window.innerWidth;o(e)})),window.addEventListener("resize",(()=>{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=qn,exports.SliderContainer=Xn,exports.SliderContext=te,exports.SliderGrid=Yn,exports.SliderOverlay=Un,exports.SliderTitle=Jn,exports.SliderWrapper=Kn,exports.Slider_=e=>a.default.createElement(Xt,{className:e.className},a.default.createElement(Yt,{className:"StoryBook_Fix2",onClick:e.onClose}),a.default.createElement(Qt,null,a.default.createElement(en,null,a.default.createElement("h3",null,e.title),a.default.createElement(v,{text:e.done,iconRight:"Check",size:"normal",onClick:e.onClick})),a.default.createElement(tn,null,e.children))),exports.Steps=On,exports.StepsActions=Wn,exports.StepsComplete=Vn,exports.StepsContainer=Dn,exports.StepsCurrent=Gn,exports.StepsWrapper=Hn,exports.Steps_=e=>a.default.createElement(Ut,null,a.default.createElement(qt,{steps:e.steps,currentStep:e.currentStep}),a.default.createElement(Kt,null,e.steps.map(((t,r)=>a.default.createElement(n.CSSTransition,{in:e.currentStep===r,timeout:500,unmountOnExit:!0,classNames:"Steps"},a.default.createElement(Jt,{className:"Steps"},t)))))),exports.Steps_Actions=e=>a.default.createElement(Dt,null,a.default.createElement(m,{iconLeft:e.icon_Grey,text:e.text_Grey,onClick:e.onClick_Grey}),a.default.createElement(v,{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(fe,null,a.default.createElement(F,{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(he,{capped:t>e.limit}," ",a.default.createElement("span",null,t)," / ",e.limit):null,e.required?a.default.createElement(Z,{className:"ValidatorRequired"},a.default.createElement(u,{Icon:"Asterisk"})):null,e.errors?a.default.createElement(T,{className:"ValidatorErrors"},e.errors.map((e=>a.default.createElement(B,null,a.default.createElement(u,{Icon:"Error"}),a.default.createElement("h6",null,e))))):null,e.tips&&e.helpers?a.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(j,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e)))),e.tips.map((e=>a.default.createElement(N,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.tips?a.default.createElement(T,{className:"ValidatorHelpers"},e.tips.map((e=>a.default.createElement(N,null,a.default.createElement(u,{Icon:"Tip"}),a.default.createElement("h6",null,e))))):e.helpers?a.default.createElement(T,{className:"ValidatorHelpers"},e.helpers.map((e=>a.default.createElement(j,null,a.default.createElement(u,{Icon:"Warning"}),a.default.createElement("h6",null,e))))):null)},exports.Theme=Fn,exports.ThemeContext=ee,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=>a.default.createElement(x,{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=S,exports.device=A;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monica-alexandria",
-  "version": "3.6.21",
+  "version": "3.6.23",
   "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/alert/Alert_Loading.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
+import { IconSvg } from '../../svg/IconSvg'
 
 const Alert = styled.div`
 
@@ -9,10 +10,17 @@ const AlertLoading = styled(Alert)`
 
 `
 
+const AlertIcon = styled.div`
+
+`
+
 export const Alert_Loading = (props) => {
 
   return (
     <AlertLoading>
+        <AlertIcon>
+          <IconSvg icon='Loading' />
+        </AlertIcon>
         <p>{props.message}</p>
     </AlertLoading>
   )

package/src/export/components/form/Google_Search.js

@@ -79,6 +79,7 @@ export const Google_Search = (props) => {
                 placeholder= {props.placeholder}
                 onChange={onChange}
                 defaultValue={currentSearch.defaultValue}
+                value={props.value}
                 disabled={props.isLoading}
             />
             <GoogleLabel>{props.placeholder}</GoogleLabel>

package/src/stories/form/Google.stories.jsx

@@ -21,5 +21,6 @@ Google.args = {
     defaultValue: '(optional) default value of the input',
     sanitize : '(boolean) greeklish activation',
     placeholder : 'type in something',
-    results: 'map results to display'
+    getResults: '(results)=>{{your setState}}(result)',
+    value: 'get input value'
 }