cozy-ui 117.2.2 → 118.0.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# [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)
+
+
+### Features
+
+* Add FileTypeServer illustration ([740ddb7](https://github.com/cozy/cozy-ui/commit/740ddb7))
+
 ## [117.2.2](https://github.com/cozy/cozy-ui/compare/v117.2.1...v117.2.2) (2025-02-04)
 
 

package/assets/icons/illus/file-type-server.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.799 16.501A4 4 0 0 1 5.923 15h20.155a4 4 0 0 1 3.123 1.501l2.142 2.677A3 3 0 0 1 32 21.052V24H0v-2.948a3 3 0 0 1 .657-1.874L2.8 16.501ZM2.799 2.501A4 4 0 0 1 5.923 1h20.155A4 4 0 0 1 29.2 2.501l2.142 2.677A3 3 0 0 1 32 7.052V10H0V7.052a3 3 0 0 1 .657-1.874L2.8 2.501Z" fill="#197BFF"/><path d="M0 21a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-8ZM0 7a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7Z" fill="#B2D3FF"/><path d="M8 25a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="#297EF2"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "117.2.2",
+  "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/Icon/Readme.md

@@ -693,6 +693,7 @@ import FileTypeBinIcon from 'cozy-ui/transpiled/react/Icons/FileTypeBin'
 import FileTypeCodeIcon from 'cozy-ui/transpiled/react/Icons/FileTypeCode'
 import FileTypeFilesIcon from 'cozy-ui/transpiled/react/Icons/FileTypeFiles'
 import FileTypeFolderIcon from 'cozy-ui/transpiled/react/Icons/FileTypeFolder'
+import FileTypeServerIcon from 'cozy-ui/transpiled/react/Icons/FileTypeServer'
 import FileTypeImageIcon from 'cozy-ui/transpiled/react/Icons/FileTypeImage'
 import FileTypeNoteIcon from 'cozy-ui/transpiled/react/Icons/FileTypeNote'
 import FileTypePdfIcon from 'cozy-ui/transpiled/react/Icons/FileTypePdf'
@@ -733,6 +734,7 @@ const icons = [
   FileTypeCodeIcon,
   FileTypeFilesIcon,
   FileTypeFolderIcon,
+  FileTypeServerIcon,
   FileTypeImageIcon,
   FileTypeNoteIcon,
   FileTypePdfIcon,
@@ -788,7 +790,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'
 
-const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'store', 'top-select', 'trash-duotone', 'cozy']
+const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'store', 'top-select', 'trash-duotone', 'cozy']
 
 ;
 

package/react/Icons/FileTypeServer.jsx

@@ -0,0 +1,23 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/file-type-server.svg` to regenerate;
+import React from 'react'
+
+function SvgFileTypeServer(props) {
+  return (
+    <svg viewBox="0 0 32 32" fill="none" {...props}>
+      <path
+        d="M2.799 16.501A4 4 0 015.923 15h20.155a4 4 0 013.123 1.501l2.142 2.677A3 3 0 0132 21.052V24H0v-2.948a3 3 0 01.657-1.874L2.8 16.501zm0-14A4 4 0 015.923 1h20.155A4 4 0 0129.2 2.501l2.142 2.677A3 3 0 0132 7.052V10H0V7.052a3 3 0 01.657-1.874L2.8 2.501z"
+        fill="#197BFF"
+      />
+      <path
+        d="M0 21a2 2 0 012-2h28a2 2 0 012 2v8a2 2 0 01-2 2H2a2 2 0 01-2-2v-8zM0 7a2 2 0 012-2h28a2 2 0 012 2v8a2 2 0 01-2 2H2a2 2 0 01-2-2V7z"
+        fill="#B2D3FF"
+      />
+      <path
+        d="M8 25a2 2 0 11-4 0 2 2 0 014 0zm0-14a2 2 0 11-4 0 2 2 0 014 0z"
+        fill="#297EF2"
+      />
+    </svg>
+  )
+}
+
+export default SvgFileTypeServer

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