cozy-ui 117.3.0 → 118.0.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [118.0.0](https://github.com/cozy/cozy-ui/compare/v117.3.0...v118.0.0) (2025-03-07)
+
+
+### Features
+
+* Migrate date formatting to es module ([9d4ab11](https://github.com/cozy/cozy-ui/commit/9d4ab11))
+* Migrate to es module ([b677678](https://github.com/cozy/cozy-ui/commit/b677678))
+* Remove tracking API ([a2dade9](https://github.com/cozy/cozy-ui/commit/a2dade9))
+
+
+### BREAKING CHANGES
+
+* 'cozy-ui/transpiled/react/helpers/tracker' endpoint has been removed. It was unused since we removed Piwik. You can safely delete the code.
+
 # [117.3.0](https://github.com/cozy/cozy-ui/compare/v117.2.2...v117.3.0) (2025-02-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "117.3.0",
+  "version": "118.0.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -173,7 +173,6 @@
     "node-polyglot": "^2.5.0",
     "normalize.css": "^8.0.0",
     "pdf-lib": "1.17.1",
-    "piwik-react-router": "0.12.1",
     "react-chartjs-2": "4.1.0",
     "react-markdown": "^4.0.8",
     "react-popper": "^2.2.3",

package/react/helpers/isTesting.js

@@ -1,5 +1,2 @@
-module.exports = () => {
-  return (
-    navigator && navigator.userAgent && navigator.userAgent.includes('Argos')
-  )
-}
+export default () =>
+  navigator && navigator.userAgent && navigator.userAgent.includes('Argos')

package/react/palette.js

@@ -1,5 +1,5 @@
 // GENERATED AUTOMATICALLY FROM stylus/settings/palette.json
-module.exports = {
+export default {
   black: 'var(--black)',
   white: 'var(--white)',
   paleGrey: 'var(--paleGrey)',

package/react/providers/I18n/format.jsx

@@ -1,50 +1,47 @@
 import format from 'date-fns/format'
 import formatDistanceToNow from 'date-fns/formatDistanceToNow'
+import {
+  enGB as enLocale,
+  fr as frLocale,
+  es as esLocale
+} from 'date-fns/locale'
 
 import { DEFAULT_LANG } from '.'
 
-const locales = {}
-let lang = DEFAULT_LANG
+let currentLocale
 
-/**
- * Ensure that the locale is in the correct format for date-fns (see 2.0.0 BC https://github.com/date-fns/date-fns/blob/main/CHANGELOG.md#200---2019-08-20)
- * @param {string} lang
- */
-const ensureLocaleFormat = lang => {
+const getDateFnsLocale = lang => {
   switch (lang) {
     case 'en':
-      return 'en-US'
-    case 'zh_cn':
-      return 'zh-CN'
-    case 'zh_tw':
-      return 'zh-TW'
+      return enLocale
+    case 'fr':
+      return frLocale
+    case 'es':
+      return esLocale
     default:
-      return lang
+      throw new Error('Locale not found')
   }
 }
 
 const getWarningMessage = lang =>
-  `The "${lang}" locale isn't supported by date-fns. or has not been included in the build. Check if you have configured a ContextReplacementPlugin that is too restrictive.`
+  `The "${lang}" locale isn't supported by date-fns or has not been included in the build. Check if you have configured a ContextReplacementPlugin that is too restrictive.`
 
 export const provideDateFnsLocale = (userLang, defaultLang = DEFAULT_LANG) => {
-  lang = ensureLocaleFormat(userLang)
-  const ensureDefaultLang = ensureLocaleFormat(defaultLang)
   try {
-    locales[
-      ensureDefaultLang
-    ] = require(`date-fns/locale/${ensureDefaultLang}/index.js`)
-  } catch (err) {
-    console.warn(getWarningMessage(ensureDefaultLang))
+    const userLocale = getDateFnsLocale(userLang)
+    currentLocale = userLocale
+    return userLocale
+  } catch (e) {
+    console.warn(getWarningMessage(userLang))
   }
 
-  if (lang && lang !== ensureDefaultLang) {
-    try {
-      locales[lang] = require(`date-fns/locale/${lang}/index.js`)
-    } catch (e) {
-      console.warn(getWarningMessage(lang))
-    }
+  try {
+    const defaultLocale = getDateFnsLocale(defaultLang)
+    currentLocale = defaultLocale
+    return defaultLocale
+  } catch (err) {
+    console.warn(getWarningMessage(defaultLang))
   }
-  return locales[lang]
 }
 
 export const initFormat =
@@ -61,5 +58,5 @@ export const initFormat =
   }
 
 export const formatLocallyDistanceToNow = date => {
-  return formatDistanceToNow(date, { locale: locales[lang] })
+  return formatDistanceToNow(date, { locale: currentLocale })
 }

package/react/providers/I18n/format.spec.jsx

@@ -4,9 +4,11 @@ describe('initFormat', () => {
   beforeEach(() => {
     jest.spyOn(console, 'warn').mockImplementation(() => {})
   })
+
   afterEach(() => {
     console.warn.mockRestore()
   })
+
   it('should not throw if a date-fns locale can not be found', () => {
     expect(() => initFormat('unknown-lang', 'unknown-default')).not.toThrow()
   })
@@ -17,7 +19,13 @@ describe('initFormat', () => {
     expect(date).toBe('1970-janvier-01')
   })
 
-  it('should fallback english if a date-fns locale can not be found', () => {
+  it('should use the correct default locale if user locale can not be found', () => {
+    const f = initFormat('it', 'fr')
+    const date = f(0, 'yyyy-LLLL-dd')
+    expect(date).toBe('1970-janvier-01')
+  })
+
+  it('should fallback english if user locale and default locale can not be found', () => {
     const f = initFormat('unknown-lang', 'unknown-default')
     const date = f(0, 'yyyy-LLLL-dd')
     expect(date).toBe('1970-January-01')
@@ -25,6 +33,12 @@ describe('initFormat', () => {
 })
 
 describe('formatLocallyDistanceToNow', () => {
+  beforeEach(() => {
+    // To avoid currentLocale set to 'fr' because of previous tests
+    const f = initFormat('en')
+    f(0, 'yyyy-LLLL-dd')
+  })
+
   it('should formatDistanceToNow with small value', () => {
     const date = Date.now() + 29 * 1000 // 29s
 

package/scripts/make-icon-sprite.sh

@@ -10,4 +10,4 @@ echo "Making icon sprite, output file : ${outfile}..."
 echo $icons | xargs yarn svgstore --inline -o /tmp/icons-sprite.svg
 echo "// GENERATED FILE, DO NOT EDIT THIS FILE BY HAND" > $outfile
 echo "// Use yarn sprite to regenerate" >> $outfile
-echo "module.exports = \``cat /tmp/icons-sprite.svg`\`" >> $outfile
+echo "export default \``cat /tmp/icons-sprite.svg`\`" >> $outfile

package/scripts/make-palette.sh

@@ -7,5 +7,5 @@ JS_PALETTE='react/palette.js'
 
 echo "Making palette, output file : ${JS_PALETTE}..."
 echo "// GENERATED AUTOMATICALLY FROM stylus/settings/palette.json" > $JS_PALETTE
-echo "module.exports = `cat stylus/settings/palette.json`" >> $JS_PALETTE
+echo "export default `cat stylus/settings/palette.json`" >> $JS_PALETTE
 node_modules/.bin/eslint --fix $JS_PALETTE