cozy-ui 77.8.0 → 77.9.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [77.9.0](https://github.com/cozy/cozy-ui/compare/v77.8.0...v77.9.0) (2022-11-28)
+
+
+### Features
+
+* **Viewer:** Add notice period metadata ([956fd83](https://github.com/cozy/cozy-ui/commit/956fd83))
+
 # [77.8.0](https://github.com/cozy/cozy-ui/compare/v77.7.1...v77.8.0) (2022-11-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "77.8.0",
+  "version": "77.9.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Viewer/Panel/QualificationListItemInformation.jsx

@@ -10,16 +10,26 @@ import QualificationListItemText from './QualificationListItemText'
 import { useI18n } from '../../I18n'
 import MidEllipsis from '../../MidEllipsis'
 
+export const makeInformationValue = (name, value, t) => {
+  if (!value) {
+    return t('Viewer.panel.qualification.noInfo')
+  }
+
+  if (name === 'noticePeriod') {
+    return `${value} ${t('Viewer.panel.qualification.information.day', {
+      smart_count: value
+    })}`
+  }
+
+  return <MidEllipsis text={value} />
+}
+
 const QualificationListItemInformation = forwardRef(
   ({ formatedMetadataQualification, toggleActionsMenu }, ref) => {
     const { t } = useI18n()
     const { name, value } = formatedMetadataQualification
 
-    const currentValue = value ? (
-      <MidEllipsis text={value} />
-    ) : (
-      t('Viewer.panel.qualification.noInfo')
-    )
+    const currentValue = makeInformationValue(name, value, t)
 
     return (
       <ListItem className={'u-pl-2 u-pr-3'}>

package/react/Viewer/Panel/QualificationListItemInformation.spec.jsx

@@ -2,7 +2,10 @@ import React from 'react'
 import { fireEvent, render } from '@testing-library/react'
 import DemoProvider from '../docs/DemoProvider'
 
-import QualificationListItemInformation from './QualificationListItemInformation'
+import QualificationListItemInformation, {
+  makeInformationValue
+} from './QualificationListItemInformation'
+import MidEllipsis from '../../MidEllipsis'
 
 const setup = ({
   formatedMetadataQualification = {},
@@ -49,4 +52,34 @@ describe('QualificationListItemInformation', () => {
       expect(toggleActionsMenu).toBeCalledWith('Italie')
     })
   })
+  describe('makeInformationValue', () => {
+    let mockT
+    beforeEach(() => {
+      mockT = jest.fn(key => key)
+    })
+    afterEach(() => {
+      mockT = jest.fn(key => key)
+    })
+
+    it('should return "MidEllipsis" component with the value', () => {
+      const res = makeInformationValue('metadataName', 'metadataValue', mockT)
+
+      expect(res).toEqual(<MidEllipsis text="metadataValue" />)
+    })
+    it('should return value with suffix locale', () => {
+      const res = makeInformationValue('noticePeriod', '88', mockT)
+
+      expect(res).toEqual('88 Viewer.panel.qualification.information.day')
+    })
+    it('should return "noInfo" value', () => {
+      const res = makeInformationValue('metadataName', '', mockT)
+
+      expect(res).toEqual('Viewer.panel.qualification.noInfo')
+    })
+    it('should return noInfo value with "noticePeriod" metadata name', () => {
+      const res = makeInformationValue('noticePeriod', '', mockT)
+
+      expect(res).toEqual('Viewer.panel.qualification.noInfo')
+    })
+  })
 })

package/react/Viewer/helpers.js

@@ -25,7 +25,8 @@ export const knownInformationMetadataNames = [
   'vinNumber',
   'ibanNumber',
   'country',
-  'passportNumber'
+  'passportNumber',
+  'noticePeriod'
 ]
 export const knownOtherMetadataNames = ['contact', 'page', 'qualification']
 

package/react/Viewer/locales/en.json

@@ -57,8 +57,10 @@
             "vinNumber": "Vehicle registration number (VIN)",
             "ibanNumber": "IBAN number",
             "country": "Country of delivery",
-            "passportNumber": "Passport number"
-          }
+            "passportNumber": "Passport number",
+            "noticePeriod": "Time to expiration alert"
+          },
+          "day": "day |||| days"
         },
         "contact": "Owner",
         "page": "Side of the document",

package/react/Viewer/locales/fr.json

@@ -57,8 +57,10 @@
             "vinNumber": "Numéro de la carte grise (VIN)",
             "ibanNumber": "Numéro d'IBAN",
             "country": "Pays de délivrance",
-            "passportNumber": "Numéro du passeport"
-          }
+            "passportNumber": "Numéro du passeport",
+            "noticePeriod": "Délai avant l’alerte d’expiration"
+          },
+          "day": "jour |||| jours"
         },
         "contact": "Titulaire",
         "page": "Face du document",

