@treely/strapi-slices 2.3.0 → 2.4.1

package/dist/unit.messages.de.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const unitMessagesDe: {
     'unit.formatter.tonsCo2': string;
     'unit.formatter.tonsCo2PerYear': string;
 };
-export default _default;
+export default unitMessagesDe;

package/dist/unit.messages.en.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
+declare const unitMessagesEn: {
     'unit.formatter.tonsCo2': string;
     'unit.formatter.tonsCo2PerYear': string;
 };
-export default _default;
+export default unitMessagesEn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treely/strapi-slices",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "license": "MIT",
   "author": "Tree.ly GmbH",
   "description": "@treely/strapi-slices is a open source library maintained by Tree.ly.",

package/src/components/CreditsAvailableBadge/messages.de.ts

@@ -1,7 +1,8 @@
-export default {
+const messagesDe = {
   'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
   'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
   'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
   'components.creditsAvailableBadge.text.notYet':
     'Noch keine Credits verfügbar',
 };
+export default messagesDe;

package/src/components/CreditsAvailableBadge/messages.en.ts

@@ -1,6 +1,7 @@
-export default {
+const messagesEn = {
   'components.creditsAvailableBadge.text.yes': 'Credits available',
   'components.creditsAvailableBadge.text.some': 'Some remaining credits',
   'components.creditsAvailableBadge.text.no': 'No remaining credits',
   'components.creditsAvailableBadge.text.notYet': 'No credits available yet',
 };
+export default messagesEn;

package/src/components/portfolio/DocumentsDownloadList/messages.de.ts

@@ -1,6 +1,7 @@
-export default {
+const messagesDe = {
   'features.portfolio.documentsDownloadList.projectDocuments':
     'Projektdokumente',
   'features.portfolio.documentsDownloadList.downloadDocument':
     'Dokument herunterladen',
 };
+export default messagesDe;

package/src/components/portfolio/DocumentsDownloadList/messages.en.ts

@@ -1,6 +1,7 @@
-export default {
+const messagesEn = {
   'features.portfolio.documentsDownloadList.projectDocuments':
     'Project documents',
   'features.portfolio.documentsDownloadList.downloadDocument':
     'Download document',
 };
+export default messagesEn;

package/src/components/portfolio/ProjectInfo/messages.de.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesDe = {
   'features.projectInfo.projectInfo.value': 'Projekt Infos',
   'features.projectInfo.properties.area': 'Projekt Fläche',
   'features.projectInfo.properties.location': 'Standort',
@@ -17,3 +17,4 @@ export default {
   'features.projectInfo.properties.year':
     '{years} {years, plural, one {Jahr} other {Jahre} }',
 };
+export default messagesDe;

package/src/components/portfolio/ProjectInfo/messages.en.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesEn = {
   'features.projectInfo.projectInfo.value': 'Project Infos',
   'features.projectInfo.properties.area': 'Project Area',
   'features.projectInfo.properties.location': 'Location',
@@ -17,3 +17,4 @@ export default {
   'features.projectInfo.properties.year':
     '{years} {years, plural, one {year} other {years} }',
 };
+export default messagesEn;

package/src/components/portfolio/SmallCheckout/messages.de.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesDe = {
   'portfolio.smallCheckout.contributionValueCurrency.label.CHF':
     'Geben Sie den Beitrag in Fr. ein',
   'portfolio.smallCheckout.contributionValueCurrency.label.EUR':
@@ -24,3 +24,4 @@ export default {
     'Für Unternehmenskunden bieten wir individuelle Lösungen an. Kontaktieren Sie uns.',
   'portfolio.smallCheckout.cta.button': 'Unser Vertriebsteam kontaktieren',
 };
+export default messagesDe;

package/src/components/portfolio/SmallCheckout/messages.en.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesEn = {
   'portfolio.smallCheckout.contributionValueCurrency.label.CHF':
     'Contribution Amount in CHF',
   'portfolio.smallCheckout.contributionValueCurrency.label.EUR':
@@ -24,3 +24,4 @@ export default {
     'For enterprise-customers we offer custom solutions. Feel free to contact us.',
   'portfolio.smallCheckout.cta.button': 'Contact our Sales Team',
 };
+export default messagesEn;

package/src/index.tsx

@@ -40,8 +40,10 @@ 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';
@@ -119,6 +121,8 @@ export type {
   // Models
   HeaderType,
   Image,
+  Locale,
   PageMetadata,
   PageProps,
+  PortfolioProject,
 };

package/src/slices/Comparison/messages.de.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesDe = {
   'sections.comparison.backgroundShapes': 'Hintergrundformen',
 };
+export default messagesDe;

package/src/slices/Comparison/messages.en.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesEn = {
   'sections.comparison.backgroundShapes': 'Background shapes',
 };
+export default messagesEn;

package/src/slices/Cta/Cta.tsx

@@ -300,7 +300,7 @@ export const Cta: React.FC<CtaProps> = ({ slice }: CtaProps) => {
                       minWidth={[null, null, null, null, '50%']}
                     >
                       <Image
-                        src={strapiMediaUrl(ctaCard.image.img, 'medium')}
+                        src={strapiMediaUrl(ctaCard.image.img, 'xLarge')}
                         alt={ctaCard.image.alt}
                         fill
                         style={{
@@ -390,7 +390,7 @@ export const Cta: React.FC<CtaProps> = ({ slice }: CtaProps) => {
                       minWidth={[null, null, null, null, '50%']}
                     >
                       <Image
-                        src={strapiMediaUrl(ctaCard.image.img, 'medium')}
+                        src={strapiMediaUrl(ctaCard.image.img, 'xLarge')}
                         alt={ctaCard.image.alt}
                         fill
                         style={{

package/src/slices/Cta/messages.de.ts

@@ -1,4 +1,5 @@
-export default {
+const messagesDe = {
   'sections.cta.backgroundShapes': 'Dunkle Hintergrundformen',
   'sections.cta.backgroundShapesLight': 'Helle Hintergrundformen',
 };
+export default messagesDe;

package/src/slices/Cta/messages.en.ts

@@ -1,4 +1,5 @@
-export default {
+const messagesEn = {
   'sections.cta.backgroundShapesDark': 'Dark background shapes',
   'sections.cta.backgroundShapesLight': 'Light background shapes',
 };
+export default messagesEn;

package/src/slices/CustomerStories/messages.de.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesDe = {
   'sections.customerStories.more': 'Weiterlesen',
 };
+export default messagesDe;

package/src/slices/CustomerStories/messages.en.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesEn = {
   'sections.customerStories.more': 'Read more',
 };
+export default messagesEn;

package/src/slices/FullWidthImageSlider/FullWidthImageSlider.tsx

@@ -97,7 +97,7 @@ export const FullWidthImageSlider: React.FC<FullWidthImageSliderProps> = ({
         </SliderInnerContainer>
       </SliderContainer>
 
-      <ButtonsContainer show={allowScroll && !isOpen}>
+      <ButtonsContainer show={(allowScroll && !isOpen).toString()}>
         <Box>
           <AnimatePresence>
             {canMoveLeft && (

package/src/slices/FullWidthImageSlider/styles.ts

@@ -26,7 +26,7 @@ export const SliderContainer = styled(Box)`
 `;
 
 interface ButtonsContainerProps {
-  show: boolean;
+  show: string;
 }
 export const ButtonsContainer = styled(Box)<ButtonsContainerProps>`
   display: ${({ show }: ButtonsContainerProps) => (show ? 'flex' : 'none')};

package/src/slices/Glossary/messages.de.ts

@@ -1,7 +1,8 @@
-export default {
+const messagesDe = {
   'sections.glossary.copyButtonLabel':
     'Kopiere den Link zu diesem Abschnitt in die Zwischenablage',
   'sections.glossary.copySuccessMessage': 'Link in die Zwischenablage kopiert',
   'sections.glossary.copyFailureMessage':
     'Link konnte nicht in die Zwischenablage kopiert werden',
 };
+export default messagesDe;

package/src/slices/Glossary/messages.en.ts

@@ -1,6 +1,7 @@
-export default {
+const messagesEn = {
   'sections.glossary.copyButtonLabel':
     'Copy a link to this section to your clipboard',
   'sections.glossary.copySuccessMessage': 'Copied the link to your clipboard',
   'sections.glossary.copyFailureMessage': 'Could not copy link to clipboard',
 };
+export default messagesEn;

package/src/slices/ProjectFacts/messages.de.ts

@@ -1,4 +1,5 @@
-export default {
+const messagesDe = {
   'sections.projectFacts.projectInfo.value': 'Projekt Infos',
   'projects.projectFacts.properties.area': 'Fläche',
 };
+export default messagesDe;

package/src/slices/ProjectFacts/messages.en.ts

@@ -1,4 +1,5 @@
-export default {
+const messagesEn = {
   'sections.projectFacts.projectInfo.value': 'Project Infos',
   'projects.projectFacts.properties.area': 'Area',
 };
+export default messagesEn;

package/src/slices/ProjectsMap/mapboxStyle.ts

@@ -142,13 +142,13 @@ const mapboxStyle = css`
   .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
     opacity: 0.25;
   }
-  .mapboxgl-ctrl-group button:first-child {
+  .mapboxgl-ctrl-group button:first-of-type {
     border-radius: 4px 4px 0 0;
   }
-  .mapboxgl-ctrl-group button:last-child {
+  .mapboxgl-ctrl-group button:last-of-type {
     border-radius: 0 0 4px 4px;
   }
-  .mapboxgl-ctrl-group button:only-child {
+  .mapboxgl-ctrl-group button:only-of-type {
     border-radius: inherit;
   }
   .mapboxgl-ctrl button:not(:disabled):hover {

package/src/slices/ProjectsMap/messages.de.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesDe = {
   'sections.projectsMap.link.text': 'Mehr Infos',
 };
+export default messagesDe;

package/src/slices/ProjectsMap/messages.en.ts

@@ -1,3 +1,4 @@
-export default {
+const messagesEn = {
   'sections.projectsMap.link.text': 'Show more info',
 };
+export default messagesEn;

package/src/slices/ShopCheckout/messages.de.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesDe = {
   'sections.shopCheckout.intro.price': 'Preis',
 
   'sections.shopCheckout.contributionValue.label.EUR':
@@ -21,3 +21,4 @@ export default {
 
   'sections.shopCheckout.submit': 'Kaufen',
 };
+export default messagesDe;

package/src/slices/ShopCheckout/messages.en.ts

@@ -1,4 +1,4 @@
-export default {
+const messagesEn = {
   'sections.shopCheckout.intro.price': 'Price',
 
   'sections.shopCheckout.contributionValue.label.EUR':
@@ -21,3 +21,4 @@ export default {
 
   'sections.shopCheckout.submit': 'Checkout',
 };
+export default messagesEn;

package/src/slices/TextCarousel/TextCarousel.tsx

@@ -51,10 +51,10 @@ export const TextCarousel: React.FC<TextCarouselProps> = ({
         <CarouselInnerContainer
           drag="x"
           dragConstraints={containerRef}
-          numberOfItems={slice.slides.length}
+          numberofitems={slice.slides.length}
         >
           {slice.slides.map(({ id, title, text, icon }) => (
-            <CardContainer key={id} numberOfItems={slice.slides.length}>
+            <CardContainer key={id} numberofitems={slice.slides.length}>
               <TextCardWithIcon
                 title={title}
                 text={text}

package/src/slices/TextCarousel/styles.ts

@@ -20,7 +20,7 @@ export const CarouselContainer = styled(Box)`
 `;
 
 interface CarouselInnerContainerProps {
-  numberOfItems: number;
+  numberofitems: number;
 }
 export const CarouselInnerContainer = styled(
   motion.div
@@ -29,7 +29,7 @@ export const CarouselInnerContainer = styled(
   justify-content: center;
   width: calc(
     (var(--boemly-sizes-sm) + var(--boemly-space-16)) *
-      ${({ numberOfItems }: CarouselInnerContainerProps) => numberOfItems} +
+      ${({ numberofitems }: CarouselInnerContainerProps) => numberofitems} +
       var(--boemly-space-16)
   );
   min-width: var(--boemly-sizes-full);
@@ -37,18 +37,18 @@ export const CarouselInnerContainer = styled(
   @media screen and (max-width: ${BREAKPOINT_MD}) {
     width: calc(
       (var(--boemly-sizes-xs) + var(--boemly-space-4)) *
-        ${({ numberOfItems }: CarouselInnerContainerProps) => numberOfItems} +
+        ${({ numberofitems }: CarouselInnerContainerProps) => numberofitems} +
         var(--boemly-space-6)
     );
   }
 `;
 
 interface CardContainerProps {
-  numberOfItems: number;
+  numberofitems: number;
 }
 export const CardContainer = styled(Box)<CardContainerProps>`
-  width: ${({ numberOfItems }: CardContainerProps) =>
-    numberOfItems === 3 ? 'var(--boemly-sizes-xl)' : 'var(--boemly-sizes-sm)'};
+  width: ${({ numberofitems }: CardContainerProps) =>
+    numberofitems === 3 ? 'var(--boemly-sizes-xl)' : 'var(--boemly-sizes-sm)'};
 
   margin-right: var(--boemly-space-16);
 

package/src/unit.messages.de.ts

@@ -1,4 +1,5 @@
-export default {
+const unitMessagesDe = {
   'unit.formatter.tonsCo2': '{number} /tCO₂',
   'unit.formatter.tonsCo2PerYear': '{number} tCO₂/Jahr',
 };
+export default unitMessagesDe;

package/src/unit.messages.en.ts

@@ -1,4 +1,5 @@
-export default {
+const unitMessagesEn = {
   'unit.formatter.tonsCo2': '{number} /tCO₂',
   'unit.formatter.tonsCo2PerYear': '{number} tCO₂/year',
 };
+export default unitMessagesEn;