@blateral/b.kit 2.5.0-beta.1.1 → 2.5.0-beta.1.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/cjs/{FilterField-b1547fb4.js → FilterField-cce38ffb.js} +2 -2
- package/cjs/{FilterField-b1547fb4.js.map → FilterField-cce38ffb.js.map} +1 -1
- package/cjs/Navigation-d205ed34.js +2 -0
- package/cjs/Navigation-d205ed34.js.map +1 -0
- package/cjs/{Textarea-485efa2d.js → Textarea-03bd2c34.js} +2 -2
- package/cjs/{Textarea-485efa2d.js.map → Textarea-03bd2c34.js.map} +1 -1
- package/cjs/{VideoCard-d48a37fe.js → VideoCard-703df8bc.js} +2 -2
- package/cjs/{VideoCard-d48a37fe.js.map → VideoCard-703df8bc.js.map} +1 -1
- package/cjs/cookies.js +1 -1
- package/cjs/fields.js +1 -1
- package/cjs/headers.js +1 -1
- package/cjs/hooks.js +1 -1
- package/cjs/hooks.js.map +1 -1
- package/cjs/navigation-bf154e6e.js +2 -0
- package/cjs/navigation-bf154e6e.js.map +1 -0
- package/cjs/navigation.js +1 -1
- package/cjs/sections.dynamicform.js +1 -1
- package/cjs/sections.jobs.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.js.map +1 -1
- package/cjs/sections.news.js +1 -1
- package/cjs/sections.pois.js +1 -1
- package/cjs/useCookieConsent-aa9f1104.js +2 -0
- package/cjs/{useCookieConsent-1af2af74.js.map → useCookieConsent-aa9f1104.js.map} +1 -1
- package/cjs/useEqualSheetHeight-501f4c5f.js +2 -0
- package/cjs/useEqualSheetHeight-501f4c5f.js.map +1 -0
- package/cjs/useIE-aef9decc.js +2 -0
- package/cjs/useIE-aef9decc.js.map +1 -0
- package/cjs/useLazyInput-f71c221b.js +2 -0
- package/cjs/useLazyInput-f71c221b.js.map +1 -0
- package/cjs/useMediaQuery-3d1054e5.js +2 -0
- package/cjs/{useMediaQuery-0bd70e6a.js.map → useMediaQuery-3d1054e5.js.map} +1 -1
- package/esm/{FilterField-7805bdb4.js → FilterField-962ec61f.js} +2 -2
- package/esm/{FilterField-7805bdb4.js.map → FilterField-962ec61f.js.map} +1 -1
- package/esm/{Navigation-3ded0cfc.js → Navigation-42c123d2.js} +3 -52
- package/esm/Navigation-42c123d2.js.map +1 -0
- package/esm/{Textarea-380665db.js → Textarea-266f1e45.js} +2 -2
- package/esm/{Textarea-380665db.js.map → Textarea-266f1e45.js.map} +1 -1
- package/esm/{VideoCard-784c2a51.js → VideoCard-e6f342b8.js} +2 -2
- package/esm/{VideoCard-784c2a51.js.map → VideoCard-e6f342b8.js.map} +1 -1
- package/esm/cookies.js +1 -1
- package/esm/fields.js +3 -3
- package/esm/headers.js +3 -3
- package/esm/hooks.js +168 -9
- package/esm/hooks.js.map +1 -1
- package/esm/{navigation-ada7fd84.js → navigation-b89325f8.js} +52 -2
- package/esm/navigation-b89325f8.js.map +1 -0
- package/esm/navigation.js +4 -4
- package/esm/sections.dynamicform.js +2 -2
- package/esm/sections.jobs.js +4 -4
- package/esm/sections.js +8 -18
- package/esm/sections.js.map +1 -1
- package/esm/sections.news.js +4 -4
- package/esm/sections.pois.js +5 -5
- package/esm/{useCookieConsent-0fc8667c.js → useCookieConsent-6b2d4d93.js} +2 -8
- package/esm/{useCookieConsent-0fc8667c.js.map → useCookieConsent-6b2d4d93.js.map} +1 -1
- package/esm/{useEqualSheetHeight-4030635e.js → useEqualSheetHeight-97420d63.js} +3 -3
- package/esm/{useEqualSheetHeight-4030635e.js.map → useEqualSheetHeight-97420d63.js.map} +1 -1
- package/esm/useIE-a9c56989.js +15 -0
- package/esm/useIE-a9c56989.js.map +1 -0
- package/esm/{useLazyInput-16a0b633.js → useLazyInput-54d1785c.js} +2 -2
- package/esm/{useLazyInput-16a0b633.js.map → useLazyInput-54d1785c.js.map} +1 -1
- package/esm/{useMediaQuery-b08dda62.js → useMediaQuery-b42fd64e.js} +2 -2
- package/esm/{useMediaQuery-b08dda62.js.map → useMediaQuery-b42fd64e.js.map} +1 -1
- package/package.json +1 -1
- package/types/hooks.d.ts +32 -33
- package/types/hooks.d.ts.map +1 -1
- package/cjs/Navigation-ca78100c.js +0 -2
- package/cjs/Navigation-ca78100c.js.map +0 -1
- package/cjs/navigation-389b22e2.js +0 -2
- package/cjs/navigation-389b22e2.js.map +0 -1
- package/cjs/useCookieConsent-1af2af74.js +0 -2
- package/cjs/useEqualSheetHeight-8f92c912.js +0 -2
- package/cjs/useEqualSheetHeight-8f92c912.js.map +0 -1
- package/cjs/useLazyInput-0b912584.js +0 -2
- package/cjs/useLazyInput-0b912584.js.map +0 -1
- package/cjs/useMediaQuery-0bd70e6a.js +0 -2
- package/esm/Navigation-3ded0cfc.js.map +0 -1
- package/esm/navigation-ada7fd84.js.map +0 -1
package/cjs/navigation.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-d205ed34.js"),n=require("./ClockFilled-2483aa4a.js"),a=require("react"),t=require("styled-components"),l=require("./styles-3a495a2d.js"),i=require("./SocialList-1d5f75a8.js"),r=require("./LanguageSwitcher-8fdd22ba.js"),o=require("./arrays-c272ed59.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-4823de57.js"),require("./useMediaQuery-3d1054e5.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./clamp-bd21d587.js"),require("./Copy-ea6ab025.js"),require("./Image-c72f7a80.js"),require("react-dom/server");var s,u,g,p,m,c,v,f=d(a),x=d(t),_=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),y=x.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"])),2*l.spacings.nudge,l.spacings.spacer),N=function(e){var n=e.isInverted,a=e.langs,t=e.socials,l=o.isValidArray(t,!1),d=o.isValidArray(a,!1);return f.default.createElement(f.default.Fragment,null,(l||d)&&f.default.createElement(y,null,l&&f.default.createElement(i.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,l=n.navStates,i="large"===(null==l?void 0:l.size)&&"overContent"===(null==l?void 0:l.pageFlow);return f.default.createElement(e.BarBreadcrumbs,{isInverted:i,rootLink:a,rootLabel:t,navItems:l.mainNavigation})},I=x.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),j=x.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"],["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"])),l.spacings.nudge),k=x.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(p||(p=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"])),l.spacings.nudge,l.mq.medium,2*l.spacings.nudge),B=x.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(m||(m=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"],["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"])),l.mq.semilarge,3*l.spacings.nudge),C=function(a){var t,l,i,d,s,u,g=a.isInverted,p=a.logo,m=a.navStates,c=a.customToggle,v=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==g?g:"large"===(null==m?void 0:m.size)&&"overContent"===(null==m?void 0:m.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(I,{takeSpace:!0,vAlign:"center",isInverted:y},f.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==m?void 0:m.isMenuOpen,onClick:null==m?void 0:m.openMenu},c?c({isInverted:y}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(B,null,f.default.createElement(r.LanguageSwitcher,{isInverted:y,langs:v}))),(null===(t=null==p?void 0:p.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:y},f.default.createElement(e.BarLogo,{link:p.link,logo:{small:y?(null===(l=null==p?void 0:p.mobileInverted)||void 0===l?void 0:l.src)||"":(null===(i=null==p?void 0:p.mobile)||void 0===i?void 0:i.src)||"",semilarge:y?(null===(d=null==p?void 0:p.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==p?void 0:p.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==p?void 0:p.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(k,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},m)):void 0,x?x(n.__assign({isInverted:y},m)):void 0))},L=x.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(c||(c=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"])),l.spacings.spacer),M=x.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(v||(v=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"],["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"])),l.mq.semilarge),q=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,l="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(L,null,f.default.createElement(M,{isInverted:l,navLinks:n})),f.default.createElement(L,null,f.default.createElement(r.LanguageSwitcher,{isInverted:l,langs:a})))},w=Object.freeze({__proto__:null,MenuFooter:N,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:C,NavBarTop:q});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=N,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=C,exports.NavBarTopPartial=q,exports.NavPartials=w,exports.NavSkeletons=_;
|
|
2
2
|
//# sourceMappingURL=navigation.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),r=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),i=require("./Section-e8e8cf81.js"),o=require("formik"),l=require("./Wrapper-ff6854d7.js"),u=require("./Actions-c7b16449.js"),s=require("./Button-51ea72b7.js"),d=require("./Textarea-485efa2d.js"),c=require("./ButtonGhost-628bbd60.js"),m=require("./Textfield-56996c98.js"),v=require("./Checkbox-1c34c7e6.js"),f=require("./Copy-ea6ab025.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-2e608b01.js"),require("./useLazyInput-0b912584.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var p,h,b,_,x,y,k,C,q=g(n),w=g(t),F=w.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(p||(p=e.__makeTemplateObject(["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"],["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"]))),M=w.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(h||(h=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.nudge),I=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(n=r.inputType,a="",r.isRequired&&!t&&(a=r.errorMsg||"Required field"),n){case"email":t&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(t)&&(a=r.errorMsg||"Invalid Mail format");break;case"tel":t&&/[A-Z]/gi.test(t)&&(a=r.errorMsg||"Ungültige Telefonnummer");break;case"number":t&&!/^[+]?\d+([.]\d+)?$/gm.test(t)&&(a=r.errorMsg||"Zahlenformat ungültig")}return[2,a]}))}))},T=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},E=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},j=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){return n="",a=r.singleSelect,r.isRequired&&!t?n=a?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&a&&!t[0]?n=r.singleDateError||"Please submit date!":!r.isRequired||a||t[0]&&t[1]||(n=r.multiDateError||"Please submit start- and enddate!"),[2,n]}))}))},R=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n="",!r.isRequired||t.description||(null===(a=t.position)||void 0===a?void 0:a[0])||(null===(i=t.position)||void 0===i?void 0:i[1])||(n=r.errorMsg||"Please submit location info!"),[2,n]}))}))},S=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n=r.groupType,a="","Checkbox"===n?(i=t,r.isRequired&&(!i||(null==i?void 0:i.length)<1)&&(a=r.errorMsg||"Please select at least one item!")):"Radio"===n&&r.isRequired&&!t&&(a=r.errorMsg||"Selection required"),[2,a]}))}))},B=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&(!t||(null==t?void 0:t.length)<1)&&(n=r.errorMsg||"Please submit at least one file!"),[2,n]}))}))},D=w.default(i.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(b||(b=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),L=w.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(_||(_=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"])),r.mq.semilarge),O=w.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(x||(x=e.__makeTemplateObject(["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"],["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),A=w.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(y||(y=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),r.spacings.spacer),U=w.default(f.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(k||(k=e.__makeTemplateObject(["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"])),r.mq.semilarge),P=w.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(C||(C=e.__makeTemplateObject(["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),V=a.withLibTheme((function(t){var f=t.anchorId,g=t.fields,p=t.onSubmit,h=t.submitAction,b=t.definitions,_=t.subjectLine,x=t.targetEmails,y=t.bgMode,k="inverted"===y,C="full"===y||k,w=n.useState(),V=w[0],G=w[1],N={},W=function(e){switch(g[e].type){case"Field":case"Area":N[e]=g[e].initialValue||"";break;case"Select":N[e]=g[e].initialOption||"";break;case"Datepicker":N[e]=g[e].initialDates||[null,null];break;case"Location":N[e]={description:"",position:[0,0]};break;case"Upload":N[e]=[];break;case"FieldGroup":var n=g[e],t=g[e].groupType;if("Checkbox"===t){var r=[];n.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),N[e]=r}else"Radio"===t&&(N[e]="",n.fields.every((function(n){return!n.initialChecked||!n.text||(N[e]=n.text,!1)})))}};for(var Z in g)W(Z);var z=o.useFormik({initialValues:e.__assign({},N),onSubmit:function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a;return e.__generator(this,(function(i){switch(i.label){case 0:return r=e.__assign(e.__assign({},n),{targetEmails:x||[],subjectLine:_||""}),p?[4,p(r)]:(Q(!1),[2]);case 1:return a=i.sent(),t.resetForm({values:n}),G(a),a.isError&&Q(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,i,o,l,u,s,d,c,m,v,f,p,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(a in t={},r=[],g)r.push(a);i=0,e.label=1;case 1:if(!(i<r.length))return[3,31];switch(o=r[i],g[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(t[o]=l),[3,30];case 4:return[4,I(0,m,f)];case 5:return(b=e.sent())&&(t[o]=b),[3,30];case 6:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(t[o]=u),[3,30];case 8:return[4,T(0,m,f)];case 9:return(b=e.sent())&&(t[o]=b),[3,30];case 10:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(s=e.sent())&&(t[o]=s),[3,30];case 12:return[4,E(0,m,f)];case 13:return(b=e.sent())&&(t[o]=b),[3,30];case 14:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(d=e.sent())&&(t[o]=d),[3,30];case 16:return[4,j(0,m,f)];case 17:return(b=e.sent())&&(t[o]=b),[3,30];case 18:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(t[o]=c),[3,30];case 20:return[4,R(0,m,f)];case 21:return(b=e.sent())&&(t[o]=b),[3,30];case 22:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(t[o]=v),[3,30];case 24:return[4,S(0,m,f)];case 25:return(b=e.sent())&&(t[o]=b),[3,30];case 26:return f=g[o],p=n[o],f.validate?[4,f.validate(o,p,f)]:[3,28];case 27:return(h=e.sent())&&(t[o]=h),[3,30];case 28:return[4,B(0,p,f)];case 29:return(b=e.sent())&&(t[o]=b),[3,30];case 30:return i++,[3,1];case 31:return[2,t]}}))}))}}),H=z.handleSubmit,$=z.handleChange,J=z.handleBlur,K=z.setFieldTouched,Q=z.setSubmitting,X=z.validateField,Y=z.submitForm,ee=z.setValues,ne=z.isSubmitting,te=z.touched,re=z.values,ae=z.errors,ie=z.dirty,oe=z.validateOnBlur,le=z.validateOnChange,ue=n.useRef(e.__assign({},N)),se=a.useLibTheme().theme,de=n.useCallback((function(n){var t;return ee(e.__assign(e.__assign({},ue.current),((t={})[n.key]=n.value,t)),n.shouldValidate)}),[ee]),ce=g&&Object.keys(g);return n.useEffect((function(){ue.current=e.__assign({},re)}),[re]),q.default.createElement(D,{addSeperation:!0,anchorId:f,bgColor:k?r.getColors(se).sectionBg.dark:y?r.getColors(se).sectionBg.medium:r.getColors(se).sectionBg.light,bgMode:i.mapToBgMode(y,!0)},q.default.createElement(l.Wrapper,{addWhitespace:!0},q.default.createElement(L,{noValidate:!0,onSubmit:H},q.default.createElement(O,null,g&&(null==ce?void 0:ce.map((function(n,t){var r={index:t,field:g[n],key:n,value:re[n],error:ae[n],isTouched:te[n]||!1,isInverted:k,hasBg:C,setField:de,setTouched:K,validateField:X,handleChange:$,handleBlur:J,validateOnBlur:oe,validateOnChange:le,theme:se};switch(g[n].type){case"Field":return(null==b?void 0:b.field)?b.field(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return q.default.createElement(m.Textfield,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),type:n.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Area":return(null==b?void 0:b.area)?b.area(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return q.default.createElement(d.Textarea,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Datepicker":return(null==b?void 0:b.datepicker)?b.datepicker(r):function(n){var t=n.key,r=n.field,a=n.value,i=n.error,o=n.isTouched,l=n.isInverted,u=n.setField,m=n.setTouched,v=n.validateField,f=a,g=function(n,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(t,!0)];case 1:return e.sent(),[4,u({key:t,value:[n||null,r||null]})];case 2:return e.sent(),v(t),[2]}}))}))};return q.default.createElement(d.DatepickerCmp,{key:t,enableMemo:!0,onSubmit:g,onDataChange:g,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(t).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:i&&o?i:void 0,name:t,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):q.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):q.default.createElement(s.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==b?void 0:b.location)?b.location(r):function(n){var t,r,a=n.key,i=n.field,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(t=null==m?void 0:m.position)||void 0===t?void 0:t[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return q.default.createElement(d.LocationField,{key:a,enableMemo:!0,name:"['".concat(a,"']"),label:"".concat(a).concat(i.isRequired?" *":""),placeholder:i.placeholder,initialMapCenter:i.initialMapCenter,zoom:i.zoom,isInverted:s,infoMessage:i.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(n){c({key:a,value:e.__assign({},n),shouldValidate:!0})},customLocationControl:i.customLocationControl,customToggle:i.customToggle,customResetControl:i.customResetControl,toggleLabel:i.toggleLabel,trackLocationLabel:i.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===g[n].groupType?(null==b?void 0:b.checkbox)?b.checkbox(r):function(e){var n,t=e.field,r=e.key,a=e.isInverted,i=e.value,o=e.isTouched,l=e.error,u=e.info,s=e.setTouched,d=e.validateField,c=e.setField,f=t,g=i;return q.default.createElement(F,{key:r},r&&q.default.createElement(m.FieldWrapper.Head,{isInverted:a,label:r,isRequired:t.isRequired}),q.default.createElement(M,null,null===(n=null==f?void 0:f.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(v.Checkbox,{key:n,enableMemo:!0,isInverted:a,onChange:function(e){var n=e.currentTarget.value;if(n){var t=g.indexOf(n);-1===t?g.push(n):g.splice(t,1),c({key:r,value:g}),s(r,!0),d(r)}},isSelected:!!e.text&&-1!==g.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==b?void 0:b.radio)?b.radio(r):function(e){var n,t=e.key,r=e.field,a=e.value,i=e.error,o=e.isTouched,l=e.isInverted,u=e.info,s=e.setField,c=r,v=a;return q.default.createElement(F,{key:t},t&&q.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:t,isRequired:r.isRequired}),q.default.createElement(M,null,null===(n=null==c?void 0:c.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(d.RadioButton,{key:n,enableMemo:!0,name:t,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(n){e.text&&s({key:t,value:n.currentTarget.value})}})}))),o&&i&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:i,infoMessage:u}))}(r);case"Select":return(null==b?void 0:b.select)?b.select(r):function(n){var t,r,a=n.field,i=n.key,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=n.setTouched,v=n.validateField,f=n.validateOnChange,g=n.validateOnBlur,p=o;return q.default.createElement(d.SelectDropdown,{key:i,enableMemo:!0,label:"".concat(i).concat(a.isRequired?" *":""),name:i,placeholder:a.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(t=a.dropdownItems)||void 0===t?void 0:t.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:p,onChange:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:i,value:n}),[4,m(i,!0)];case 1:return e.sent(),f&&v(i),[2]}}))}))},onBlur:function(){return m(i,!0,g)},indicator:a.indicator,isInverted:s})}(r);case"Upload":return(null==b?void 0:b.upload)?b.upload(r):function(e){var n=e.field,t=e.key,r=e.error,a=e.isTouched,i=e.isInverted,o=e.setField;return q.default.createElement(d.FileUploadCmp,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),name:t,infoMessage:n.info,uploadLabel:n.addBtnLabel,errorMessage:r&&a?r:void 0,acceptedFormats:n.acceptedFormats,onUploadFiles:function(e){o({key:t,value:e})},customUploadIcon:n.customUploadIcon,customDeleteIcon:n.customDeleteIcon,isInverted:i})}(r);default:return null}}))))),(g||(null==V?void 0:V.message))&&q.default.createElement(A,null,(null==V?void 0:V.message)&&!ie&&q.default.createElement(U,{textColor:(null==V?void 0:V.isError)?r.getColors(se).error:k?r.getColors(se).text.copyInverted:r.getColors(se).text.copy},V.message||""),g&&q.default.createElement(P,null,q.default.createElement(u.Actions,{primary:h?h({isInverted:k,isSubmitting:ne,handleSubmit:Y}):q.default.createElement(s.Button.View,e.__assign({as:"button",onClick:Y},{type:"submit"}),q.default.createElement(s.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=V;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),r=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),i=require("./Section-e8e8cf81.js"),o=require("formik"),l=require("./Wrapper-ff6854d7.js"),u=require("./Actions-c7b16449.js"),s=require("./Button-51ea72b7.js"),d=require("./Textarea-03bd2c34.js"),c=require("./ButtonGhost-628bbd60.js"),m=require("./Textfield-56996c98.js"),v=require("./Checkbox-1c34c7e6.js"),f=require("./Copy-ea6ab025.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-2e608b01.js"),require("./useLazyInput-f71c221b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var p,h,b,_,x,y,k,C,q=g(n),w=g(t),F=w.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(p||(p=e.__makeTemplateObject(["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"],["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"]))),M=w.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(h||(h=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.nudge),I=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(n=r.inputType,a="",r.isRequired&&!t&&(a=r.errorMsg||"Required field"),n){case"email":t&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(t)&&(a=r.errorMsg||"Invalid Mail format");break;case"tel":t&&/[A-Z]/gi.test(t)&&(a=r.errorMsg||"Ungültige Telefonnummer");break;case"number":t&&!/^[+]?\d+([.]\d+)?$/gm.test(t)&&(a=r.errorMsg||"Zahlenformat ungültig")}return[2,a]}))}))},T=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},E=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},j=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){return n="",a=r.singleSelect,r.isRequired&&!t?n=a?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&a&&!t[0]?n=r.singleDateError||"Please submit date!":!r.isRequired||a||t[0]&&t[1]||(n=r.multiDateError||"Please submit start- and enddate!"),[2,n]}))}))},R=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n="",!r.isRequired||t.description||(null===(a=t.position)||void 0===a?void 0:a[0])||(null===(i=t.position)||void 0===i?void 0:i[1])||(n=r.errorMsg||"Please submit location info!"),[2,n]}))}))},S=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n=r.groupType,a="","Checkbox"===n?(i=t,r.isRequired&&(!i||(null==i?void 0:i.length)<1)&&(a=r.errorMsg||"Please select at least one item!")):"Radio"===n&&r.isRequired&&!t&&(a=r.errorMsg||"Selection required"),[2,a]}))}))},B=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&(!t||(null==t?void 0:t.length)<1)&&(n=r.errorMsg||"Please submit at least one file!"),[2,n]}))}))},D=w.default(i.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(b||(b=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),L=w.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(_||(_=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"])),r.mq.semilarge),O=w.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(x||(x=e.__makeTemplateObject(["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"],["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),A=w.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(y||(y=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),r.spacings.spacer),U=w.default(f.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(k||(k=e.__makeTemplateObject(["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"])),r.mq.semilarge),P=w.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(C||(C=e.__makeTemplateObject(["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),V=a.withLibTheme((function(t){var f=t.anchorId,g=t.fields,p=t.onSubmit,h=t.submitAction,b=t.definitions,_=t.subjectLine,x=t.targetEmails,y=t.bgMode,k="inverted"===y,C="full"===y||k,w=n.useState(),V=w[0],G=w[1],N={},W=function(e){switch(g[e].type){case"Field":case"Area":N[e]=g[e].initialValue||"";break;case"Select":N[e]=g[e].initialOption||"";break;case"Datepicker":N[e]=g[e].initialDates||[null,null];break;case"Location":N[e]={description:"",position:[0,0]};break;case"Upload":N[e]=[];break;case"FieldGroup":var n=g[e],t=g[e].groupType;if("Checkbox"===t){var r=[];n.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),N[e]=r}else"Radio"===t&&(N[e]="",n.fields.every((function(n){return!n.initialChecked||!n.text||(N[e]=n.text,!1)})))}};for(var Z in g)W(Z);var z=o.useFormik({initialValues:e.__assign({},N),onSubmit:function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a;return e.__generator(this,(function(i){switch(i.label){case 0:return r=e.__assign(e.__assign({},n),{targetEmails:x||[],subjectLine:_||""}),p?[4,p(r)]:(Q(!1),[2]);case 1:return a=i.sent(),t.resetForm({values:n}),G(a),a.isError&&Q(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,i,o,l,u,s,d,c,m,v,f,p,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(a in t={},r=[],g)r.push(a);i=0,e.label=1;case 1:if(!(i<r.length))return[3,31];switch(o=r[i],g[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(t[o]=l),[3,30];case 4:return[4,I(0,m,f)];case 5:return(b=e.sent())&&(t[o]=b),[3,30];case 6:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(t[o]=u),[3,30];case 8:return[4,T(0,m,f)];case 9:return(b=e.sent())&&(t[o]=b),[3,30];case 10:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(s=e.sent())&&(t[o]=s),[3,30];case 12:return[4,E(0,m,f)];case 13:return(b=e.sent())&&(t[o]=b),[3,30];case 14:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(d=e.sent())&&(t[o]=d),[3,30];case 16:return[4,j(0,m,f)];case 17:return(b=e.sent())&&(t[o]=b),[3,30];case 18:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(t[o]=c),[3,30];case 20:return[4,R(0,m,f)];case 21:return(b=e.sent())&&(t[o]=b),[3,30];case 22:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(t[o]=v),[3,30];case 24:return[4,S(0,m,f)];case 25:return(b=e.sent())&&(t[o]=b),[3,30];case 26:return f=g[o],p=n[o],f.validate?[4,f.validate(o,p,f)]:[3,28];case 27:return(h=e.sent())&&(t[o]=h),[3,30];case 28:return[4,B(0,p,f)];case 29:return(b=e.sent())&&(t[o]=b),[3,30];case 30:return i++,[3,1];case 31:return[2,t]}}))}))}}),H=z.handleSubmit,$=z.handleChange,J=z.handleBlur,K=z.setFieldTouched,Q=z.setSubmitting,X=z.validateField,Y=z.submitForm,ee=z.setValues,ne=z.isSubmitting,te=z.touched,re=z.values,ae=z.errors,ie=z.dirty,oe=z.validateOnBlur,le=z.validateOnChange,ue=n.useRef(e.__assign({},N)),se=a.useLibTheme().theme,de=n.useCallback((function(n){var t;return ee(e.__assign(e.__assign({},ue.current),((t={})[n.key]=n.value,t)),n.shouldValidate)}),[ee]),ce=g&&Object.keys(g);return n.useEffect((function(){ue.current=e.__assign({},re)}),[re]),q.default.createElement(D,{addSeperation:!0,anchorId:f,bgColor:k?r.getColors(se).sectionBg.dark:y?r.getColors(se).sectionBg.medium:r.getColors(se).sectionBg.light,bgMode:i.mapToBgMode(y,!0)},q.default.createElement(l.Wrapper,{addWhitespace:!0},q.default.createElement(L,{noValidate:!0,onSubmit:H},q.default.createElement(O,null,g&&(null==ce?void 0:ce.map((function(n,t){var r={index:t,field:g[n],key:n,value:re[n],error:ae[n],isTouched:te[n]||!1,isInverted:k,hasBg:C,setField:de,setTouched:K,validateField:X,handleChange:$,handleBlur:J,validateOnBlur:oe,validateOnChange:le,theme:se};switch(g[n].type){case"Field":return(null==b?void 0:b.field)?b.field(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return q.default.createElement(m.Textfield,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),type:n.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Area":return(null==b?void 0:b.area)?b.area(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return q.default.createElement(d.Textarea,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Datepicker":return(null==b?void 0:b.datepicker)?b.datepicker(r):function(n){var t=n.key,r=n.field,a=n.value,i=n.error,o=n.isTouched,l=n.isInverted,u=n.setField,m=n.setTouched,v=n.validateField,f=a,g=function(n,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(t,!0)];case 1:return e.sent(),[4,u({key:t,value:[n||null,r||null]})];case 2:return e.sent(),v(t),[2]}}))}))};return q.default.createElement(d.DatepickerCmp,{key:t,enableMemo:!0,onSubmit:g,onDataChange:g,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(t).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:i&&o?i:void 0,name:t,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):q.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):q.default.createElement(s.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==b?void 0:b.location)?b.location(r):function(n){var t,r,a=n.key,i=n.field,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(t=null==m?void 0:m.position)||void 0===t?void 0:t[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return q.default.createElement(d.LocationField,{key:a,enableMemo:!0,name:"['".concat(a,"']"),label:"".concat(a).concat(i.isRequired?" *":""),placeholder:i.placeholder,initialMapCenter:i.initialMapCenter,zoom:i.zoom,isInverted:s,infoMessage:i.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(n){c({key:a,value:e.__assign({},n),shouldValidate:!0})},customLocationControl:i.customLocationControl,customToggle:i.customToggle,customResetControl:i.customResetControl,toggleLabel:i.toggleLabel,trackLocationLabel:i.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===g[n].groupType?(null==b?void 0:b.checkbox)?b.checkbox(r):function(e){var n,t=e.field,r=e.key,a=e.isInverted,i=e.value,o=e.isTouched,l=e.error,u=e.info,s=e.setTouched,d=e.validateField,c=e.setField,f=t,g=i;return q.default.createElement(F,{key:r},r&&q.default.createElement(m.FieldWrapper.Head,{isInverted:a,label:r,isRequired:t.isRequired}),q.default.createElement(M,null,null===(n=null==f?void 0:f.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(v.Checkbox,{key:n,enableMemo:!0,isInverted:a,onChange:function(e){var n=e.currentTarget.value;if(n){var t=g.indexOf(n);-1===t?g.push(n):g.splice(t,1),c({key:r,value:g}),s(r,!0),d(r)}},isSelected:!!e.text&&-1!==g.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==b?void 0:b.radio)?b.radio(r):function(e){var n,t=e.key,r=e.field,a=e.value,i=e.error,o=e.isTouched,l=e.isInverted,u=e.info,s=e.setField,c=r,v=a;return q.default.createElement(F,{key:t},t&&q.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:t,isRequired:r.isRequired}),q.default.createElement(M,null,null===(n=null==c?void 0:c.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(d.RadioButton,{key:n,enableMemo:!0,name:t,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(n){e.text&&s({key:t,value:n.currentTarget.value})}})}))),o&&i&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:i,infoMessage:u}))}(r);case"Select":return(null==b?void 0:b.select)?b.select(r):function(n){var t,r,a=n.field,i=n.key,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=n.setTouched,v=n.validateField,f=n.validateOnChange,g=n.validateOnBlur,p=o;return q.default.createElement(d.SelectDropdown,{key:i,enableMemo:!0,label:"".concat(i).concat(a.isRequired?" *":""),name:i,placeholder:a.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(t=a.dropdownItems)||void 0===t?void 0:t.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:p,onChange:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:i,value:n}),[4,m(i,!0)];case 1:return e.sent(),f&&v(i),[2]}}))}))},onBlur:function(){return m(i,!0,g)},indicator:a.indicator,isInverted:s})}(r);case"Upload":return(null==b?void 0:b.upload)?b.upload(r):function(e){var n=e.field,t=e.key,r=e.error,a=e.isTouched,i=e.isInverted,o=e.setField;return q.default.createElement(d.FileUploadCmp,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),name:t,infoMessage:n.info,uploadLabel:n.addBtnLabel,errorMessage:r&&a?r:void 0,acceptedFormats:n.acceptedFormats,onUploadFiles:function(e){o({key:t,value:e})},customUploadIcon:n.customUploadIcon,customDeleteIcon:n.customDeleteIcon,isInverted:i})}(r);default:return null}}))))),(g||(null==V?void 0:V.message))&&q.default.createElement(A,null,(null==V?void 0:V.message)&&!ie&&q.default.createElement(U,{textColor:(null==V?void 0:V.isError)?r.getColors(se).error:k?r.getColors(se).text.copyInverted:r.getColors(se).text.copy},V.message||""),g&&q.default.createElement(P,null,q.default.createElement(u.Actions,{primary:h?h({isInverted:k,isSubmitting:ne,handleSubmit:Y}):q.default.createElement(s.Button.View,e.__assign({as:"button",onClick:Y},{type:"submit"}),q.default.createElement(s.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=V;
|
|
2
2
|
//# sourceMappingURL=sections.dynamicform.js.map
|
package/cjs/sections.jobs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Section-e8e8cf81.js"),a=require("./Wrapper-ff6854d7.js"),r=require("./Copy-ea6ab025.js"),o=require("./Link-5a6f1633.js"),l=require("./arrays-c272ed59.js"),s=require("./styles-3a495a2d.js"),d=require("./LibThemeProvider-4823de57.js"),c=require("./useEqualSheetHeight-8f92c912.js"),p=require("./FilterField-b1547fb4.js"),u=require("./useUpdateEffect-4d233e2c.js"),m=require("./escape-1ef8dd83.js"),f=require("./urlParams-7525f638.js"),g=require("./useMounted-0bba9869.js"),b=require("./Actions-c7b16449.js"),h=require("./concat-f387d848.js"),x=require("./structuredData-0b1278a9.js");function y(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useMediaQuery-0bd70e6a.js"),require("./useLazyInput-0b912584.js"),require("react-schemaorg");var v,_,w,j,I,C,E,L=y(e),T=y(t),k=T.default.div.withConfig({displayName:"JobCard__View",componentId:"sc-rrpaxu-0"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n color: ",";\n background: ",";\n\n padding: ","px;\n\n border-radius: ",";\n\n ","\n\n @media "," {\n min-height: 440px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n"],["\n position: relative;\n color: ",";\n background: ",";\n\n padding: ","px;\n\n border-radius: ",";\n\n ","\n\n @media "," {\n min-height: 440px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n"])),(function(n){var e=n.theme;return s.getColors(e).primary.default}),(function(n){var e=n.theme,t=n.hasBg;return n.isInverted?s.getColors(e).elementBg.medium:t?s.getColors(e).elementBg.light:s.getColors(e).elementBg.medium}),s.spacings.spacer,(function(n){var e=n.theme;return s.getGlobals(e).sections.edgeRadius}),(function(e){var i=e.clickable,a=e.isInverted;return i&&t.css(v||(v=n.__makeTemplateObject(["\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 2px 6px\n ",";\n\n color: ",";\n }\n\n &:focus {\n box-shadow: 0px 2px 6px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ",";\n }\n "],["\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 2px 6px\n ",";\n\n color: ",";\n }\n\n &:focus {\n box-shadow: 0px 2px 6px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ",";\n }\n "])),a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.35)",(function(n){var e=n.theme;return s.getColors(e).primary.hover}),a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.3)",a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.3)")}),s.mq.medium),q=T.default(r.Copy).withConfig({displayName:"JobCard__JobInfos",componentId:"sc-rrpaxu-1"})(w||(w=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n color: ",";\n\n ",":hover & {\n color: ",";\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n color: ",";\n\n ",":hover & {\n color: ",";\n }\n"])),4*s.spacings.nudge,(function(n){var e=n.theme;return s.getColors(e).primary.default}),k,(function(n){var e=n.theme;return s.getColors(e).primary.hover})),A=T.default.div.withConfig({displayName:"JobCard__Info",componentId:"sc-rrpaxu-2"})(j||(j=n.__makeTemplateObject(["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),3*s.spacings.nudge,2*s.spacings.nudge),J=T.default.div.withConfig({displayName:"JobCard__Icon",componentId:"sc-rrpaxu-3"})(I||(I=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"]))),N=T.default.div.withConfig({displayName:"JobCard__MainLabel",componentId:"sc-rrpaxu-4"})(C||(C=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),O=T.default(o.Link).withConfig({displayName:"JobCard__ViewLink",componentId:"sc-rrpaxu-5"})(E||(E=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n && {\n margin: 0;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n && {\n margin: 0;\n }\n"]))),M=L.default.forwardRef((function(e,t){var i,a,o=e.isInverted,s=e.hasBackground,d=e.jobTitle,c=e.employmentTypes,p=e.locations,u=e.totalLocations,m=e.allLocationsLabel,f=e.modelIcon,g=e.locationIcon,b=e.className,h=e.link,x=l.isValidArray(c,!1),y=null==p?void 0:p.filter((function(n){return n.name})),v=l.isValidArray(y,!1),_="";return v&&(_=void 0!==u&&y.length>=u&&m?m:null===(i=y.map((function(n){return n.name})))||void 0===i?void 0:i.join(", ")),L.default.createElement(k,{ref:t,isInverted:o,hasBg:s,className:b,clickable:!!h},L.default.createElement(r.Heading,{textColor:"inherit",size:"heading-2","data-sheet":"title",innerHTML:d,hyphens:!0}),(x||v)&&L.default.createElement(q,{type:"copy-b","data-sheet":"info"},x&&L.default.createElement(A,null,L.default.createElement(J,null,f?f():L.default.createElement(n.ClockFilled,null)),L.default.createElement(N,null,null===(a=null==c?void 0:c.filter((function(n){return n.name})).map((function(n){return n.name})))||void 0===a?void 0:a.join(", "))),v&&L.default.createElement(A,null,L.default.createElement(J,null,g?g():L.default.createElement(n.LocationPin,null)),L.default.createElement(N,null,_))),h&&L.default.createElement(O,n.__assign({},h,{ariaLabel:(null==h?void 0:h.href)?d:void 0})))}));M.displayName="JobCard";var B,V,P,S,F,z,H,R,U,W,D=T.default.ul.withConfig({displayName:"JobList__List",componentId:"sc-1b9tzu5-0"})(B||(B=n.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n margin-top: -","px;\n margin-left: -","px;\n\n @media "," {\n margin-top: -","px;\n margin-left: -","px;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n margin-top: -","px;\n margin-left: -","px;\n\n @media "," {\n margin-top: -","px;\n margin-left: -","px;\n }\n"])),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.medium,s.spacings.spacer,s.spacings.spacer),Q=T.default.li.withConfig({displayName:"JobList__Item",componentId:"sc-1b9tzu5-1"})(V||(V=n.__makeTemplateObject(["\n flex: 0 1 100%;\n max-width: 100%;\n margin: 0;\n\n padding-top: ","px;\n padding-left: ","px;\n\n @media "," {\n flex: 0 1 50%;\n max-width: 50%;\n\n padding-top: ","px;\n padding-left: ","px;\n }\n\n @media "," {\n flex: 0 1 33.33%;\n max-width: 33.33%;\n }\n"],["\n flex: 0 1 100%;\n max-width: 100%;\n margin: 0;\n\n padding-top: ","px;\n padding-left: ","px;\n\n @media "," {\n flex: 0 1 50%;\n max-width: 50%;\n\n padding-top: ","px;\n padding-left: ","px;\n }\n\n @media "," {\n flex: 0 1 33.33%;\n max-width: 33.33%;\n }\n"])),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.medium,s.spacings.spacer,s.spacings.spacer,s.mq.large),G=T.default(p.FilterField).withConfig({displayName:"JobList__Filter",componentId:"sc-1b9tzu5-2"})(P||(P=n.__makeTemplateObject(["\n margin-top: ","px;\n margin-bottom: ","px;\n\n min-width: 50%;\n"],["\n margin-top: ","px;\n margin-bottom: ","px;\n\n min-width: 50%;\n"])),s.spacings.nudge,5*s.spacings.nudge),K=function(n,e){return e?null==e?void 0:e.filter((function(e){return!n.find((function(n){return n.item.id===e.id}))})):[]},X=function(n,e){var t=[];if(!l.isValidArray(null==e?void 0:e.filter((function(n){return void 0!==n.jobTitle})),!1))return t;var i=null==e?void 0:e.filter(function(n){return function(e){return new RegExp(n).test(e.jobTitle)}}(n));l.isValidArray(i,!1)&&t.push.apply(t,i.map((function(n){return{item:n,priority:1}})));var a=K(t,null==e?void 0:e.filter(function(n){return function(e){var t=n.toLowerCase().replace(/\s/g,""),i=e.jobTitle.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(n)));l.isValidArray(a,!1)&&t.push.apply(t,a.map((function(n){return{item:n,priority:2}})));var r=K(t,null==e?void 0:e.filter(function(n){return function(e){if(!l.isValidArray(e.locations,!1))return!1;var t=n.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!e.locations.find((function(n){var e,t=null===(e=n.name)||void 0===e?void 0:e.toLowerCase().replace(/\s/g,"");return i.test(t||"")}))}}(n)));l.isValidArray(r,!1)&&t.push.apply(t,r.map((function(n){return{item:n,priority:3}})));var o=K(t,null==e?void 0:e.filter(function(n){return function(e){if(!l.isValidArray(null==e?void 0:e.employmentTypes,!1))return!1;var t=n.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!e.employmentTypes.find((function(n){if(!n.name)return!1;var e=n.name.toLowerCase().replace(/\s/g,"");return i.test(e)}))}}(n)));return l.isValidArray(o,!1)&&t.push.apply(t,o.map((function(n){return{item:n,priority:4}}))),t},Y=d.withLibTheme((function(t){var r=t.anchorId,o=t.jobs,l=t.bgMode,s=t.modelIcon,p=t.locationIcon,b=t.totalJobLocations,h=t.allJobLocationsLabel,x=t.initialFilterQuery,y=t.filterPlaceholder,v=t.hasFilter,_=t.filterSubmitIcon,w=t.filterClearIcon,j=d.useLibTheme(),I=j.colors,C=j.globals.sections.jobFilterName,E="inverted"===l,T="full"===l,k=(null==o?void 0:o.length)||0,q=c.useEqualSheetHeight({listLength:k,identifiers:['[data-sheet="title"]','[data-sheet="info"]'],responsive:{small:1,semilarge:2,large:3}}).sheetRefs,A=L.default.useState(x||""),J=A[0],N=A[1],O=g.useMounted(),B=L.default.useMemo((function(){for(var e=void 0!==J?J.split(" ").map((function(n){return n.trim()})):[""],t=[],i=0,a=e;i<a.length;i++)for(var r=a[i],l=function(n){var e=t.findIndex((function(e){return e.match.item.id===n.item.id}));-1!==e?t[e].intersections+=1:t.push({match:n,intersections:1})},s=0,d=X(m.escapeRegExp(r),o||[]);s<d.length;s++){l(d[s])}return t.filter((function(n){return n.intersections>=e.length})).map((function(e){return n.__assign({},e.match)}))}),[J,o]),V=e.useCallback((function(){return f.getUrlParams()[C]}),[C]);return e.useEffect((function(){var n=V();null!=n&&"string"==typeof n&&N(n)}),[V]),e.useEffect((function(){O||(J?f.setUrlParam(C,J):f.deleteUrlParam(C))}),[C,J,O]),u.useUpdateEffect((function(){J?f.setUrlParam(C,J):f.deleteUrlParam(C)}),[J]),L.default.createElement(i.Section,{addSeperation:!0,anchorId:r,bgColor:E?I.sectionBg.dark:l?I.sectionBg.medium:I.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},L.default.createElement(a.Wrapper,{addWhitespace:!0},v&&L.default.createElement(G,{placeholder:y||"Suche",value:J,initialValue:x,onSubmit:N,isInverted:E,submitIcon:_,clearIcon:w}),L.default.createElement(D,null,null==B?void 0:B.sort((function(n,e){return n.priority-e.priority})).map((function(e,t){return L.default.createElement(Q,{key:t},L.default.createElement(M,n.__assign({ref:q[t]},e.item,{isInverted:E,hasBackground:T,modelIcon:s,locationIcon:p,totalLocations:b,allLocationsLabel:h})))})))))})),Z=T.default.div.withConfig({displayName:"JobArticle__ArticleHead",componentId:"sc-1bwhr8-0"})(S||(S=n.__makeTemplateObject(["\n & + * {\n margin-top: ","px;\n }\n"],["\n & + * {\n margin-top: ","px;\n }\n"])),s.spacings.spacer),$=T.default(r.Copy).withConfig({displayName:"JobArticle__JobInfos",componentId:"sc-1bwhr8-1"})(F||(F=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),s.spacings.spacer),nn=T.default.div.withConfig({displayName:"JobArticle__Info",componentId:"sc-1bwhr8-2"})(z||(z=n.__makeTemplateObject(["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),3*s.spacings.nudge,2*s.spacings.nudge),en=T.default.span.withConfig({displayName:"JobArticle__Icon",componentId:"sc-1bwhr8-3"})(H||(H=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"]))),tn=T.default.span.withConfig({displayName:"JobArticle__MainLabel",componentId:"sc-1bwhr8-4"})(R||(R=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),an=T.default(r.Copy).withConfig({displayName:"JobArticle__Text",componentId:"sc-1bwhr8-5"})(U||(U=n.__makeTemplateObject(["\n & + & {\n margin-top: ","px;\n }\n"],["\n & + & {\n margin-top: ","px;\n }\n"])),3*s.spacings.nudge),rn=T.default(b.Actions).withConfig({displayName:"JobArticle__StyledActions",componentId:"sc-1bwhr8-6"})(W||(W=n.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),s.spacings.spacer),on=d.withLibTheme((function(e){var t,o,s=e.anchorId,c=e.bgMode,p=e.jobTitle,u=e.employmentTypes,m=e.locations,f=e.totalLocations,g=e.allLocationsLabel,b=e.modelIcon,y=e.locationIcon,v=e.abstract,_=e.description,w=e.organization,j=e.datePosted,I=e.primaryAction,C=e.secondaryAction,E=d.useLibTheme().colors,T="inverted"===c,k=l.isValidArray(u,!1),q=null==m?void 0:m.filter((function(n){return n.name})),A=l.isValidArray(q,!1),J="";A&&(J=void 0!==f&&q.length>=f?g||"":null===(t=q.map((function(n){return n.name})))||void 0===t?void 0:t.join(", "));var N={jobTitle:p,locations:m,jobDesc:h.concat([v,_]," - "),organization:w,directApply:!(!I&&!C),employmentTypes:(null==u?void 0:u.filter((function(n){return n.type})).map((function(n){return n.type})))||[],datePosted:j};return L.default.createElement(i.Section,{addSeperation:!0,anchorId:s,bgColor:T?E.sectionBg.dark:c?E.sectionBg.medium:E.sectionBg.light,bgMode:i.mapToBgMode(c,!0)},x.generateJob(N),L.default.createElement(a.Wrapper,{clampWidth:"small",addWhitespace:!0},L.default.createElement(Z,null,L.default.createElement(r.Heading,{size:"heading-2",innerHTML:p,isInverted:T}),(k||A)&&L.default.createElement($,{type:"copy-b","data-sheet":"info",isInverted:T},k&&L.default.createElement(nn,null,L.default.createElement(en,null,b?b():L.default.createElement(n.ClockFilled,null)),L.default.createElement(tn,null,null===(o=null==u?void 0:u.filter((function(n){return n.name})).map((function(n){return n.name})))||void 0===o?void 0:o.join(", "))),A&&L.default.createElement(nn,null,L.default.createElement(en,null,y?y():L.default.createElement(n.LocationPin,null)),L.default.createElement(tn,null,J)))),v&&L.default.createElement(an,{type:"copy-b",isInverted:T},v),_&&L.default.createElement(an,{innerHTML:_,isInverted:T}),(I||C)&&L.default.createElement(rn,{primary:I&&I(T),secondary:C&&C(T)})))}));exports.JobArticle=on,exports.JobList=Y;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Section-e8e8cf81.js"),a=require("./Wrapper-ff6854d7.js"),r=require("./Copy-ea6ab025.js"),o=require("./Link-5a6f1633.js"),l=require("./arrays-c272ed59.js"),s=require("./styles-3a495a2d.js"),d=require("./LibThemeProvider-4823de57.js"),c=require("./useEqualSheetHeight-501f4c5f.js"),p=require("./FilterField-cce38ffb.js"),u=require("./useUpdateEffect-4d233e2c.js"),m=require("./escape-1ef8dd83.js"),f=require("./urlParams-7525f638.js"),g=require("./useMounted-0bba9869.js"),h=require("./Actions-c7b16449.js"),b=require("./concat-f387d848.js"),x=require("./structuredData-0b1278a9.js");function y(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./clamp-bd21d587.js"),require("react-dom/server"),require("./useMediaQuery-3d1054e5.js"),require("./useLazyInput-f71c221b.js"),require("react-schemaorg");var v,_,w,j,I,C,E,L=y(e),T=y(t),k=T.default.div.withConfig({displayName:"JobCard__View",componentId:"sc-rrpaxu-0"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n color: ",";\n background: ",";\n\n padding: ","px;\n\n border-radius: ",";\n\n ","\n\n @media "," {\n min-height: 440px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n"],["\n position: relative;\n color: ",";\n background: ",";\n\n padding: ","px;\n\n border-radius: ",";\n\n ","\n\n @media "," {\n min-height: 440px;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n"])),(function(n){var e=n.theme;return s.getColors(e).primary.default}),(function(n){var e=n.theme,t=n.hasBg;return n.isInverted?s.getColors(e).elementBg.medium:t?s.getColors(e).elementBg.light:s.getColors(e).elementBg.medium}),s.spacings.spacer,(function(n){var e=n.theme;return s.getGlobals(e).sections.edgeRadius}),(function(e){var i=e.clickable,a=e.isInverted;return i&&t.css(v||(v=n.__makeTemplateObject(["\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 2px 6px\n ",";\n\n color: ",";\n }\n\n &:focus {\n box-shadow: 0px 2px 6px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ",";\n }\n "],["\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 2px 6px\n ",";\n\n color: ",";\n }\n\n &:focus {\n box-shadow: 0px 2px 6px\n ",";\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ",";\n }\n "])),a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.35)",(function(n){var e=n.theme;return s.getColors(e).primary.hover}),a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.3)",a?"rgba(255, 255, 255, 0.7)":"rgba(0, 0, 0, 0.3)")}),s.mq.medium),q=T.default(r.Copy).withConfig({displayName:"JobCard__JobInfos",componentId:"sc-rrpaxu-1"})(w||(w=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n color: ",";\n\n ",":hover & {\n color: ",";\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n color: ",";\n\n ",":hover & {\n color: ",";\n }\n"])),4*s.spacings.nudge,(function(n){var e=n.theme;return s.getColors(e).primary.default}),k,(function(n){var e=n.theme;return s.getColors(e).primary.hover})),A=T.default.div.withConfig({displayName:"JobCard__Info",componentId:"sc-rrpaxu-2"})(j||(j=n.__makeTemplateObject(["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),3*s.spacings.nudge,2*s.spacings.nudge),J=T.default.div.withConfig({displayName:"JobCard__Icon",componentId:"sc-rrpaxu-3"})(I||(I=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"]))),N=T.default.div.withConfig({displayName:"JobCard__MainLabel",componentId:"sc-rrpaxu-4"})(C||(C=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),O=T.default(o.Link).withConfig({displayName:"JobCard__ViewLink",componentId:"sc-rrpaxu-5"})(E||(E=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n && {\n margin: 0;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n && {\n margin: 0;\n }\n"]))),M=L.default.forwardRef((function(e,t){var i,a,o=e.isInverted,s=e.hasBackground,d=e.jobTitle,c=e.employmentTypes,p=e.locations,u=e.totalLocations,m=e.allLocationsLabel,f=e.modelIcon,g=e.locationIcon,h=e.className,b=e.link,x=l.isValidArray(c,!1),y=null==p?void 0:p.filter((function(n){return n.name})),v=l.isValidArray(y,!1),_="";return v&&(_=void 0!==u&&y.length>=u&&m?m:null===(i=y.map((function(n){return n.name})))||void 0===i?void 0:i.join(", ")),L.default.createElement(k,{ref:t,isInverted:o,hasBg:s,className:h,clickable:!!b},L.default.createElement(r.Heading,{textColor:"inherit",size:"heading-2","data-sheet":"title",innerHTML:d,hyphens:!0}),(x||v)&&L.default.createElement(q,{type:"copy-b","data-sheet":"info"},x&&L.default.createElement(A,null,L.default.createElement(J,null,f?f():L.default.createElement(n.ClockFilled,null)),L.default.createElement(N,null,null===(a=null==c?void 0:c.filter((function(n){return n.name})).map((function(n){return n.name})))||void 0===a?void 0:a.join(", "))),v&&L.default.createElement(A,null,L.default.createElement(J,null,g?g():L.default.createElement(n.LocationPin,null)),L.default.createElement(N,null,_))),b&&L.default.createElement(O,n.__assign({},b,{ariaLabel:(null==b?void 0:b.href)?d:void 0})))}));M.displayName="JobCard";var B,V,P,S,F,z,H,R,U,W,D=T.default.ul.withConfig({displayName:"JobList__List",componentId:"sc-1b9tzu5-0"})(B||(B=n.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n margin-top: -","px;\n margin-left: -","px;\n\n @media "," {\n margin-top: -","px;\n margin-left: -","px;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n margin-top: -","px;\n margin-left: -","px;\n\n @media "," {\n margin-top: -","px;\n margin-left: -","px;\n }\n"])),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.medium,s.spacings.spacer,s.spacings.spacer),Q=T.default.li.withConfig({displayName:"JobList__Item",componentId:"sc-1b9tzu5-1"})(V||(V=n.__makeTemplateObject(["\n flex: 0 1 100%;\n max-width: 100%;\n margin: 0;\n\n padding-top: ","px;\n padding-left: ","px;\n\n @media "," {\n flex: 0 1 50%;\n max-width: 50%;\n\n padding-top: ","px;\n padding-left: ","px;\n }\n\n @media "," {\n flex: 0 1 33.33%;\n max-width: 33.33%;\n }\n"],["\n flex: 0 1 100%;\n max-width: 100%;\n margin: 0;\n\n padding-top: ","px;\n padding-left: ","px;\n\n @media "," {\n flex: 0 1 50%;\n max-width: 50%;\n\n padding-top: ","px;\n padding-left: ","px;\n }\n\n @media "," {\n flex: 0 1 33.33%;\n max-width: 33.33%;\n }\n"])),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.medium,s.spacings.spacer,s.spacings.spacer,s.mq.large),G=T.default(p.FilterField).withConfig({displayName:"JobList__Filter",componentId:"sc-1b9tzu5-2"})(P||(P=n.__makeTemplateObject(["\n margin-top: ","px;\n margin-bottom: ","px;\n\n min-width: 50%;\n"],["\n margin-top: ","px;\n margin-bottom: ","px;\n\n min-width: 50%;\n"])),s.spacings.nudge,5*s.spacings.nudge),K=function(n,e){return e?null==e?void 0:e.filter((function(e){return!n.find((function(n){return n.item.id===e.id}))})):[]},X=function(n,e){var t=[];if(!l.isValidArray(null==e?void 0:e.filter((function(n){return void 0!==n.jobTitle})),!1))return t;var i=null==e?void 0:e.filter(function(n){return function(e){return new RegExp(n).test(e.jobTitle)}}(n));l.isValidArray(i,!1)&&t.push.apply(t,i.map((function(n){return{item:n,priority:1}})));var a=K(t,null==e?void 0:e.filter(function(n){return function(e){var t=n.toLowerCase().replace(/\s/g,""),i=e.jobTitle.toLowerCase().replace(/\s/g,"");return new RegExp(t).test(i)}}(n)));l.isValidArray(a,!1)&&t.push.apply(t,a.map((function(n){return{item:n,priority:2}})));var r=K(t,null==e?void 0:e.filter(function(n){return function(e){if(!l.isValidArray(e.locations,!1))return!1;var t=n.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!e.locations.find((function(n){var e,t=null===(e=n.name)||void 0===e?void 0:e.toLowerCase().replace(/\s/g,"");return i.test(t||"")}))}}(n)));l.isValidArray(r,!1)&&t.push.apply(t,r.map((function(n){return{item:n,priority:3}})));var o=K(t,null==e?void 0:e.filter(function(n){return function(e){if(!l.isValidArray(null==e?void 0:e.employmentTypes,!1))return!1;var t=n.toLowerCase().replace(/\s/g,""),i=new RegExp(t);return!!e.employmentTypes.find((function(n){if(!n.name)return!1;var e=n.name.toLowerCase().replace(/\s/g,"");return i.test(e)}))}}(n)));return l.isValidArray(o,!1)&&t.push.apply(t,o.map((function(n){return{item:n,priority:4}}))),t},Y=d.withLibTheme((function(t){var r=t.anchorId,o=t.jobs,l=t.bgMode,s=t.modelIcon,p=t.locationIcon,h=t.totalJobLocations,b=t.allJobLocationsLabel,x=t.initialFilterQuery,y=t.filterPlaceholder,v=t.hasFilter,_=t.filterSubmitIcon,w=t.filterClearIcon,j=d.useLibTheme(),I=j.colors,C=j.globals.sections.jobFilterName,E="inverted"===l,T="full"===l,k=(null==o?void 0:o.length)||0,q=c.useEqualSheetHeight({listLength:k,identifiers:['[data-sheet="title"]','[data-sheet="info"]'],responsive:{small:1,semilarge:2,large:3}}).sheetRefs,A=L.default.useState(x||""),J=A[0],N=A[1],O=g.useMounted(),B=L.default.useMemo((function(){for(var e=void 0!==J?J.split(" ").map((function(n){return n.trim()})):[""],t=[],i=0,a=e;i<a.length;i++)for(var r=a[i],l=function(n){var e=t.findIndex((function(e){return e.match.item.id===n.item.id}));-1!==e?t[e].intersections+=1:t.push({match:n,intersections:1})},s=0,d=X(m.escapeRegExp(r),o||[]);s<d.length;s++){l(d[s])}return t.filter((function(n){return n.intersections>=e.length})).map((function(e){return n.__assign({},e.match)}))}),[J,o]),V=e.useCallback((function(){return f.getUrlParams()[C]}),[C]);return e.useEffect((function(){var n=V();null!=n&&"string"==typeof n&&N(n)}),[V]),e.useEffect((function(){O||(J?f.setUrlParam(C,J):f.deleteUrlParam(C))}),[C,J,O]),u.useUpdateEffect((function(){J?f.setUrlParam(C,J):f.deleteUrlParam(C)}),[J]),L.default.createElement(i.Section,{addSeperation:!0,anchorId:r,bgColor:E?I.sectionBg.dark:l?I.sectionBg.medium:I.sectionBg.light,bgMode:i.mapToBgMode(l,!0)},L.default.createElement(a.Wrapper,{addWhitespace:!0},v&&L.default.createElement(G,{placeholder:y||"Suche",value:J,initialValue:x,onSubmit:N,isInverted:E,submitIcon:_,clearIcon:w}),L.default.createElement(D,null,null==B?void 0:B.sort((function(n,e){return n.priority-e.priority})).map((function(e,t){return L.default.createElement(Q,{key:t},L.default.createElement(M,n.__assign({ref:q[t]},e.item,{isInverted:E,hasBackground:T,modelIcon:s,locationIcon:p,totalLocations:h,allLocationsLabel:b})))})))))})),Z=T.default.div.withConfig({displayName:"JobArticle__ArticleHead",componentId:"sc-1bwhr8-0"})(S||(S=n.__makeTemplateObject(["\n & + * {\n margin-top: ","px;\n }\n"],["\n & + * {\n margin-top: ","px;\n }\n"])),s.spacings.spacer),$=T.default(r.Copy).withConfig({displayName:"JobArticle__JobInfos",componentId:"sc-1bwhr8-1"})(F||(F=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),s.spacings.spacer),nn=T.default.div.withConfig({displayName:"JobArticle__Info",componentId:"sc-1bwhr8-2"})(z||(z=n.__makeTemplateObject(["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"],["\n display: -ms-grid;\n display: grid;\n\n -ms-grid-columns: min-content 1fr;\n grid-template-columns: min-content 1fr;\n -ms-grid-rows: min-content 1fr;\n grid-auto-rows: min-content 1fr;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-left: ","px;\n }\n"])),3*s.spacings.nudge,2*s.spacings.nudge),en=T.default.span.withConfig({displayName:"JobArticle__Icon",componentId:"sc-1bwhr8-3"})(H||(H=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"],["\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n"]))),tn=T.default.span.withConfig({displayName:"JobArticle__MainLabel",componentId:"sc-1bwhr8-4"})(R||(R=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),an=T.default(r.Copy).withConfig({displayName:"JobArticle__Text",componentId:"sc-1bwhr8-5"})(U||(U=n.__makeTemplateObject(["\n & + & {\n margin-top: ","px;\n }\n"],["\n & + & {\n margin-top: ","px;\n }\n"])),3*s.spacings.nudge),rn=T.default(h.Actions).withConfig({displayName:"JobArticle__StyledActions",componentId:"sc-1bwhr8-6"})(W||(W=n.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),s.spacings.spacer),on=d.withLibTheme((function(e){var t,o,s=e.anchorId,c=e.bgMode,p=e.jobTitle,u=e.employmentTypes,m=e.locations,f=e.totalLocations,g=e.allLocationsLabel,h=e.modelIcon,y=e.locationIcon,v=e.abstract,_=e.description,w=e.organization,j=e.datePosted,I=e.primaryAction,C=e.secondaryAction,E=d.useLibTheme().colors,T="inverted"===c,k=l.isValidArray(u,!1),q=null==m?void 0:m.filter((function(n){return n.name})),A=l.isValidArray(q,!1),J="";A&&(J=void 0!==f&&q.length>=f?g||"":null===(t=q.map((function(n){return n.name})))||void 0===t?void 0:t.join(", "));var N={jobTitle:p,locations:m,jobDesc:b.concat([v,_]," - "),organization:w,directApply:!(!I&&!C),employmentTypes:(null==u?void 0:u.filter((function(n){return n.type})).map((function(n){return n.type})))||[],datePosted:j};return L.default.createElement(i.Section,{addSeperation:!0,anchorId:s,bgColor:T?E.sectionBg.dark:c?E.sectionBg.medium:E.sectionBg.light,bgMode:i.mapToBgMode(c,!0)},x.generateJob(N),L.default.createElement(a.Wrapper,{clampWidth:"small",addWhitespace:!0},L.default.createElement(Z,null,L.default.createElement(r.Heading,{size:"heading-2",innerHTML:p,isInverted:T}),(k||A)&&L.default.createElement($,{type:"copy-b","data-sheet":"info",isInverted:T},k&&L.default.createElement(nn,null,L.default.createElement(en,null,h?h():L.default.createElement(n.ClockFilled,null)),L.default.createElement(tn,null,null===(o=null==u?void 0:u.filter((function(n){return n.name})).map((function(n){return n.name})))||void 0===o?void 0:o.join(", "))),A&&L.default.createElement(nn,null,L.default.createElement(en,null,y?y():L.default.createElement(n.LocationPin,null)),L.default.createElement(tn,null,J)))),v&&L.default.createElement(an,{type:"copy-b",isInverted:T},v),_&&L.default.createElement(an,{innerHTML:_,isInverted:T}),(I||C)&&L.default.createElement(rn,{primary:I&&I(T),secondary:C&&C(T)})))}));exports.JobArticle=on,exports.JobList=Y;
|
|
2
2
|
//# sourceMappingURL=sections.jobs.js.map
|