npm - @blateral/b.kit - Versions diffs - 2.4.2 → 2.5.0-beta.1.1 - Mend

@blateral/b.kit 2.4.2 → 2.5.0-beta.1.1

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.

Files changed (845) hide show

package/cjs/sections.events.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),a=require("./Section-e8e8cf81.js"),i=require("./Wrapper-ff6854d7.js"),r=require("./EventBlock-d191a8ae.js"),o=require("./styles-3a495a2d.js"),l=require("./LibThemeProvider-4823de57.js"),d=require("./statusFormatter-0393122b.js"),s=require("./concat-f387d848.js"),m=require("./Filter-d6d90b8b.js"),p=require("./Tag-9238cf0c.js"),c=require("./Pointer-fde7b548.js"),u=require("./Copy-ea6ab025.js"),g=require("./arrays-c272ed59.js"),f=require("./urlParams-7525f638.js"),v=require("./useMounted-0bba9869.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./useScrollTo-fdd665da.js"),b=require("./useUpdateEffect-4d233e2c.js"),y=require("./Image-c72f7a80.js"),_=require("./Grid-6f4f99bc.js"),w=require("./InfoList-71d3388a.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Link-5a6f1633.js"),require("react-dom/server"),require("./clamp-bd21d587.js");var k,T,I,C,j,q,B,O,F,L,M,S,N,A,D,z,P,U,V,R=E(n),W=E(t),G=W.default.div.withConfig({displayName:"EventOverview__TagContainer",componentId:"sc-u2afqs-0"})(k\|\|(k=e.__makeTemplateObject(["\n margin-top: -","px;\n margin-left: -","px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n &:not(:only-child) {\n margin-bottom: ","px;\n }\n"],["\n margin-top: -","px;\n margin-left: -","px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n &:not(:only-child) {\n margin-bottom: ","px;\n }\n"])),o.spacings.nudge,o.spacings.nudge,6o.spacings.nudge),H=W.default.div.withConfig({displayName:"EventOverview__TagWrapper",componentId:"sc-u2afqs-1"})(T\|\|(T=e.__makeTemplateObject(["\n padding-top: ","px;\n padding-left: ","px;\n"],["\n padding-top: ","px;\n padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),K=W.default.ul.withConfig({displayName:"EventOverview__Events",componentId:"sc-u2afqs-2"})(I\|\|(I=e.__makeTemplateObject(["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n / & > * + * {\n border-top: 1px solid\n ",";\n }\n\n & > :first-of-type {\n border-top: 1px solid\n ",";\n }\n\n & > :last-of-type {\n border-bottom: 1px solid\n ",";\n } /\n\n & > + * {\n padding-top: ","px;\n }\n"],["\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n /* & > * + * {\n border-top: 1px solid\n ",";\n }\n\n & > :first-of-type {\n border-top: 1px solid\n ",";\n }\n\n & > :last-of-type {\n border-bottom: 1px solid\n ",";\n } /\n\n & > + * {\n padding-top: ","px;\n }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3o.spacings.nudge),J=W.default(u.Copy).withConfig({displayName:"EventOverview__FilterIcon",componentId:"sc-u2afqs-3"})(C\|\|(C=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n padding: ","px ","px 0 0;\n\n & > + * {\n margin-left: ","px;\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n\n padding: ","px ","px 0 0;\n\n & > * + * {\n margin-left: ","px;\n }\n"])),o.spacings.nudge/2,o.spacings.nudge,o.spacings.nudge),Q=W.default.li.withConfig({displayName:"EventOverview__EventItem",componentId:"sc-u2afqs-4"})(j\|\|(j=e.__makeTemplateObject(["\n /* padding: ","px 0; /\n"],["\n / padding: ","px 0; /\n"])),3o.spacings.nudge),X=W.default.div.withConfig({displayName:"EventOverview__ListFooter",componentId:"sc-u2afqs-5"})(q\|\|(q=e.__makeTemplateObject(["\n margin-top: ","px;\n text-align: center;\n\n @media "," {\n text-align: left;\n }\n"],["\n margin-top: ","px;\n text-align: center;\n\n @media "," {\n text-align: left;\n }\n"])),6o.spacings.nudge,o.mq.medium),Y=W.default.span.withConfig({displayName:"EventOverview__ShowMore",componentId:"sc-u2afqs-6"})(B\|\|(B=e.__makeTemplateObject(["\n display: ",";\n"],["\n display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),Z=l.withLibTheme((function(t){var o=t.tags,y=t.events,_=t.bgMode,w=t.anchorId,E=t.initial,k=t.showMoreText,T=t.onTagClick,I=t.customTag,C="inverted"===_,j="full"===_,q=l.useLibTheme(),B=q.colors,O=q.globals,F=O.sections.eventFilterName,L=R.default.useState((null==E?void 0:E.activeTags)\|\|[]),M=L[0],S=L[1],N=R.default.useState(1)[0],A=R.default.useState((null==E?void 0:E.visibleRows)\|\|3),D=A[0],z=A[1],P=R.default.useRef(null),U=x.useObserverSupport(),V=v.useMounted(),W=(null==y?void 0:y.length)\|\|0,Z=h.useScrollTo(800),$=n.useCallback((function(){var e=[],n=f.getUrlParams()[F];if(n){var t=null==n?void 0:n.split(",");g.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[F]);n.useEffect((function(){if(!E){var e=$();g.isValidArray(e,!1)&&S(e)}}),[$,E]),n.useEffect((function(){var e;E&&!V&&(f.setUrlParam("rows",(null==E?void 0:E.visibleRows)\|\|3),g.isValidArray(null==E?void 0:E.activeTags,!1)?f.setUrlParam(F,null===(e=null==E?void 0:E.activeTags)\|\|void 0===e?void 0:e.join(",")):f.deleteUrlParam(F))}),[F,E,V]),b.useUpdateEffect((function(){f.setUrlParam("rows",D)}),[D]),b.useUpdateEffect((function(){!T&&g.isValidArray(M)&&(M.length>0?f.setUrlParam(F,M.join(",")):f.deleteUrlParam(F))}),[M]);var ee=function(n,t){void 0===t&&(t=!0),S((function(a){var i=e.__spreadArray([],a,!0),r=n.name?a.indexOf(n.name):-1;return-1===r&&n.name?e.__spreadArray(e.__spreadArray([],i,!0),[n.name],!1):t?(i.splice(r,1),i):a})),z(3)},ne=n.useMemo((function(){var n=g.isValidArray(y)?e.__spreadArray([],y,!0):[];return n=null==n?void 0:n.filter((function(e){if(!g.isValidArray(M,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==M.indexOf(e.tags[t].name\|\|"")){n=!0;break}return n}))}),[y,M]),te=n.useMemo((function(){return(null==ne?void 0:ne.filter((function(e,n){return n<DN})))\|\|[]}),[ne,N,D]);n.useEffect((function(){if(U){var e,n=P.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&D<Math.ceil(ne.length/N)&&z((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[N,W,D,U,ne.length]);var ae=n.useMemo((function(){return null==o?void 0:o.filter((function(e){return e}))}),[o]);return R.default.createElement(a.Section,{addSeperation:!0,anchorId:w,bgColor:C?B.sectionBg.dark:j?B.sectionBg.medium:"transparent",bgMode:a.mapToBgMode(_,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(ae,!1)&&R.default.createElement(G,null,R.default.createElement(J,{size:"small",type:"copy",isInverted:C},R.default.createElement(m.Filter,null),R.default.createElement("span",null,"Filter")),ae.map((function(e,n){return R.default.createElement(H,{key:n},I?I({key:n,name:e,isInverted:C,isActive:-1!==M.indexOf(e),clickHandler:function(n){null==n\|\|n.preventDefault(),T?T({name:e}):ee({name:e})}}):R.default.createElement(p.Tag,{isInverted:C,onClick:function(n){null==n\|\|n.preventDefault(),T?T({name:e},!1):ee({name:e})},isActive:-1!==M.indexOf(e)},e))}))),R.default.createElement(K,{hasBg:j},te.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",O.sections.eventDateFormat(n.date),O.sections.eventTimeFormat(n.date),O.sections.eventLocaleKey).getFormattedTimespan(O.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," \| ");return R.default.createElement(Q,{key:"".concat(t,"_event_").concat(n.title)},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===_},n,{text:o,tags:null===(a=n.tags)\|\|void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:C,onTagClick:function(e){Z(0),T?T({name:e.name},!0):ee({name:e.name},!1)},customTag:I})))}))),R.default.createElement("div",{ref:P}),!U&&R.default.createElement(X,null,y&&y.length>0&&R.default.createElement(u.Copy,{type:"copy",size:"medium",isInverted:C},R.default.createElement(Y,{itemCount:y.length,onClick:function(e){e.preventDefault(),D<Math.ceil(ne.length/N)&&z((function(e){return e+1}))}},D<ne.length/N&&R.default.createElement(c.Pointer.View,{as:"button",isInverted:C},R.default.createElement(c.Pointer.Label,null,k\|\|"mehr anzeigen")))))))})),$=W.default.ul.withConfig({displayName:"EventList__List",componentId:"sc-1ssgszz-0"})(O\|\|(O=e.__makeTemplateObject(["\n list-style: none;\n margin: 0;\n padding: 0;\n\n /* & > * + * {\n border-top: 1px solid\n ",";\n }\n\n & > :first-of-type {\n border-top: 1px solid\n ",";\n }\n\n & > :last-of-type {\n border-bottom: 1px solid\n ",";\n } /\n\n & > + * {\n padding-top: ","px;\n }\n"],["\n list-style: none;\n margin: 0;\n padding: 0;\n\n /* & > * + * {\n border-top: 1px solid\n ",";\n }\n\n & > :first-of-type {\n border-top: 1px solid\n ",";\n }\n\n & > :last-of-type {\n border-bottom: 1px solid\n ",";\n } /\n\n & > + * {\n padding-top: ","px;\n }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3o.spacings.nudge),ee=W.default.li.withConfig({displayName:"EventList__ListItem",componentId:"sc-1ssgszz-1"})(F\|\|(F=e.__makeTemplateObject(["\n / padding: ","px 0; /\n"],["\n / padding: ","px 0; /\n"])),3o.spacings.nudge),ne=l.withLibTheme((function(n){var t=n.anchorId,o=n.events,m=n.bgMode,p=n.customTag,c=l.useLibTheme(),u=c.colors,f=c.globals,v=c.theme,x="inverted"===m,h="full"===m;return R.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:x?u.sectionBg.dark:m?u.sectionBg.medium:u.sectionBg.light,bgMode:a.mapToBgMode(m,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},R.default.createElement($,{hasBg:h},null==o?void 0:o.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",f.sections.eventDateFormat(n.date),f.sections.eventTimeFormat(n.date),f.sections.eventLocaleKey).getFormattedTimespan(f.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," \| ");return R.default.createElement(ee,{key:t},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===m},n,{tags:null===(a=n.tags)\|\|void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)\|\|void 0===t?void 0:t.href)&&(i=function(e,n,t){if(void 0===t&&(t=[]),!e\|\|!n)return"";if(!g.isValidArray(t,!1))return e;var a=n.globals.sections.eventFilterName;if(!a)return e;try{var i=new URL(e),r=new URLSearchParams(i.search);return r.set(a,encodeURIComponent(t.join(","))),"".concat(e,"?").concat(r.toString())}catch(n){return"".concat(e,"?").concat(a,"=").concat(encodeURIComponent(t.join(",")))}}(n.link.href,v,[n.name])),{name:n.name,link:(null===(a=n.link)\|\|void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),isInverted:x,text:o,customTag:p})))})))))})),te=W.default.div.withConfig({displayName:"EventDetail__ImageContainer",componentId:"sc-1ko6neq-0"})(L\|\|(L=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n\n overflow: hidden;\n\n margin-bottom: ","px;\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n\n overflow: hidden;\n\n margin-bottom: ","px;\n"])),o.spacings.spacer),ae=W.default(y.Image).withConfig({displayName:"EventDetail__StyledImage",componentId:"sc-1ko6neq-1"})(M\|\|(M=e.__makeTemplateObject(["\n &:not(:first-child) {\n display: none;\n }\n\n @media "," {\n max-width: 50%;\n\n &:not(:first-child) {\n display: inline-block;\n }\n\n & + & {\n margin-left: ","px;\n }\n }\n"],["\n &:not(:first-child) {\n display: none;\n }\n\n @media "," {\n max-width: 50%;\n\n &:not(:first-child) {\n display: inline-block;\n }\n\n & + & {\n margin-left: ","px;\n }\n }\n"])),o.mq.medium,o.spacings.nudge),ie=W.default.div.withConfig({displayName:"EventDetail__ImageBackground",componentId:"sc-1ko6neq-2"})(S\|\|(S=e.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n filter: blur(10px);\n transform: scale(1.5);\n z-index: -1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n filter: blur(10px);\n transform: scale(1.5);\n z-index: -1;\n"]))),re=W.default(y.Image).withConfig({displayName:"EventDetail__StyledTextImage",componentId:"sc-1ko6neq-3"})(N\|\|(N=e.__makeTemplateObject(["\n margin-top: ","px;\n\n @media "," {\n display: none;\n }\n"],["\n margin-top: ","px;\n\n @media "," {\n display: none;\n }\n"])),3o.spacings.nudge,o.mq.medium),oe=W.default.div.withConfig({displayName:"EventDetail__TagContainer",componentId:"sc-1ko6neq-4"})(A\|\|(A=e.__makeTemplateObject(["\n max-width: 880px;\n margin-top: -","px;\n margin-left: -","px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"],["\n max-width: 880px;\n margin-top: -","px;\n margin-left: -","px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n"])),o.spacings.nudge,o.spacings.nudge),le=W.default.div.withConfig({displayName:"EventDetail__TagWrapper",componentId:"sc-1ko6neq-5"})(D\|\|(D=e.__makeTemplateObject(["\n padding-top: ","px;\n padding-left: ","px;\n"],["\n padding-top: ","px;\n padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),de=W.default(u.Heading).withConfig({displayName:"EventDetail__EventTitle",componentId:"sc-1ko6neq-6"})(z\|\|(z=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; / number of lines to show /\n line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; / number of lines to show /\n line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n"])),3o.spacings.nudge,o.mq.semilarge),se=W.default(u.Copy).withConfig({displayName:"EventDetail__EventDateTime",componentId:"sc-1ko6neq-7"})(P\|\|(P=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3o.spacings.nudge),me=W.default(u.Copy).withConfig({displayName:"EventDetail__EventAddress",componentId:"sc-1ko6neq-8"})(U\|\|(U=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n "," + & {\n margin-top: ","px;\n }\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n "," + & {\n margin-top: ","px;\n }\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n"])),3o.spacings.nudge,se,o.spacings.nudge,o.mq.semilarge),pe=W.default(u.Copy).withConfig({displayName:"EventDetail__EventText",componentId:"sc-1ko6neq-9"})(V\|\|(V=e.__makeTemplateObject(["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),3o.spacings.nudge),ce=l.withLibTheme((function(t){var r,s=t.anchorId,m=t.event,c=t.infos,u=t.bgMode,f=t.customTag,v=l.useLibTheme(),x=v.colors,h=v.globals,b="inverted"===u,y="full"===u,E=n.useMemo((function(){return g.isValidArray(null==c?void 0:c.filter((function(e){return g.isValidArray(e.items,!1)})),!1)}),[c]),k="",T="";if(null==m?void 0:m.date){var I=new d.StatusFormatter(m.date.getTime(),"",h.sections.eventDateFormat(m.date),h.sections.eventTimeFormat(m.date),h.sections.eventLocaleKey);k=I.getFormattedDate(),T=I.getFormattedTimespan(h.sections.eventTimespanFormat(m.date,m.duration),m.duration)}var C=n.useMemo((function(){var e;return null===(e=null==m?void 0:m.images)\|\|void 0===e?void 0:e.slice(0,2)}),[null==m?void 0:m.images]),j=null==C?void 0:C[1];return R.default.createElement(a.Section,{addSeperation:!0,anchorId:s,bgColor:b?x.sectionBg.dark:y?x.sectionBg.medium:x.sectionBg.light,bgMode:a.mapToBgMode(u,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(C,!1)&&R.default.createElement(te,null,C.map((function(n,t){return n.small?R.default.createElement(ae,e.__assign({key:t},n,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b,ratios:{small:{w:4,h:3}}})):null})),C.length<2&&R.default.createElement(ie,{style:{backgroundImage:"url(".concat(null===(r=null==m?void 0:m.images)\|\|void 0===r?void 0:r[0].small,")")}})),R.default.createElement(_.Grid.Row,{gutter:5o.spacings.nudge,semilarge:{gutter:o.spacings.spacer}},R.default.createElement(_.Grid.Col,{semilarge:{span:E?5.7/8:1}},(null==m?void 0:m.tags)&&R.default.createElement(oe,null,m.tags.map((function(e,n){return R.default.createElement(le,{key:"tag_"+n},f?f({key:"headtag-".concat(n),name:e.name\|\|"",isInverted:b,isActive:!1,link:e.link}):R.default.createElement(p.Tag,{link:e.link,isInverted:b},e.name))}))),(null==m?void 0:m.title)&&R.default.createElement(de,{size:"heading-2",isInverted:b},m.title),k&&R.default.createElement(se,{size:"big",type:"copy-b",isInverted:b},k\|\|"",k&&T?" \| ":"",T),(null==m?void 0:m.address)&&R.default.createElement(me,{size:"big",type:"copy",innerHTML:m.address,isInverted:b}),(null==m?void 0:m.abstract)&&R.default.createElement(pe,{size:"medium",type:"copy-b",isInverted:b},m.abstract),j&&R.default.createElement(re,e.__assign({},j,{coverSpace:!0,allowEdgeRadius:!0,isInverted:b,ratios:{small:{w:4,h:3}}})),(null==m?void 0:m.text)&&R.default.createElement(pe,{size:"medium",isInverted:b,innerHTML:m.text})),E&&R.default.createElement(_.Grid.Col,{semilarge:{span:2.3/8}},R.default.createElement(w.InfoList,{isInverted:b,items:c})))))}));exports.EventDetail=ce,exports.EventList=ne,exports.EventOverview=Z;
2	+ //# sourceMappingURL=sections.events.js.map

package/cjs/sections.events.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sections.events.js","sources":["../src/components/sections/events/EventOverview.tsx","../src/components/sections/events/EventList.tsx","../src/components/sections/events/EventDetail.tsx"],"sourcesContent":["import Filter from 'components/base/icons/Filter';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport EventBlock, { EventProps } from 'components/blocks/EventBlock';\nimport Tag, { TagProps } from 'components/blocks/Tag';\nimport Pointer from 'components/buttons/Pointer';\nimport Copy from 'components/typography/Copy';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { concat } from 'utils/concat';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport { deleteUrlParam, getUrlParams, setUrlParam } from 'utils/urlParams';\nimport useMounted from 'utils/useMounted';\nimport { useObserverSupport } from 'utils/useObserverSupport';\nimport { useScrollTo } from 'utils/useScrollTo';\nimport useUpdateEffect from 'utils/useUpdateEffect';\n\nconst TagContainer = styled.div`\n margin-top: -${spacings.nudge}px;\n margin-left: -${spacings.nudge}px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n &:not(:only-child) {\n margin-bottom: ${spacings.nudge * 6}px;\n }\n`;\n\nconst TagWrapper = styled.div`\n padding-top: ${spacings.nudge}px;\n padding-left: ${spacings.nudge}px;\n`;\n\nconst Events = styled.ul<{ hasBg?: boolean }>`\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n /* & > * + * {\n border-top: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n }\n\n & > *:first-of-type {\n border-top: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n }\n\n & > *:last-of-type {\n border-bottom: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n } */\n\n & > * + * {\n padding-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst FilterIcon = styled(Copy)`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n padding: ${spacings.nudge / 2}px ${spacings.nudge}px 0 0;\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n`;\n\nconst EventItem = styled.li`\n /* padding: ${spacings.nudge * 3}px 0; */\n`;\n\nconst ListFooter = styled.div`\n margin-top: ${spacings.nudge * 6}px;\n text-align: center;\n\n @media ${mq.medium} {\n text-align: left;\n }\n`;\n\nconst ShowMore = styled.span<{ itemCount?: number }>`\n display: ${({ itemCount }) =>\n itemCount && itemCount > 2 ? 'block' : 'none'};\n`;\n\nexport const getEventFilterParams = (\n url: string,\n theme: DefaultTheme,\n tags: string[] = []\n) => {\n if (!url || !theme) return '';\n if (!isValidArray(tags, false)) return url;\n\n const filterName = theme.globals.sections.eventFilterName;\n if (!filterName) return url;\n\n try {\n const validUrl = new URL(url);\n const newParams = new URLSearchParams(validUrl.search);\n newParams.set(filterName, encodeURIComponent(tags.join(',')));\n\n return `${url}?${newParams.toString()}`;\n } catch (err) {\n return `${url}?${filterName}=${encodeURIComponent(tags.join(','))}`;\n }\n};\n\nexport type EventItem = Omit<\n EventProps,\n 'customTag' | 'isInverted' | 'onTagClick' | 'text'\n> & { address?: string };\n\nconst EventOverview: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of event item settings */\n events?: EventItem[];\n\n /** Tags for events filtering */\n tags?: string[];\n\n /** Initial data. If not defined the component tries to collect this from URL params */\n initial?: {\n activeTags?: string[];\n visibleRows?: number;\n };\n\n /** Text for load more toggle. Only visible if browser doesn't support IntersectionObserver. */\n showMoreText?: string;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /**\n * Callback function to handle tag click outside of component\n * If no callback is defined filtering is controlled on client\n * */\n onTagClick?: (tag: TagProps, insideList?: boolean) => void;\n\n /** Function to inject custom tag node */\n customTag?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n isActive?: boolean;\n clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n }) => React.ReactNode;\n}> = ({\n tags,\n events,\n bgMode,\n anchorId,\n initial,\n showMoreText,\n onTagClick,\n customTag,\n}) => {\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n\n const { colors, globals } = useLibTheme();\n const filterName = globals.sections.eventFilterName;\n\n const [selectedTags, setSelectedTags] = React.useState<string[]>(\n initial?.activeTags || []\n );\n const [itemsPerRow] = React.useState(1);\n const [visibleRows, setVisibleRows] = React.useState(\n initial?.visibleRows || 3\n );\n\n const targetRef = React.useRef<HTMLDivElement>(null);\n const observerSupported = useObserverSupport();\n const isMounted = useMounted();\n\n const eventCount = events?.length || 0;\n const setNewPos = useScrollTo(800);\n\n const getFilters = useCallback(() => {\n const tags: string[] = [];\n\n const filters = getUrlParams()[filterName];\n if (filters) {\n const tagsFilter = filters?.split(',');\n if (isValidArray(tagsFilter, false)) {\n tags.push(...tagsFilter);\n }\n }\n return tags;\n }, [filterName]);\n\n useEffect(() => {\n // if initial data is defined exit hook\n if (initial) return;\n\n // if no initial data provied try to find needed params in URL\n const paramTags = getFilters();\n\n if (isValidArray(paramTags, false)) {\n setSelectedTags(paramTags);\n }\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [getFilters, initial]);\n\n useEffect(() => {\n if (!initial || isMounted) return;\n\n // set inital data into URL\n setUrlParam('rows', initial?.visibleRows || 3);\n\n if (isValidArray(initial?.activeTags, false)) {\n setUrlParam(filterName, initial?.activeTags?.join(','));\n } else {\n deleteUrlParam(filterName);\n }\n }, [filterName, initial, isMounted]);\n\n useUpdateEffect(() => {\n setUrlParam('rows', visibleRows);\n }, [visibleRows]);\n\n useUpdateEffect(() => {\n if (onTagClick || !isValidArray(selectedTags)) return;\n\n // set filters to URL params\n if (selectedTags.length > 0) {\n setUrlParam(filterName, selectedTags.join(','));\n } else {\n deleteUrlParam(filterName);\n }\n }, [selectedTags]);\n\n const handleTagClick = (tag: TagProps, enableToggling = true) => {\n setSelectedTags((prev) => {\n const prevCopy = [...prev];\n const itemIndex = tag.name ? prev.indexOf(tag.name) : -1;\n\n if (itemIndex === -1 && tag.name) {\n return [...prevCopy, tag.name];\n }\n if (enableToggling) {\n prevCopy.splice(itemIndex, 1);\n return prevCopy;\n }\n return prev;\n });\n setVisibleRows(3);\n };\n\n const filteredEvents = useMemo(() => {\n const tagFilterFn = (item: EventItem) => {\n if (!isValidArray(selectedTags, false)) return true;\n if (!item.tags) return false;\n\n let hasTags = false;\n for (let i = 0; i < item.tags.length; i++) {\n if (selectedTags.indexOf(item.tags[i].name || '') !== -1) {\n hasTags = true;\n break;\n }\n }\n return hasTags;\n };\n\n let filtered = isValidArray(events) ? [...events] : [];\n\n // adding filter\n filtered = filtered?.filter(tagFilterFn);\n\n return filtered;\n }, [events, selectedTags]);\n\n const visibleEvents = useMemo(() => {\n return (\n filteredEvents?.filter((_, i) => i < visibleRows * itemsPerRow) ||\n []\n );\n }, [filteredEvents, itemsPerRow, visibleRows]);\n\n useEffect(() => {\n // cancel if intersection observers are not supported\n if (!observerSupported) return;\n\n const element = targetRef.current;\n let observer: IntersectionObserver;\n\n if (element) {\n const options = {\n rootMargin: '0px 0px 100px 0px',\n threshold: 0,\n };\n\n observer = new IntersectionObserver((entries) => {\n const entry = entries[0];\n if (entry?.isIntersecting) {\n // on bottom of the wrapper load more events\n if (\n visibleRows <\n Math.ceil(filteredEvents.length / itemsPerRow)\n ) {\n setVisibleRows((prev) => prev + 1);\n }\n }\n }, options);\n observer.observe(element);\n }\n\n return () => {\n if (observer) observer.disconnect();\n };\n }, [\n itemsPerRow,\n eventCount,\n visibleRows,\n observerSupported,\n filteredEvents.length,\n ]);\n\n const filteredTags = useMemo(() => {\n return tags?.filter((tag) => tag);\n }, [tags]);\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : 'transparent'\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {isValidArray(filteredTags, false) && (\n <TagContainer>\n <FilterIcon\n size=\"small\"\n type=\"copy\"\n isInverted={isInverted}\n >\n <Filter />\n <span>Filter</span>\n </FilterIcon>\n {filteredTags.map((tag, i) => (\n <TagWrapper key={i}>\n {customTag ? (\n customTag({\n key: i,\n name: tag,\n isInverted: isInverted,\n isActive:\n selectedTags.indexOf(tag) !== -1,\n clickHandler: (ev) => {\n ev?.preventDefault();\n if (!onTagClick) {\n handleTagClick({ name: tag });\n } else onTagClick({ name: tag });\n },\n })\n ) : (\n <Tag\n isInverted={isInverted}\n onClick={(ev) => {\n ev?.preventDefault();\n if (!onTagClick) {\n handleTagClick({ name: tag });\n } else\n onTagClick(\n { name: tag },\n false\n );\n }}\n isActive={\n selectedTags.indexOf(tag) !== -1\n }\n >\n {tag}\n </Tag>\n )}\n </TagWrapper>\n ))}\n </TagContainer>\n )}\n <Events hasBg={hasBg}>\n {visibleEvents.map((item, i) => {\n let timespan = '';\n\n if (item.date) {\n const formatter = new StatusFormatter(\n item.date.getTime(),\n '',\n globals.sections.eventDateFormat(item.date),\n globals.sections.eventTimeFormat(item.date),\n globals.sections.eventLocaleKey\n );\n\n timespan = formatter.getFormattedTimespan(\n globals.sections.eventTimespanFormat(\n item.date,\n item.duration\n ),\n item.duration\n );\n }\n\n const text = concat([timespan, item.address], ' | ');\n\n return (\n <EventItem key={`${i}_event_${item.title}`}>\n <EventBlock\n hasBg={bgMode === 'full'}\n {...item}\n text={text}\n tags={item.tags?.map((tag) => ({\n name: tag.name,\n }))}\n isInverted={isInverted}\n onTagClick={(tag) => {\n // scroll back to top\n setNewPos(0);\n if (!onTagClick) {\n // if no callback is defined handle filtering on client side inside the component\n handleTagClick(\n { name: tag.name },\n false\n );\n } else {\n onTagClick(\n { name: tag.name },\n true\n );\n }\n }}\n customTag={customTag}\n />\n </EventItem>\n );\n })}\n </Events>\n <div ref={targetRef} />\n {!observerSupported && (\n <ListFooter>\n {events && events.length > 0 && (\n <Copy\n type=\"copy\"\n size=\"medium\"\n isInverted={isInverted}\n >\n <ShowMore\n itemCount={events.length}\n onClick={(ev) => {\n ev.preventDefault();\n if (\n visibleRows <\n Math.ceil(\n filteredEvents.length /\n itemsPerRow\n )\n ) {\n setVisibleRows((prev) => prev + 1);\n }\n }}\n >\n {visibleRows <\n filteredEvents.length / itemsPerRow && (\n <Pointer.View\n as=\"button\"\n isInverted={isInverted}\n >\n <Pointer.Label>\n {showMoreText ||\n 'mehr anzeigen'}\n </Pointer.Label>\n </Pointer.View>\n )}\n </ShowMore>\n </Copy>\n )}\n </ListFooter>\n )}\n </Wrapper>\n </Section>\n );\n};\n\nexport const EventOverviewComponent = EventOverview;\nexport default withLibTheme(EventOverview);\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport EventBlock, { EventProps } from 'components/blocks/EventBlock';\nimport { getColors as color, spacings } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport { LinkProps } from 'components/typography/Link';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { concat } from 'utils/concat';\nimport { getEventFilterParams } from './EventOverview';\n\nconst List = styled.ul<{ hasBg?: boolean }>`\n list-style: none;\n margin: 0;\n padding: 0;\n\n /* & > * + * {\n border-top: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n }\n\n & > *:first-of-type {\n border-top: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n }\n\n & > *:last-of-type {\n border-bottom: 1px solid\n ${({ theme, hasBg }) =>\n hasBg ? color(theme).elementBg.light : color(theme).elementBg.medium};\n } */\n\n & > * + * {\n padding-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst ListItem = styled.li`\n /* padding: ${spacings.nudge * 3}px 0; */\n`;\n\nexport type EventItem = Omit<\n EventProps,\n 'customTag' | 'isInverted' | 'onTagClick' | 'text'\n> & { address?: string };\n\nconst EventList: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of event item settings */\n events?: EventItem[];\n\n /** Section background */\n bgMode?: 'inverted' | 'full';\n\n /** Function to inject custom tag node */\n customTag?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n isActive?: boolean;\n link?: LinkProps;\n }) => React.ReactNode;\n}> = ({ anchorId, events, bgMode, customTag }) => {\n const { colors, globals, theme } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : bgMode\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n <List hasBg={hasBg}>\n {events?.map((event, i) => {\n let timespan = '';\n\n if (event.date) {\n const formatter = new StatusFormatter(\n event.date.getTime(),\n '',\n globals.sections.eventDateFormat(event.date),\n globals.sections.eventTimeFormat(event.date),\n globals.sections.eventLocaleKey\n );\n\n timespan = formatter.getFormattedTimespan(\n globals.sections.eventTimespanFormat(\n event.date,\n event.duration\n ),\n event.duration\n );\n }\n\n const text = concat([timespan, event.address], ' | ');\n\n return (\n <ListItem key={i}>\n <EventBlock\n hasBg={bgMode === 'full'}\n {...event}\n tags={event.tags?.map((tag) => {\n let tagHref: string | undefined =\n undefined;\n\n if (tag.name && tag.link?.href) {\n tagHref = getEventFilterParams(\n tag.link.href,\n theme,\n [tag.name]\n );\n }\n\n return {\n name: tag.name,\n link: tag.link?.href\n ? {\n ...tag.link,\n href: tagHref,\n }\n : undefined,\n };\n })}\n isInverted={isInverted}\n text={text}\n customTag={customTag}\n />\n </ListItem>\n );\n })}\n </List>\n </Wrapper>\n </Section>\n );\n};\n\nexport const EventListComponent = EventList;\nexport default withLibTheme(EventList);\n","import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { EventProps } from 'components/blocks/EventBlock';\nimport Image from 'components/blocks/Image';\nimport Tag from 'components/blocks/Tag';\nimport Copy from 'components/typography/Copy';\nimport Heading from 'components/typography/Heading';\nimport { LinkProps } from 'components/typography/Link';\nimport { mq, spacings } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport Grid from 'components/base/Grid';\nimport StatusFormatter from 'utils/statusFormatter';\nimport InfoList from 'components/blocks/InfoList';\nimport { isValidArray } from 'utils/arrays';\n\nconst ImageContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n\n overflow: hidden;\n\n margin-bottom: ${spacings.spacer}px;\n`;\n\nconst StyledImage = styled(Image)`\n &:not(:first-child) {\n display: none;\n }\n\n @media ${mq.medium} {\n max-width: 50%;\n\n &:not(:first-child) {\n display: inline-block;\n }\n\n & + & {\n margin-left: ${spacings.nudge}px;\n }\n }\n`;\n\nconst ImageBackground = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n filter: blur(10px);\n transform: scale(1.5);\n z-index: -1;\n`;\n\nconst StyledTextImage = styled(Image)`\n margin-top: ${spacings.nudge * 3}px;\n\n @media ${mq.medium} {\n display: none;\n }\n`;\n\nconst TagContainer = styled.div`\n max-width: 880px;\n margin-top: -${spacings.nudge}px;\n margin-left: -${spacings.nudge}px;\n\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n`;\n\nconst TagWrapper = styled.div`\n padding-top: ${spacings.nudge}px;\n padding-left: ${spacings.nudge}px;\n`;\n\nconst EventTitle = styled(Heading)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n @media ${mq.semilarge} {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* number of lines to show */\n line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n`;\n\nconst EventDateTime = styled(Copy)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst EventAddress = styled(Copy)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n ${EventDateTime} + & {\n margin-top: ${spacings.nudge}px;\n }\n\n @media ${mq.semilarge} {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n`;\n\nconst EventText = styled(Copy)`\n max-width: 880px;\n\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nexport type DetailEventProps = Omit<\n EventProps,\n 'customTag' | 'isInverted' | 'onTagClick' | 'link'\n>;\n\nexport interface EventInfoGroup {\n title?: string;\n items: EventInfo[];\n}\n\nexport interface EventInfo {\n /** icon injection function */\n icon?: (isInverted?: boolean) => React.ReactNode;\n /** Event info text (richtText) */\n text?: string;\n}\n\nconst EventDetail: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of event item settings */\n event?: DetailEventProps & { address?: string; abstract?: string };\n\n /** Additional event infos */\n infos?: EventInfoGroup[];\n\n /** Section background */\n bgMode?: 'inverted' | 'full';\n\n /** Function to inject custom tag node */\n customTag?: (props: {\n key: React.Key;\n name: string;\n isInverted?: boolean;\n isActive?: boolean;\n link?: LinkProps;\n }) => React.ReactNode;\n}> = ({ anchorId, event, infos, bgMode, customTag }) => {\n const { colors, globals } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n const hasInfos = useMemo(() => {\n return isValidArray(\n infos?.filter((info) => isValidArray(info.items, false)),\n false\n );\n }, [infos]);\n\n let publishedAt = '';\n let timespan = '';\n\n if (event?.date) {\n const formatter = new StatusFormatter(\n event.date.getTime(),\n '',\n globals.sections.eventDateFormat(event.date),\n globals.sections.eventTimeFormat(event.date),\n globals.sections.eventLocaleKey\n );\n publishedAt = formatter.getFormattedDate();\n\n timespan = formatter.getFormattedTimespan(\n globals.sections.eventTimespanFormat(event.date, event.duration),\n event.duration\n );\n }\n\n const images = useMemo(() => event?.images?.slice(0, 2), [event?.images]);\n const secondaryImage = images?.[1];\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : hasBg\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {isValidArray(images, false) && (\n <ImageContainer>\n {images.map((img, i) => {\n if (!img.small) return null;\n return (\n <StyledImage\n key={i}\n {...img}\n coverSpace\n allowEdgeRadius\n isInverted={isInverted}\n ratios={{ small: { w: 4, h: 3 } }}\n />\n );\n })}\n {images.length < 2 && (\n <ImageBackground\n style={{\n backgroundImage: `url(${event?.images?.[0].small})`,\n }}\n />\n )}\n </ImageContainer>\n )}\n <Grid.Row\n gutter={spacings.nudge * 5}\n semilarge={{ gutter: spacings.spacer }}\n >\n <Grid.Col semilarge={{ span: hasInfos ? 5.7 / 8 : 1 }}>\n {event?.tags && (\n <TagContainer>\n {event.tags.map((tag, i) => (\n <TagWrapper key={'tag_' + i}>\n {customTag ? (\n customTag({\n key: `headtag-${i}`,\n name: tag.name || '',\n isInverted: isInverted,\n isActive: false,\n link: tag.link,\n })\n ) : (\n <Tag\n link={tag.link}\n isInverted={isInverted}\n >\n {tag.name}\n </Tag>\n )}\n </TagWrapper>\n ))}\n </TagContainer>\n )}\n {event?.title && (\n <EventTitle\n size=\"heading-2\"\n isInverted={isInverted}\n >\n {event.title}\n </EventTitle>\n )}\n {publishedAt && (\n <EventDateTime\n size=\"big\"\n type=\"copy-b\"\n isInverted={isInverted}\n >\n {publishedAt || ''}\n {publishedAt && timespan ? ' | ' : ''}\n {timespan}\n </EventDateTime>\n )}\n {event?.address && (\n <EventAddress\n size=\"big\"\n type=\"copy\"\n innerHTML={event.address}\n isInverted={isInverted}\n />\n )}\n {event?.abstract && (\n <EventText\n size=\"medium\"\n type=\"copy-b\"\n isInverted={isInverted}\n >\n {event.abstract}\n </EventText>\n )}\n {secondaryImage && (\n <StyledTextImage\n {...secondaryImage}\n coverSpace\n allowEdgeRadius\n isInverted={isInverted}\n ratios={{ small: { w: 4, h: 3 } }}\n />\n )}\n {event?.text && (\n <EventText\n size=\"medium\"\n isInverted={isInverted}\n innerHTML={event.text}\n />\n )}\n </Grid.Col>\n {hasInfos && (\n <Grid.Col semilarge={{ span: 2.3 / 8 }}>\n <InfoList isInverted={isInverted} items={infos} />\n </Grid.Col>\n )}\n </Grid.Row>\n </Wrapper>\n </Section>\n );\n};\n\nexport const EventDetailComponent = EventDetail;\nexport default withLibTheme(EventDetail);\n"],"names":["TagContainer","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","TagWrapper","templateObject_2","Events","ul","_a","theme","hasBg","color","elementBg","light","medium","FilterIcon","Copy","templateObject_4","EventItem","li","ListFooter","templateObject_6","mq","ShowMore","span","templateObject_7","itemCount","EventOverview$1","withLibTheme","tags","events","bgMode","anchorId","initial","showMoreText","onTagClick","customTag","isInverted","_b","useLibTheme","colors","globals","filterName","sections","eventFilterName","_c","React","useState","activeTags","selectedTags","setSelectedTags","itemsPerRow","_d","visibleRows","setVisibleRows","targetRef","useRef","observerSupported","useObserverSupport","isMounted","useMounted","eventCount","length","setNewPos","useScrollTo","getFilters","useCallback","filters","getUrlParams","tagsFilter","split","isValidArray","push","apply","useEffect","paramTags","setUrlParam","join","deleteUrlParam","useUpdateEffect","handleTagClick","tag","enableToggling","prev","prevCopy","__spreadArray","itemIndex","name","indexOf","splice","filteredEvents","useMemo","filtered","filter","item","hasTags","i","visibleEvents","_","observer","element","current","IntersectionObserver","entries","entry","isIntersecting","Math","ceil","rootMargin","threshold","observe","disconnect","filteredTags","createElement","Section","addSeperation","bgColor","sectionBg","dark","mapToBgMode","Wrapper","addWhitespace","size","type","Filter","map","key","isActive","clickHandler","ev","preventDefault","Tag","onClick","timespan","date","StatusFormatter","getTime","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedTimespan","eventTimespanFormat","duration","text","concat","address","title","EventBlock","__assign","ref","Pointer","View","as","Label","List","ListItem","EventList$1","event","tagHref","undefined","link","href","url","validUrl","URL","newParams","URLSearchParams","search","set","encodeURIComponent","toString","err","getEventFilterParams","ImageContainer","spacer","StyledImage","Image","ImageBackground","templateObject_3","StyledTextImage","templateObject_5","EventTitle","Heading","semilarge","EventDateTime","templateObject_8","EventAddress","templateObject_9","EventText","templateObject_10","EventDetail$1","infos","hasInfos","info","items","publishedAt","formatter","getFormattedDate","images","slice","secondaryImage","img","small","coverSpace","allowEdgeRadius","ratios","w","h","style","backgroundImage","Grid","Row","gutter","Col","innerHTML","abstract","InfoList"],"mappings":"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"}

package/cjs/sections.forms.js ADDED Viewed

	@@ -0,0 +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("./LibThemeProvider-4823de57.js"),i=require("./Section-e8e8cf81.js"),a=require("./styles-3a495a2d.js"),l=require("./Wrapper-ff6854d7.js"),d=require("./Textfield-56996c98.js"),o=require("formik"),s=require("./Actions-c7b16449.js"),u=require("./Button-51ea72b7.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("react-dom/server"),require("./Copy-ea6ab025.js"),require("./clamp-bd21d587.js"),require("./hexRgbConverter-91b28aea.js");var m,g,p,f=c(n),h=c(t),v=h.default.form.withConfig({displayName:"NewsletterForm__Form",componentId:"sc-1pmvhu2-0"})(m\|\|(m=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"])),a.mq.semilarge),b=h.default.div.withConfig({displayName:"NewsletterForm__FieldContainer",componentId:"sc-1pmvhu2-1"})(g\|\|(g=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: 590px;\n\n & + & {\n margin-top: 0;\n }\n\n &:first-child {\n padding-right: ","px;\n }\n\n &:last-child {\n padding-left: ","px;\n }\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: 590px;\n\n & + & {\n margin-top: 0;\n }\n\n &:first-child {\n padding-right: ","px;\n }\n\n &:last-child {\n padding-left: ","px;\n }\n }\n"])),3a.spacings.nudge,3a.spacings.nudge,a.mq.semilarge,3a.spacings.nudge,3a.spacings.nudge),x=h.default.div.withConfig({displayName:"NewsletterForm__ActionContainer",componentId:"sc-1pmvhu2-2"})(p\|\|(p=e.__makeTemplateObject(["\n width: 100%;\n max-width: 590px;\n\n margin: 0 auto;\n margin-top: ","px;\n\n text-align: center;\n"],["\n width: 100%;\n max-width: 590px;\n\n margin: 0 auto;\n margin-top: ","px;\n\n text-align: center;\n"])),2a.spacings.spacer),_=function(e){var n=e.key,t=e.field,r=e.isInverted,i=e.value,a=e.handleChange,l=e.handleBlur,o=e.error,s=e.isTouched;return f.default.createElement(d.Textfield,{key:n,label:"".concat(t.label\|\|n).concat(t.isRequired?"":""),placeholder:t.placeholder,name:"".concat(n),isInverted:r,value:i,onChange:a,onBlur:l,infoMessage:t.info,errorMessage:o&&s?o:void 0})},w=r.withLibTheme((function(t){var d=t.anchorId,c=t.bgMode,m=t.fields,g=t.customField,p=t.action,h=t.method,w=t.submitAction,q=t.onSubmit,j=r.useLibTheme().theme,y=n.useRef(null),C="inverted"===c,k={};for(var T in m)k[T]=m[T].initialValue\|\|"";var B=o.useFormik({initialValues:e.__assign({},k),onSubmit:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return y.current?p&&h?(y.current.submit(),[3,4]):[3,1]:[2];case 1:return q?[4,q(n,y.current)]:[3,3];case 2:e.sent(),e.label=3;case 3:e.label=4;case 4:return S(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,i,a,l,d,o,s;return e.__generator(this,(function(e){switch(e.label){case 0:for(i in t={},r=[],m)r.push(i);a=0,e.label=1;case 1:return a<r.length?(l=r[a],d=m[l],o=d.inputType,m[l].isRequired&&!n[l]&&(t[l]=m[l].errorMsg\|\|"Required field"),d.validate?[4,d.validate(l,n[l],d)]:[3,3]):[3,5];case 2:return(s=e.sent())&&(t[l]=s),[3,5];case 3:switch(o){case"email":n[l]&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(n[l])&&(t[l]=m[l].errorMsg\|\|"Invalid Mail format");break;case"tel":n[l]&&/[A-Z]/gi.test(n[l])&&(t[l]=m[l].errorMsg\|\|"Ungültige Telefonnummer");break;case"number":n[l]&&!/^[+]?\d+([.]\d+)?$/gm.test(n[l])&&(t[l]=m[l].errorMsg\|\|"Zahlenformat ungültig")}e.label=4;case 4:return a++,[3,1];case 5:return[2,t]}}))}))}}),F=B.handleSubmit,M=B.handleChange,O=B.handleBlur,I=B.setFieldTouched,S=B.setSubmitting,E=B.validateField,A=B.submitForm,N=B.setValues,R=B.isSubmitting,Z=B.touched,L=B.values,V=B.errors,W=B.dirty,D=B.validateOnBlur,P=B.validateOnChange,$=n.useCallback((function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var i;return e.__generator(this,(function(a){return[2,N(e.__assign(e.__assign({},L),(i={},i[n]=t,i)),r)]}))}))}),[N,L]);return f.default.createElement(i.Section,{addSeperation:!0,anchorId:d,bgColor:C?a.getColors(j).sectionBg.dark:c?a.getColors(j).sectionBg.medium:a.getColors(j).sectionBg.light,bgMode:i.mapToBgMode(c,!0)},f.default.createElement(l.Wrapper,{addWhitespace:!0},f.default.createElement(v,{ref:y,action:p,method:h,onSubmit:F},f.default.createElement(b,null,m&&Object.keys(m).map((function(e,n){var t={index:n,field:m[e],key:e,value:L[e],error:V[e],isTouched:Z[e]\|\|!1,isInverted:C,setField:$,setTouched:I,validateField:E,handleChange:M,handleBlur:O,validateOnBlur:D,validateOnChange:P,theme:j};return g?g(t):_(t)})))),m&&f.default.createElement(x,null,f.default.createElement(s.Actions,{primary:w?w({isInverted:C,isDisabled:R\|\|!W,handleSubmit:A}):f.default.createElement(u.Button.View,e.__assign({as:"button",onClick:A,isDisabled:R\|\|!W},{type:"submit"}),f.default.createElement(u.Button.Label,null,"send"))}))))}));exports.NewsletterForm=w;
2	+ //# sourceMappingURL=sections.forms.js.map

package/cjs/sections.forms.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sections.forms.js","sources":["../src/components/sections/NewsletterForm.tsx"],"sourcesContent":["import React, { FC, useCallback, useRef } from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\n\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport Wrapper from 'components/base/Wrapper';\nimport Textfield from 'components/fields/Textfield';\nimport { FormikErrors, useFormik } from 'formik';\nimport Actions from 'components/blocks/Actions';\nimport Button from 'components/buttons/Button';\n\nconst Form = styled.form`\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media ${mq.semilarge} {\n flex-direction: row;\n }\n`;\n\nconst FieldContainer = styled.div`\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n\n @media ${mq.semilarge} {\n max-width: 590px;\n\n & + & {\n margin-top: 0;\n }\n\n &:first-child {\n padding-right: ${spacings.nudge * 3}px;\n }\n\n &:last-child {\n padding-left: ${spacings.nudge * 3}px;\n }\n }\n`;\n\nconst ActionContainer = styled.div`\n width: 100%;\n max-width: 590px;\n\n margin: 0 auto;\n margin-top: ${spacings.spacer * 2}px;\n\n text-align: center;\n`;\n\nexport interface FieldGenerationProps {\n field: NewsletterField;\n value: string;\n error: string;\n info?: string;\n isTouched: boolean;\n key: string;\n isInverted: boolean;\n theme: DefaultTheme;\n setField: (\n field: string,\n value: any,\n shouldValidate?: boolean | undefined\n ) => Promise<void> | Promise<FormikErrors<FormData>>;\n validateField: (\n name: string\n ) => Promise<string | undefined> | Promise<void>;\n setTouched: (\n field: string,\n touched?: boolean | undefined,\n shouldValidate?: boolean | undefined\n ) => Promise<void> | Promise<FormikErrors<FormData>>;\n handleChange: {\n (e: React.ChangeEvent<any>): void;\n <T_1 = string | React.ChangeEvent<any>>(\n field: T_1\n ): T_1 extends React.ChangeEvent<any>\n ? void\n : (e: string | React.ChangeEvent<any>) => void;\n };\n handleBlur: {\n (e: React.FocusEvent<any>): void;\n <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;\n };\n validateOnBlur?: boolean;\n validateOnChange?: boolean;\n}\n\nexport interface NewsletterFormStructure {\n [key: string]: NewsletterField;\n}\n\nexport interface FormData {\n [key: string]: string;\n}\n\nexport interface NewsletterField {\n inputType?: 'text' | 'number' | 'email' | 'password' | 'tel';\n isRequired?: boolean;\n label?: string;\n errorMsg?: string;\n initialValue?: string;\n placeholder?: string;\n info?: string;\n validate?: (\n key: string,\n value: string,\n config: NewsletterField\n ) => Promise<string>;\n}\n\nconst NewsletterForm: FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Structure to define fields of newsletter form */\n fields?: NewsletterFormStructure;\n\n /** Function to inject custom field definition */\n customField?: (props: FieldGenerationProps) => React.ReactNode;\n\n /** HTML form element action */\n action?: string;\n\n /** HTML form element method */\n method?: string;\n\n /** Form submission callback */\n onSubmit?: (values: FormData, element: HTMLFormElement) => Promise<void>;\n\n /** Function to inject custom submit button */\n submitAction?: (props: {\n isInverted?: boolean;\n handleSubmit?: () => Promise<any>;\n isDisabled?: boolean;\n }) => React.ReactNode;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n}> = ({\n anchorId,\n bgMode,\n fields,\n customField,\n action,\n method,\n submitAction,\n onSubmit,\n}) => {\n const { theme } = useLibTheme();\n const formRef = useRef<HTMLFormElement>(null);\n const isInverted = bgMode === 'inverted';\n\n // generate initial data and setup yup validation definition\n const initialData: FormData = {};\n\n for (const key in fields) {\n initialData[key] = fields[key].initialValue || '';\n }\n\n const validation = async (values: FormData) => {\n const errors: Partial<FormData> = {};\n\n // search for errors and set them\n for (const key in fields) {\n const config = fields[key];\n const inputType = config.inputType;\n\n // default\n if (fields[key].isRequired && !values[key]) {\n errors[key] = fields[key].errorMsg || 'Required field';\n }\n\n // custom validation\n if (config.validate) {\n const error = await config.validate(\n key,\n values[key] as string,\n config\n );\n if (error) errors[key] = error;\n break;\n }\n\n switch (inputType) {\n case 'email':\n if (\n values[key] &&\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(\n values[key] as string\n )\n ) {\n errors[key] =\n fields[key].errorMsg || 'Invalid Mail format';\n }\n break;\n case 'tel':\n if (values[key] && /[A-Z]/gi.test(values[key] as string)) {\n errors[key] =\n fields[key].errorMsg || 'Ungültige Telefonnummer';\n }\n break;\n case 'number':\n if (\n values[key] &&\n !/^[+]?\\d+([.]\\d+)?$/gm.test(values[key] as string)\n ) {\n errors[key] =\n fields[key].errorMsg || 'Zahlenformat ungültig';\n }\n break;\n }\n }\n\n return errors;\n };\n\n // formik hook\n const {\n handleSubmit,\n handleChange,\n handleBlur,\n setFieldTouched,\n setSubmitting,\n validateField,\n submitForm,\n setValues,\n isSubmitting,\n touched,\n values,\n errors,\n dirty,\n validateOnBlur,\n validateOnChange,\n } = useFormik<FormData>({\n initialValues: {\n ...initialData,\n } as FormData,\n\n onSubmit: async (values) => {\n if (!formRef.current) return;\n\n if (action && method) {\n formRef.current.submit();\n } else {\n onSubmit && (await onSubmit(values, formRef.current));\n }\n\n setSubmitting(false);\n },\n validateOnBlur: true,\n validateOnChange: true,\n validate: validation,\n });\n\n // rewrite setFieldValue to prevent loadash feature of Formik: https://github.com/jaredpalmer/formik/issues/2262\n const setField = useCallback(\n async (key: string, value: any, shouldValidate?: boolean) => {\n return setValues({ ...values, [key]: value }, shouldValidate);\n },\n [setValues, values]\n );\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? color(theme).sectionBg.dark\n : bgMode\n ? color(theme).sectionBg.medium\n : color(theme).sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n <Form\n ref={formRef}\n action={action}\n method={method}\n onSubmit={handleSubmit}\n >\n <FieldContainer>\n {fields &&\n Object.keys(fields).map((key, i) => {\n const generationProps = {\n index: i,\n field: fields[key],\n key: key,\n value: values[key],\n error: errors[key],\n isTouched: touched[key] || false,\n isInverted: isInverted,\n setField: setField,\n setTouched: setFieldTouched,\n validateField: validateField,\n handleChange: handleChange,\n handleBlur: handleBlur,\n validateOnBlur,\n validateOnChange,\n theme: theme,\n } as FieldGenerationProps;\n\n return customField\n ? customField(generationProps)\n : generateTextField(generationProps);\n })}\n </FieldContainer>\n </Form>\n {fields && (\n <ActionContainer>\n <Actions\n primary={\n submitAction ? (\n submitAction({\n isInverted,\n isDisabled: isSubmitting || !dirty,\n handleSubmit: submitForm,\n })\n ) : (\n <Button.View\n as=\"button\"\n onClick={submitForm}\n isDisabled={isSubmitting || !dirty}\n {...{\n type: 'submit',\n }}\n >\n <Button.Label>send</Button.Label>\n </Button.View>\n )\n }\n />\n </ActionContainer>\n )}\n </Wrapper>\n </Section>\n );\n};\n\nconst generateTextField = ({\n key,\n field,\n isInverted,\n value,\n handleChange,\n handleBlur,\n error,\n isTouched,\n}: FieldGenerationProps) => (\n <Textfield\n key={key}\n label={`${field.label || key}${field.isRequired ? '*' : ''}`}\n placeholder={field.placeholder}\n name={`${key}`}\n isInverted={isInverted}\n value={value as string}\n onChange={handleChange}\n onBlur={handleBlur}\n infoMessage={field.info}\n errorMessage={error && isTouched ? error : undefined}\n />\n);\n\nexport const NewsletterFormComponent = NewsletterForm;\nexport default withLibTheme(NewsletterForm);\n"],"names":["Form","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","mq","semilarge","FieldContainer","div","templateObject_2","spacings","nudge","ActionContainer","spacer","generateTextField","_a","key","field","isInverted","value","handleChange","handleBlur","error","isTouched","React","createElement","Textfield","label","concat","isRequired","placeholder","name","onChange","onBlur","infoMessage","info","errorMessage","undefined","NewsletterForm$1","withLibTheme","anchorId","bgMode","fields","customField","action","method","submitAction","onSubmit","theme","useLibTheme","formRef","useRef","initialData","initialValue","_b","useFormik","initialValues","__assign","values","__awaiter","current","submit","sent","setSubmitting","validateOnBlur","validateOnChange","validate","errors","config","inputType","errorMsg","_c","test","handleSubmit","setFieldTouched","validateField","submitForm","setValues","isSubmitting","touched","dirty","setField","useCallback","shouldValidate","Section","addSeperation","bgColor","color","getColors","sectionBg","dark","medium","light","mapToBgMode","Wrapper","addWhitespace","ref","Object","keys","map","i","generationProps","index","setTouched","Actions","primary","isDisabled","Button","View","as","onClick","type","Label"],"mappings":"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"}

package/cjs/sections.jobs.js ADDED Viewed

	@@ -0,0 +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"])),4s.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"])),3s.spacings.nudge,2s.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"])),2s.spacings.nudge,2s.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"])),2s.spacings.nudge,2s.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,5s.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"])),3s.spacings.nudge,2s.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;
