foundry-component-library 0.1.2 → 0.1.4

package/lib/components/NewsTeaser/index.tsx

@@ -54,12 +54,14 @@ const NewsTeaser = ({
               return (
                 <div key={id} className={styles.item}>
                   <div className={styles.image}>
-                    <Image
-                      src={customFields.thumbnailImage.sourceUrl}
-                      width={260}
-                      height={220}
-                      alt={title}
-                    />
+                    {customFields.thumbnailImage && (
+                      <Image
+                        src={customFields.thumbnailImage?.sourceUrl}
+                        width={260}
+                        height={220}
+                        alt={title}
+                      />
+                    )}
                   </div>
                   <div className={styles.itemTexts}>
                     <div>

package/lib/components/NewsTeaser/styles.module.scss

@@ -138,6 +138,9 @@
 }
 
 .image {
+  height: 220px;
+  background-color: $color-gray-light;
+
   img {
     object-fit: cover;
   }

package/lib/queries/getAboutPage.ts

@@ -84,15 +84,22 @@ type AboutPage = {
       newyorkEmail?: string;
       newyorkPhone?: string;
       newyorkAddressLink?: string;
+      contactTeaserHeading?: string;
+      contactTeaserText?: string;
     };
   };
 };
 
-export default async function getContactPage({
+export default async function getAboutPage({
   slug,
+  language,
 }: {
   slug: string;
+  language: string;
 }): Promise<AboutPage> {
+  const homePage = language === "DE" ? "home-berlin-de" : "home-berlin";
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
   const query = gql`
     query GetPageBySlug($slug: ID!) {
       aboutPage: page(id: $slug, idType: URI) {
@@ -128,9 +135,7 @@ export default async function getContactPage({
           }
         }
       }
-      homePage: page(id: "${
-        slug === "about-us" ? "home-berlin" : "home-berlin-de"
-      }", idType: URI) {
+      homePage: page(id: "${homePage}", idType: URI) {
         customFieldsBerlin {
           brandsCaption
           brandsHeading
@@ -156,9 +161,7 @@ export default async function getContactPage({
           }
         }
       }
-      contactPage: page(id: "${
-        slug === "about-us" ? "contact" : "contact-de"
-      }", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -184,6 +187,8 @@ export default async function getContactPage({
           newyorkPhone
           newyorkAddress
           newyorkAddressLink
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getCaseBySlug.ts

@@ -16,11 +16,20 @@ type HomePage = {
   };
 };
 
-export default async function getCaseBySlug(slug: string): Promise<{
+export default async function getCaseBySlug({
+  slug,
+  language,
+}: {
+  slug: string;
+  language: string;
+}): Promise<{
   case: Case;
   contactPage: ContactPage;
   homePage: HomePage;
 }> {
+  const homePage = language === "DE" ? "home-berlin-de" : "home-berlin";
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
   const query = gql`
     query GetCaseBySlug($slug: ID!) {
       case(id: $slug, idType: SLUG) {
@@ -135,7 +144,7 @@ export default async function getCaseBySlug(slug: string): Promise<{
           }
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -155,9 +164,11 @@ export default async function getCaseBySlug(slug: string): Promise<{
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
-      homePage: page(id: "home-berlin", idType: URI) {
+      homePage: page(id: "${homePage}", idType: URI) {
         customFieldsBerlin {
           awardsHeading
           awards {

package/lib/queries/getCases.ts

@@ -7,7 +7,7 @@ type Params = {
   searchTerm?: string;
   category?: string;
   params?: { before?: string | null; after?: string | null };
-  language?: string;
+  language: string;
   exclude?: string;
 };
 

package/lib/queries/getCasesPage.ts

@@ -23,7 +23,7 @@ type Params = {
   searchTerm?: string;
   category?: string;
   params?: { before?: string | null; after?: string | null };
-  language?: string;
+  language: string;
   exclude?: string;
   page?: number;
   service?: string;
@@ -59,6 +59,8 @@ export default async function getCasesPage({
   const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
   const hasCategoryTerm = category && category.trim() !== "";
   const isPrevious = !!params.before;
+  const homePage = language === "DE" ? "home-berlin-de" : "home-berlin";
+  const contactPage = language === "DE" ? "contact-de" : "contact";
 
   // Definition
   const variableDefinitions = [
@@ -132,7 +134,7 @@ export default async function getCasesPage({
           }
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -152,9 +154,11 @@ export default async function getCasesPage({
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
-      homePage: page(id: "home-berlin", idType: URI) {
+      homePage: page(id: "${homePage}", idType: URI) {
         customFieldsBerlin {
           awardsHeading
           awards {

package/lib/queries/getContactPage.ts

@@ -42,6 +42,8 @@ export type ContactPage = {
     berlinDetails: string;
     swissHeading: string;
     swissDetails: string;
+    contactTeaserHeading?: string;
+    contactTeaserText?: string;
   };
 };
 

package/lib/queries/getHomePage.ts

@@ -90,15 +90,21 @@ type HomePage = {
       newyorkText?: string;
       newyorkEmail?: string;
       newyorkPhone?: string;
+      contactTeaserHeading?: string;
+      contactTeaserText?: string;
     };
   };
 };
 
 export default async function getHomePage({
   slug,
+  language,
 }: {
   slug: string;
+  language: string;
 }): Promise<HomePage> {
+  const contactPage = language === "EN" ? "contact" : "contact-de";
+
   const query = gql`
     query GetPageBySlug($slug: ID!) {
       page(id: $slug, idType: URI) {
@@ -163,14 +169,14 @@ export default async function getHomePage({
           newsText
         }
       }
-      hubs {
+      hubs(where: {language: ${language}}) {
         nodes {
           id
           title
           uri
         }
       }
-      posts(first: 3) {
+      posts(first: 3, where: {language: ${language}}) {
         nodes {
           id
           title
@@ -183,7 +189,7 @@ export default async function getHomePage({
           }
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -209,6 +215,8 @@ export default async function getHomePage({
           newyorkPhone
           newyorkAddress
           newyorkAddressLink
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getHubBySlug.ts

@@ -25,9 +25,14 @@ type HubFields = {
 
 export default async function getCaseBySlug({
   slug,
+  language,
 }: {
   slug: string;
+  language: string;
 }): Promise<HubFields> {
+  const homePage = language === "DE" ? "home-berlin-de" : "home-berlin";
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
   const query = gql`
     query GetHubBySlug($slug: ID!) {
       hub(id: $slug, idType: SLUG) {
@@ -71,7 +76,7 @@ export default async function getCaseBySlug({
           quoteText
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -91,9 +96,11 @@ export default async function getCaseBySlug({
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
-      cases(first: 3) {
+      cases(first: 3, where: {language: ${language}}) {
         nodes {
           id
           title
@@ -115,7 +122,7 @@ export default async function getCaseBySlug({
           hasPreviousPage
         }
       }
-      homePage: page(id: "home-berlin", idType: URI) {
+      homePage: page(id: "${homePage}", idType: URI) {
         customFieldsBerlin {
           awardsHeading
           awards {

package/lib/queries/getHubsPage.ts

@@ -17,7 +17,7 @@ type HomePage = {
 };
 
 type AboutPage = {
-  customFieldsAbout: {
+  customFieldsAboutBerlin: {
     partnersCaption?: string;
     partnersHeading?: string;
     partnersText?: string;
@@ -46,12 +46,16 @@ type Params = {
   searchTerm?: string;
   category?: string;
   params?: { before?: string | null; after?: string | null };
-  language?: string;
+  language: string;
   exclude?: string;
   slug?: string;
 };
 
-export default async function getCasesPage(options: Params = {}): Promise<{
+export default async function getCasesPage(
+  options: Params = {
+    language: "EN",
+  }
+): Promise<{
   hubsPage: HubsPage;
   hubs: Hub[];
   pageInfo: {
@@ -76,6 +80,9 @@ export default async function getCasesPage(options: Params = {}): Promise<{
   const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
   const hasCategoryTerm = category && category.trim() !== "";
   const isPrevious = !!params.before;
+  const homePage = language === "DE" ? "home-berlin-de" : "home-berlin";
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+  const aboutPage = language === "DE" ? "about-berlin-de" : "about-berlin";
 
   // Definition
   const variableDefinitions = [
@@ -153,9 +160,7 @@ export default async function getCasesPage(options: Params = {}): Promise<{
           hasPreviousPage
         }
       }
-      contactPage: page(id: "${
-        language === "EN" ? "contact" : "contact-de"
-      }", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -175,11 +180,11 @@ export default async function getCasesPage(options: Params = {}): Promise<{
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
-      homePage: page(id: "${
-        language === "EN" ? "home-berlin" : "home-berlin-de"
-      }", idType: URI) {
+      homePage: page(id: "${homePage}", idType: URI) {
         customFieldsBerlin {
           awardsHeading
           awards {
@@ -191,10 +196,8 @@ export default async function getCasesPage(options: Params = {}): Promise<{
           }
         }
       }
-      aboutPage: page(id: "${
-        language === "EN" ? "about-us" : "about-us-de"
-      }", idType: URI) {
-        customFieldsAbout {
+      aboutPage: page(id: "${aboutPage}", idType: URI) {
+        customFieldsAboutBerlin {
           partnersCaption
           partnersHeading
           partnersText

package/lib/queries/getNewsPage.ts

@@ -19,7 +19,7 @@ type Params = {
   searchTerm?: string;
   category?: string;
   params?: { before?: string | null; after?: string | null };
-  language?: string;
+  language: string;
   exclude?: string;
   slug: string;
 };
@@ -47,6 +47,7 @@ export default async function getNewsPage(options: Params): Promise<{
   const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
   const hasCategoryTerm = category && category.trim() !== "";
   const isPrevious = !!params.before;
+  const contactPage = language === "DE" ? "contact-de" : "contact";
 
   // Definition
   const variableDefinitions = [
@@ -116,7 +117,7 @@ export default async function getNewsPage(options: Params): Promise<{
           hasPreviousPage
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -136,6 +137,8 @@ export default async function getNewsPage(options: Params): Promise<{
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getPeoplePage.ts

@@ -50,15 +50,21 @@ type PeoplePage = {
       newyorkEmail?: string;
       newyorkPhone?: string;
       newyorkAddress?: string;
+      contactTeaserHeading?: string;
+      contactTeaserText?: string;
     };
   };
 };
 
 export default async function getContactPage({
   slug,
+  language,
 }: {
   slug: string;
+  language: string;
 }): Promise<PeoplePage> {
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
   const query = gql`
     query GetPageBySlug($slug: ID!) {
       page(id: $slug, idType: URI) {
@@ -94,7 +100,7 @@ export default async function getContactPage({
           heroHeading
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -117,6 +123,8 @@ export default async function getContactPage({
           newyorkEmail
           newyorkPhone
           newyorkAddress
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getPerformanceHubPage.ts

@@ -71,11 +71,13 @@ type PerformancePage = {
       newyorkEmail?: string;
       newyorkPhone?: string;
       newyorkAddressLink?: string;
+      contactTeaserHeading?: string;
+      contactTeaserText?: string;
     };
   };
 };
 
-export default async function getContactPage(): Promise<PerformancePage> {
+export default async function getPerformanceHubPage(): Promise<PerformancePage> {
   const query = gql`
     query GetPageBySlug($slug: ID!) {
       homePage: page(id: "home-berlin", idType: URI) {
@@ -150,6 +152,8 @@ export default async function getContactPage(): Promise<PerformancePage> {
           newyorkPhone
           newyorkAddress
           newyorkAddressLink
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getPostBySlug.ts

@@ -3,10 +3,18 @@ import { Post } from "../../lib/types";
 import client from "./client";
 import { ContactPage } from "./getContactPage";
 
-export default async function getPostBySlug(slug: string): Promise<{
+export default async function getPostBySlug({
+  slug,
+  language,
+}: {
+  slug: string;
+  language: string;
+}): Promise<{
   post: Post;
   contactPage: ContactPage;
 }> {
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
   const query = gql`
     query GetPostBySlug($slug: ID!) {
       post(id: $slug, idType: SLUG) {
@@ -94,7 +102,7 @@ export default async function getPostBySlug(slug: string): Promise<{
           }
         }
       }
-      contactPage: page(id: "contact", idType: URI) {
+      contactPage: page(id: "${contactPage}", idType: URI) {
         customFieldsContact {
           berlinImage {
             sourceUrl
@@ -114,6 +122,8 @@ export default async function getPostBySlug(slug: string): Promise<{
           newyorkText
           newyorkEmail
           newyorkPhone
+          contactTeaserHeading
+          contactTeaserText
         }
       }
     }

package/lib/queries/getPosts.ts

@@ -6,11 +6,15 @@ interface Params {
   searchTerm?: string;
   category?: string;
   params?: { before?: string | null; after?: string | null };
-  language?: string;
+  language: string;
   perPage?: number;
 }
 
-export default async function getPosts(options: Params = {}): Promise<{
+export default async function getPosts(
+  options: Params = {
+    language: "EN",
+  }
+): Promise<{
   posts: Post[];
   pageInfo: {
     startCursor: string | null;

package/lib/types/index.ts

@@ -14,7 +14,7 @@ export interface Variables {
   after?: string | null;
   search?: string;
   categorySlug?: string;
-  language?: string;
+  language: string;
   slug?: string;
   exclude?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",