@treely/strapi-slices 7.17.0 → 8.0.1

package/src/stories/Introduction.mdx

@@ -1,41 +0,0 @@
-import { Meta } from '@storybook/blocks';
-
-<Meta title="Introduction" />
-
-# Say hello to the Tree.ly Storybook.
-
-It contains documentation for the Strapi sections that are implemented.
-
-## Sections
-
-Sections are pieces of the marketing part of the website that also exist as slices
-in our CMS (Strapi). So if you add a slice on, e.g. a page in Strapi,
-one of the sections will visualise the data.
-
-## Setup
-
-The components of this package need to be inside a `BoemlyThemeProvider`.
-This library will use all customizations that have been applied to the `BoemlyThemeProvider`.
-For more information, check out the documentation at [boemly.tree.ly](https://boemly.tree.ly/).
-
-```tsx
-import { BoemlyThemeProvider } from 'boemly';
-import { SliceRenderer } from '@treely/strapi-slices';
-
-const fonts = {
-  body: 'Ubuntu',
-  heading: 'Ubuntu',
-  display: 'Montserrat',
-  mono: 'JetbrainsMono',
-};
-
-function App({ props }) {
-  return (
-    <BoemlyThemeProvider fonts={fonts}>
-      <SliceRenderer {...props} />
-    </BoemlyThemeProvider>
-  );
-}
-
-export default App;
-```

package/src/test/defaultMocks/next.ts

@@ -1,29 +0,0 @@
-import type { NextRouter } from 'next/router';
-
-export const DEFAULT_USE_ROUTER_RETURN_VALUE: NextRouter = {
-  asPath: '/',
-  back: jest.fn(),
-  basePath: '',
-  beforePopState: jest.fn(),
-  events: {
-    emit: jest.fn(),
-    off: jest.fn(),
-    on: jest.fn(),
-  },
-  isFallback: false,
-  isLocaleDomain: true,
-  isPreview: false,
-  isReady: true,
-  pathname: '/',
-  prefetch: jest.fn(),
-  push: jest.fn(),
-  query: {},
-  reload: jest.fn(),
-  replace: jest.fn(),
-  route: '/',
-  defaultLocale: 'en',
-  domainLocales: [],
-  locale: 'en',
-  locales: ['en', 'de'],
-  forward: jest.fn(),
-};

package/src/test/integrationMocks/fpmProjectMock.ts

@@ -1,41 +0,0 @@
-import FPMProject, { CreditAvailability } from '../../models/fpm/FPMProject';
-
-const fpmProjectMock: FPMProject = {
-  id: '1',
-  title: 'Project 1',
-  geom: {
-    type: 'Point',
-    coordinates: [10.036542145100883, 47.42636837845707],
-  },
-  area: 1400000,
-  location: 'Austria',
-  countryCode: 'AT',
-  start: new Date('2020-01-01'),
-  end: new Date('2050-12-31'),
-  projectType: {
-    title: 'Project Type 1',
-    id: '1',
-    createdAt: new Date('2020-01-01'),
-    updatedAt: new Date('2020-01-01'),
-  },
-  projectDeveloper: {
-    name: 'Project Developer 1',
-    id: '1',
-    createdAt: new Date('2020-01-01'),
-    updatedAt: new Date('2020-01-01'),
-  },
-  verificationStandard: {
-    id: 'SilvaconsultFCSISO14',
-    createdAt: new Date('2020-01-01'),
-    updatedAt: new Date('2020-01-01'),
-  },
-  forecastedAmountYearly: 100,
-  averageSellableAmountPerYear: 800000,
-  riskBuffer: 10,
-  createdAt: new Date('2020-01-01'),
-  updatedAt: new Date('2020-01-01'),
-  creditAvailability: CreditAvailability.CREDITS_AVAILABLE,
-  certificationDate: new Date('2020-02-02'),
-};
-
-export default fpmProjectMock;

package/src/test/integrationMocks/portfolioProjectMock.ts

@@ -1,16 +0,0 @@
-import { PortfolioProject } from '../..';
-import fpmProjectMock from './fpmProjectMock';
-import { storybookStrapiCoverMock } from '../storybookMocks/storybookStrapiMedia';
-
-const portfolioProjectMock: PortfolioProject = {
-  ...fpmProjectMock,
-  isPublic: true,
-  slug: 'slug',
-  thumbnail: {
-    id: 1,
-    img: { data: storybookStrapiCoverMock },
-    alt: 'Project Thumbnail',
-  },
-};
-
-export default portfolioProjectMock;

package/src/test/mocks/getStaticPropsContext.ts

@@ -1,9 +0,0 @@
-import { GetStaticPropsContext } from 'next';
-
-const getStaticPropsContextMock: GetStaticPropsContext = {
-  locales: ['en', 'de'],
-  locale: 'en',
-  defaultLocale: 'en',
-};
-
-export default getStaticPropsContextMock;

package/src/test/mocks/portfolioProjectMock.ts

@@ -1,9 +0,0 @@
-import PortfolioProject from '../../models/PortfolioProject';
-import fpmProjectMock from '../../test/integrationMocks/fpmProjectMock';
-
-const portfolioProjectMock: PortfolioProject = {
-  ...fpmProjectMock,
-  slug: 'portfolio-slug',
-};
-
-export default portfolioProjectMock;

package/src/test/setupTests.ts

@@ -1,7 +0,0 @@
-import '@testing-library/jest-dom';
-import matchMediaPolyfill from 'mq-polyfill';
-import resizeObserverPolyfill from 'resize-observer-polyfill';
-
-matchMediaPolyfill(window);
-global.scrollTo = jest.fn();
-global.ResizeObserver = resizeObserverPolyfill;

package/src/test/storybookMocks/storybookMedia.ts

@@ -1,2 +0,0 @@
-export const storybookAvatarUrl =
-  'https://cdn.tree.ly/storybook/v1/avatar.jpeg';

package/src/test/storybookMocks/storybookStrapiMedia.ts

@@ -1,58 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiMedia from '../../models/strapi/StrapiMedia';
-import { strapiMediaMock } from '../strapiMocks/strapiMedia';
-import { storybookAvatarUrl } from './storybookMedia';
-
-export const storybookStrapiAvatarMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: storybookAvatarUrl,
-  },
-};
-
-export const storybookStrapiCoverMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: 'https://cdn.tree.ly/storybook/v1/cover.jpeg',
-  },
-};
-
-export const storybookStrapiGradientTopDownMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: 'https://cdn.tree.ly/storybook/v1/shape_gradient_top_down.png',
-  },
-};
-
-export const storybookStrapiGradientBottomUpMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: 'https://cdn.tree.ly/storybook/v1/shape_gradient_buttom_up.png',
-  },
-};
-
-export const storybookStrapiTreeIconMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: 'https://cdn.tree.ly/storybook/v1/icon_tree.png',
-  },
-};
-
-export const storybookStrapiMapMock: IStrapiData<StrapiMedia> = {
-  ...strapiMediaMock,
-  attributes: {
-    ...strapiMediaMock.attributes,
-    formats: {},
-    url: 'https://cdn.tree.ly/storybook/v1/map.jpeg',
-  },
-};

