cozy-ui 127.1.0 → 127.3.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [127.3.0](https://github.com/cozy/cozy-ui/compare/v127.2.0...v127.3.0) (2025-07-21)
+
+
+### Features
+
+* implement virtualized grid :sparkles: ([9a6a475](https://github.com/cozy/cozy-ui/commit/9a6a475))
+
+# [127.2.0](https://github.com/cozy/cozy-ui/compare/v127.1.0...v127.2.0) (2025-07-01)
+
+
+### Features
+
+* **InstallFlagshipAppDialog:** Replace wording and QRCode ([b1bc4c9](https://github.com/cozy/cozy-ui/commit/b1bc4c9))
+
 # [127.1.0](https://github.com/cozy/cozy-ui/compare/v127.0.1...v127.1.0) (2025-07-01)
 
 

package/package.json

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

package/react/CozyDialogs/SpecificDialogs/locales/en.json

@@ -3,19 +3,19 @@
   "allow": "Allow",
   "allow-location-dialog": {
     "title": "Allow access to your location",
-    "description": "Your Cozy needs to always be authorised to access your phone's location in order to memorise and help you analyse your movements, even when the app is not in use.\n\nIt will NEVER be passed on to anyone without your request.\n\nYou can deactivate this feature from the Coach CO2 app settings."
+    "description": "Your Twake needs to always be authorised to access your phone's location in order to memorise and help you analyse your movements, even when the app is not in use.\n\nIt will NEVER be passed on to anyone without your request.\n\nYou can deactivate this feature from the Coach CO2 app settings."
   },
   "install-flagship-app-dialog": {
     "title": "Scan the QR Code",
-    "text": "or go directly to the <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>or <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> to install the Cozy Cloud app",
-    "a11n": "Go to the Cozy Cloud application download page"
+    "text": "or go directly to the <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>or <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> to install the Twake Workplace app",
+    "a11n": "Go to the Twake Workplace application download page"
   },
   "authentification-dialog": {
     "title": "Login",
-    "title-oidc": "Cozy Pass",
+    "title-oidc": "Twake Pass",
     "subtitle": "For security, please confirm your identity",
-    "label": "Cozy password",
-    "label-oidc": "Cozy Pass password",
+    "label": "Twake password",
+    "label-oidc": "Twake Pass password",
     "abort": "Leave",
     "unlock": "Unlock",
     "forgotten-password": "I forgot my password",

package/react/CozyDialogs/SpecificDialogs/locales/fr.json

@@ -3,19 +3,19 @@
   "allow": "Autoriser",
   "allow-location-dialog": {
     "title": "Autoriser l'accès à votre position",
-    "description": "Votre Cozy a besoin d'être toujours autorisé à accéder à la position de votre téléphone pour mémoriser, et vous aider à analyser vos déplacements, même lorsque l'app n'est pas utilisée ou affichée.\n\nElle ne sera JAMAIS transmise à qui que ce soit sans votre demande.\n\nVous pourrez désactiver cette fonctionnalité depuis les paramètres de l'app Coach CO2."
+    "description": "Votre Twake a besoin d'être toujours autorisé à accéder à la position de votre téléphone pour mémoriser, et vous aider à analyser vos déplacements, même lorsque l'app n'est pas utilisée ou affichée.\n\nElle ne sera JAMAIS transmise à qui que ce soit sans votre demande.\n\nVous pourrez désactiver cette fonctionnalité depuis les paramètres de l'app Coach CO2."
   },
   "install-flagship-app-dialog": {
     "title": "Scannez le QR Code",
-    "text": "ou rendez vous directement sur <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>l’App Store</a><br>ou sur le <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> pour installer l’app Cloud Personnel Cozy",
-    "a11n": "Aller sur la page de téléchargement de l'application Cloud Personnel Cozy"
+    "text": "ou rendez vous directement sur <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>l’App Store</a><br>ou sur le <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> pour installer l’app Twake Workplace",
+    "a11n": "Aller sur la page de téléchargement de l'application Twake Workplace"
   },
   "authentification-dialog": {
     "title": "Authentification",
-    "title-oidc": "Cozy Pass",
+    "title-oidc": "Twake Pass",
     "subtitle": "Par sécurité, merci de confirmer votre identité",
-    "label": "Mot de passe Cozy",
-    "label-oidc": "Mot de passe Cozy Pass",
+    "label": "Mot de passe Twake",
+    "label-oidc": "Mot de passe Twake Pass",
     "abort": "Quitter",
     "unlock": "Déverrouiller",
     "forgotten-password": "J'ai oublié mon mot de passe",

package/react/GridList/Virtualized/index.jsx

@@ -0,0 +1,21 @@
+import React, { forwardRef } from 'react'
+import { VirtuosoGrid } from 'react-virtuoso'
+
+const VirtualizedGridList = forwardRef(
+  ({ items = [], itemRenderer, components, ...props }, ref) => {
+    return (
+      <VirtuosoGrid
+        ref={ref}
+        components={components}
+        style={{ height: '100%' }}
+        totalCount={items.length}
+        itemContent={index => itemRenderer(items[index])}
+        {...props}
+      />
+    )
+  }
+)
+
+VirtualizedGridList.displayName = 'VirtualizedGridList'
+
+export default VirtualizedGridList

package/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales.js

@@ -3,19 +3,19 @@ var en = {
   allow: "Allow",
   "allow-location-dialog": {
     title: "Allow access to your location",
-    description: "Your Cozy needs to always be authorised to access your phone's location in order to memorise and help you analyse your movements, even when the app is not in use.\n\nIt will NEVER be passed on to anyone without your request.\n\nYou can deactivate this feature from the Coach CO2 app settings."
+    description: "Your Twake needs to always be authorised to access your phone's location in order to memorise and help you analyse your movements, even when the app is not in use.\n\nIt will NEVER be passed on to anyone without your request.\n\nYou can deactivate this feature from the Coach CO2 app settings."
   },
   "install-flagship-app-dialog": {
     title: "Scan the QR Code",
-    text: "or go directly to the <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>or <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> to install the Cozy Cloud app",
-    a11n: "Go to the Cozy Cloud application download page"
+    text: "or go directly to the <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>App Store</a><br>or <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> to install the Twake\xA0Workplace app",
+    a11n: "Go to the Twake\xA0Workplace application download page"
   },
   "authentification-dialog": {
     title: "Login",
-    "title-oidc": "Cozy Pass",
+    "title-oidc": "Twake Pass",
     subtitle: "For security, please confirm your identity",
-    label: "Cozy password",
-    "label-oidc": "Cozy Pass password",
+    label: "Twake password",
+    "label-oidc": "Twake Pass password",
     abort: "Leave",
     unlock: "Unlock",
     "forgotten-password": "I forgot my password",
@@ -30,19 +30,19 @@ var fr = {
   allow: "Autoriser",
   "allow-location-dialog": {
     title: "Autoriser l'acc\xE8s \xE0 votre position",
-    description: "Votre Cozy a besoin d'\xEAtre toujours autoris\xE9 \xE0 acc\xE9der \xE0 la position de votre t\xE9l\xE9phone pour m\xE9moriser, et vous aider \xE0 analyser vos d\xE9placements, m\xEAme lorsque l'app n'est pas utilis\xE9e ou affich\xE9e.\n\nElle ne sera JAMAIS transmise \xE0 qui que ce soit sans votre demande.\n\nVous pourrez d\xE9sactiver cette fonctionnalit\xE9 depuis les param\xE8tres de l'app Coach CO2."
+    description: "Votre Twake a besoin d'\xEAtre toujours autoris\xE9 \xE0 acc\xE9der \xE0 la position de votre t\xE9l\xE9phone pour m\xE9moriser, et vous aider \xE0 analyser vos d\xE9placements, m\xEAme lorsque l'app n'est pas utilis\xE9e ou affich\xE9e.\n\nElle ne sera JAMAIS transmise \xE0 qui que ce soit sans votre demande.\n\nVous pourrez d\xE9sactiver cette fonctionnalit\xE9 depuis les param\xE8tres de l'app Coach CO2."
   },
   "install-flagship-app-dialog": {
     title: "Scannez le QR Code",
-    text: "ou rendez vous directement sur <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>l\u2019App Store</a><br>ou sur le <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> pour installer l\u2019app Cloud Personnel Cozy",
-    a11n: "Aller sur la page de t\xE9l\xE9chargement de l'application Cloud Personnel Cozy"
+    text: "ou rendez vous directement sur <img src=%{iosIconSrc} /> <a href='%{iosUrl}' class='u-link' target='_blank' rel='noopener'>l\u2019App Store</a><br>ou sur le <img src=%{androidIconSrc} /> <a href='%{androidUrl}' class='u-link' target='_blank' rel='noopener'>Play Store</a> pour installer l\u2019app Twake\xA0Workplace",
+    a11n: "Aller sur la page de t\xE9l\xE9chargement de l'application Twake\xA0Workplace"
   },
   "authentification-dialog": {
     title: "Authentification",
-    "title-oidc": "Cozy Pass",
+    "title-oidc": "Twake Pass",
     subtitle: "Par s\xE9curit\xE9, merci de confirmer votre identit\xE9",
-    label: "Mot de passe Cozy",
-    "label-oidc": "Mot de passe Cozy Pass",
+    label: "Mot de passe Twake",
+    "label-oidc": "Mot de passe Twake Pass",
     abort: "Quitter",
     unlock: "D\xE9verrouiller",
     "forgotten-password": "J'ai oubli\xE9 mon mot de passe",

package/transpiled/react/GridList/Virtualized/index.d.ts

@@ -0,0 +1,3 @@
+export default VirtualizedGridList;
+declare const VirtualizedGridList: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/GridList/Virtualized/index.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["items", "itemRenderer", "components"];
+import React, { forwardRef } from 'react';
+import { VirtuosoGrid } from 'react-virtuoso';
+var VirtualizedGridList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$items = _ref.items,
+      items = _ref$items === void 0 ? [] : _ref$items,
+      itemRenderer = _ref.itemRenderer,
+      components = _ref.components,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(VirtuosoGrid, _extends({
+    ref: ref,
+    components: components,
+    style: {
+      height: '100%'
+    },
+    totalCount: items.length,
+    itemContent: function itemContent(index) {
+      return itemRenderer(items[index]);
+    }
+  }, props));
+});
+VirtualizedGridList.displayName = 'VirtualizedGridList';
+export default VirtualizedGridList;