@treely/strapi-slices 2.4.0 → 3.0.0

package/README.md

@@ -3,3 +3,82 @@
 This package contains all the slices that are used for the Tree.ly website as
 well as other projects developed by Tree.ly and powered by the Tree.ly Strapi
 instance.
+
+Find the documentation of the slices [here](https://storybook.tree.ly).
+
+## Development
+
+Install dependencies:
+
+```bash
+npm install
+```
+
+Run the app in DEV mode:
+
+```bash
+npm run dev
+```
+
+Run the linter:
+
+```bash
+npm run lint
+```
+
+Run the tests:
+
+```bash
+npm run test
+```
+
+Commit message guideline
+
+The project uses the Angular commit message guideline. Find the documentation
+[here](https://github.com/angular/angular/blob/main/CONTRIBUTING.md#-commit-message-format).
+
+## Build
+
+Build the package:
+
+```bash
+npm run build
+```
+
+Find the build in the `dist` folder.
+
+## Use the package
+
+Install the package:
+
+```bash
+npm install @tree-ly/strapi-slices
+```
+
+Use the slices:
+
+```typescript
+import {
+  IStrapiData,
+  SliceRenderer,
+  StrapiBlogPost,
+  StrapiCustomerStory
+} from '@tree-ly/strapi-slices';
+
+// Get the slices, blog posts, and customer stories from Strapi
+// Get the projects from the FPM API
+const slices: any[] = [];
+const blogPosts: IStrapiData<StrapiBlogPost> = [];
+const projects: PortfolioProject[] = [];
+const customerStories: IStrapiData<StrapiCustomerStory> = [];
+
+
+const App = (): JSX.Element => (
+  <SliceRenderer
+    slices={slices}
+    blogPosts={blogPosts}
+    projects={projects}
+    customerStories={customerStories}
+  />
+);
+```

package/dist/components/CreditsAvailableBadge/messages.de.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
+declare const messagesDe: {
     'components.creditsAvailableBadge.text.yes': string;
     'components.creditsAvailableBadge.text.some': string;
     'components.creditsAvailableBadge.text.no': string;
     'components.creditsAvailableBadge.text.notYet': string;
 };
-export default _default;
+export default messagesDe;

package/dist/components/CreditsAvailableBadge/messages.en.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
+declare const messagesEn: {
     'components.creditsAvailableBadge.text.yes': string;
     'components.creditsAvailableBadge.text.some': string;
     'components.creditsAvailableBadge.text.no': string;
     'components.creditsAvailableBadge.text.notYet': string;
 };
-export default _default;
+export default messagesEn;

package/dist/components/portfolio/DocumentsDownloadList/messages.de.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesDe: {
     'features.portfolio.documentsDownloadList.projectDocuments': string;
     'features.portfolio.documentsDownloadList.downloadDocument': string;
 };
-export default _default;
+export default messagesDe;

package/dist/components/portfolio/DocumentsDownloadList/messages.en.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesEn: {
     'features.portfolio.documentsDownloadList.projectDocuments': string;
     'features.portfolio.documentsDownloadList.downloadDocument': string;
 };
-export default _default;
+export default messagesEn;

package/dist/components/portfolio/PortfolioProjectCard/PortfolioProjectCard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PortfolioProject } from '../../..';
+export interface PortfolioProjectCardProps {
+    project: PortfolioProject;
+}
+export declare const PortfolioProjectCard: ({ project, }: PortfolioProjectCardProps) => React.JSX.Element;

package/dist/components/portfolio/PortfolioProjectCard/index.d.ts

@@ -0,0 +1,2 @@
+import { PortfolioProjectCard } from './PortfolioProjectCard';
+export default PortfolioProjectCard;

package/dist/components/portfolio/PortfolioProjectCard/messages.de.d.ts

@@ -0,0 +1,7 @@
+declare const messagesDe: {
+    'components.portfolioProjectCard.text.yes': string;
+    'components.portfolioProjectCard.text.some': string;
+    'components.portfolioProjectCard.text.no': string;
+    'components.portfolioProjectCard.text.notYet': string;
+};
+export default messagesDe;

package/dist/components/portfolio/PortfolioProjectCard/messages.en.d.ts

@@ -0,0 +1,7 @@
+declare const messagesEn: {
+    'components.portfolioProjectCard.text.yes': string;
+    'components.portfolioProjectCard.text.some': string;
+    'components.portfolioProjectCard.text.no': string;
+    'components.portfolioProjectCard.text.notYet': string;
+};
+export default messagesEn;

package/dist/components/portfolio/ProjectInfo/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'features.projectInfo.projectInfo.value': string;
     'features.projectInfo.properties.area': string;
     'features.projectInfo.properties.location': string;
@@ -12,4 +12,4 @@ declare const _default: {
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;
 };
-export default _default;
+export default messagesDe;

package/dist/components/portfolio/ProjectInfo/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'features.projectInfo.projectInfo.value': string;
     'features.projectInfo.properties.area': string;
     'features.projectInfo.properties.location': string;
@@ -12,4 +12,4 @@ declare const _default: {
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;
 };
-export default _default;
+export default messagesEn;

package/dist/components/portfolio/SmallCheckout/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;
@@ -13,4 +13,4 @@ declare const _default: {
     'portfolio.smallCheckout.cta.subTitle': string;
     'portfolio.smallCheckout.cta.button': string;
 };
-export default _default;
+export default messagesDe;

package/dist/components/portfolio/SmallCheckout/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'portfolio.smallCheckout.contributionValueCurrency.label.CHF': string;
     'portfolio.smallCheckout.contributionValueCurrency.label.EUR': string;
     'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': string;
@@ -13,4 +13,4 @@ declare const _default: {
     'portfolio.smallCheckout.cta.subTitle': string;
     'portfolio.smallCheckout.cta.button': string;
 };
-export default _default;
+export default messagesEn;

package/dist/models/PortfolioProject.d.ts

@@ -1,7 +1,10 @@
+import { StrapiImage } from '..';
 import CreditsAvailableState from './CreditsAvailableState';
 import FPMProject from './fpm/FPMProject';
 interface PortfolioProject extends FPMProject {
     slug?: string;
+    thumbnail?: StrapiImage | null;
     creditsAvailable?: CreditsAvailableState;
+    footerSubTitle?: string;
 }
 export default PortfolioProject;

package/dist/models/strapi/StrapiProject.d.ts

@@ -1,6 +1,8 @@
 import CreditsAvailableState from '../CreditsAvailableState';
 import Locale from '../Locale';
+import IStrapi from './IStrapi';
 import IStrapiData from './IStrapiData';
+import StrapiImage from './StrapiImage';
 import StrapiLocalization from './StrapiLocalization';
 import StrapiMetadata from './StrapiMetadata';
 import StrapiPortfolio from './StrapiPortfolio';
@@ -10,14 +12,14 @@ interface StrapiProject {
     locale: Locale;
     fpmProjectId?: string;
     creditsAvailable?: CreditsAvailableState;
+    footerSubTitle?: string;
     createdAt: string;
     updatedAt: string;
     metadata: StrapiMetadata | null;
+    thumbnail: StrapiImage | null;
     slices: any[];
     localizations: StrapiLocalization[];
-    portfolio: {
-        data?: IStrapiData<StrapiPortfolio>;
-    };
+    portfolio: IStrapi<IStrapiData<StrapiPortfolio>>;
     topBanner?: StrapiTopBanner;
 }
 export default StrapiProject;

package/dist/models/strapi/StrapiProjectCard.d.ts

@@ -1,18 +1,8 @@
+import IStrapi from './IStrapi';
 import IStrapiData from './IStrapiData';
-import StrapiImage from './StrapiImage';
 import StrapiProject from './StrapiProject';
 interface StrapiProjectCard {
     id: number;
-    title: string;
-    facts: {
-        id: number;
-        text: string;
-    }[];
-    footerTitle: string;
-    footerSubTitle: string;
-    image: StrapiImage;
-    project?: {
-        data?: IStrapiData<StrapiProject>;
-    };
+    project: IStrapi<IStrapiData<StrapiProject>>;
 }
 export default StrapiProjectCard;

package/dist/rootMessages.de.d.ts

@@ -48,6 +48,10 @@ declare const rootMessagesDe: {
     'features.projectInfo.properties.forecastedAmountYear.label': string;
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;
+    'components.portfolioProjectCard.text.yes': string;
+    'components.portfolioProjectCard.text.some': string;
+    'components.portfolioProjectCard.text.no': string;
+    'components.portfolioProjectCard.text.notYet': string;
     'features.portfolio.documentsDownloadList.projectDocuments': string;
     'features.portfolio.documentsDownloadList.downloadDocument': string;
     'components.creditsAvailableBadge.text.yes': string;

package/dist/rootMessages.en.d.ts

@@ -48,6 +48,10 @@ declare const rootMessagesEn: {
     'features.projectInfo.properties.forecastedAmountYear.label': string;
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;
+    'components.portfolioProjectCard.text.yes': string;
+    'components.portfolioProjectCard.text.some': string;
+    'components.portfolioProjectCard.text.no': string;
+    'components.portfolioProjectCard.text.notYet': string;
     'features.portfolio.documentsDownloadList.projectDocuments': string;
     'features.portfolio.documentsDownloadList.downloadDocument': string;
     'components.creditsAvailableBadge.text.yes': string;

package/dist/slices/Comparison/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.comparison.backgroundShapes': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/Comparison/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.comparison.backgroundShapes': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/Cta/messages.de.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.cta.backgroundShapes': string;
     'sections.cta.backgroundShapesLight': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/Cta/messages.en.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.cta.backgroundShapesDark': string;
     'sections.cta.backgroundShapesLight': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/CustomerStories/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.customerStories.more': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/CustomerStories/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.customerStories.more': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/FullWidthImageSlider/styles.d.ts

@@ -4,7 +4,7 @@ export declare const SliderContainer: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 interface ButtonsContainerProps {
-    show: boolean;
+    show: string;
 }
 export declare const ButtonsContainer: import("@emotion/styled").StyledComponent<(import("@chakra-ui/system/dist/system.types").MergeWithAs<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, Omit<import("@chakra-ui/system/dist/system.types").ChakraProps, never>, import("@chakra-ui/system/dist/system.types").As> & {
     theme?: import("@emotion/react").Theme | undefined;

package/dist/slices/Glossary/messages.de.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.glossary.copyButtonLabel': string;
     'sections.glossary.copySuccessMessage': string;
     'sections.glossary.copyFailureMessage': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/Glossary/messages.en.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.glossary.copyButtonLabel': string;
     'sections.glossary.copySuccessMessage': string;
     'sections.glossary.copyFailureMessage': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/ProjectFacts/messages.de.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.projectFacts.projectInfo.value': string;
     'projects.projectFacts.properties.area': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/ProjectFacts/messages.en.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.projectFacts.projectInfo.value': string;
     'projects.projectFacts.properties.area': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/ProjectsGrid/ProjectsGrid.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import StrapiProjectCard from '../../models/strapi/StrapiProjectCard';
+import PortfolioProject from '../../models/PortfolioProject';
 export interface ProjectsGridProps {
-    slice: {
-        projects: StrapiProjectCard[];
-    };
+    projects: PortfolioProject[];
 }
 export declare const ProjectsGrid: React.FC<ProjectsGridProps>;

package/dist/slices/ProjectsMap/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.projectsMap.link.text': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/ProjectsMap/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.projectsMap.link.text': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/ShopCheckout/messages.de.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesDe: {
     'sections.shopCheckout.intro.price': string;
     'sections.shopCheckout.contributionValue.label.EUR': string;
     'sections.shopCheckout.contributionValue.label.CHF': string;
@@ -12,4 +12,4 @@ declare const _default: {
     'sections.shopCheckout.summary.price': string;
     'sections.shopCheckout.submit': string;
 };
-export default _default;
+export default messagesDe;

package/dist/slices/ShopCheckout/messages.en.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const messagesEn: {
     'sections.shopCheckout.intro.price': string;
     'sections.shopCheckout.contributionValue.label.EUR': string;
     'sections.shopCheckout.contributionValue.label.CHF': string;
@@ -12,4 +12,4 @@ declare const _default: {
     'sections.shopCheckout.summary.price': string;
     'sections.shopCheckout.submit': string;
 };
-export default _default;
+export default messagesEn;

package/dist/slices/TextCarousel/styles.d.ts

@@ -4,7 +4,7 @@ export declare const CarouselContainer: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 interface CarouselInnerContainerProps {
-    numberOfItems: number;
+    numberofitems: number;
 }
 export declare const CarouselInnerContainer: import("@emotion/styled").StyledComponent<{
     slot?: string | undefined;
@@ -274,7 +274,7 @@ export declare const CarouselInnerContainer: import("@emotion/styled").StyledCom
     theme?: import("@emotion/react").Theme | undefined;
 } & CarouselInnerContainerProps, {}, {}>;
 interface CardContainerProps {
-    numberOfItems: number;
+    numberofitems: number;
 }
 export declare const CardContainer: import("@emotion/styled").StyledComponent<(import("@chakra-ui/system/dist/system.types").MergeWithAs<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, Omit<import("@chakra-ui/system/dist/system.types").ChakraProps, never>, import("@chakra-ui/system/dist/system.types").As> & {
     theme?: import("@emotion/react").Theme | undefined;

package/dist/slices/TextWithCard/TextWithCard.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import StrapiLink from '../../models/strapi/StrapiLink';
 import StrapiProjectCard from '../../models/strapi/StrapiProjectCard';
+import PortfolioProject from '../../models/PortfolioProject';
 interface TextWithCardSlice {
     tagline?: string;
     title: string;
@@ -15,6 +16,7 @@ interface TextWithCardSlice {
 }
 export interface TextWithCardProps {
     slice: TextWithCardSlice;
+    projects: PortfolioProject[];
 }
 export declare const TextWithCard: React.FC<TextWithCardProps>;
 export {};