Update date-fns to 2.29.3

package.json

@@ -160,7 +160,7 @@
     "chart.js": "3.7.1",
     "classnames": "^2.2.5",
     "cozy-interapp": "^0.5.4",
-    "date-fns": "^1.28.5",
+    "date-fns": "^2.29.3",
     "filesize": "8.0.7",
     "hammerjs": "^2.0.8",
     "intersection-observer": "0.11.0",

react/BarContextProvider/index.spec.jsx

@@ -22,7 +22,7 @@ const DumbHelloWorld = translate()(({ t, f, lang }) => (
   <div>
     {t('helloworld')}
     <br />
-    {f('2020-01-06', 'DDD MMM')}
+    {f(new Date('2020-01-06'), 'd MMM')}
     <br />
     {lang}
   </div>

react/DateMonthPicker/index.jsx

@@ -51,7 +51,7 @@ const DateMonthPicker = ({ initialValue, onSelect }) => {
 
   const handleClickMonth = month => {
     const d = new Date(year, month, 1)
-    onSelect(format(d, 'YYYY-MM-DD'))
+    onSelect(format(d, 'yyyy-MM-dd'))
   }
   return (
     <div>
@@ -94,7 +94,7 @@ const dateMonthProp = function(props, propName, componentName) {
         '` supplied to' +
         ' `' +
         componentName +
-        '`. Should be in the form YYYY-MM.'
+        '`. Should be in the form yyyy-MM.'
     )
   }
 }

react/FilePicker/FilePickerBodyItem.jsx

@@ -56,7 +56,7 @@ const FilePickerBodyItem = ({
   const Input = multiple ? Checkbox : Radio
 
   const listItemSecondaryContent = isFile(item)
-    ? `${f(item.updated_at, 'DD MMM YYYY')} - ${filesize(item.size, {
+    ? `${f(item.updated_at, 'dd MMM yyyy')} - ${filesize(item.size, {
         base: 10
       })}`
     : null

react/I18n/format.jsx

@@ -1,42 +1,52 @@
 import format from 'date-fns/format'
 import { DEFAULT_LANG } from '.'
-import formatDistanceToNow from 'date-fns/distance_in_words_to_now'
-import formatDistanceStrict from 'date-fns/distance_in_words_strict'
+import formatDistanceToNow from 'date-fns/formatDistanceToNow'
+import formatDistanceToNowStrict from 'date-fns/formatDistanceToNowStrict'
 
 const locales = {}
-let lang = DEFAULT_LANG
+let lang = DEFAULT_LANG === 'en' ? 'en-US' : DEFAULT_LANG
 
 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.`
 
 export const provideDateFnsLocale = (userLang, defaultLang = DEFAULT_LANG) => {
-  lang = userLang
+  const resolvedDefaultLang = defaultLang === 'en' ? 'en-US' : defaultLang
+  const resolvedUserLang = userLang === 'en' ? 'en-US' : userLang
   try {
-    locales[defaultLang] = require(`date-fns/locale/${defaultLang}/index.js`)
+    locales[
+      resolvedDefaultLang
+    ] = require(`date-fns/locale/${resolvedDefaultLang}/index.js`)
   } catch (err) {
-    console.warn(getWarningMessage(defaultLang))
+    console.warn(getWarningMessage(resolvedDefaultLang))
   }
-
-  if (lang && lang !== defaultLang) {
+  if (resolvedUserLang && resolvedUserLang !== resolvedDefaultLang) {
     try {
-      locales[lang] = require(`date-fns/locale/${lang}/index.js`)
+      locales[
+        resolvedUserLang
+      ] = require(`date-fns/locale/${resolvedUserLang}/index.js`)
     } catch (e) {
-      console.warn(getWarningMessage(lang))
+      console.warn(getWarningMessage(resolvedUserLang))
     }
   }
+  lang = resolvedUserLang
   return locales[lang]
 }
 
 export const initFormat = (userLang, defaultLang = DEFAULT_LANG) => (
   date,
   formatStr
 ) => {
+  const dateObject = new Date(date)
   const locale = provideDateFnsLocale(userLang, defaultLang)
-  return format(date, formatStr, { locale })
+  return format(dateObject, formatStr, { locale })
 }
 
-export const formatLocallyDistanceToNow = date =>
-  formatDistanceToNow(date, { locale: locales[lang] })
+export const formatLocallyDistanceToNow = date => {
+  const dateObject = new Date(date)
+  return formatDistanceToNow(dateObject, { locale: locales[lang] })
+}
 
-export const formatLocallyDistanceToNowStrict = date =>
-  formatDistanceStrict(Date.now(), date, { locale: locales[lang] })
+export const formatLocallyDistanceToNowStrict = date => {
+  const dateObject = new Date(date)
+  return formatDistanceToNowStrict(dateObject, { locale: locales[lang] })
+}

react/I18n/format.spec.jsx

@@ -64,7 +64,7 @@ describe('formatLocallyDistanceToNowStrict', () => {
 
     const result = formatLocallyDistanceToNowStrict(date)
 
-    expect(result).toEqual('44 minutes')
+    expect(result).toEqual('45 minutes')
   })
 
   it('should formatDistanceToNowStrict with high value', () => {

react/I18n/index.spec.jsx

@@ -9,7 +9,7 @@ const DumbI18nHelloWorld = ({ t, f, lang }) => (
   <div>
     {t('helloworld')}
     <br />
-    {f('2020-01-06', 'DDD MMM')}
+    {f(new Date('2020-01-06'), 'd MMM')}
     <br />
     {lang}
   </div>

react/Viewer/helpers.js

@@ -131,9 +131,9 @@ export const formatMetadataQualification = metadata => {
 
 export const formatDate = ({ f, lang, date }) => {
   if (lang === 'en') {
-    return f(date, 'MM/DD/YYYY')
+    return f(new Date(date), 'MM/dd/yyyy')
   }
-  return f(date, 'DD/MM/YYYY')
+  return f(new Date(date), 'dd/MM/yyyy')
 }
 
 /**

yarn.lock

@@ -6460,12 +6460,12 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-[email protected]:
+[email protected], date-fns@^2.29.3:
   version "2.29.3"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.3.tgz#27402d2fc67eb442b511b70bbdf98e6411cd68a8"
   integrity sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==
 
-date-fns@^1.28.5, date-fns@^1.30.1:
+date-fns@^1.30.1:
   version "1.30.1"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.30.1.tgz#2e71bf0b119153dbb4cc4e88d9ea5acfb50dc05c"
   integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==