@treely/strapi-slices 2.3.0 → 2.4.1

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/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/index.d.ts

@@ -39,8 +39,10 @@ import StrapiTextCardWithIcons from './models/strapi/StrapiTextCardWithIcons';
 import StrapiTopBanner from './models/strapi/StrapiTopBanner';
 import HeaderType from './models/HeaderType';
 import Image from './models/Image';
+import Locale from './models/Locale';
 import PageMetadata from './models/PageMetadata';
 import PageProps from './models/PageProps';
+import PortfolioProject from './models/PortfolioProject';
 import mergeGlobalAndStrapiBlogPostData from './utils/mergeGlobalAndStrapiBlogPostData';
 import mergeGlobalAndStrapiCustomerStoryData from './utils/mergeGlobalAndStrapiCustomerStoryData';
 import mergeGlobalAndStrapiPageData from './utils/mergeGlobalAndStrapiPageData';
@@ -51,4 +53,4 @@ import { SECTIONS_WITH_BLOG_POSTS, SECTIONS_WITH_CUSTOMER_STORIES, SECTIONS_WITH
 export * from './components/SEOTags';
 export * from './components/SliceRenderer';
 export { mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProjectData, strapiLinkUrl, strapiMediaUrl, SECTIONS_WITH_BLOG_POSTS, SECTIONS_WITH_CUSTOMER_STORIES, SECTIONS_WITH_PROJECTS, };
-export type { IStrapi, IStrapiData, IStrapiResponse, StrapiAuthor, StrapiAvatarWithName, StrapiBanner, StrapiBlogPost, StrapiBlogPostProps, StrapiButtonWithVariant, StrapiCategory, StrapiContactArea, StrapiCustomerStory, StrapiCustomerStoryProps, StrapiDefaultHeader, StrapiGlobal, StrapiGlossaryItem, StrapiHeroCard, StrapiImage, StrapiImageFormat, StrapiImageWithLink, StrapiLink, StrapiLinkList, StrapiLinkPage, StrapiLinkWithIcon, StrapiLocalization, StrapiMedia, StrapiMetadata, StrapiNavMenu, StrapiPage, StrapiPageProps, StrapiPortfolio, StrapiPortfolioCard, StrapiProject, StrapiProjectProps, StrapiProjectCard, StrapiQuoteCard, StrapiShapesCard, StrapiTextCardWithIcons, StrapiTopBanner, HeaderType, Image, PageMetadata, PageProps, };
+export type { IStrapi, IStrapiData, IStrapiResponse, StrapiAuthor, StrapiAvatarWithName, StrapiBanner, StrapiBlogPost, StrapiBlogPostProps, StrapiButtonWithVariant, StrapiCategory, StrapiContactArea, StrapiCustomerStory, StrapiCustomerStoryProps, StrapiDefaultHeader, StrapiGlobal, StrapiGlossaryItem, StrapiHeroCard, StrapiImage, StrapiImageFormat, StrapiImageWithLink, StrapiLink, StrapiLinkList, StrapiLinkPage, StrapiLinkWithIcon, StrapiLocalization, StrapiMedia, StrapiMetadata, StrapiNavMenu, StrapiPage, StrapiPageProps, StrapiPortfolio, StrapiPortfolioCard, StrapiProject, StrapiProjectProps, StrapiProjectCard, StrapiQuoteCard, StrapiShapesCard, StrapiTextCardWithIcons, StrapiTopBanner, HeaderType, Image, Locale, PageMetadata, PageProps, PortfolioProject, };

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/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;