package/src/test/strapiMocks/minimalGlobalData.ts

@@ -1,25 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiGlobal from '../../models/strapi/StrapiGlobal';
-import { strapiMediaMock } from './strapiMedia';
-import { strapiMetadataMock } from './strapiMetadata';
-
-const minimalGlobalData: IStrapiData<StrapiGlobal> = {
-  id: 1,
-  attributes: {
-    locale: 'en',
-    metadata: strapiMetadataMock,
-    favicon: { data: strapiMediaMock },
-    metaTitleSuffix: 'Meta title suffix',
-    navbar: {
-      id: 1,
-      navMenus: undefined,
-      buttons: undefined,
-    },
-    footer: {
-      id: 1,
-      links: undefined,
-    },
-  },
-};
-
-export default minimalGlobalData;

package/src/test/strapiMocks/strapiAvatarWithName.ts

@@ -1,12 +0,0 @@
-import { strapiMediaMock } from './strapiMedia';
-
-export const strapiAvatarWithNameMock = {
-  id: 1,
-  name: 'Name',
-  description: 'Description',
-  image: {
-    id: 1,
-    alt: 'Alternative image',
-    img: { data: strapiMediaMock },
-  },
-};

package/src/test/strapiMocks/strapiBlogPost.ts

@@ -1,216 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiBlogPost from '../../models/strapi/StrapiBlogPost';
-
-export const strapiBlogPostMock: IStrapiData<StrapiBlogPost> = {
-  id: 1,
-  attributes: {
-    title: 'Title',
-    slug: 'slug',
-    teaser: null,
-    author: {
-      data: {
-        id: 1,
-        attributes: {
-          name: 'Lukas Bals',
-          locale: 'en',
-          createdAt: '2022-01-10T15:36:45.012Z',
-          updatedAt: '2022-01-10T15:36:45.042Z',
-          img: {
-            id: 72,
-            alt: 'Lukas Bals',
-            img: {
-              data: {
-                id: 10,
-                attributes: {
-                  name: 'Lukas_Bals.jpg',
-                  alternativeText: '',
-                  caption: '',
-                  width: 1024,
-                  height: 724,
-                  formats: {
-                    thumbnail: {
-                      name: 'thumbnail_Lukas_Bals.jpg',
-                      hash: 'thumbnail_Lukas_Bals_dc6741af55',
-                      ext: '.jpg',
-                      mime: 'image/jpeg',
-                      width: 221,
-                      height: 156,
-                      size: 6.12,
-                      path: null,
-                      url: '/uploads/thumbnail_Lukas_Bals_dc6741af55.jpg',
-                    },
-                    large: {
-                      name: 'large_Lukas_Bals.jpg',
-                      hash: 'large_Lukas_Bals_dc6741af55',
-                      ext: '.jpg',
-                      mime: 'image/jpeg',
-                      width: 1000,
-                      height: 707,
-                      size: 93,
-                      path: null,
-                      url: '/uploads/large_Lukas_Bals_dc6741af55.jpg',
-                    },
-                    medium: {
-                      name: 'medium_Lukas_Bals.jpg',
-                      hash: 'medium_Lukas_Bals_dc6741af55',
-                      ext: '.jpg',
-                      mime: 'image/jpeg',
-                      width: 750,
-                      height: 530,
-                      size: 52.94,
-                      path: null,
-                      url: '/uploads/medium_Lukas_Bals_dc6741af55.jpg',
-                    },
-                    small: {
-                      name: 'small_Lukas_Bals.jpg',
-                      hash: 'small_Lukas_Bals_dc6741af55',
-                      ext: '.jpg',
-                      mime: 'image/jpeg',
-                      width: 500,
-                      height: 354,
-                      size: 22.71,
-                      path: null,
-                      url: '/uploads/small_Lukas_Bals_dc6741af55.jpg',
-                    },
-                    xSmall: {
-                      name: 'xSmall_Lukas_Bals.jpg',
-                      hash: 'xSmall_Lukas_Bals_dc6741af55',
-                      ext: '.jpg',
-                      mime: 'image/jpeg',
-                      width: 64,
-                      height: 45,
-                      size: 1.39,
-                      path: null,
-                      url: '/uploads/xSmall_Lukas_Bals_dc6741af55.jpg',
-                    },
-                  },
-                  hash: 'Lukas_Bals_dc6741af55',
-                  ext: '.jpg',
-                  mime: 'image/jpeg',
-                  size: 99.12,
-                  url: '/uploads/Lukas_Bals_dc6741af55.jpg',
-                  previewUrl: null,
-                  provider: 'local',
-                  provider_metadata: null,
-                  createdAt: '2021-08-20T09:48:51.376Z',
-                  updatedAt: '2021-08-20T09:48:51.389Z',
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-    category: {
-      data: {
-        id: 1,
-        attributes: {
-          name: 'Business',
-          locale: 'en',
-          createdAt: '2022-01-10T14:59:44.830Z',
-          updatedAt: '2022-01-10T14:59:44.839Z',
-        },
-      },
-    },
-    locale: 'en',
-    createdAt: '2022-01-10T15:04:32.897Z',
-    updatedAt: '2022-01-11T10:21:42.317Z',
-    metadata: null,
-    img: {
-      id: 71,
-      alt: 'Alt',
-      img: {
-        data: {
-          id: 1,
-          attributes: {
-            name: 'default_shareimage.jpeg',
-            alternativeText: '',
-            caption: '',
-            width: 1200,
-            height: 630,
-            formats: {
-              thumbnail: {
-                name: 'thumbnail_default_shareimage.jpeg',
-                hash: 'thumbnail_default_shareimage_fecd5ccc7e',
-                ext: '.jpeg',
-                mime: 'image/jpeg',
-                width: 245,
-                height: 129,
-                size: 9.36,
-                path: null,
-                url: '/uploads/thumbnail_default_shareimage_fecd5ccc7e.jpeg',
-              },
-              large: {
-                name: 'large_default_shareimage.jpeg',
-                hash: 'large_default_shareimage_fecd5ccc7e',
-                ext: '.jpeg',
-                mime: 'image/jpeg',
-                width: 1000,
-                height: 525,
-                size: 132.73,
-                path: null,
-                url: '/uploads/large_default_shareimage_fecd5ccc7e.jpeg',
-              },
-              medium: {
-                name: 'medium_default_shareimage.jpeg',
-                hash: 'medium_default_shareimage_fecd5ccc7e',
-                ext: '.jpeg',
-                mime: 'image/jpeg',
-                width: 750,
-                height: 394,
-                size: 78.75,
-                path: null,
-                url: '/uploads/medium_default_shareimage_fecd5ccc7e.jpeg',
-              },
-              small: {
-                name: 'small_default_shareimage.jpeg',
-                hash: 'small_default_shareimage_fecd5ccc7e',
-                ext: '.jpeg',
-                mime: 'image/jpeg',
-                width: 500,
-                height: 263,
-                size: 35.08,
-                path: null,
-                url: '/uploads/small_default_shareimage_fecd5ccc7e.jpeg',
-              },
-              xSmall: {
-                name: 'xSmall_default_shareimage.jpeg',
-                hash: 'xSmall_default_shareimage_fecd5ccc7e',
-                ext: '.jpeg',
-                mime: 'image/jpeg',
-                width: 64,
-                height: 34,
-                size: 1.31,
-                path: null,
-                url: '/uploads/xSmall_default_shareimage_fecd5ccc7e.jpeg',
-              },
-            },
-            hash: 'default_shareimage_fecd5ccc7e',
-            ext: '.jpeg',
-            mime: 'image/jpeg',
-            size: 188.72,
-            url: '/uploads/default_shareimage_fecd5ccc7e.jpeg',
-            previewUrl: null,
-            provider: 'local',
-            provider_metadata: null,
-            createdAt: '2021-07-26T08:01:15.702Z',
-            updatedAt: '2021-09-09T12:50:57.817Z',
-          },
-        },
-      },
-    },
-    slices: [
-      {
-        __component: 'sections.rich-text',
-        id: 6,
-        content: '# This is my rich text!',
-      },
-    ],
-    localizations: [
-      {
-        id: 2,
-        locale: 'de',
-      },
-    ],
-  },
-};

package/src/test/strapiMocks/strapiContact.ts

@@ -1,15 +0,0 @@
-import StrapiContactArea from '../../models/strapi/StrapiContactArea';
-import { strapiAvatarWithNameMock } from './strapiAvatarWithName';
-import { strapiLinkPageMock } from './strapiLinkPage';
-
-export const strapiContactMock: StrapiContactArea = {
-  id: 1,
-  title: 'Title',
-  text: 'Text',
-  avatar: strapiAvatarWithNameMock,
-  button: {
-    id: 1,
-    text: 'Button text',
-    page: { data: strapiLinkPageMock },
-  },
-};

package/src/test/strapiMocks/strapiCustomerStory.ts

@@ -1,78 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiCustomerStory from '../../models/strapi/StrapiCustomerStory';
-import {
-  storybookStrapiAvatarMock,
-  storybookStrapiTreeIconMock,
-} from '../storybookMocks/storybookStrapiMedia';
-
-export const strapiCustomerStoryMock: IStrapiData<StrapiCustomerStory> = {
-  id: 1,
-  attributes: {
-    variant: 'customerCard',
-    slug: 'customer-1',
-    createdAt: '2023-10-31T12:10:43.324Z',
-    updatedAt: '2023-10-31T13:10:25.010Z',
-    locale: 'en',
-    metadata: null,
-    title: 'This is the title',
-    customerName: 'Jodok Bals Bau',
-    customerCardCustomerIndustry: 'Bau',
-    quoteCardCustomerTitle: 'Geschäftsführer, mal2 – malen & mehr',
-    quoteCardQuote:
-      '"Der Kauf von Bäumen in Uganda in der Ferne spricht mich nicht an. Aber als ich über das Leben der Bäume las und meine Frau mir von Tree.ly erzählte, fand ich meine lokale Lösung."',
-    cardImage: {
-      id: 1,
-      alt: 'Icon alt text',
-      img: { data: storybookStrapiTreeIconMock },
-      objectFit: 'contain',
-    },
-    img: {
-      id: 1,
-      alt: 'Icon alt text',
-      img: { data: storybookStrapiTreeIconMock },
-    },
-    slices: [
-      {
-        __component: 'sections.rich-text',
-        id: 6,
-        content: '# This is my rich text!',
-      },
-    ],
-    localizations: [
-      {
-        id: 2,
-        locale: 'de',
-      },
-    ],
-  },
-};
-
-export const strapiCustomerStoryWithCustomerQuoteCardMock: IStrapiData<StrapiCustomerStory> =
-  {
-    id: 2,
-    attributes: {
-      ...strapiCustomerStoryMock.attributes,
-      variant: 'quoteCard',
-      cardImage: {
-        id: 2,
-        alt: 'Avatar image alt text',
-        img: { data: storybookStrapiAvatarMock },
-        objectFit: 'contain',
-      },
-    },
-  };
-
-export const strapiCustomerStoryWithLogoCardMock: IStrapiData<StrapiCustomerStory> =
-  {
-    id: 2,
-    attributes: {
-      ...strapiCustomerStoryMock.attributes,
-      variant: 'logoCard',
-      cardImage: {
-        id: 2,
-        alt: 'Avatar image alt text',
-        img: { data: storybookStrapiTreeIconMock },
-        objectFit: 'contain',
-      },
-    },
-  };

package/src/test/strapiMocks/strapiEventMock.ts

@@ -1,58 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiEvent, { EventType } from '../../models/strapi/StrapiEvent';
-import { strapiMediaMock } from './strapiMedia';
-
-export const strapiEventMock: IStrapiData<StrapiEvent> = {
-  id: 1,
-  attributes: {
-    locale: 'en',
-    image: {
-      id: 1,
-      alt: 'Image alt text 1',
-      img: { data: strapiMediaMock },
-    },
-    logo: { id: 1, alt: 'Logo alt text 1', img: { data: strapiMediaMock } },
-    eventTypes: [{ id: 1, eventType: EventType.MEET_UP }],
-    languages: [{ id: 1, language: 'English', countryCode: 'GB' }],
-    start: new Date('2024-02-12T08:30:00Z'),
-    end: new Date('2024-03-12T09:30:00Z'),
-    allDay: false,
-    title: 'Event Title',
-    description: 'Event Description',
-    button: { id: 1, text: 'Button text', url: 'https://tree.ly' },
-    recommended: false,
-    speakers: [
-      {
-        id: 1,
-        name: 'John Doe',
-        image: {
-          id: 1,
-          alt: 'Speaker 1 alt text',
-          img: { data: strapiMediaMock },
-        },
-      },
-      {
-        id: 2,
-        name: 'Jane Doe',
-        image: {
-          id: 1,
-          alt: 'Speaker 2 alt text',
-          img: { data: strapiMediaMock },
-        },
-      },
-    ],
-    slices: [
-      {
-        __component: 'sections.rich-text',
-        id: 6,
-        content: '# This is my rich text!',
-      },
-    ],
-    localizations: [
-      {
-        id: 2,
-        locale: 'de',
-      },
-    ],
-  },
-};

package/src/test/strapiMocks/strapiHeroCard.ts

@@ -1,7 +0,0 @@
-import StrapiHeroCard from '../../models/strapi/StrapiHeroCard';
-
-export const strapiHeroCardMock: StrapiHeroCard = {
-  id: 1,
-  title: 'Hero',
-  subTitle: 'Subtitle',
-};

package/src/test/strapiMocks/strapiLinkPage.ts

@@ -1,14 +0,0 @@
-import IStrapiData from '../../models/strapi/IStrapiData';
-import StrapiLinkPage from '../../models/strapi/StrapiLinkPage';
-
-export const strapiLinkPageMock: IStrapiData<StrapiLinkPage> = {
-  id: 1,
-  attributes: {
-    title: 'Page title',
-    slug: 'page-slug',
-    locale: 'en',
-    publishedAt: '2021-08-25T09:52:59.012Z',
-    createdAt: '2021-08-25T09:52:28.702Z',
-    updatedAt: '2021-08-30T14:18:49.238Z',
-  },
-};