cozy-ui 111.4.0 → 111.6.0

package/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales.js

@@ -1,4 +1,3 @@
-import withLocales from "cozy-ui/transpiled/react/providers/I18n/withLocales";
 var en = {
   viewInContacts: "View in Cozy Contacts",
   modify: "Modify",
@@ -15,6 +14,7 @@ var fr = {
   print: "Imprimer",
   call: "Appeler"
 };
+import withLocales from "cozy-ui/transpiled/react/providers/I18n/withLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/deprecated/ActionMenu/Actions/modify.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { generateWebLink, useClient } from 'cozy-client';
+import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
+import PenIcon from "cozy-ui/transpiled/react/Icons/Pen";
 import Link from "cozy-ui/transpiled/react/Link";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import PenIcon from "cozy-ui/transpiled/react/Icons/Pen";
 import ActionMenuItemWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuItemWrapper";
-import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
 export var modify = function modify() {
   return {
     name: 'modify',

package/transpiled/react/deprecated/ActionMenu/Actions/smsTo.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
 import CommentIcon from "cozy-ui/transpiled/react/Icons/Comment";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 import ActionMenuItemWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuItemWrapper";
-import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
 export var smsTo = function smsTo() {
   return {
     name: 'smsTo',

package/transpiled/react/deprecated/ActionMenu/Actions/viewInContacts.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { generateWebLink, useClient } from 'cozy-client';
+import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
+import OpenappIcon from "cozy-ui/transpiled/react/Icons/Openapp";
 import Link from "cozy-ui/transpiled/react/Link";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import OpenappIcon from "cozy-ui/transpiled/react/Icons/Openapp";
 import ActionMenuItemWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuItemWrapper";
-import withActionsLocales from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/locales/withActionsLocales";
 export var viewInContacts = function viewInContacts() {
   return {
     name: 'viewInContacts',

package/transpiled/react/deprecated/ActionMenu/NotInlineWrapper.js

@@ -6,9 +6,9 @@ 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 ClickAwayListener from '@material-ui/core/ClickAwayListener';
 import React, { useState } from 'react';
 import { usePopper } from 'react-popper';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 
 var NotInlineWrapper = function NotInlineWrapper(_ref) {
   var anchorElRef = _ref.anchorElRef,

package/transpiled/react/deprecated/ActionMenu/index.js

@@ -1,16 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import ActionMenuWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuWrapper";
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useActionMenuEffects } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuEffects";
 import { ActionMenuHeader } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuHeader";
 import { ActionMenuItem } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuItem";
-import { ActionMenuRadio } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuRadio";
-import { useActionMenuEffects } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuEffects";
 import ActionMenuItemWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuItemWrapper";
+import { ActionMenuRadio } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuRadio";
 import ActionMenuWithClose from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuWithClose";
+import ActionMenuWrapper from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuWrapper";
 import ActionsItems from "cozy-ui/transpiled/react/deprecated/ActionMenu/Actions/ActionsItems";
 var styles = {
   "c-actionmenu": "styles__c-actionmenu___IUGX7",
@@ -19,6 +17,8 @@ var styles = {
   "c-actionmenu-item": "styles__c-actionmenu-item___WzUJQ",
   "c-actionmenu-radio": "styles__c-actionmenu-radio___38gls"
 };
+import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 var logDepecratedMenu = createDepreciationLogger();
 var logDepecratedPlacement = createDepreciationLogger();
 var logDepecratedOverflow = createDepreciationLogger();

package/transpiled/react/deprecated/Alerter/Alert.js

@@ -10,9 +10,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component } from 'react';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
+import React, { Component } from 'react';
 var styles = {
   "c-btn--alert-error": "styles__c-btn--alert-error___3uH5i",
   "c-btn--alert-info": "styles__c-btn--alert-info___1xAkg",
@@ -27,7 +27,7 @@ var styles = {
   "spin": "styles__spin___10b55",
   "shake": "styles__shake___JTDyQ"
 };
-import cx from 'classnames';
+import Button from "cozy-ui/transpiled/react/deprecated/Button";
 export var Alert = /*#__PURE__*/function (_Component) {
   _inherits(Alert, _Component);
 

package/transpiled/react/deprecated/Alerter/index.js

@@ -11,10 +11,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import Portal from "cozy-ui/transpiled/react/Portal";
+import React, { Component } from 'react';
 import Alert from "cozy-ui/transpiled/react/deprecated/Alerter/Alert";
+import Portal from "cozy-ui/transpiled/react/Portal";
 var MINIMUM_ALERT_DURATION = 2000;
 var currentId = 0;
 

package/transpiled/react/deprecated/BottomDrawer/index.js

@@ -10,10 +10,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component, createRef } from 'react';
-import PropTypes from 'prop-types';
 import Hammer from 'hammerjs';
 import once from 'lodash/once';
+import PropTypes from 'prop-types';
+import React, { Component, createRef } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 var styles = {
   "with-transition": "styles__with-transition___3OLmI",

package/transpiled/react/deprecated/Button/index.js

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["busy", "disabled"],
     _excluded2 = ["children", "icon", "iconOnly", "label", "subtle", "className", "extension", "round", "size", "theme", "align", "extraRight", "tag"];
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "c-btn": "styles__c-btn___3kXsk",
   "c-btn--regular": "styles__c-btn--regular___1ilYT",

package/transpiled/react/deprecated/ButtonAction/index.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["type", "disabled", "children", "label", "leftIcon", "rightIcon", "compact", "className", "onClick"];
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "c-actionbtn": "styles__c-actionbtn___294nr",
   "c-actionbtn--compact": "styles__c-actionbtn--compact___3CFm-",

package/transpiled/react/deprecated/CompositeRow/index.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["style", "className", "primaryText", "primaryTextClassName", "secondaryTextClassName", "secondaryText", "image", "right", "actions", "dense"];
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import { Media, Bd, Img } from "cozy-ui/transpiled/react/deprecated/Media";
-import Typography from "cozy-ui/transpiled/react/Typography";
+import React from 'react';
 var styles = {
   "CompositeRow": "styles__CompositeRow___1Dmi2",
   "CompositeRow__dense": "styles__CompositeRow__dense___3p1f3",
   "CompositeRow__body": "styles__CompositeRow__body___1Bjsp"
 };
+import Typography from "cozy-ui/transpiled/react/Typography";
+import { Media, Bd, Img } from "cozy-ui/transpiled/react/deprecated/Media";
 var denseStyle = {
   height: '48px'
 };

package/transpiled/react/deprecated/GridItem/index.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Grid from "cozy-ui/transpiled/react/Grid";
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "gridItem-container": "styles__gridItem-container___2Xeyk"
 };
+import Grid from "cozy-ui/transpiled/react/Grid";
 
 var GridItem = function GridItem(_ref) {
   var _onClick = _ref.onClick,

package/transpiled/react/deprecated/Infos/index.js

@@ -2,15 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["title", "text", "icon", "actionButton", "isImportant"];
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-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 Stack from "cozy-ui/transpiled/react/Stack";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "Infos": "styles__Infos___tpCYh",
   "Infos--primary": "styles__Infos--primary____iqfw",
@@ -19,6 +13,12 @@ var styles = {
   "Infos-description": "styles__Infos-description___3q8sW",
   "Info-close": "styles__Info-close___EnUCb"
 };
+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 Stack from "cozy-ui/transpiled/react/Stack";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
 export var Infos = function Infos(_ref) {
   var description = _ref.description,
       action = _ref.action,

package/transpiled/react/deprecated/InfosCarrousel/index.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import clamp from 'lodash/clamp';
+import PropTypes from 'prop-types';
+import React, { useState, useCallback, useEffect } from 'react';
 import SwipeableViews from 'react-swipeable-views';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
 var styles = {
   "InfosCarrousel": "styles__InfosCarrousel___1-aJZ",
   "InfosCarrousel-navigation": "styles__InfosCarrousel-navigation___2Cm0M",
   "InfosCarrousel-separator": "styles__InfosCarrousel-separator___3GYRV"
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
 import LeftIcon from "cozy-ui/transpiled/react/Icons/Left";
 import RightIcon from "cozy-ui/transpiled/react/Icons/Right";
 

package/transpiled/react/deprecated/InlineCard/index.js

@@ -11,9 +11,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { PureComponent } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React, { PureComponent } from 'react';
 var styles = {
   "c-inline-card": "styles__c-inline-card___1a8Og"
 };

package/transpiled/react/deprecated/IntentModal/IntentModal.js

@@ -15,16 +15,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+import once from 'lodash/once';
+import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 var styles = {
   "intentModal": "styles__intentModal___1NbfY",
   "intentModal__cross": "styles__intentModal__cross___1ISTs"
 };
-import PropTypes from 'prop-types';
-import once from 'lodash/once';
 import IntentIframe from "cozy-ui/transpiled/react/IntentIframe";
-import Modal from "cozy-ui/transpiled/react/deprecated/Modal";
 import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
+import Modal from "cozy-ui/transpiled/react/deprecated/Modal";
 var logIntentModalDepecrated = createDepreciationLogger();
 /**
  * Render a modal for the specified intent.

package/transpiled/react/deprecated/IntentOpener/IntentOpener.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["options", "action", "doctype", "children", "closable", "create", "tag", "into", "onComplete", "onDismiss"];
-import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import IntentModal from "cozy-ui/transpiled/react/deprecated/IntentModal";
+import React, { useState } from 'react';
 import createDepreciationLogger from "cozy-ui/transpiled/react/helpers/createDepreciationLogger";
+import IntentModal from "cozy-ui/transpiled/react/deprecated/IntentModal";
 var logIntentOpenerDepecrated = createDepreciationLogger();
 /**
  * Wrapper that adds an `onClick` handler to its children that opens a modal

package/transpiled/react/deprecated/Media/Media.js

@@ -4,8 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "className", "align"],
     _excluded2 = ["children", "className", "style"],
     _excluded3 = ["children", "className", "style"];
-import React from 'react';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "media": "styles__media___1rIBu",
   "media--top": "styles__media--top___1t0j5",
@@ -13,7 +14,6 @@ var styles = {
   "bd": "styles__bd___3SAX2",
   "img": "styles__img___3sztD"
 };
-import cx from 'classnames';
 /**
  * Useful to align image/icon and content.
  */

package/transpiled/react/deprecated/Menus/index.js

@@ -14,13 +14,13 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 // This component is inspired by https://material-ui.com/demos/menus/#menulist-composition
 // Since the MuiMenu component doesn't allow another Popover positioning,
 // we have to recompose the Menu component ourselves with basic Mui component
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 import Grow from '@material-ui/core/Grow';
-import Popper from '@material-ui/core/Popper';
-import Paper from '@material-ui/core/Paper';
 import MenuList from '@material-ui/core/MenuList';
+import Paper from '@material-ui/core/Paper';
+import Popper from '@material-ui/core/Popper';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { withStyles } from "cozy-ui/transpiled/react/styles";
 import MenuButton from "cozy-ui/transpiled/react/deprecated/Button";
 var styles = {

package/transpiled/react/deprecated/Modal/ModalBackButton.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"];
-import React from 'react';
 import cx from 'classnames';
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
+import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
   "c-modal-content": "styles__c-modal-content___22N4k",
@@ -41,6 +40,7 @@ var styles = {
 };
 import PreviousIcon from "cozy-ui/transpiled/react/Icons/Previous";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import Button from "cozy-ui/transpiled/react/deprecated/Button";
 
 var DumbModalBackButton = function DumbModalBackButton(props) {
   var _useBreakpoints = useBreakpoints(),

package/transpiled/react/deprecated/Modal/ModalButtons.js

@@ -1,3 +1,4 @@
+import cx from 'classnames';
 import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
@@ -34,7 +35,6 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import cx from 'classnames';
 import Button from "cozy-ui/transpiled/react/deprecated/Button";
 
 var ModalButtons = function ModalButtons(_ref) {

package/transpiled/react/deprecated/Modal/ModalContent.js

@@ -10,8 +10,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component } from 'react';
 import cx from 'classnames';
+import React, { Component } from 'react';
+import AnimatedContentHeader from "cozy-ui/transpiled/react/deprecated/Modal/AnimatedContentHeader";
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
   "c-modal-content": "styles__c-modal-content___22N4k",
@@ -47,7 +48,6 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import AnimatedContentHeader from "cozy-ui/transpiled/react/deprecated/Modal/AnimatedContentHeader";
 
 function _getChildrenToRender(children) {
   return React.Children.map(children, function (child) {

package/transpiled/react/deprecated/Modal/ModalCross.js

@@ -1,9 +1,5 @@
-import React from 'react';
 import cx from 'classnames';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import palette from "cozy-ui/transpiled/react/palette";
+import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
   "c-modal-content": "styles__c-modal-content___22N4k",
@@ -39,6 +35,10 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
+import palette from "cozy-ui/transpiled/react/palette";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 export var ModalCrossIcon = function ModalCrossIcon(props) {
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;

package/transpiled/react/deprecated/Modal/ModalEffects.js

@@ -2,8 +2,8 @@
 // TODO: remove eslint-disable and @ts-ignore rules
 import { useTheme } from '@material-ui/core';
 import { isFlagshipApp } from 'cozy-device-helper';
-import { useSetFlagshipUI } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI";
 import { getFlagshipMetadata } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/helpers";
+import { useSetFlagshipUI } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
 
 var getTopBackground = function getTopBackground(theme, cozyBar) {
@@ -25,10 +25,10 @@ var useHook = function useHook() {
   var sidebar = document.getElementById('sidebar');
   useSetFlagshipUI({
     bottomBackground: theme.palette.background.paper,
-    // @ts-ignore
+    // @ts-expect-error
     bottomTheme: isLight ? 'dark' : 'light',
     topBackground: theme.palette.background.paper,
-    // @ts-ignore
+    // @ts-expect-error
     topTheme: isLight ? 'dark' : 'light'
   }, {
     bottomBackground: theme.palette.background[sidebar ? 'default' : 'paper'],

package/transpiled/react/deprecated/Modal/ModalFooter.js

@@ -1,3 +1,4 @@
+import cx from 'classnames';
 import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
@@ -34,7 +35,6 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import cx from 'classnames';
 
 var ModalFooter = function ModalFooter(_ref) {
   var children = _ref.children,

package/transpiled/react/deprecated/Modal/ModalHeader.js

@@ -4,6 +4,7 @@ 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 cx from 'classnames';
 import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
@@ -40,7 +41,6 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import cx from 'classnames';
 
 var ModalHeader = function ModalHeader(_ref) {
   var title = _ref.title,

package/transpiled/react/deprecated/Modal/ModalSection.js

@@ -1,3 +1,4 @@
+import cx from 'classnames';
 import React from 'react';
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
@@ -34,7 +35,6 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import cx from 'classnames';
 
 var ModalSection = function ModalSection(_ref) {
   var children = _ref.children,

package/transpiled/react/deprecated/Modal/index.js

@@ -17,13 +17,19 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Overlay from "cozy-ui/transpiled/react/deprecated/Overlay";
-import migrateProps from "cozy-ui/transpiled/react/helpers/migrateProps";
-import Portal from "cozy-ui/transpiled/react/Portal";
 import uniqueId from 'lodash/uniqueId';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import AnimatedContentHeader from "cozy-ui/transpiled/react/deprecated/Modal/AnimatedContentHeader";
+import ModalBackButton from "cozy-ui/transpiled/react/deprecated/Modal/ModalBackButton";
+import ModalButtons from "cozy-ui/transpiled/react/deprecated/Modal/ModalButtons";
+import ModalContent from "cozy-ui/transpiled/react/deprecated/Modal/ModalContent";
+import ModalCross from "cozy-ui/transpiled/react/deprecated/Modal/ModalCross";
+import { ModalEffects } from "cozy-ui/transpiled/react/deprecated/Modal/ModalEffects";
+import ModalFooter from "cozy-ui/transpiled/react/deprecated/Modal/ModalFooter";
+import { ModalHeader, ModalBrandedHeader } from "cozy-ui/transpiled/react/deprecated/Modal/ModalHeader";
+import ModalSection from "cozy-ui/transpiled/react/deprecated/Modal/ModalSection";
 var styles = {
   "c-modal": "styles__c-modal___dljYk",
   "c-modal-content": "styles__c-modal-content___22N4k",
@@ -59,16 +65,10 @@ var styles = {
   "spin": "styles__spin___1fJIg",
   "shake": "styles__shake___gVu0K"
 };
-import ModalContent from "cozy-ui/transpiled/react/deprecated/Modal/ModalContent";
-import ModalSection from "cozy-ui/transpiled/react/deprecated/Modal/ModalSection";
-import { ModalHeader, ModalBrandedHeader } from "cozy-ui/transpiled/react/deprecated/Modal/ModalHeader";
-import ModalCross from "cozy-ui/transpiled/react/deprecated/Modal/ModalCross";
-import ModalFooter from "cozy-ui/transpiled/react/deprecated/Modal/ModalFooter";
-import ModalButtons from "cozy-ui/transpiled/react/deprecated/Modal/ModalButtons";
-import AnimatedContentHeader from "cozy-ui/transpiled/react/deprecated/Modal/AnimatedContentHeader";
-import ModalBackButton from "cozy-ui/transpiled/react/deprecated/Modal/ModalBackButton";
-import { ModalEffects } from "cozy-ui/transpiled/react/deprecated/Modal/ModalEffects";
+import Portal from "cozy-ui/transpiled/react/Portal";
+import migrateProps from "cozy-ui/transpiled/react/helpers/migrateProps";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
+import Overlay from "cozy-ui/transpiled/react/deprecated/Overlay";
 var ModalDescription = ModalContent;
 
 var ModalTitle = function ModalTitle(props) {

package/transpiled/react/deprecated/NarrowContent/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"];
-import React from 'react';
 import cx from 'classnames';
+import React from 'react';
 var styles = {
   "NarrowContent": "styles__NarrowContent___2rvIN"
 };

package/transpiled/react/deprecated/Overlay/index.js

@@ -11,14 +11,14 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import React, { Component } from 'react';
-var styles = {
-  "c-overlay": "styles__c-overlay___8W1LN"
-};
 import cx from 'classnames';
 import omit from 'lodash/omit';
 import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
+var styles = {
+  "c-overlay": "styles__c-overlay___8W1LN"
+};
 var ESC_KEYCODE = 27;
 var nonDOMProps = ['onEscape', 'children', 'className', 'innerRef'];
 

package/transpiled/react/deprecated/PercentageBar/index.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "color", "className"];
+import cx from 'classnames';
 import React from 'react';
-import PercentageLine from "cozy-ui/transpiled/react/deprecated/PercentageLine";
 var styles = {
   "PercentageBar": "styles__PercentageBar___1cT4_",
   "PercentageBar__line": "styles__PercentageBar__line___2AheW"
 };
-import cx from 'classnames';
+import PercentageLine from "cozy-ui/transpiled/react/deprecated/PercentageLine";
 
 var PercentageBar = function PercentageBar(props) {
   var value = props.value,

package/transpiled/react/deprecated/PercentageLine/index.js

@@ -4,12 +4,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 from 'react';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "PercentageLine": "PercentageLine__PercentageLine___VIEsK"
 };
-import PropTypes from 'prop-types';
 /**
  * @deprecated Use [Progress](#/Progress)
  */

package/transpiled/react/deprecated/PushClientButton/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import DeviceLaptopIcon from "cozy-ui/transpiled/react/Icons/DeviceLaptop";
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "c-btn-client": "styles__c-btn-client___2ZSQt",
   "spin": "styles__spin____eAxl",
   "shake": "styles__shake___3jgtg"
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import DeviceLaptopIcon from "cozy-ui/transpiled/react/Icons/DeviceLaptop";
 
 var ButtonClient = function ButtonClient(props) {
   var label = props.label,