cozy-ui 77.8.0 → 77.9.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [77.9.1](https://github.com/cozy/cozy-ui/compare/v77.9.0...v77.9.1) (2022-11-29)
+
+
+### Bug Fixes
+
+* Fix bottomSheet height if the content is pretty small ([884f89d](https://github.com/cozy/cozy-ui/commit/884f89d))
+* Remove duplicate paths in icons ([5233668](https://github.com/cozy/cozy-ui/commit/5233668))
+
+# [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/assets/icons/ui/folder.svg

@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-32 -32)">
-    <path d="M32,34.0068455 C32,33.4507801 32.4509752,33 32.990778,33 L37.5089948,33 C37.7801695,33 38.1569366,33.1569366 38.3483734,33.3483734 L39.6516266,34.6516266 C39.8440279,34.8440279 40.2307968,35 40.5004358,35 L47.0029699,35 C47.5536144,35 48,35.455761 48,36.0024733 L48,44.9914698 C48,46.1007504 47.1054862,47 46.0059397,47 L33.9940603,47 C32.8927712,47 32,46.1029399 32,44.9941413 L32,34.0068455 Z M32,37 L48,37 L48,38 L32,38 L32,37 Z"/>
-    <path d="M32,34.0068455 C32,33.4507801 32.4509752,33 32.990778,33 L37.5089948,33 C37.7801695,33 38.1569366,33.1569366 38.3483734,33.3483734 L39.6516266,34.6516266 C39.8440279,34.8440279 40.2307968,35 40.5004358,35 L47.0029699,35 C47.5536144,35 48,35.455761 48,36.0024733 L48,44.9914698 C48,46.1007504 47.1054862,47 46.0059397,47 L33.9940603,47 C32.8927712,47 32,46.1029399 32,44.9941413 L32,34.0068455 Z M32,37 L48,37 L48,38 L32,38 L32,37 Z"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 2.007C0 1.45.451 1 .99 1h4.52c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.005 2.005 0 0 1 14.006 15H1.994A2 2 0 0 1 0 12.994V2.007ZM0 5h16v1H0V5Z" fill-rule="evenodd"/></svg>

package/assets/icons/ui/gear.svg

@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-224 -32)">
-    <path d="M238.249356,39.0782973 C238.301407,39.3371436 238.327432,39.6459602 238.327432,40.0037478 C238.327432,40.3615353 238.301407,40.6693526 238.249356,40.9291983 L239.869946,42.2624067 C240.000074,42.3483557 240.032105,42.4652862 239.968042,42.6141978 C239.642723,43.5646335 239.109199,44.4401137 238.36647,45.2416378 C238.262368,45.3655642 238.137246,45.3965458 237.995106,45.335582 L235.964113,44.6679784 C235.443602,45.0637434 234.884053,45.37256 234.284464,45.5944283 L233.875062,47.5932415 C233.849037,47.7401543 233.757948,47.8271027 233.601794,47.8520878 C233.041244,47.9520285 232.507721,48 232.000222,48 C231.492724,48 230.9582,47.9510291 230.398651,47.8520878 C230.242497,47.8281021 230.151408,47.7411537 230.125382,47.5932415 L229.715981,45.5944283 C229.077354,45.3605672 228.517805,45.0507511 228.036332,44.6679784 L226.005339,45.335582 C225.861197,45.3975452 225.738077,45.3655642 225.633974,45.2416378 C224.892246,44.4401137 224.358723,43.5646335 224.032403,42.6141978 C223.967339,42.4662856 224.000371,42.3483557 224.130499,42.2624067 L225.751089,40.9291983 C225.699038,40.6693526 225.673013,40.3625347 225.673013,40.0037478 C225.673013,39.6459602 225.699038,39.3371436 225.751089,39.0782973 L224.130499,37.7460883 C224.000371,37.6601393 223.967339,37.5422093 224.032403,37.3942971 C224.357722,36.4448609 224.891245,35.5683813 225.633974,34.7668572 C225.738077,34.6439302 225.862198,34.6129486 226.005339,34.6739124 L228.036332,35.3405166 C228.516804,34.9577438 229.077354,34.6499266 229.715981,34.4150661 L230.125382,32.4162528 C230.151408,32.2683407 230.242497,32.1823917 230.398651,32.1574065 C231.465698,31.9475312 232.533746,31.9475312 233.600793,32.1574065 C233.756947,32.1813923 233.848036,32.2683407 233.874061,32.4162528 L234.283463,34.4150661 C234.883052,34.6379337 235.442601,34.945751 235.963112,35.3405166 L237.994105,34.6739124 C238.137246,34.6119492 238.261367,34.6439302 238.36547,34.7668572 C239.107197,35.5693807 239.640721,36.4448609 239.967041,37.3942971 C240.031104,37.5422093 239.999073,37.6601393 239.868945,37.7460883 L238.249356,39.0782973 L238.249356,39.0782973 Z M232,36.5 C230.067125,36.5 228.5,38.067125 228.5,40 C228.5,41.932875 230.067125,43.5 232,43.5 C233.932875,43.5 235.5,41.932875 235.5,40 C235.5,38.067125 233.932875,36.5 232,36.5 L232,36.5 Z"/>
-    <path d="M238.249356,39.0782973 C238.301407,39.3371436 238.327432,39.6459602 238.327432,40.0037478 C238.327432,40.3615353 238.301407,40.6693526 238.249356,40.9291983 L239.869946,42.2624067 C240.000074,42.3483557 240.032105,42.4652862 239.968042,42.6141978 C239.642723,43.5646335 239.109199,44.4401137 238.36647,45.2416378 C238.262368,45.3655642 238.137246,45.3965458 237.995106,45.335582 L235.964113,44.6679784 C235.443602,45.0637434 234.884053,45.37256 234.284464,45.5944283 L233.875062,47.5932415 C233.849037,47.7401543 233.757948,47.8271027 233.601794,47.8520878 C233.041244,47.9520285 232.507721,48 232.000222,48 C231.492724,48 230.9582,47.9510291 230.398651,47.8520878 C230.242497,47.8281021 230.151408,47.7411537 230.125382,47.5932415 L229.715981,45.5944283 C229.077354,45.3605672 228.517805,45.0507511 228.036332,44.6679784 L226.005339,45.335582 C225.861197,45.3975452 225.738077,45.3655642 225.633974,45.2416378 C224.892246,44.4401137 224.358723,43.5646335 224.032403,42.6141978 C223.967339,42.4662856 224.000371,42.3483557 224.130499,42.2624067 L225.751089,40.9291983 C225.699038,40.6693526 225.673013,40.3625347 225.673013,40.0037478 C225.673013,39.6459602 225.699038,39.3371436 225.751089,39.0782973 L224.130499,37.7460883 C224.000371,37.6601393 223.967339,37.5422093 224.032403,37.3942971 C224.357722,36.4448609 224.891245,35.5683813 225.633974,34.7668572 C225.738077,34.6439302 225.862198,34.6129486 226.005339,34.6739124 L228.036332,35.3405166 C228.516804,34.9577438 229.077354,34.6499266 229.715981,34.4150661 L230.125382,32.4162528 C230.151408,32.2683407 230.242497,32.1823917 230.398651,32.1574065 C231.465698,31.9475312 232.533746,31.9475312 233.600793,32.1574065 C233.756947,32.1813923 233.848036,32.2683407 233.874061,32.4162528 L234.283463,34.4150661 C234.883052,34.6379337 235.442601,34.945751 235.963112,35.3405166 L237.994105,34.6739124 C238.137246,34.6119492 238.261367,34.6439302 238.36547,34.7668572 C239.107197,35.5693807 239.640721,36.4448609 239.967041,37.3942971 C240.031104,37.5422093 239.999073,37.6601393 239.868945,37.7460883 L238.249356,39.0782973 L238.249356,39.0782973 Z M232,36.5 C230.067125,36.5 228.5,38.067125 228.5,40 C228.5,41.932875 230.067125,43.5 232,43.5 C233.932875,43.5 235.5,41.932875 235.5,40 C235.5,38.067125 233.932875,36.5 232,36.5 L232,36.5 Z"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 0 1-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 0 1-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 0 1-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 0 1 1.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 0 1 3.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332ZM8 4.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z" fill-rule="evenodd"/></svg>

package/assets/icons/ui/share.svg

@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-160 -32)">
-    <path d="M165.082611,42.1593397 C164.543049,42.6798471 163.808912,43 163,43 C161.343146,43 160,41.6568542 160,40 C160,38.3431458 161.343146,37 163,37 C163.808912,37 164.543049,37.3201529 165.082611,37.8406603 L170.022669,35.3706317 C170.007705,35.2491857 170,35.1254927 170,35 C170,33.3431458 171.343146,32 173,32 C174.656854,32 176,33.3431458 176,35 C176,36.6568542 174.656854,38 173,38 C172.191088,38 171.456951,37.6798471 170.917389,37.1593397 L165.977331,39.6293683 C165.992295,39.7508143 166,39.8745073 166,40 C166,40.1254927 165.992295,40.2491857 165.977331,40.3706317 L170.917389,42.8406603 C171.456951,42.3201529 172.191088,42 173,42 C174.656854,42 176,43.3431458 176,45 C176,46.6568542 174.656854,48 173,48 C171.343146,48 170,46.6568542 170,45 C170,44.8745073 170.007705,44.7508143 170.022669,44.6293683 L165.082611,42.1593397 Z"/>
-    <path d="M165.082611,42.1593397 C164.543049,42.6798471 163.808912,43 163,43 C161.343146,43 160,41.6568542 160,40 C160,38.3431458 161.343146,37 163,37 C163.808912,37 164.543049,37.3201529 165.082611,37.8406603 L170.022669,35.3706317 C170.007705,35.2491857 170,35.1254927 170,35 C170,33.3431458 171.343146,32 173,32 C174.656854,32 176,33.3431458 176,35 C176,36.6568542 174.656854,38 173,38 C172.191088,38 171.456951,37.6798471 170.917389,37.1593397 L165.977331,39.6293683 C165.992295,39.7508143 166,39.8745073 166,40 C166,40.1254927 165.992295,40.2491857 165.977331,40.3706317 L170.917389,42.8406603 C171.456951,42.3201529 172.191088,42 173,42 C174.656854,42 176,43.3431458 176,45 C176,46.6568542 174.656854,48 173,48 C171.343146,48 170,46.6568542 170,45 C170,44.8745073 170.007705,44.7508143 170.022669,44.6293683 L165.082611,42.1593397 Z"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M5.083 10.16a3 3 0 1 1 0-4.319l4.94-2.47a3 3 0 1 1 .895 1.789l-4.94 2.47a3.03 3.03 0 0 1 0 .74l4.94 2.47a3 3 0 1 1-.895 1.789l-4.94-2.47Z" fill-rule="evenodd"/></svg>

package/assets/icons/ui/trash.svg

@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-96 -32)">
-    <path d="M100.5,33 L98.0068455,33 C97.4499488,33 97,33.4477153 97,34 L97,35 L111,35 L111,34 C111,33.4438648 110.54922,33 109.993155,33 L107.5,33 L107,32 L101,32 L100.5,33 Z M98,36 L110,36 L110,45.9914698 C110,47.1007504 109.09805,48 107.99147,48 L100.00853,48 C98.8992496,48 98,47.0980496 98,45.9914698 L98,36 Z"/>
-    <path d="M100.5,33 L98.0068455,33 C97.4499488,33 97,33.4477153 97,34 L97,35 L111,35 L111,34 C111,33.4438648 110.54922,33 109.993155,33 L107.5,33 L107,32 L101,32 L100.5,33 Z M98,36 L110,36 L110,45.9914698 C110,47.1007504 109.09805,48 107.99147,48 L100.00853,48 C98.8992496,48 98,47.0980496 98,45.9914698 L98,36 Z"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1ZM2 4h12v9.991A2.01 2.01 0 0 1 11.991 16H4.01A2.01 2.01 0 0 1 2 13.991V4Z" fill-rule="evenodd"/></svg>

package/package.json

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

package/react/BottomSheet/helpers.js

@@ -26,7 +26,6 @@ export const computeMediumHeight = ({
 }) => {
   const mediumHeightOrWithRatio =
     mediumHeight || Math.round(maxHeight * mediumHeightRatio)
-
   if (backdrop) {
     if (mediumHeightOrWithRatio < innerContentHeight) {
       return mediumHeightOrWithRatio < maxHeight
@@ -35,7 +34,7 @@ export const computeMediumHeight = ({
     }
     return innerContentHeight > maxHeight ? maxHeight : innerContentHeight
   }
-
+  if (innerContentHeight < mediumHeightOrWithRatio) return innerContentHeight
   return mediumHeightOrWithRatio > maxHeight
     ? maxHeight
     : mediumHeightOrWithRatio

package/react/BottomSheet/helpers.spec.js

@@ -57,6 +57,17 @@ describe('computeMediumHeight', () => {
 
       expect(res).toBe(800)
     })
+
+    it('should return the innerContentHeight if innerContentHeight < mediumHeight', () => {
+      const res = computeMediumHeight({
+        backdrop: false,
+        maxHeight: 800,
+        mediumHeight: 400,
+        innerContentHeight: 200
+      })
+
+      expect(res).toBe(200)
+    })
   })
 
   describe('with backdrop', () => {

package/react/Icon/icons-sprite.js

@@ -317,21 +317,11 @@ module.exports = `<svg><defs>
     <path fill-rule="evenodd" d="M6 7.003L3 3h10l-3 4.003H6zM13 2H3V0h10v2zM6 16V7h4v9H6z"/>
 </symbol><symbol id="folder-add" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M0 2.007C0 1.45.451 1 .99 1H5.51c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99C16 14.1 15.105 15 14.006 15H1.994A2 2 0 0 1 0 12.994V2.007zM9 5v3H6v2h3v3h2v-3h3V8h-3V5H9z"/>
-</symbol><symbol id="folder-moveto" viewBox="0 0 16 16"><path clip-rule="evenodd" d="M5.509 1c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.003 2.003 0 0 1 14.006 15H1.994A2 2 0 0 1 0 12.994V2.007C0 1.45.451 1 .99 1h4.52ZM11.5 6a1 1 0 0 0-1.497 1.32l.083.094.5.586H6a1 1 0 0 0-.117 1.993L6 10h4.586l-.5.586a1 1 0 0 0 1.32 1.497L11.5 12l2.207-2.293a1 1 0 0 0 .083-1.32l-.083-.094L11.5 6Z"/></symbol><symbol id="folder" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-32 -32)">
-    <path d="M32,34.0068455 C32,33.4507801 32.4509752,33 32.990778,33 L37.5089948,33 C37.7801695,33 38.1569366,33.1569366 38.3483734,33.3483734 L39.6516266,34.6516266 C39.8440279,34.8440279 40.2307968,35 40.5004358,35 L47.0029699,35 C47.5536144,35 48,35.455761 48,36.0024733 L48,44.9914698 C48,46.1007504 47.1054862,47 46.0059397,47 L33.9940603,47 C32.8927712,47 32,46.1029399 32,44.9941413 L32,34.0068455 Z M32,37 L48,37 L48,38 L32,38 L32,37 Z"/>
-    <path d="M32,34.0068455 C32,33.4507801 32.4509752,33 32.990778,33 L37.5089948,33 C37.7801695,33 38.1569366,33.1569366 38.3483734,33.3483734 L39.6516266,34.6516266 C39.8440279,34.8440279 40.2307968,35 40.5004358,35 L47.0029699,35 C47.5536144,35 48,35.455761 48,36.0024733 L48,44.9914698 C48,46.1007504 47.1054862,47 46.0059397,47 L33.9940603,47 C32.8927712,47 32,46.1029399 32,44.9941413 L32,34.0068455 Z M32,37 L48,37 L48,38 L32,38 L32,37 Z"/>
-  </g>
-</symbol><symbol id="forbidden" viewBox="0 0 16 16">
+</symbol><symbol id="folder-moveto" viewBox="0 0 16 16"><path clip-rule="evenodd" d="M5.509 1c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.003 2.003 0 0 1 14.006 15H1.994A2 2 0 0 1 0 12.994V2.007C0 1.45.451 1 .99 1h4.52ZM11.5 6a1 1 0 0 0-1.497 1.32l.083.094.5.586H6a1 1 0 0 0-.117 1.993L6 10h4.586l-.5.586a1 1 0 0 0 1.32 1.497L11.5 12l2.207-2.293a1 1 0 0 0 .083-1.32l-.083-.094L11.5 6Z"/></symbol><symbol id="folder" viewBox="0 0 16 16"><path d="M0 2.007C0 1.45.451 1 .99 1h4.52c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.005 2.005 0 0 1 14.006 15H1.994A2 2 0 0 1 0 12.994V2.007ZM0 5h16v1H0V5Z" fill-rule="evenodd"/></symbol><symbol id="forbidden" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M3.11 4.523a6 6 0 0 0 8.367 8.367L3.109 4.524zM4.522 3.11l8.368 8.368A6 6 0 0 0 4.524 3.11zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
 </symbol><symbol id="from-user" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M11 0h5v5l-1.793-1.793-2.451 2.452-.265-.149c-.264 1.889-1.706 3.338-3.46 3.338-1.941 0-3.515-1.771-3.515-3.955C4.516 2.708 6.09.937 8.031.937c.191 0 .373.031.555.063l1 1-1.793 1.793 1.414 1.414 1.995-1.995c.018.041.026.088.041.131l1.55-1.55L11 0zm.547 9.727c1.758 0 3.516 2.637 3.516 3.516s0 1.757-.88 1.757H1.88c-.88 0-.88-.878-.88-1.757 0-.88 1.759-3.516 3.517-3.516s.879.879 3.515.879c2.637 0 1.758-.88 3.516-.88z"/>
-</symbol><symbol id="gear" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-224 -32)">
-    <path d="M238.249356,39.0782973 C238.301407,39.3371436 238.327432,39.6459602 238.327432,40.0037478 C238.327432,40.3615353 238.301407,40.6693526 238.249356,40.9291983 L239.869946,42.2624067 C240.000074,42.3483557 240.032105,42.4652862 239.968042,42.6141978 C239.642723,43.5646335 239.109199,44.4401137 238.36647,45.2416378 C238.262368,45.3655642 238.137246,45.3965458 237.995106,45.335582 L235.964113,44.6679784 C235.443602,45.0637434 234.884053,45.37256 234.284464,45.5944283 L233.875062,47.5932415 C233.849037,47.7401543 233.757948,47.8271027 233.601794,47.8520878 C233.041244,47.9520285 232.507721,48 232.000222,48 C231.492724,48 230.9582,47.9510291 230.398651,47.8520878 C230.242497,47.8281021 230.151408,47.7411537 230.125382,47.5932415 L229.715981,45.5944283 C229.077354,45.3605672 228.517805,45.0507511 228.036332,44.6679784 L226.005339,45.335582 C225.861197,45.3975452 225.738077,45.3655642 225.633974,45.2416378 C224.892246,44.4401137 224.358723,43.5646335 224.032403,42.6141978 C223.967339,42.4662856 224.000371,42.3483557 224.130499,42.2624067 L225.751089,40.9291983 C225.699038,40.6693526 225.673013,40.3625347 225.673013,40.0037478 C225.673013,39.6459602 225.699038,39.3371436 225.751089,39.0782973 L224.130499,37.7460883 C224.000371,37.6601393 223.967339,37.5422093 224.032403,37.3942971 C224.357722,36.4448609 224.891245,35.5683813 225.633974,34.7668572 C225.738077,34.6439302 225.862198,34.6129486 226.005339,34.6739124 L228.036332,35.3405166 C228.516804,34.9577438 229.077354,34.6499266 229.715981,34.4150661 L230.125382,32.4162528 C230.151408,32.2683407 230.242497,32.1823917 230.398651,32.1574065 C231.465698,31.9475312 232.533746,31.9475312 233.600793,32.1574065 C233.756947,32.1813923 233.848036,32.2683407 233.874061,32.4162528 L234.283463,34.4150661 C234.883052,34.6379337 235.442601,34.945751 235.963112,35.3405166 L237.994105,34.6739124 C238.137246,34.6119492 238.261367,34.6439302 238.36547,34.7668572 C239.107197,35.5693807 239.640721,36.4448609 239.967041,37.3942971 C240.031104,37.5422093 239.999073,37.6601393 239.868945,37.7460883 L238.249356,39.0782973 L238.249356,39.0782973 Z M232,36.5 C230.067125,36.5 228.5,38.067125 228.5,40 C228.5,41.932875 230.067125,43.5 232,43.5 C233.932875,43.5 235.5,41.932875 235.5,40 C235.5,38.067125 233.932875,36.5 232,36.5 L232,36.5 Z"/>
-    <path d="M238.249356,39.0782973 C238.301407,39.3371436 238.327432,39.6459602 238.327432,40.0037478 C238.327432,40.3615353 238.301407,40.6693526 238.249356,40.9291983 L239.869946,42.2624067 C240.000074,42.3483557 240.032105,42.4652862 239.968042,42.6141978 C239.642723,43.5646335 239.109199,44.4401137 238.36647,45.2416378 C238.262368,45.3655642 238.137246,45.3965458 237.995106,45.335582 L235.964113,44.6679784 C235.443602,45.0637434 234.884053,45.37256 234.284464,45.5944283 L233.875062,47.5932415 C233.849037,47.7401543 233.757948,47.8271027 233.601794,47.8520878 C233.041244,47.9520285 232.507721,48 232.000222,48 C231.492724,48 230.9582,47.9510291 230.398651,47.8520878 C230.242497,47.8281021 230.151408,47.7411537 230.125382,47.5932415 L229.715981,45.5944283 C229.077354,45.3605672 228.517805,45.0507511 228.036332,44.6679784 L226.005339,45.335582 C225.861197,45.3975452 225.738077,45.3655642 225.633974,45.2416378 C224.892246,44.4401137 224.358723,43.5646335 224.032403,42.6141978 C223.967339,42.4662856 224.000371,42.3483557 224.130499,42.2624067 L225.751089,40.9291983 C225.699038,40.6693526 225.673013,40.3625347 225.673013,40.0037478 C225.673013,39.6459602 225.699038,39.3371436 225.751089,39.0782973 L224.130499,37.7460883 C224.000371,37.6601393 223.967339,37.5422093 224.032403,37.3942971 C224.357722,36.4448609 224.891245,35.5683813 225.633974,34.7668572 C225.738077,34.6439302 225.862198,34.6129486 226.005339,34.6739124 L228.036332,35.3405166 C228.516804,34.9577438 229.077354,34.6499266 229.715981,34.4150661 L230.125382,32.4162528 C230.151408,32.2683407 230.242497,32.1823917 230.398651,32.1574065 C231.465698,31.9475312 232.533746,31.9475312 233.600793,32.1574065 C233.756947,32.1813923 233.848036,32.2683407 233.874061,32.4162528 L234.283463,34.4150661 C234.883052,34.6379337 235.442601,34.945751 235.963112,35.3405166 L237.994105,34.6739124 C238.137246,34.6119492 238.261367,34.6439302 238.36547,34.7668572 C239.107197,35.5693807 239.640721,36.4448609 239.967041,37.3942971 C240.031104,37.5422093 239.999073,37.6601393 239.868945,37.7460883 L238.249356,39.0782973 L238.249356,39.0782973 Z M232,36.5 C230.067125,36.5 228.5,38.067125 228.5,40 C228.5,41.932875 230.067125,43.5 232,43.5 C233.932875,43.5 235.5,41.932875 235.5,40 C235.5,38.067125 233.932875,36.5 232,36.5 L232,36.5 Z"/>
-  </g>
-</symbol><symbol id="globe" viewBox="0 0 16 16">
+</symbol><symbol id="gear" viewBox="0 0 16 16"><path d="M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 0 1-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 0 1-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 0 1-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 0 1 1.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 0 1 3.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332ZM8 4.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z" fill-rule="evenodd"/></symbol><symbol id="globe" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M7.889 13.999L7 10 6 9 4 6l-.355-2.128A6 6 0 0 0 7.888 14zm.238-11.998L10 3.5V5L8 6.5l-1.5 1 .5 1 3 .5 1 1v1.5l-1.549 2.323A6 6 0 0 0 8.127 2.001zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
 </symbol><symbol id="graph-circle" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M7 16A7 7 0 0 1 7 2v7h7a7 7 0 0 1-7 7zm2-9V0a7 7 0 0 1 7 7H9z"/>
@@ -500,12 +490,7 @@ module.exports = `<svg><defs>
     <g fill-rule="evenodd">
         <path d="M5 6v2H3v6h10V8h-2V6h2c1.105 0 2 .895 2 2v6c0 1.105-.895 2-2 2H3c-1.105 0-2-.895-2-2V8c0-1.105.895-2 2-2h2zM8.707.293L11.5 3.086c.39.39.39 1.023 0 1.414-.39.39-1.024.39-1.414 0L9 3.414V11c0 .552-.448 1-1 1s-1-.448-1-1V3.414L6 4.5c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.024 0-1.414L7.293.293c.39-.39 1.024-.39 1.414 0z"/>
     </g>
-</symbol><symbol id="share" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-160 -32)">
-    <path d="M165.082611,42.1593397 C164.543049,42.6798471 163.808912,43 163,43 C161.343146,43 160,41.6568542 160,40 C160,38.3431458 161.343146,37 163,37 C163.808912,37 164.543049,37.3201529 165.082611,37.8406603 L170.022669,35.3706317 C170.007705,35.2491857 170,35.1254927 170,35 C170,33.3431458 171.343146,32 173,32 C174.656854,32 176,33.3431458 176,35 C176,36.6568542 174.656854,38 173,38 C172.191088,38 171.456951,37.6798471 170.917389,37.1593397 L165.977331,39.6293683 C165.992295,39.7508143 166,39.8745073 166,40 C166,40.1254927 165.992295,40.2491857 165.977331,40.3706317 L170.917389,42.8406603 C171.456951,42.3201529 172.191088,42 173,42 C174.656854,42 176,43.3431458 176,45 C176,46.6568542 174.656854,48 173,48 C171.343146,48 170,46.6568542 170,45 C170,44.8745073 170.007705,44.7508143 170.022669,44.6293683 L165.082611,42.1593397 Z"/>
-    <path d="M165.082611,42.1593397 C164.543049,42.6798471 163.808912,43 163,43 C161.343146,43 160,41.6568542 160,40 C160,38.3431458 161.343146,37 163,37 C163.808912,37 164.543049,37.3201529 165.082611,37.8406603 L170.022669,35.3706317 C170.007705,35.2491857 170,35.1254927 170,35 C170,33.3431458 171.343146,32 173,32 C174.656854,32 176,33.3431458 176,35 C176,36.6568542 174.656854,38 173,38 C172.191088,38 171.456951,37.6798471 170.917389,37.1593397 L165.977331,39.6293683 C165.992295,39.7508143 166,39.8745073 166,40 C166,40.1254927 165.992295,40.2491857 165.977331,40.3706317 L170.917389,42.8406603 C171.456951,42.3201529 172.191088,42 173,42 C174.656854,42 176,43.3431458 176,45 C176,46.6568542 174.656854,48 173,48 C171.343146,48 170,46.6568542 170,45 C170,44.8745073 170.007705,44.7508143 170.022669,44.6293683 L165.082611,42.1593397 Z"/>
-  </g>
-</symbol><symbol id="shield" viewBox="0 0 16 16">
+</symbol><symbol id="share" viewBox="0 0 16 16"><path d="M5.083 10.16a3 3 0 1 1 0-4.319l4.94-2.47a3 3 0 1 1 .895 1.789l-4.94 2.47a3.03 3.03 0 0 1 0 .74l4.94 2.47a3 3 0 1 1-.895 1.789l-4.94-2.47Z" fill-rule="evenodd"/></symbol><symbol id="shield" viewBox="0 0 16 16">
   <g fill-rule="evenodd">
     <path d="M8 0C9.20521 0 10.3958 0.161508 11.7816 0.497858C13.0017 0.79361 14.2524 1.21086 15.5333 1.74843C15.8038 1.84297 16 2.08508 16 2.3672C16 5.70315 15.5174 8.29912 14.3128 10.4515C13.1076 12.6172 11.2094 14.3253 8.40627 15.8989C8.16596 16.0337 7.84964 16.0337 7.60833 15.8989C4.80591 14.3253 2.90797 12.6172 1.70243 10.4515C0.49722 8.29912 0 5.70315 0 2.3672C0 2.12034 0.15019 1.90412 0.379636 1.79059L0.482616 1.74843C1.7479 1.21086 2.99826 0.79361 4.23334 0.497858C5.60485 0.161508 6.81039 0 8 0ZM8 2C6.98556 2 5.93935 2.13874 4.69909 2.44287C3.89685 2.63497 3.08355 2.88465 2.2592 3.19225L2.014 3.286L2.02834 3.64806C2.1358 5.97025 2.55108 7.75457 3.31204 9.22285L3.44993 9.47871C4.34101 11.0795 5.72634 12.4281 7.84879 13.723L8.007 13.818L8.16353 13.7244C10.1711 12.5 11.5185 11.2287 12.4142 9.73979L12.5676 9.47474C13.4082 7.97259 13.8602 6.12463 13.9721 3.65506L13.985 3.283L13.7512 3.19376C13.0851 2.94655 12.4311 2.73671 11.7891 2.564L11.3099 2.44143C10.0547 2.13679 9.02322 2 8 2ZM8 4C8.76147 4 9.53815 4.09217 10.4778 4.30112L10.8381 4.385L11.2935 4.50163L11.7186 4.62187L11.893 4.675L11.8889 4.73299C11.7379 6.17337 11.4298 7.31061 10.9557 8.24741L10.8223 8.49801L10.6832 8.73794L10.5465 8.95553C10.0314 9.74198 9.31695 10.4776 8.33818 11.203L8.007 11.44L7.999 11.435L8 4Z"/>
   </g>
@@ -538,12 +523,7 @@ module.exports = `<svg><defs>
   </g>
 </symbol><symbol id="to-the-cloud" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M12.112 5.665a4.132 4.132 0 0 0-1.239-2.475A4.227 4.227 0 0 0 7.918 2c-1.112 0-2.16.422-2.955 1.19-.237.229-.43.487-.603.756l2.847 2.847L9 5v5H4l1.793-1.793-2.452-2.451a4.21 4.21 0 0 0-2.136 1.148A4.124 4.124 0 0 0 0 9.824C0 12.127 1.895 14 4.225 14h7.507c2.33 0 4.227-1.873 4.227-4.176 0-2.176-1.694-3.968-3.847-4.159"/>
-</symbol><symbol id="train" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4v7a3 3 0 0 1-2.536 2.964L14 15.5v.5h-2l-2-2H6l-2 2H2v-.5l1.536-1.536A3 3 0 0 1 1 11V4c0-3 3-4 7-4s7 1 7 4ZM3 7h4V3H3v4Zm6-4v4h4V3H9Zm-3 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></symbol><symbol id="trash" viewBox="0 0 16 16">
-  <g fill-rule="evenodd" transform="translate(-96 -32)">
-    <path d="M100.5,33 L98.0068455,33 C97.4499488,33 97,33.4477153 97,34 L97,35 L111,35 L111,34 C111,33.4438648 110.54922,33 109.993155,33 L107.5,33 L107,32 L101,32 L100.5,33 Z M98,36 L110,36 L110,45.9914698 C110,47.1007504 109.09805,48 107.99147,48 L100.00853,48 C98.8992496,48 98,47.0980496 98,45.9914698 L98,36 Z"/>
-    <path d="M100.5,33 L98.0068455,33 C97.4499488,33 97,33.4477153 97,34 L97,35 L111,35 L111,34 C111,33.4438648 110.54922,33 109.993155,33 L107.5,33 L107,32 L101,32 L100.5,33 Z M98,36 L110,36 L110,45.9914698 C110,47.1007504 109.09805,48 107.99147,48 L100.00853,48 C98.8992496,48 98,47.0980496 98,45.9914698 L98,36 Z"/>
-  </g>
-</symbol><symbol id="trophy" viewBox="0 0 16 16">
+</symbol><symbol id="train" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4v7a3 3 0 0 1-2.536 2.964L14 15.5v.5h-2l-2-2H6l-2 2H2v-.5l1.536-1.536A3 3 0 0 1 1 11V4c0-3 3-4 7-4s7 1 7 4ZM3 7h4V3H3v4Zm6-4v4h4V3H9Zm-3 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></symbol><symbol id="trash" viewBox="0 0 16 16"><path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1ZM2 4h12v9.991A2.01 2.01 0 0 1 11.991 16H4.01A2.01 2.01 0 0 1 2 13.991V4Z" fill-rule="evenodd"/></symbol><symbol id="trophy" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M3 2V1c0-.552.456-1 .995-1h8.01c.55 0 .995.444.995 1v1h2.001a1 1 0 0 1 .999.99v3.012c0 1.104-.852 2.282-1.9 2.631L13 9l-4 3v2h.508c.548 0 1.26.358 1.593.802L12 16H4l.899-1.198C5.23 14.359 5.942 14 6.492 14H7v-2L3 9l-1.1-.367C.85 8.283 0 7.102 0 6.003V2.99C0 2.444.443 2 .999 2H3zm0 2H2v2.505c0 .273.232.495.5.495H3V4zm10 0v3h.5c.268 0 .5-.222.5-.495V4h-1z"/>
 </symbol><symbol id="unknow" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.968-10.9c1.777.372 3.182 1.858 3.472 3.65a4.507 4.507 0 0 1-2.828 4.953l-.112.039V11h-3V8.5a1.5 1.5 0 0 1 1.356-1.493L8 7a1.5 1.5 0 1 0-1.493-1.645L6.5 5.5h-3a4.506 4.506 0 0 1 5.468-4.4Z"/></symbol><symbol id="unlink" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M.151 2.849l1.414-1.414 13 13-1.414 1.414-4.453-4.452c-1.099.059-2.202-.298-3-1.095a1.044 1.044 0 0 1 0-1.475c.077-.076.168-.124.26-.172L5.302 8l-2.909 2.91a1.04 1.04 0 0 0-.007 1.472l1.23 1.23a1.04 1.04 0 0 0 1.468-.002l1.656-1.656a1.042 1.042 0 1 1 1.474 1.475L6.56 15.085a3.126 3.126 0 0 1-4.418.002l-1.229-1.23A3.125 3.125 0 0 1 .92 9.437l2.91-2.91L.15 2.849zm10.15 2.85a1.044 1.044 0 0 1 0 1.475c-.033.034-.078.048-.115.076L7.53 4.595c1.023 0 2.03.362 2.77 1.104zm4.786-3.556a3.126 3.126 0 0 1-.007 4.422l-2.79 2.79-1.474-1.474 2.79-2.79a1.04 1.04 0 0 0 .006-1.473l-1.23-1.23a1.042 1.042 0 0 0-1.468.002L9.259 4.045A1.042 1.042 0 1 1 7.784 2.57L9.44.915a3.127 3.127 0 0 1 4.418-.001l1.229 1.229z"/>

package/react/Icons/Folder.jsx

@@ -1,13 +1,13 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/folder.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/folder.svg` to regenerate;
 import React from 'react'
 
 function SvgFolder(props) {
   return (
     <svg viewBox="0 0 16 16" {...props}>
-      <g fillRule="evenodd">
-        <path d="M0 2.007C0 1.45.451 1 .99 1H5.51c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99C16 14.1 15.105 15 14.006 15H1.994A2 2 0 010 12.994V2.007zM0 5h16v1H0V5z" />
-        <path d="M0 2.007C0 1.45.451 1 .99 1H5.51c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99C16 14.1 15.105 15 14.006 15H1.994A2 2 0 010 12.994V2.007zM0 5h16v1H0V5z" />
-      </g>
+      <path
+        d="M0 2.007C0 1.45.451 1 .99 1h4.52c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.005 2.005 0 0114.006 15H1.994A2 2 0 010 12.994V2.007zM0 5h16v1H0V5z"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

package/react/Icons/Gear.jsx

@@ -1,13 +1,13 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/gear.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/gear.svg` to regenerate;
 import React from 'react'
 
 function SvgGear(props) {
   return (
     <svg viewBox="0 0 16 16" {...props}>
-      <g fillRule="evenodd">
-        <path d="M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 01-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 01-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 01-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 011.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 013.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332zM8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7z" />
-        <path d="M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 01-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 01-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 01-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 011.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 013.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332zM8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7z" />
-      </g>
+      <path
+        d="M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 01-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 01-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 01-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 011.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 013.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332zM8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7z"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

package/react/Icons/Share.jsx

@@ -1,13 +1,13 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/share.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh /Users/vdnj/Documents/CozyCloud/cozy-ui/assets/icons/ui/share.svg` to regenerate;
 import React from 'react'
 
 function SvgShare(props) {
   return (
     <svg viewBox="0 0 16 16" {...props}>
-      <g fillRule="evenodd">
-        <path d="M5.083 10.16a3 3 0 110-4.319l4.94-2.47a3 3 0 11.895 1.789l-4.94 2.47a3.03 3.03 0 010 .74l4.94 2.47a3 3 0 11-.895 1.789l-4.94-2.47z" />
-        <path d="M5.083 10.16a3 3 0 110-4.319l4.94-2.47a3 3 0 11.895 1.789l-4.94 2.47a3.03 3.03 0 010 .74l4.94 2.47a3 3 0 11-.895 1.789l-4.94-2.47z" />
-      </g>
+      <path
+        d="M5.083 10.16a3 3 0 110-4.319l4.94-2.47a3 3 0 11.895 1.789l-4.94 2.47a3.03 3.03 0 010 .74l4.94 2.47a3 3 0 11-.895 1.789l-4.94-2.47z"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

package/react/Icons/Trash.jsx

@@ -1,13 +1,13 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/trash.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/trash.svg` to regenerate;
 import React from 'react'
 
 function SvgTrash(props) {
   return (
     <svg viewBox="0 0 16 16" {...props}>
-      <g fillRule="evenodd">
-        <path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1zM2 4h12v9.991A2.01 2.01 0 0111.991 16H4.01A2.01 2.01 0 012 13.991V4z" />
-        <path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1zM2 4h12v9.991A2.01 2.01 0 0111.991 16H4.01A2.01 2.01 0 012 13.991V4z" />
-      </g>
+      <path
+        d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2a1 1 0 00-1.007-1H11.5L11 0H5l-.5 1zM2 4h12v9.991A2.01 2.01 0 0111.991 16H4.01A2.01 2.01 0 012 13.991V4z"
+        fillRule="evenodd"
+      />
     </svg>
   )
 }

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",