@treely/strapi-slices 5.14.0 → 5.15.0

package/dist/utils/getMessages.d.ts

@@ -56,6 +56,7 @@ declare const getMessages: (locale: string) => {
     'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': string;
     'features.projectInfo.properties.verificationStandard.value.MfKWCH': string;
     'features.projectInfo.properties.forecastedAmountYear.label': string;
+    'features.projectInfo.properties.forecastedAmountYear.toolTip': string;
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;
     'components.portfolioProjectCard.text.yes': string;
@@ -125,6 +126,7 @@ declare const getMessages: (locale: string) => {
     'features.projectInfo.properties.verificationStandard.label': string;
     'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': string;
     'features.projectInfo.properties.verificationStandard.value.MfKWCH': string;
+    'features.projectInfo.properties.forecastedAmountYear.toolTip': string;
     'features.projectInfo.properties.forecastedAmountYear.label': string;
     'features.projectInfo.properties.riskBuffer': string;
     'features.projectInfo.properties.year': string;

package/package.json

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

package/src/components/portfolio/ProjectInfo/ProjectInfo.test.tsx

@@ -1,8 +1,14 @@
 import React from 'react';
-import { render, screen } from '../../../test/testUtils';
+import {
+  render,
+  screen,
+  userEvent,
+  waitForElementToBeRemoved,
+} from '../../../test/testUtils';
 import portfolioProjectMock from '../../../test/mocks/portfolioProjectMock';
 import ProjectInfo from '.';
 import { ProjectInfoProps } from './ProjectInfo';
+import messagesEn from './messages.en';
 
 const defaultProps: ProjectInfoProps = {
   project: portfolioProjectMock,
@@ -66,6 +72,24 @@ describe('The ProjectInfo component', () => {
     expect(screen.getByText('1 year')).toBeInTheDocument();
   });
 
+  it('sets the tooltip when hovered over the forecasted amount subtitle', async () => {
+    setup({
+      ...defaultProps,
+    });
+
+    const trigger = screen.getByText('Forecasted amount subtitle');
+    await userEvent.hover(trigger);
+
+    const tooltip = await screen.findByRole('tooltip');
+    expect(tooltip).toHaveTextContent(
+      messagesEn['features.projectInfo.properties.forecastedAmountYear.toolTip']
+    );
+
+    await userEvent.unhover(trigger);
+    await waitForElementToBeRemoved(() => screen.queryByRole('tooltip'));
+    expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+  });
+
   it('displays the issuer of the project if it exists', () => {
     setup({
       project: {

package/src/components/portfolio/ProjectInfo/ProjectInfo.tsx

@@ -8,6 +8,7 @@ import {
   LabelTextPair,
   SimpleGrid,
   Spacer,
+  Tooltip,
 } from 'boemly';
 import Image from 'next/image';
 import convertAreaM2ToHa from '../../../utils/convertAreaM2ToHa';
@@ -201,27 +202,33 @@ export const ProjectInfo: React.FC<ProjectInfoProps> = ({
           <Divider />
           <Spacer height="8" />
           <SimpleGrid columns={[1, null, null, 2]} spacingX="10" spacingY="8">
-            <Box>
-              <LabelTextPair
-                label={formatMessage({
-                  id: 'features.projectInfo.properties.forecastedAmountYear.label',
-                })}
-                text={formatMessage(
-                  {
-                    id: 'unit.formatter.tonsCo2PerYear',
-                  },
-                  {
-                    number: formatNumber(
-                      convertCo2AmountKgToTons(
-                        project.forecastedAmountYearly.toString()
+            <Tooltip
+              label={formatMessage({
+                id: 'features.projectInfo.properties.forecastedAmountYear.toolTip',
+              })}
+            >
+              <Box>
+                <LabelTextPair
+                  label={formatMessage({
+                    id: 'features.projectInfo.properties.forecastedAmountYear.label',
+                  })}
+                  text={formatMessage(
+                    {
+                      id: 'unit.formatter.tonsCo2PerYear',
+                    },
+                    {
+                      number: formatNumber(
+                        convertCo2AmountKgToTons(
+                          project.forecastedAmountYearly.toString()
+                        ),
+                        { maximumFractionDigits: 0 }
                       ),
-                      { maximumFractionDigits: 0 }
-                    ),
-                  }
-                )}
-                caption={subtitles.forecastedAmountSubtitle}
-              />
-            </Box>
+                    }
+                  )}
+                  caption={subtitles.forecastedAmountSubtitle}
+                />
+              </Box>
+            </Tooltip>
 
             <Box>
               <LabelTextPair

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

@@ -12,6 +12,8 @@ const messagesDe = {
     'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
   'features.projectInfo.properties.verificationStandard.value.MfKWCH':
     'Methodik für Klimaschutzprojekte im Wald für die Schweiz',
+  'features.projectInfo.properties.forecastedAmountYear.toolTip':
+    'Dies ist das jährliche Projekt-Senkenvolumen gemäß dem TÜV-geprüften PDD, dieser Wert stellt nicht die aktuellen Verfügbarkeiten dar.',
   'features.projectInfo.properties.forecastedAmountYear.label':
     'Projektvolumen',
   'features.projectInfo.properties.riskBuffer': 'Anteil Risikopuffer',

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

@@ -14,6 +14,8 @@ const messagesEn = {
     'Methodik für Klimaschutzprojekte im Wald für die Schweiz',
   'features.projectInfo.properties.forecastedAmountYear.label':
     'Project Volume',
+  'features.projectInfo.properties.forecastedAmountYear.toolTip':
+    "This is the yearly project sink volume according to the TÜV-verified PDD, this value doesn't represent current availabilities.",
   'features.projectInfo.properties.riskBuffer': 'Risk Buffer Share',
 
   'features.projectInfo.properties.year':