foundry-component-library 0.2.33 → 0.2.35

package/lib/components/Tiles/index.tsx

@@ -8,7 +8,9 @@ import useDrag from "../../hooks/useDrag";
 
 const Tiles = ({
   tiles,
+  heading,
 }: {
+  heading: string;
   tiles: {
     heading?: string;
     hoverText?: string;
@@ -22,10 +24,7 @@ const Tiles = ({
 
   return (
     <Container>
-      <TextSection
-        caption="team & careers"
-        heading="Agile global experts who would love to collaborate with you."
-      />
+      <TextSection caption="team & careers" heading={heading} />
       <div
         ref={sectionRef}
         className={styles.tiles}
@@ -33,8 +32,7 @@ const Tiles = ({
         onMouseMove={handleMouseMove}
         onMouseUp={handleMouseUp}
         onMouseLeave={handleMouseUp}
-        style={dragStyle as React.CSSProperties}
-      >
+        style={dragStyle as React.CSSProperties}>
         {tiles.map((tile, i) => {
           let background: "pink" | "yellow" | "brown" = "pink";
           if (i % 3 === 1) background = "yellow";

package/lib/queries/client.ts

@@ -1,3 +1,5 @@
+import { Variables } from "../types";
+
 const baseUrl = process.env.WORDPRESS_URL || "https://data.foundry.ch";
 
 const headers: Record<string, string> = {
@@ -13,7 +15,7 @@ if (process.env.WP_PREVIEW_USER && process.env.WP_PREVIEW_PASS) {
 
 export async function request<T>(
   query: string,
-  variables?: Record<string, unknown>,
+  variables?: Variables,
 ): Promise<T> {
   const response = await fetch(`${baseUrl}/graphql`, {
     method: "POST",

package/lib/queries/getAboutPage.ts

@@ -1,3 +1,4 @@
+import { Variables } from "../types";
 import { request } from "./client";
 
 type AboutPage = {
@@ -201,9 +202,7 @@ export default async function getAboutPage({
     }
   `;
 
-  const variables = { slug: slug };
-
-  console.time("graphql");
+  const variables: Variables = { slug: slug, language: language };
 
   const data: {
     aboutPage: AboutPage["aboutPage"];
@@ -211,8 +210,6 @@ export default async function getAboutPage({
     contactPage: AboutPage["contactPage"];
   } = await request(query, variables);
 
-  console.timeEnd("graphql");
-
   return {
     aboutPage: data.aboutPage,
     homePage: data.homePage,

package/lib/queries/getBrands.ts

@@ -1,4 +1,4 @@
-import { Page } from "../../lib/types";
+import { Page, Variables } from "../../lib/types";
 import { request } from "./client";
 
 export default async function getBrands(): Promise<
@@ -19,7 +19,7 @@ export default async function getBrands(): Promise<
     }
   `;
 
-  const variables = { slug: "home", language: "EN" };
+  const variables: Variables = { slug: "home", language: "EN" };
   const data: { page: Page } = await request(query, variables);
   return data.page.customFields.brands;
 }

package/lib/queries/getCaseById.ts

@@ -1,4 +1,4 @@
-import { Case } from "../../lib/types";
+import { Case, Variables } from "../../lib/types";
 import { request } from "./client";
 import { type ContactPage } from "./getContactPage";
 
@@ -271,7 +271,7 @@ export default async function getCaseBySlug({
     }
   `;
 
-  const variables = { id };
+  const variables: Variables = { id, language };
   const data: {
     case: Case;
     contactPage: ContactPage;

package/lib/queries/getCaseBySlug.ts

@@ -1,4 +1,4 @@
-import { Case } from "../../lib/types";
+import { Case, Variables } from "../../lib/types";
 import { request } from "./client";
 import { type ContactPage } from "./getContactPage";
 
@@ -272,7 +272,7 @@ export default async function getCaseBySlug({
   }
 `;
 
-  const variables = { slug, language };
+  const variables: Variables = { slug, language };
   const data: {
     cases: {
       nodes: Case[];

package/lib/queries/getContactPage.ts

@@ -1,3 +1,4 @@
+import { Variables } from "../types";
 import { request } from "./client";
 
 export type ContactPage = {
@@ -51,8 +52,10 @@ export type ContactPage = {
 
 export default async function getContactPage({
   slug,
+  language,
 }: {
   slug: string;
+  language: string;
 }): Promise<ContactPage | null> {
   const query = `
     query GetPageBySlug($slug: ID!) {
@@ -105,7 +108,7 @@ export default async function getContactPage({
     }
   `;
 
-  const variables = { slug: slug };
+  const variables: Variables = { slug: slug, language };
   const data: { page: ContactPage } = await request(query, variables);
   return data.page;
 }

package/lib/queries/getHomePage.ts

@@ -1,5 +1,5 @@
 import { request } from "./client";
-import { Hub, PostPreview } from "../types";
+import { Hub, PostPreview, Variables } from "../types";
 import { type ContactPage } from "./getContactPage";
 
 type HomePage = {
@@ -276,7 +276,7 @@ export default async function getHomePage({
     }
   `;
 
-  const variables = { slug: slug };
+  const variables: Variables = { slug: slug, language };
   const data: {
     page: HomePage["homePage"];
     hubs: { nodes: Hub[] };

package/lib/queries/getHubBySlug.ts

@@ -1,4 +1,4 @@
-import { Case, Hub } from "../../lib/types";
+import { Case, Hub, Variables } from "../../lib/types";
 import { request } from "./client";
 import { type ContactPage } from "./getContactPage";
 
@@ -164,7 +164,7 @@ export default async function getHubBySlug({
     }
   `;
 
-  const variables = { slug };
+  const variables: Variables = { slug, language };
   const data: {
     hub: Hub;
     contactPage: ContactPage;

package/lib/queries/getPageBySlug.ts

@@ -1,10 +1,10 @@
-import { Page } from "../../lib/types";
+import { Page, Variables } from "../../lib/types";
 import { request } from "./client";
 import { ContactPage } from "./getContactPage";
 
 export default async function getPageBySlug(
   slug: string,
-  language: string
+  language: string,
 ): Promise<{ page: Page; contactPage: ContactPage }> {
   const contactPage = language === "DE" ? "contact-de" : "contact";
 
@@ -44,10 +44,10 @@ export default async function getPageBySlug(
     }
   `;
 
-  const variables = { slug };
+  const variables: Variables = { slug, language };
   const data: { page: Page; contactPage: ContactPage } = await request(
     query,
-    variables
+    variables,
   );
   return data;
 }

package/lib/queries/getPeoplePage.ts

@@ -1,6 +1,6 @@
 import { request } from "./client";
 import { type ContactPage } from "./getContactPage";
-import { Person } from "../types";
+import { Person, Variables } from "../types";
 
 type PeoplePage = {
   peoplePage: {
@@ -156,7 +156,7 @@ export default async function getContactPage({
     }
   `;
 
-  const variables = { slug: slug };
+  const variables: Variables = { slug: slug, language };
   const data: {
     page: PeoplePage["peoplePage"];
     contactPage: ContactPage;

package/lib/queries/getPerformanceHubPage.ts

@@ -1,3 +1,4 @@
+import { Variables } from "../types";
 import { request } from "./client";
 
 type PerformancePage = {
@@ -164,7 +165,7 @@ export default async function getPerformanceHubPage(): Promise<PerformancePage>
     }
   `;
 
-  const variables = { slug: "performance-hub" };
+  const variables: Variables = { slug: "performance-hub", language: "EN" };
   const data: {
     homePage: PerformancePage["homePage"];
     performancePage: PerformancePage["performancePage"];

package/lib/queries/getPostBySlug.ts

@@ -1,4 +1,4 @@
-import { Post } from "../../lib/types";
+import { Post, Variables } from "../../lib/types";
 import { request } from "./client";
 import { ContactPage } from "./getContactPage";
 
@@ -131,10 +131,10 @@ export default async function getPostBySlug({
     }
   `;
 
-  const variables = { slug };
+  const variables: Variables = { slug, language };
   const data: { post: Post; contactPage: ContactPage } = await request(
     query,
-    variables
+    variables,
   );
 
   return {

package/lib/types/index.ts

@@ -9,7 +9,8 @@ export type NextRouter = AppRouterInstance;
 export type NextSearchParams = ReadonlyURLSearchParams;
 
 export interface Variables {
-  perPage: number;
+  id?: string;
+  perPage?: number;
   before?: string | null;
   after?: string | null;
   search?: string;

package/package.json

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