package/transpiled/react/Viewer/Panel/QualificationListItemInformation.js

@@ -8,6 +8,21 @@ import Dots from "cozy-ui/transpiled/react/Icons/Dots";
 import QualificationListItemText from "cozy-ui/transpiled/react/Viewer/Panel/QualificationListItemText";
 import { useI18n } from "cozy-ui/transpiled/react/I18n";
 import MidEllipsis from "cozy-ui/transpiled/react/MidEllipsis";
+export var makeInformationValue = function makeInformationValue(name, value, t) {
+  if (!value) {
+    return t('Viewer.panel.qualification.noInfo');
+  }
+
+  if (name === 'noticePeriod') {
+    return "".concat(value, " ").concat(t('Viewer.panel.qualification.information.day', {
+      smart_count: value
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(MidEllipsis, {
+    text: value
+  });
+};
 var QualificationListItemInformation = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var formatedMetadataQualification = _ref.formatedMetadataQualification,
       toggleActionsMenu = _ref.toggleActionsMenu;
@@ -17,9 +32,7 @@ var QualificationListItemInformation = /*#__PURE__*/forwardRef(function (_ref, r
 
   var name = formatedMetadataQualification.name,
       value = formatedMetadataQualification.value;
-  var currentValue = value ? /*#__PURE__*/React.createElement(MidEllipsis, {
-    text: value
-  }) : t('Viewer.panel.qualification.noInfo');
+  var currentValue = makeInformationValue(name, value, t);
   return /*#__PURE__*/React.createElement(ListItem, {
     className: 'u-pl-2 u-pr-3'
   }, /*#__PURE__*/React.createElement(QualificationListItemText, {

package/transpiled/react/Viewer/helpers.js

@@ -8,7 +8,7 @@ var _models$file = models.file,
     hasQualifications = _models$file.hasQualifications,
     hasCertifications = _models$file.hasCertifications;
 export var knownDateMetadataNames = ['AObtentionDate', 'BObtentionDate', 'CObtentionDate', 'DObtentionDate', 'obtentionDate', 'expirationDate', 'referencedDate', 'issueDate', 'shootingDate', 'date', 'datetime'];
-export var knownInformationMetadataNames = ['number', 'cardNumber', 'vinNumber', 'ibanNumber', 'country', 'passportNumber'];
+export var knownInformationMetadataNames = ['number', 'cardNumber', 'vinNumber', 'ibanNumber', 'country', 'passportNumber', 'noticePeriod'];
 export var knownOtherMetadataNames = ['contact', 'page', 'qualification'];
 export var getCurrentModel = function getCurrentModel(metadataName) {
   if (knownDateMetadataNames.includes(metadataName) || knownInformationMetadataNames.includes(metadataName)) {

package/transpiled/react/Viewer/hoc/withViewerLocales.js

@@ -58,8 +58,10 @@ var en = {
             vinNumber: "Vehicle registration number (VIN)",
             ibanNumber: "IBAN number",
             country: "Country of delivery",
-            passportNumber: "Passport number"
-          }
+            passportNumber: "Passport number",
+            noticePeriod: "Time to expiration alert"
+          },
+          day: "day |||| days"
         },
         contact: "Owner",
         page: "Side of the document",
@@ -152,8 +154,10 @@ var fr = {
             vinNumber: "Num\xE9ro de la carte grise (VIN)",
             ibanNumber: "Num\xE9ro d'IBAN",
             country: "Pays de d\xE9livrance",
-            passportNumber: "Num\xE9ro du passeport"
-          }
+            passportNumber: "Num\xE9ro du passeport",
+            noticePeriod: "D\xE9lai avant l\u2019alerte d\u2019expiration"
+          },
+          day: "jour |||| jours"
         },
         contact: "Titulaire",
         page: "Face du document",