cozy-ui 111.5.0 → 111.7.0

package/react/hooks/useEventListener.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'react'
+
 import { unRef } from '../helpers/ref'
 
 const useEventListener = (element, event, cb) => {

package/react/hooks/useEventListener.spec.js

@@ -1,6 +1,7 @@
-import useEventListener from './useEventListener'
 import { renderHook } from '@testing-library/react-hooks'
 
+import useEventListener from './useEventListener'
+
 const triggerEvent = (element, eventType) => {
   const event = new Event(eventType)
   element.dispatchEvent(event)

package/react/hooks/usePeriodicRender.spec.js

@@ -1,6 +1,7 @@
-import usePeriodicRender from './usePeriodicRender'
 import { renderHook } from '@testing-library/react-hooks'
 
+import usePeriodicRender from './usePeriodicRender'
+
 async function wait(duration) {
   return new Promise(resolve => {
     window.setTimeout(() => {

package/react/hooks/useRealtime.spec.js

@@ -1,6 +1,7 @@
-import useRealtime from './useRealtime'
 import { renderHook } from '@testing-library/react-hooks'
 
+import useRealtime from './useRealtime'
+
 it('should subscribe to realtime events according to given specs', () => {
   const onCreateOrUpdate = jest.fn()
 

package/react/hooks/useScroll.jsx

@@ -1,5 +1,5 @@
-import { useState } from 'react'
 import debounce from 'lodash/debounce'
+import { useState } from 'react'
 
 import useEventListener from './useEventListener'
 import { unRef } from '../helpers/ref'

package/react/hooks/useScroll.spec.jsx

@@ -1,4 +1,5 @@
 import { renderHook, act } from '@testing-library/react-hooks'
+
 import useScroll from './useScroll'
 
 jest.mock('lodash/debounce', () => fn => fn)

package/react/hooks/useSetFlagshipUi/helpers.js

@@ -1,5 +1,4 @@
 // eslint-disable-next-line no-unused-vars
-import { FlagshipUI } from './useSetFlagshipUI'
 import { getFlagshipMetadata as getFlagshipMetadataFromDeviceHelper } from 'cozy-device-helper'
 
 /**

package/react/hooks/useSetFlagshipUi/useSetFlagshipUI.spec.ts

@@ -1,8 +1,10 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 import { renderHook } from '@testing-library/react-hooks'
-import { useSetFlagshipUI } from './useSetFlagshipUI'
+
 import { useWebviewIntent } from 'cozy-intent'
 
+import { useSetFlagshipUI } from './useSetFlagshipUI'
+
 jest.mock('cozy-intent')
 
 const mockCall = jest.fn()

package/react/hooks/useSetFlagshipUi/useSetFlagshipUI.ts

@@ -1,8 +1,8 @@
-import { useEffect } from 'react'
-import pickBy from 'lodash/pickBy'
 import identity from 'lodash/identity'
 import isEmpty from 'lodash/isEmpty'
 import isObject from 'lodash/isObject'
+import pickBy from 'lodash/pickBy'
+import { useEffect } from 'react'
 
 import { useWebviewIntent } from 'cozy-intent'
 import { FlagshipUI as IntentInterface } from 'cozy-intent/dist/api/models/applications'
@@ -32,7 +32,7 @@ export const parseArg = (
 
   if (!webviewIntent) return
 
-  validUI && webviewIntent.call('setFlagshipUI', validUI, caller)
+  validUI && void webviewIntent.call('setFlagshipUI', validUI, caller)
 }
 
 export const useSetFlagshipUI = (

package/react/legacy/Breadcrumbs/index.jsx

@@ -1,13 +1,12 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import IconButton from '@material-ui/core/IconButton'
 import cx from 'classnames'
+import PropTypes from 'prop-types'
+import React from 'react'
 
+import styles from './styles.styl'
 import Icon from '../../Icon'
-import Typography from '../../Typography'
 import LeftIcon from '../../Icons/Left'
-
-import styles from './styles.styl'
+import Typography from '../../Typography'
 
 const BreadcrumbSeparator = () => (
   <span className={styles.BreadcrumbSeparator}>/</span>

package/react/providers/Alert/index.jsx

@@ -1,8 +1,8 @@
 import React, { createContext, useState, useContext, useMemo } from 'react'
 
-import Snackbar from '../../Snackbar'
 import Alert from '../../Alert'
 import AlertTitle from '../../AlertTitle'
+import Snackbar from '../../Snackbar'
 
 /**
  * @typedef {import('../../Alert').AlertProps & { message: string, title: string }} ShowAlertArgs

package/react/providers/Breakpoints/index.jsx

@@ -1,5 +1,5 @@
-import React, { createContext, useContext, useState, useEffect } from 'react'
 import throttle from 'lodash/throttle'
+import React, { createContext, useContext, useState, useEffect } from 'react'
 
 import breakpointDefs, {
   getBreakpointsStatus as _getBreakpointsStatus

package/react/providers/CozyTheme/CozyThemeWithQuery.jsx

@@ -2,8 +2,8 @@ import React from 'react'
 
 import { useQuery, isQueryLoading, hasQueryBeenLoaded } from 'cozy-client'
 
-import { buildSettingsInstanceQuery } from './queries'
 import DumbCozyTheme from './DumbCozyTheme'
+import { buildSettingsInstanceQuery } from './queries'
 
 const CozyThemeWithQuery = props => {
   const instanceQuery = buildSettingsInstanceQuery()

package/react/providers/CozyTheme/DumbCozyTheme.jsx

@@ -1,12 +1,12 @@
-import React from 'react'
-import PropTypes from 'prop-types'
 import cx from 'classnames'
+import PropTypes from 'prop-types'
+import React from 'react'
 
 import flag from 'cozy-flags'
-import useMediaQuery from '../../hooks/useMediaQuery'
-import MuiCozyTheme from '../../MuiCozyTheme'
 
 import { CozyThemeContext } from './index'
+import MuiCozyTheme from '../../MuiCozyTheme'
+import useMediaQuery from '../../hooks/useMediaQuery'
 
 const DumbCozyTheme = ({
   variant,
@@ -45,9 +45,8 @@ const DumbCozyTheme = ({
       <MuiCozyTheme type={selfThemeType} variant={selfThemeVariant}>
         <div
           className={cx(className, {
-            [`CozyTheme--${selfThemeType}-${selfThemeVariant}`]: Boolean(
-              selfThemeVariant
-            ),
+            [`CozyTheme--${selfThemeType}-${selfThemeVariant}`]:
+              Boolean(selfThemeVariant),
             'u-dc': ignoreItself
           })}
         >

package/react/providers/CozyTheme/index.jsx

@@ -1,11 +1,11 @@
-import React, { createContext, useContext } from 'react'
 import PropTypes from 'prop-types'
+import React, { createContext, useContext } from 'react'
 
 import log from 'cozy-logger'
 
-import { isRsg } from '../../hooks/useSetFlagshipUi/helpers'
 import CozyThemeWithQuery from './CozyThemeWithQuery'
 import DumbCozyTheme from './DumbCozyTheme'
+import { isRsg } from '../../hooks/useSetFlagshipUi/helpers'
 
 export const CozyThemeContext = createContext()
 

package/react/providers/I18n/createUseI18n.jsx

@@ -1,8 +1,8 @@
-import { useMemo } from 'react'
 import Polyglot from 'node-polyglot'
+import { useMemo } from 'react'
 
-import { initFormat } from './format'
 import { useI18n, DEFAULT_LANG } from '.'
+import { initFormat } from './format'
 
 const createUseI18n = locales => () => {
   const { lang } = useI18n() || { lang: DEFAULT_LANG }

package/react/providers/I18n/format.jsx

@@ -1,5 +1,5 @@
-import format from 'date-fns/format'
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now'
+import format from 'date-fns/format'
 
 import { DEFAULT_LANG } from '.'
 
@@ -27,13 +27,12 @@ export const provideDateFnsLocale = (userLang, defaultLang = DEFAULT_LANG) => {
   return locales[lang]
 }
 
-export const initFormat = (userLang, defaultLang = DEFAULT_LANG) => (
-  date,
-  formatStr
-) => {
-  const locale = provideDateFnsLocale(userLang, defaultLang)
-  return format(date, formatStr, { locale })
-}
+export const initFormat =
+  (userLang, defaultLang = DEFAULT_LANG) =>
+  (date, formatStr) => {
+    const locale = provideDateFnsLocale(userLang, defaultLang)
+    return format(date, formatStr, { locale })
+  }
 
 export const formatLocallyDistanceToNow = date =>
   distanceInWordsToNow(date, { locale: locales[lang] })

package/react/providers/I18n/helpers.js

@@ -1,6 +1,6 @@
-import { initTranslation } from './translation'
-import { initFormat } from './format'
 import { DEFAULT_LANG } from './'
+import { initFormat } from './format'
+import { initTranslation } from './translation'
 
 const getAppOrUiLang = defaultLang => {
   const appContainer = document.querySelector('[role=application]')

package/react/providers/I18n/index.jsx

@@ -4,11 +4,11 @@
 
 'use strict'
 
-import React, { Component, useContext } from 'react'
 import PropTypes from 'prop-types'
+import React, { Component, useContext } from 'react'
 
-import { initTranslation } from './translation'
 import { initFormat } from './format'
+import { initTranslation } from './translation'
 
 export const DEFAULT_LANG = 'en'
 

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

@@ -1,6 +1,7 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
 import { render, fireEvent } from '@testing-library/react'
+import PropTypes from 'prop-types'
+import React, { useState } from 'react'
+
 import I18n, { useI18n, createUseI18n } from '.'
 
 const locales = { helloworld: 'Hello World !' }

package/react/providers/I18n/translate.jsx

@@ -18,8 +18,9 @@ const translate = () => WrappedComponent => {
     )
   })
 
-  Wrapper.displayName = `withI18n(${WrappedComponent.displayName ||
-    WrappedComponent.name})`
+  Wrapper.displayName = `withI18n(${
+    WrappedComponent.displayName || WrappedComponent.name
+  })`
 
   return Wrapper
 }

package/react/providers/I18n/withLocales.jsx

@@ -1,6 +1,7 @@
+import omit from 'lodash/omit'
 import React from 'react'
+
 import { I18n, translate } from '.'
-import omit from 'lodash/omit'
 
 /**
  *
@@ -35,8 +36,9 @@ const withLocales = localesOrRequire => Component => {
     ...I18n.childContextTypes
   }
 
-  Wrapped.displayName = `withLocales(${Component.displayName ||
-    Component.name})`
+  Wrapped.displayName = `withLocales(${
+    Component.displayName || Component.name
+  })`
 
   // The outer component needs to receive lang
   return translate()(Wrapped)

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

@@ -1,4 +1,5 @@
 import React from 'react'
+
 import { I18n } from '.'
 import withLocales from './withLocales'
 

package/react/providers/I18n/withOnlyLocales.jsx

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react'
+
 import { I18n, useI18n } from '.'
 
 /**
@@ -27,8 +28,9 @@ const withOnlyLocales = localesOrRequire => Component => {
     ...(Component.propTypes || {})
   }
 
-  Wrapped.displayName = `withOnlyLocales(${Component.displayName ||
-    Component.name})`
+  Wrapped.displayName = `withOnlyLocales(${
+    Component.displayName || Component.name
+  })`
 
   return Wrapped
 }

package/react/providers/Intent/index.jsx

@@ -7,8 +7,8 @@ import React, {
 } from 'react'
 
 import { useClient } from 'cozy-client'
-import Spinner from 'cozy-ui/transpiled/react/Spinner'
 import Backdrop from 'cozy-ui/transpiled/react/Backdrop'
+import Spinner from 'cozy-ui/transpiled/react/Spinner'
 
 export const IntentContext = createContext()
 

package/react/types.d.ts

@@ -0,0 +1,4 @@
+declare module '*.styl' {
+  const classes: Record<string, string>
+  export default classes
+}

package/react/utils/color.js

@@ -20,10 +20,7 @@ export const createNodeWithThemeCssVars = (type, variant) => {
 const realGetCssVariableValue = (varName, type, variant) => {
   const node = getNodeWithThemeCssVars(type, variant)
 
-  return window
-    .getComputedStyle(node)
-    .getPropertyValue(`--${varName}`)
-    .trim()
+  return window.getComputedStyle(node).getPropertyValue(`--${varName}`).trim()
 }
 
 export const getCssVariableValue = (varName, type, variant) =>

package/react/utils.jsx

@@ -1,21 +1,19 @@
 import React from 'react'
 
-const mkComponent = (Tag, extra = {}) => ({
-  children,
-  className,
-  ...props
-}) => {
-  const { className: extraClassName, ...restExtra } = extra
+const mkComponent =
+  (Tag, extra = {}) =>
+  ({ children, className, ...props }) => {
+    const { className: extraClassName, ...restExtra } = extra
 
-  return (
-    <Tag
-      {...restExtra}
-      {...props}
-      className={(className || '') + ' ' + (extraClassName || '')}
-    >
-      {children}
-    </Tag>
-  )
-}
+    return (
+      <Tag
+        {...restExtra}
+        {...props}
+        className={(className || '') + ' ' + (extraClassName || '')}
+      >
+        {children}
+      </Tag>
+    )
+  }
 
 export { mkComponent }

package/scripts/screenshots/prepares.js

@@ -33,7 +33,10 @@ const prepareFS = async options => {
  * Returns { browser, page }
  */
 const prepareBrowser = async (puppeteer, options) => {
-  const browser = await puppeteer.launch({ headless: 'new' })
+  const browser = await puppeteer.launch({
+    headless: 'new',
+    executablePath: `/usr/bin/google-chrome` // could be `/Applications/Chrome.app/Contents/MacOS/Chrome` on MacOS
+  })
   const page = await browser.newPage()
   // Put Argos in user agent
   await page.setUserAgent(

package/scripts/screenshots.js

@@ -8,7 +8,7 @@ const { readConfig, parseViewportArgument } = require('./screenshots/helpers')
 
 let puppeteer
 try {
-  puppeteer = require('puppeteer')
+  puppeteer = require('puppeteer-core')
 } catch (e) {
   console.error(e)
   console.log(

package/transpiled/react/AccordionSummary/index.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
+import React from 'react';
 import AccordionExpandIcon from "cozy-ui/transpiled/react/AccordionSummary/AccordionExpandIcon";
 AccordionSummary.defaultProps = {
   expandIcon: /*#__PURE__*/React.createElement(AccordionExpandIcon, null)

package/transpiled/react/ActionsBar/ResponsiveAction.js

@@ -1,9 +1,9 @@
 import React, { forwardRef } from 'react';
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
 import Button from "cozy-ui/transpiled/react/Buttons";
-import Typography from "cozy-ui/transpiled/react/Typography";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useDesktopStyles = makeStyles({
   root: {
     border: 'none !important',

package/transpiled/react/ActionsBar/index.js

@@ -1,23 +1,23 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useRef, useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import React, { useRef, useState, useMemo } from 'react';
+import ResponsiveAction from "cozy-ui/transpiled/react/ActionsBar/ResponsiveAction";
+import withActionsLocales from "cozy-ui/transpiled/react/ActionsBar/locales/withActionsLocales";
+import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
+import { makeActions, others } from "cozy-ui/transpiled/react/ActionsMenu/Actions";
+import { getOnlyNeededActions } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import ActionsItems from "cozy-ui/transpiled/react/ActionsMenu/ActionsItems";
 import AppBar from "cozy-ui/transpiled/react/AppBar";
-import Toolbar from "cozy-ui/transpiled/react/Toolbar";
 import Box from "cozy-ui/transpiled/react/Box";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import IconButton from "cozy-ui/transpiled/react/IconButton";
 import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
 import CrossCircleIcon from "cozy-ui/transpiled/react/Icons/CrossCircle";
 import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
-import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
-import ActionsItems from "cozy-ui/transpiled/react/ActionsMenu/ActionsItems";
-import { getOnlyNeededActions } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import Toolbar from "cozy-ui/transpiled/react/Toolbar";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import { makeActions, others } from "cozy-ui/transpiled/react/ActionsMenu/Actions";
-import ResponsiveAction from "cozy-ui/transpiled/react/ActionsBar/ResponsiveAction";
-import withActionsLocales from "cozy-ui/transpiled/react/ActionsBar/locales/withActionsLocales";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({
   appBar: function appBar(_ref) {
     var isMobile = _ref.isMobile;

package/transpiled/react/ActionsBar/locales/withActionsLocales.js

@@ -1,10 +1,10 @@
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   selected: "%{smart_count} item selected |||| %{smart_count} items selected"
 };
 var fr = {
   selected: "%{smart_count} \xE9l\xE9ment s\xE9lectionn\xE9 |||| %{smart_count} \xE9l\xE9ments s\xE9lectionn\xE9s"
 };
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/ActionsMenu/Actions/call.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 export var call = function call() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/emailTo.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 export var emailTo = function emailTo() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -1,5 +1,3 @@
-import { getI18n } from "cozy-ui/transpiled/react/providers/I18n/helpers";
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   viewInContacts: "View in Cozy Contacts",
   modify: "Modify",
@@ -18,6 +16,8 @@ var fr = {
   others: "Autres",
   call: "Appeler"
 };
+import { getI18n } from "cozy-ui/transpiled/react/providers/I18n/helpers";
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/ActionsMenu/Actions/modify.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { generateWebLink } from 'cozy-client';
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
-import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import PenIcon from "cozy-ui/transpiled/react/Icons/Pen";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
 export var modify = function modify() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/others.js

@@ -1,5 +1,5 @@
-import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
 export var others = function others() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/print.js

@@ -2,15 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { forwardRef } from 'react';
-import logger from 'cozy-logger';
 import { fetchBlobFileById, isFile } from 'cozy-client/dist/models/file';
+import logger from 'cozy-logger';
 import { makeBase64FromFile, makePdfBlob } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
-import PrinterIcon from "cozy-ui/transpiled/react/Icons/Printer";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import PrinterIcon from "cozy-ui/transpiled/react/Icons/Printer";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 export var print = function print() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/smsTo.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import CommentIcon from "cozy-ui/transpiled/react/Icons/Comment";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import CommentIcon from "cozy-ui/transpiled/react/Icons/Comment";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 export var smsTo = function smsTo() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/Actions/viewInContacts.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { generateWebLink } from 'cozy-client';
-import OpenappIcon from "cozy-ui/transpiled/react/Icons/Openapp";
 import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import Icon from "cozy-ui/transpiled/react/Icon";
+import OpenappIcon from "cozy-ui/transpiled/react/Icons/Openapp";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 export var viewInContacts = function viewInContacts() {
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;

package/transpiled/react/ActionsMenu/ActionsItems.js

@@ -7,12 +7,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React, { forwardRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
+import React, { forwardRef, useMemo } from 'react';
 import { useClient } from 'cozy-client';
 import { useWebviewIntent } from 'cozy-intent';
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 import { getActionName, getOnlyNeededActions } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 var ActionsItems = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var docs = _ref.docs,
       actions = _ref.actions,