2	+ //# sourceMappingURL=sections.jobs.js.map

package/cjs/sections.jobs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sections.jobs.js","sources":["../src/components/blocks/JobCard.tsx","../src/components/sections/jobs/JobList.tsx","../src/components/sections/jobs/JobArticle.tsx"],"sourcesContent":["import ClockFilled from 'components/base/icons/ClockFilled';\nimport LocationPin from 'components/base/icons/LocationPin';\nimport Copy from 'components/typography/Copy';\nimport Heading from 'components/typography/Heading';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { StructuredEmploymentType } from 'utils/structuredData';\nimport { getColors as color, getGlobals, mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{\n isInverted?: boolean;\n hasBg?: boolean;\n clickable?: boolean;\n}>`\n position: relative;\n color: ${({ theme }) => color(theme).primary.default};\n background: ${({ theme, hasBg, isInverted }) =>\n isInverted\n ? color(theme).elementBg.medium\n : hasBg\n ? color(theme).elementBg.light\n : color(theme).elementBg.medium};\n\n padding: ${spacings.spacer}px;\n\n border-radius: ${({ theme }) => getGlobals(theme).sections.edgeRadius};\n\n ${({ clickable, isInverted }) =>\n clickable &&\n css`\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 2px 6px\n ${isInverted\n ? 'rgba(255, 255, 255, 0.7)'\n : 'rgba(0, 0, 0, 0.35)'};\n\n color: ${({ theme }) => color(theme).primary.hover};\n }\n\n &:focus {\n box-shadow: 0px 2px 6px\n ${isInverted\n ? 'rgba(255, 255, 255, 0.7)'\n : 'rgba(0, 0, 0, 0.3)'};\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 ${isInverted\n ? 'rgba(255, 255, 255, 0.7)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n `}\n\n @media ${mq.medium} {\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\nconst JobInfos = styled(Copy)`\n &:not(:first-child) {\n margin-top: ${spacings.nudge * 4}px;\n }\n\n color: ${({ theme }) => color(theme).primary.default};\n\n ${View}:hover & {\n color: ${({ theme }) => color(theme).primary.hover};\n }\n`;\n\nconst Info = styled.div`\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: ${spacings.nudge * 3}px;\n }\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n`;\n\nconst Icon = styled.div`\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n`;\n\nconst MainLabel = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst ViewLink = styled(Link)`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n && {\n margin: 0;\n }\n`;\n\nexport interface JobLocation {\n name?: string;\n description?: string;\n streetAddress?: string;\n addressLocality?: string;\n addressRegion?: string;\n postalCode?: string;\n addressCountry?: string;\n}\n\nexport interface JobCardProps {\n /** Invert text and background color */\n isInverted?: boolean;\n\n /** For use on light backgrounds */\n hasBackground?: boolean;\n\n /** Job card title (richtext) */\n jobTitle: string;\n\n /** The employment type (important for structured data) */\n employmentTypes?: Array<{\n name: string;\n type: StructuredEmploymentType;\n }>;\n\n /** Injection function for job time model icon */\n modelIcon?: () => React.ReactNode;\n\n /** List of job locations */\n locations?: JobLocation[];\n\n /** Total amount all locations */\n totalLocations?: number;\n\n /** Label to show if all location selected */\n allLocationsLabel?: string;\n\n /** Injection function for job location icon */\n locationIcon?: () => React.ReactNode;\n\n /** Job card link */\n link?: LinkProps;\n}\n\nconst JobCard = React.forwardRef<\n HTMLDivElement,\n JobCardProps & {\n className?: string;\n }\n>(\n (\n {\n isInverted,\n hasBackground,\n jobTitle,\n employmentTypes,\n locations,\n totalLocations,\n allLocationsLabel,\n modelIcon,\n locationIcon,\n className,\n link,\n },\n ref\n ) => {\n const hasEmploymentType = isValidArray(employmentTypes, false);\n const validLocations = locations?.filter((loc) => loc.name);\n const hasLocations = isValidArray(validLocations, false);\n\n let locationText = '';\n\n if (hasLocations) {\n if (\n totalLocations !== undefined &&\n validLocations.length >= totalLocations &&\n allLocationsLabel\n ) {\n locationText = allLocationsLabel;\n } else {\n locationText = validLocations\n .map((loc) => loc.name)\n ?.join(', ');\n }\n }\n\n return (\n <View\n ref={ref}\n isInverted={isInverted}\n hasBg={hasBackground}\n className={className}\n clickable={!!link}\n >\n <Heading\n textColor=\"inherit\"\n size=\"heading-2\"\n data-sheet=\"title\"\n innerHTML={jobTitle}\n hyphens\n />\n {(hasEmploymentType || hasLocations) && (\n <JobInfos type=\"copy-b\" data-sheet=\"info\">\n {hasEmploymentType && (\n <Info>\n <Icon>\n {modelIcon ? modelIcon() : <ClockFilled />}\n </Icon>\n <MainLabel>\n {employmentTypes\n ?.filter((type) => type.name)\n .map((type) => type.name)\n ?.join(', ')}\n </MainLabel>\n </Info>\n )}\n {hasLocations && (\n <Info>\n <Icon>\n {locationIcon ? (\n locationIcon()\n ) : (\n <LocationPin />\n )}\n </Icon>\n <MainLabel>{locationText}</MainLabel>\n </Info>\n )}\n </JobInfos>\n )}\n {link && (\n <ViewLink\n {...link}\n ariaLabel={link?.href ? jobTitle : undefined}\n />\n )}\n </View>\n );\n }\n);\n\nJobCard.displayName = 'JobCard';\n\nexport default JobCard;\n","import React, { useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport JobCard, { JobCardProps } from 'components/blocks/JobCard';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport { useEqualSheetHeight } from 'utils/useEqualSheetHeight';\nimport { mq, spacings } from 'utils/styles';\nimport FilterField from 'components/fields/FilterField';\nimport { isValidArray } from 'utils/arrays';\nimport useUpdateEffect from 'utils/useUpdateEffect';\nimport { escapeRegExp } from 'utils/escape';\nimport { deleteUrlParam, getUrlParams, setUrlParam } from 'utils/urlParams';\nimport useMounted from 'utils/useMounted';\n\nconst List = styled.ul`\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n margin-top: -${spacings.nudge * 2}px;\n margin-left: -${spacings.nudge * 2}px;\n\n @media ${mq.medium} {\n margin-top: -${spacings.spacer}px;\n margin-left: -${spacings.spacer}px;\n }\n`;\n\nconst Item = styled.li`\n flex: 0 1 100%;\n max-width: 100%;\n margin: 0;\n\n padding-top: ${spacings.nudge * 2}px;\n padding-left: ${spacings.nudge * 2}px;\n\n @media ${mq.medium} {\n flex: 0 1 50%;\n max-width: 50%;\n\n padding-top: ${spacings.spacer}px;\n padding-left: ${spacings.spacer}px;\n }\n\n @media ${mq.large} {\n flex: 0 1 33.33%;\n max-width: 33.33%;\n }\n`;\n\nconst Filter = styled(FilterField)`\n margin-top: ${spacings.nudge}px;\n margin-bottom: ${spacings.nudge * 5}px;\n\n min-width: 50%;\n`;\n\nexport interface CardProps extends JobCardProps {\n id: string;\n}\n\nexport type JobItem = Omit<\n CardProps,\n | 'isInverted'\n | 'hasBackground'\n | 'modelIcon'\n | 'locationIcon'\n | 'totalLocations'\n | 'allLocationsLabel'\n>;\n\nconst jobExactTitleFilter = (filterQuery: string) => (value: JobItem) => {\n const regex = new RegExp(filterQuery);\n return regex.test(value.jobTitle);\n};\n\nconst jobSoftTitleFilter = (filterQuery: string) => (value: JobItem) => {\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const perparedJobTitle = value.jobTitle.toLowerCase().replace(/\\s/g, '');\n\n const regex = new RegExp(preparedQuery);\n return regex.test(perparedJobTitle);\n};\n\nconst jobLocationNameFilter = (filterQuery: string) => (value: JobItem) => {\n if (!isValidArray(value.locations, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n const result = value.locations.find((location) => {\n const preparedName = location.name?.toLowerCase().replace(/\\s/g, '');\n\n return regex.test(preparedName || '');\n });\n\n return !!result;\n};\n\nconst jobTypesFilter = (filterQuery: string) => (value: JobItem) => {\n if (!isValidArray(value?.employmentTypes, false)) return false;\n\n const preparedQuery = filterQuery.toLowerCase().replace(/\\s/g, '');\n const regex = new RegExp(preparedQuery);\n\n return !!value.employmentTypes.find((type) => {\n if (!type.name) return false;\n const preparedText = type.name.toLowerCase().replace(/\\s/g, '');\n return regex.test(preparedText);\n });\n};\n\nconst removeMatchIntersections = (array: FilterMatch[], item?: JobItem[]) => {\n if (!item) return [];\n return item?.filter(\n (m) => !array.find((prioItem) => prioItem.item.id === m.id)\n );\n};\n\ninterface FilterMatch {\n item: JobItem;\n priority: number;\n}\n\nconst filterJobs = (filterQuery: string, jobs: JobItem[]) => {\n const prioList: FilterMatch[] = [];\n if (\n !isValidArray(\n jobs?.filter((job) => job.jobTitle !== undefined),\n false\n )\n ) {\n return prioList;\n }\n\n // PRIO 1 Filter: Exact name\n const exactNameMatches = jobs?.filter(jobExactTitleFilter(filterQuery));\n if (isValidArray(exactNameMatches, false)) {\n prioList.push(\n ...exactNameMatches.map((match) => ({\n item: match,\n priority: 1,\n }))\n );\n }\n\n // PRIO 2 Filter: Name\n const nameMatches = removeMatchIntersections(\n prioList,\n jobs?.filter(jobSoftTitleFilter(filterQuery))\n );\n if (isValidArray(nameMatches, false)) {\n prioList.push(\n ...nameMatches.map((match) => ({\n item: match,\n priority: 2,\n }))\n );\n }\n\n // PRIO 3 Filter: Location\n const locationNameMatches = removeMatchIntersections(\n prioList,\n jobs?.filter(jobLocationNameFilter(filterQuery))\n );\n if (isValidArray(locationNameMatches, false)) {\n prioList.push(\n ...locationNameMatches.map((match) => ({\n item: match,\n priority: 3,\n }))\n );\n }\n\n // PRIO 4 Filter: Job Type\n const typeMatches = removeMatchIntersections(\n prioList,\n jobs?.filter(jobTypesFilter(filterQuery))\n );\n\n if (isValidArray(typeMatches, false)) {\n prioList.push(\n ...typeMatches.map((match) => ({\n item: match,\n priority: 4,\n }))\n );\n }\n\n return prioList;\n};\n\nconst JobList: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Array of job item settings */\n jobs?: JobItem[];\n\n /** Total amount all locations */\n totalJobLocations?: number;\n\n /** Label to show if all location selected */\n allJobLocationsLabel?: string;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /** Injection function for job time model icon */\n modelIcon?: () => React.ReactNode;\n\n /** Injection function for job location icon */\n locationIcon?: () => React.ReactNode;\n\n /** Initial filter query on component render */\n initialFilterQuery?: string;\n\n /** Filter placeholder */\n filterPlaceholder?: string;\n\n /** Show filter input field */\n hasFilter?: boolean;\n\n /** Injection function for filter submit icon */\n filterSubmitIcon?: (isInverted?: boolean) => React.ReactNode;\n\n /** Injection function for filter reset icon */\n filterClearIcon?: (isInverted?: boolean) => React.ReactNode;\n}> = ({\n anchorId,\n jobs,\n bgMode,\n modelIcon,\n locationIcon,\n totalJobLocations,\n allJobLocationsLabel,\n initialFilterQuery,\n filterPlaceholder,\n hasFilter,\n filterSubmitIcon,\n filterClearIcon,\n}) => {\n const { colors, globals } = useLibTheme();\n const filterName = globals.sections.jobFilterName;\n\n const isInverted = bgMode === 'inverted';\n const hasBg = bgMode === 'full';\n\n const jobCount = jobs?.length || 0;\n\n const { sheetRefs: cardRefs } = useEqualSheetHeight<HTMLDivElement>({\n listLength: jobCount,\n identifiers: ['[data-sheet=\"title\"]', '[data-sheet=\"info\"]'],\n responsive: {\n small: 1,\n semilarge: 2,\n large: 3,\n },\n });\n\n const [filterQuery, setFilterQuery] = React.useState<string>(\n initialFilterQuery || ''\n );\n const isMounted = useMounted();\n\n const jobMatches: FilterMatch[] = React.useMemo(() => {\n const queryParts =\n filterQuery !== undefined\n ? filterQuery.split(' ').map((part) => part.trim())\n : [''];\n const searchMatches: Array<{\n match: FilterMatch;\n intersections: number;\n }> = [];\n\n // tracking matches of each query part\n for (const part of queryParts) {\n const matches = filterJobs(escapeRegExp(part), jobs || []);\n\n for (const match of matches) {\n const intersectionIndex = searchMatches.findIndex(\n (sItem) => sItem.match.item.id === match.item.id\n );\n\n if (intersectionIndex !== -1) {\n searchMatches[intersectionIndex].intersections += 1;\n } else {\n searchMatches.push({\n match,\n intersections: 1,\n });\n }\n }\n }\n\n // filter search matches by intersections so only matches with results for all search parts are shown\n return searchMatches\n .filter((m) => m.intersections >= queryParts.length)\n .map<FilterMatch>((m) => ({\n ...m.match,\n }));\n }, [filterQuery, jobs]);\n\n const getFilter = useCallback(() => {\n return getUrlParams()[filterName];\n }, [filterName]);\n\n useEffect(() => {\n const urlFilter = getFilter();\n\n if (\n urlFilter !== undefined &&\n urlFilter !== null &&\n typeof urlFilter === 'string'\n ) {\n setFilterQuery(urlFilter);\n }\n }, [getFilter]);\n\n useEffect(() => {\n if (isMounted) return;\n\n // set inital data into URL\n if (filterQuery) {\n setUrlParam(filterName, filterQuery);\n } else {\n deleteUrlParam(filterName);\n }\n }, [filterName, filterQuery, isMounted]);\n\n useUpdateEffect(() => {\n // set filters to URL params\n if (filterQuery) {\n setUrlParam(filterName, filterQuery);\n } else {\n deleteUrlParam(filterName);\n }\n }, [filterQuery]);\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : bgMode\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n <Wrapper addWhitespace>\n {hasFilter && (\n <Filter\n placeholder={filterPlaceholder || 'Suche'}\n value={filterQuery}\n initialValue={initialFilterQuery}\n onSubmit={setFilterQuery}\n isInverted={isInverted}\n submitIcon={filterSubmitIcon}\n clearIcon={filterClearIcon}\n />\n )}\n <List>\n {jobMatches\n ?.sort((a, b) => a.priority - b.priority)\n .map((match, i) => (\n <Item key={i}>\n <JobCard\n ref={cardRefs[i]}\n {...match.item}\n isInverted={isInverted}\n hasBackground={hasBg}\n modelIcon={modelIcon}\n locationIcon={locationIcon}\n totalLocations={totalJobLocations}\n allLocationsLabel={allJobLocationsLabel}\n />\n </Item>\n ))}\n </List>\n </Wrapper>\n </Section>\n );\n};\n\nexport const JobListComponent = JobList;\nexport default withLibTheme(JobList);\n","import ClockFilled from 'components/base/icons/ClockFilled';\nimport LocationPin from 'components/base/icons/LocationPin';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport Actions from 'components/blocks/Actions';\nimport { JobCardProps } from 'components/blocks/JobCard';\nimport Copy from 'components/typography/Copy';\nimport Heading from 'components/typography/Heading';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { concat } from 'utils/concat';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport { generateJob, StructuredEmploymentType } from 'utils/structuredData';\nimport { spacings } from 'utils/styles';\n\nconst ArticleHead = styled.div`\n & + * {\n margin-top: ${spacings.spacer}px;\n }\n`;\n\nconst JobInfos = styled(Copy)`\n &:not(:first-child) {\n margin-top: ${spacings.spacer}px;\n }\n`;\n\nconst Info = styled.div`\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: ${spacings.nudge * 3}px;\n }\n\n & > * + * {\n margin-left: ${spacings.nudge * 2}px;\n }\n`;\n\nconst Icon = styled.span`\n display: flex;\n align-items: center;\n\n & > * {\n height: 32px;\n width: 32px;\n }\n`;\n\nconst MainLabel = styled.span`\n display: flex;\n align-items: center;\n`;\n\nconst Text = styled(Copy)`\n & + & {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst StyledActions = styled(Actions)`\n margin-top: ${spacings.spacer}px;\n`;\n\nexport interface OrganizationData {\n name?: string;\n url?: string;\n logo?: string;\n telephone?: string;\n email?: string;\n address?: {\n streetAddress?: string;\n addressLocality?: string;\n postalCode?: string;\n addressCountry?: string;\n };\n}\n\nexport type JobArticleProps = Omit<\n JobCardProps,\n 'isInverted' | 'hasBackground' | 'link'\n> & {\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Abstract text which summarizes the job */\n abstract?: string;\n\n /** Text that describes the job (richtext) */\n description?: string;\n\n /** The hiring organization (important for structured data) */\n organization?: OrganizationData;\n\n /** The date of posting the job tender (important for structured data) */\n datePosted?: Date;\n\n /** Function to inject primary action */\n primaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n /** Function to inject secondary action */\n secondaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n};\n\nconst JobArticle: React.FC<JobArticleProps> = ({\n anchorId,\n bgMode,\n jobTitle,\n employmentTypes,\n locations,\n totalLocations,\n allLocationsLabel,\n modelIcon,\n locationIcon,\n abstract,\n description,\n organization,\n datePosted,\n primaryAction,\n secondaryAction,\n}) => {\n const { colors } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n const hasEmploymentType = isValidArray(employmentTypes, false);\n const validLocations = locations?.filter((loc) => loc.name);\n const hasLocations = isValidArray(validLocations, false);\n\n let locationText = '';\n\n if (hasLocations) {\n if (\n totalLocations !== undefined &&\n validLocations.length >= totalLocations\n ) {\n locationText = allLocationsLabel || '';\n } else {\n locationText = validLocations.map((loc) => loc.name)?.join(', ');\n }\n }\n\n const jsonLd = {\n jobTitle, // title\n locations, // jobLocation\n jobDesc: concat([abstract, description], ' - '), // description\n organization: organization, // hiringOrganization\n directApply: primaryAction || secondaryAction ? true : false, // directApply\n employmentTypes:\n (employmentTypes\n ?.filter((el) => el.type)\n .map((el) => el.type) as StructuredEmploymentType[]) || [],\n datePosted, // datePosted\n };\n\n return (\n <Section\n addSeperation\n anchorId={anchorId}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : bgMode\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n bgMode={mapToBgMode(bgMode, true)}\n >\n {generateJob(jsonLd)}\n <Wrapper clampWidth=\"small\" addWhitespace>\n <ArticleHead>\n <Heading\n size=\"heading-2\"\n innerHTML={jobTitle}\n isInverted={isInverted}\n />\n {(hasEmploymentType || hasLocations) && (\n <JobInfos\n type=\"copy-b\"\n data-sheet=\"info\"\n isInverted={isInverted}\n >\n {hasEmploymentType && (\n <Info>\n <Icon>\n {modelIcon ? (\n modelIcon()\n ) : (\n <ClockFilled />\n )}\n </Icon>\n <MainLabel>\n {employmentTypes\n ?.filter((type) => type.name)\n .map((type) => type.name)\n ?.join(', ')}\n </MainLabel>\n </Info>\n )}\n\n {hasLocations && (\n <Info>\n <Icon>\n {locationIcon ? (\n locationIcon()\n ) : (\n <LocationPin />\n )}\n </Icon>\n <MainLabel>{locationText}</MainLabel>\n </Info>\n )}\n </JobInfos>\n )}\n </ArticleHead>\n {abstract && (\n <Text type=\"copy-b\" isInverted={isInverted}>\n {abstract}\n </Text>\n )}\n {description && (\n <Text innerHTML={description} isInverted={isInverted} />\n )}\n {(primaryAction || secondaryAction) && (\n <StyledActions\n primary={primaryAction && primaryAction(isInverted)}\n secondary={\n secondaryAction && secondaryAction(isInverted)\n }\n />\n )}\n </Wrapper>\n </Section>\n );\n};\n\nexport const JobArticleComponent = JobArticle;\nexport default withLibTheme(JobArticle);\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_2","__makeTemplateObject","_a","theme","color","primary","default","hasBg","isInverted","elementBg","medium","light","spacings","spacer","getGlobals","sections","edgeRadius","clickable","css","templateObject_1","hover","mq","JobInfos","Copy","templateObject_3","nudge","Info","Icon","templateObject_5","MainLabel","templateObject_6","ViewLink","Link","templateObject_7","JobCard","React","forwardRef","ref","hasBackground","jobTitle","employmentTypes","locations","totalLocations","allLocationsLabel","modelIcon","locationIcon","className","link","hasEmploymentType","isValidArray","validLocations","filter","loc","name","hasLocations","locationText","undefined","length","map","_b","join","createElement","Heading","textColor","size","innerHTML","hyphens","type","ClockFilled","_c","LocationPin","__assign","ariaLabel","href","List","ul","Item","li","large","Filter","FilterField","removeMatchIntersections","array","item","m","find","prioItem","id","filterJobs","filterQuery","jobs","prioList","job","exactNameMatches","value","RegExp","test","jobExactTitleFilter","push","apply","match","priority","nameMatches","preparedQuery","toLowerCase","replace","perparedJobTitle","jobSoftTitleFilter","locationNameMatches","regex","location","preparedName","jobLocationNameFilter","typeMatches","preparedText","jobTypesFilter","JobList$1","withLibTheme","anchorId","bgMode","totalJobLocations","allJobLocationsLabel","initialFilterQuery","filterPlaceholder","hasFilter","filterSubmitIcon","filterClearIcon","useLibTheme","colors","filterName","globals","jobFilterName","jobCount","cardRefs","useEqualSheetHeight","listLength","identifiers","responsive","small","semilarge","useState","setFilterQuery","isMounted","useMounted","jobMatches","useMemo","queryParts","split","part","trim","searchMatches","queryParts_1","_i","intersectionIndex","findIndex","sItem","intersections","matches_1","escapeRegExp","getFilter","useCallback","getUrlParams","useEffect","urlFilter","setUrlParam","deleteUrlParam","useUpdateEffect","Section","addSeperation","bgColor","sectionBg","dark","mapToBgMode","Wrapper","addWhitespace","placeholder","initialValue","onSubmit","submitIcon","clearIcon","sort","a","b","i","key","ArticleHead","span","templateObject_4","Text","StyledActions","Actions","JobArticle$1","abstract","description","organization","datePosted","primaryAction","secondaryAction","jsonLd","jobDesc","concat","directApply","el","generateJob","clampWidth","secondary"],"mappings":"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"}