cozy-ui 111.4.0 → 111.6.0

package/transpiled/react/ListItem/index.js

@@ -10,12 +10,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 } from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import merge from 'lodash/merge';
 import MuiListItem from '@material-ui/core/ListItem';
 import isMuiElement from '@material-ui/core/utils/isMuiElement';
+import cx from 'classnames';
+import merge from 'lodash/merge';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 import { getLastChild, getChildrenCount, getComponentName, getChildren } from "cozy-ui/transpiled/react/utils/react";
 var useStyles = makeStyles({

package/transpiled/react/ListItemIcon/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"];
-import React, { forwardRef } from 'react';
 import MuiListItemIcon from '@material-ui/core/ListItemIcon';
 import cx from 'classnames';
+import React, { forwardRef } from 'react';
 export var smallSize = 16;
 export var mediumSize = 24;
 export var largeSize = 32; // We add a specific class to be able to override the style in makeOverride when used in an other component

package/transpiled/react/ListItemText/index.js

@@ -7,10 +7,10 @@ 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, useEffect, useMemo } from 'react';
-import cx from 'classnames';
 import MUIListItemText from '@material-ui/core/ListItemText';
+import cx from 'classnames';
 import once from 'lodash/once';
+import React, { forwardRef, useEffect, useMemo } from 'react';
 var logDeprecatedWarning = once(function () {
   console.warn('primaryText/primaryTextClassName and secondaryText/secondaryTextClassName are deprecated. Please use directly the primary prop : primary={<span className="u-error">Error</span>} for example.');
 });

package/transpiled/react/ListSubheader/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import merge from 'lodash/merge';
 import MuiListSubheader from '@material-ui/core/ListSubheader';
+import merge from 'lodash/merge';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({
   gutters: {

package/transpiled/react/LoadMore/index.js

@@ -1,10 +1,10 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useEffect, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import Spinner from "cozy-ui/transpiled/react/Spinner";
+import Button from "cozy-ui/transpiled/react/deprecated/Button";
 import 'intersection-observer'; // polyfill for safari (mobile and desktop)
 
 var LoadMore = function LoadMore(_ref) {

package/transpiled/react/MenuItem/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component"];
-import React, { forwardRef } from 'react';
 import MuiMenuItem from '@material-ui/core/MenuItem';
+import React, { forwardRef } from 'react';
 import ListItem, { LitItemPropTypes } from "cozy-ui/transpiled/react/ListItem";
 var MenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var component = _ref.component,

package/transpiled/react/MidEllipsis/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["text", "className", "children"];
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 /** The left-to-right mark (LRM) is a control character (an invisible formatting character)
  * used in computerized typesetting (including word processing in a program like Microsoft Word)
  * of text that contains a mixture of left-to-right text (such as English or Russian)

package/transpiled/react/MuiCozyTheme/index.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { ThemeProvider } from "cozy-ui/transpiled/react/styles";
+import React from 'react';
 import { getTheme } from "cozy-ui/transpiled/react/MuiCozyTheme/theme";
+import { ThemeProvider } from "cozy-ui/transpiled/react/styles";
 
 var MuiCozyTheme = function MuiCozyTheme(_ref) {
   var type = _ref.type,

package/transpiled/react/MuiCozyTheme/makeTheme.js

@@ -4,16 +4,16 @@ 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 { createTheme } from "cozy-ui/transpiled/react/styles";
-import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
-import { createNodeWithThemeCssVars } from "cozy-ui/transpiled/react/utils/color";
 import { makeShadows } from "cozy-ui/transpiled/react/MuiCozyTheme/helpers";
 import { makePalette } from "cozy-ui/transpiled/react/MuiCozyTheme/makePalette";
 import { makeTypography } from "cozy-ui/transpiled/react/MuiCozyTheme/makeTypography";
-import { makeLightNormalOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides";
-import { makeLightInvertedOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides";
-import { makeDarkNormalOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides";
 import { makeDarkInvertedOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides";
+import { makeDarkNormalOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides";
+import { makeLightInvertedOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides";
+import { makeLightNormalOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides";
+import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
+import { createTheme } from "cozy-ui/transpiled/react/styles";
+import { createNodeWithThemeCssVars } from "cozy-ui/transpiled/react/utils/color";
 
 var makeOverridesByTheme = function makeOverridesByTheme(theme) {
   return {

package/transpiled/react/MuiTabs/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import MuiTabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
+import MuiTabs from '@material-ui/core/Tabs';
+import React from 'react';
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 
 var Tabs = function Tabs(props) {

package/transpiled/react/Nav/index.js

@@ -3,8 +3,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "secondary"],
     _excluded2 = ["to", "children"];
+import cx from 'classnames';
 import React, { Children, isValidElement, useState, forwardRef } from 'react';
-import Icon from "cozy-ui/transpiled/react/Icon";
+import withNavLocales from "cozy-ui/transpiled/react/Nav/locales/withNavLocales";
 var styles = {
   "c-nav": "styles__c-nav___33dZy",
   "c-nav-item": "styles__c-nav-item___3XOLK",
@@ -15,12 +16,11 @@ var styles = {
   "c-nav-item-secondary": "styles__c-nav-item-secondary___k14rf",
   "c-nav-limiter": "styles__c-nav-limiter___3oxQU"
 };
-import cx from 'classnames';
+import Icon from "cozy-ui/transpiled/react/Icon";
 import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
 import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import withNavLocales from "cozy-ui/transpiled/react/Nav/locales/withNavLocales";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 export var NavItem = function NavItem(_ref) {
   var children = _ref.children,
       secondary = _ref.secondary,

package/transpiled/react/Nav/locales/withNavLocales.js

@@ -1,4 +1,3 @@
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   navLimiter: {
     showMore: "Show More",
@@ -11,6 +10,7 @@ var fr = {
     showLess: "Voir moins"
   }
 };
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/NavigationList/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
 import cx from 'classnames';
+import React from 'react';
+var styles = {
+  "DesktopSectionWrapper": "styles__DesktopSectionWrapper___1rIWP"
+};
+import Card from "cozy-ui/transpiled/react/Card";
 import List from "cozy-ui/transpiled/react/List";
+import ListSubheader from "cozy-ui/transpiled/react/ListSubheader";
 import Stack from "cozy-ui/transpiled/react/Stack";
-import Card from "cozy-ui/transpiled/react/Card";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import ListSubheader from "cozy-ui/transpiled/react/ListSubheader";
-var styles = {
-  "DesktopSectionWrapper": "styles__DesktopSectionWrapper___1rIWP"
-};
 
 var NavigationList = function NavigationList(_ref) {
   var children = _ref.children,

package/transpiled/react/NestedSelect/BottomSheet.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
 import cx from 'classnames';
+import React from 'react';
+import NestedSelect from "cozy-ui/transpiled/react/NestedSelect/NestedSelect";
+import BottomSheet, { BottomSheetHeader, BottomSheetItem } from "cozy-ui/transpiled/react/BottomSheet";
+import Divider from "cozy-ui/transpiled/react/Divider";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import IconButton from "cozy-ui/transpiled/react/IconButton";
 import ArrowUpIcon from "cozy-ui/transpiled/react/Icons/ArrowUp";
-import BottomSheet, { BottomSheetHeader, BottomSheetItem } from "cozy-ui/transpiled/react/BottomSheet";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import Divider from "cozy-ui/transpiled/react/Divider";
-import NestedSelect from "cozy-ui/transpiled/react/NestedSelect/NestedSelect";
 
 var HeaderComponent = function HeaderComponent(_ref) {
   var title = _ref.title,

package/transpiled/react/NestedSelect/ItemRow.js

@@ -5,17 +5,17 @@ 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 PropTypes from 'prop-types';
+import React from 'react';
+import Divider from "cozy-ui/transpiled/react/Divider";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import RightIcon from "cozy-ui/transpiled/react/Icons/Right";
-import ListItemText from "cozy-ui/transpiled/react/ListItemText";
-import Divider from "cozy-ui/transpiled/react/Divider";
 import ListItem from "cozy-ui/transpiled/react/ListItem";
 import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 import Radio from "cozy-ui/transpiled/react/Radios";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import Typography from "cozy-ui/transpiled/react/Typography";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 var infoStyle = {
   color: 'var(--secondaryTextColor)'
 };

package/transpiled/react/NestedSelect/Modal.js

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useCozyDialog, DialogCloseButton } from "cozy-ui/transpiled/react/CozyDialogs";
-import Dialog, { DialogTitle, DialogContent } from "cozy-ui/transpiled/react/Dialog";
-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 { Media, Bd, Img } from "cozy-ui/transpiled/react/deprecated/Media";
 import NestedSelect from "cozy-ui/transpiled/react/NestedSelect/NestedSelect";
 var styles = {
   "Modal__back": "styles__Modal__back___qxUn_",
   "search-container--without-title": "styles__search-container--without-title___3P2fe"
 };
+import { useCozyDialog, DialogCloseButton } from "cozy-ui/transpiled/react/CozyDialogs";
+import Dialog, { DialogTitle, DialogContent } from "cozy-ui/transpiled/react/Dialog";
+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 List from "cozy-ui/transpiled/react/List";
+import { Media, Bd, Img } from "cozy-ui/transpiled/react/deprecated/Media";
 
 var NestedSelectDialogHeader = function NestedSelectDialogHeader(_ref) {
   var onClickBack = _ref.onClickBack,

package/transpiled/react/NestedSelect/NestedSelect.js

@@ -7,19 +7,19 @@ 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, { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import omit from 'lodash/omit';
 import cx from 'classnames';
-import List from "cozy-ui/transpiled/react/List";
-import Input from "cozy-ui/transpiled/react/Input";
-import Typography from "cozy-ui/transpiled/react/Typography";
+import omit from 'lodash/omit';
+import PropTypes from 'prop-types';
+import React, { useState, useRef } from 'react';
 import ItemRow from "cozy-ui/transpiled/react/NestedSelect/ItemRow";
 import { makeHistory } from "cozy-ui/transpiled/react/NestedSelect/helpers";
 var styles = {
   "Modal__back": "styles__Modal__back___qxUn_",
   "search-container--without-title": "styles__search-container--without-title___3P2fe"
 };
+import Input from "cozy-ui/transpiled/react/Input";
+import List from "cozy-ui/transpiled/react/List";
+import Typography from "cozy-ui/transpiled/react/Typography";
 export { ItemRow };
 /**
  * Select like component to choose an option among a list of options.

package/transpiled/react/NestedSelect/NestedSelectResponsive.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 import BottomSheet from "cozy-ui/transpiled/react/NestedSelect/BottomSheet";
 import Modal from "cozy-ui/transpiled/react/NestedSelect/Modal";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 
 var NestedSelectResponsive = function NestedSelectResponsive(props) {
   var _useBreakpoints = useBreakpoints(),

package/transpiled/react/OrderedList/index.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"],
     _excluded2 = ["className"];
-import React from 'react';
-import Stack from "cozy-ui/transpiled/react/Stack";
 import cx from 'classnames';
+import React from 'react';
 var styles = {
   "OrderedList": "styles__OrderedList___17A_o",
   "ListItem": "styles__ListItem___2Lu4a"
 };
+import Stack from "cozy-ui/transpiled/react/Stack";
 export var OrderedList = function OrderedList(props) {
   var className = props.className,
       rest = _objectWithoutProperties(props, _excluded);

package/transpiled/react/Panel/index.js

@@ -1,9 +1,9 @@
-import { mkComponent } from "cozy-ui/transpiled/react/utils";
 var styles = {
   "Panel-group": "styles__Panel-group___1txSp",
   "Panel-main": "styles__Panel-main___2BRfq",
   "Panel-side": "styles__Panel-side___327EK"
 };
+import { mkComponent } from "cozy-ui/transpiled/react/utils";
 export var Group = mkComponent('div', {
   className: styles['Panel-group']
 });

package/transpiled/react/PasswordExample/index.js

@@ -3,13 +3,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["token", "className", "color"],
     _excluded2 = ["password", "color"];
-import React from 'react';
 import cx from 'classnames';
-import InlineCard from "cozy-ui/transpiled/react/deprecated/InlineCard";
+import React from 'react';
 var styles = {
   "Token--number": "styles__Token--number___2EzoN",
   "Token--special": "styles__Token--special___3_rSu"
 };
+import InlineCard from "cozy-ui/transpiled/react/deprecated/InlineCard";
 var alphaRegexp = /^[a-z]$/i;
 var numberRegexp = /^[0-9]$/;
 

package/transpiled/react/PasswordField/index.js

@@ -7,14 +7,6 @@ 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, { useState } from 'react';
-import TextField from "cozy-ui/transpiled/react/TextField";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import InputAdornment from "cozy-ui/transpiled/react/InputAdornment";
-import EyeIcon from "cozy-ui/transpiled/react/Icons/Eye";
-import EyeClosedIcon from "cozy-ui/transpiled/react/Icons/EyeClosed";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   "password-field": {
     show: "Show password",
@@ -27,6 +19,14 @@ var fr = {
     hide: "Masquer le mot de passe"
   }
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import EyeIcon from "cozy-ui/transpiled/react/Icons/Eye";
+import EyeClosedIcon from "cozy-ui/transpiled/react/Icons/EyeClosed";
+import InputAdornment from "cozy-ui/transpiled/react/InputAdornment";
+import TextField from "cozy-ui/transpiled/react/TextField";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/Paywall/MaxAccountsByKonnectorPaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
 /**

package/transpiled/react/Paywall/MaxAccountsPaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
 /**

package/transpiled/react/Paywall/MaxDaysToCapturePaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
 /**

package/transpiled/react/Paywall/MaxPapersPaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
 /**

package/transpiled/react/Paywall/OnlyOfficePaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 
 var OnlyOfficePaywall = function OnlyOfficePaywall(_ref) {

package/transpiled/react/Paywall/PasswordSharingPaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 
 var PasswordSharingPaywall = function PasswordSharingPaywall(_ref) {

package/transpiled/react/Paywall/Paywall.js

@@ -7,23 +7,23 @@ 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 _regeneratorRuntime from "@babel/runtime/regenerator";
+import PropTypes from 'prop-types';
 import React, { useEffect, useState } from 'react';
 import ReactMarkdown from 'react-markdown';
-import PropTypes from 'prop-types';
-import { isFlagshipApp } from 'cozy-device-helper';
 import { useInstanceInfo } from 'cozy-client';
 import { buildPremiumLink } from 'cozy-client/dist/models/instance';
+import { isFlagshipApp } from 'cozy-device-helper';
 import flag from 'cozy-flags';
 import { useWebviewIntent } from 'cozy-intent';
-import Spinner from "cozy-ui/transpiled/react/Spinner";
+import { makeType } from "cozy-ui/transpiled/react/Paywall/helpers";
+import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
+import Button from "cozy-ui/transpiled/react/Buttons";
 import { IllustrationDialog } from "cozy-ui/transpiled/react/CozyDialogs";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import CozyUpgradeIcon from "cozy-ui/transpiled/react/Icons/CozyUpgrade";
-import Button from "cozy-ui/transpiled/react/Buttons";
+import Spinner from "cozy-ui/transpiled/react/Spinner";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import { makeType } from "cozy-ui/transpiled/react/Paywall/helpers";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import withPaywallLocales from "cozy-ui/transpiled/react/Paywall/locales/withPaywallLocales";
 /**
  * Component with the core logic of the paywall, which is then declined in several variants to adapt to the user case
  */

package/transpiled/react/Paywall/QuotaPaywall.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import Paywall from "cozy-ui/transpiled/react/Paywall/Paywall";
 /**
  * Paywall displayed when user disk space is full

package/transpiled/react/Paywall/locales/withPaywallLocales.js

@@ -1,4 +1,3 @@
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   action: {
     loading: "Loading...",
@@ -189,6 +188,7 @@ var fr = {
     }
   }
 };
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var locales = {
   en: en,
   fr: fr

package/transpiled/react/PieChart/index.js

@@ -7,17 +7,17 @@ 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 PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Chart as ChartJS, ArcElement, Tooltip } from 'chart.js';
-import { Doughnut } from 'react-chartjs-2';
 import { useTheme } from '@material-ui/core';
-import set from 'lodash/set';
+import { Chart as ChartJS, ArcElement, Tooltip } from 'chart.js';
+import cx from 'classnames';
 import cloneDeep from 'lodash/cloneDeep';
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
+import set from 'lodash/set';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Doughnut } from 'react-chartjs-2';
 import Typography from "cozy-ui/transpiled/react/Typography";
 import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
 ChartJS.register(ArcElement, Tooltip);
 var useStyles = makeStyles(function (theme) {
   return {

package/transpiled/react/PointerAlert/index.js

@@ -7,13 +7,13 @@ 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 } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-import { makeAlertBackgroundColor } from "cozy-ui/transpiled/react/MuiCozyTheme/helpers";
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import { AlertPropTypes, AlertDefaultProps } from "cozy-ui/transpiled/react/Alert";
 import Alert from "cozy-ui/transpiled/react/Alert";
+import { makeAlertBackgroundColor } from "cozy-ui/transpiled/react/MuiCozyTheme/helpers";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles(function (theme) {
   return {
     topArrow: {

package/transpiled/react/Popup/index.js

@@ -9,8 +9,8 @@ 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 { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { PureComponent } from 'react';
 import { isMobileApp } from 'cozy-device-helper';
 /**
  * Customized function to get dimensions and position for a centered

package/transpiled/react/PopupOpener/index.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import PropTypes from 'prop-types'; // customized function to center a popup window
+import PropTypes from 'prop-types';
+import React from 'react'; // customized function to center a popup window
 // source https://stackoverflow.com/a/16861050
 
 export function openCenteredPopup(url, title, w, h) {

package/transpiled/react/ProgressionBanner/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { withStyles } from "cozy-ui/transpiled/react/styles";
+import React from 'react';
 import Banner from "cozy-ui/transpiled/react/Banner";
 import { LinearProgress } from "cozy-ui/transpiled/react/Progress";
 import Typography from "cozy-ui/transpiled/react/Typography";
+import { withStyles } from "cozy-ui/transpiled/react/styles";
 var progressHeight = '0.125rem';
 
 var styles = function styles(theme) {

package/transpiled/react/QualificationGrid/index.js

@@ -1,21 +1,21 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { Fragment, useState } from 'react';
 import PropTypes from 'prop-types';
+import React, { Fragment, useState } from 'react';
+import { getThemesList } from "cozy-ui/transpiled/react/QualificationGrid/helpers";
+import withLocales from "cozy-ui/transpiled/react/QualificationGrid/locales/withLocales";
 import Grid from "cozy-ui/transpiled/react/Grid";
-import QualificationItem from "cozy-ui/transpiled/react/QualificationItem";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import BankIcon from "cozy-ui/transpiled/react/Icons/Bank";
+import BillIcon from "cozy-ui/transpiled/react/Icons/Bill";
+import CarIcon from "cozy-ui/transpiled/react/Icons/Car";
+import ChessIcon from "cozy-ui/transpiled/react/Icons/Chess";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
+import HeartIcon from "cozy-ui/transpiled/react/Icons/Heart";
 import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
 import TeamIcon from "cozy-ui/transpiled/react/Icons/Team";
 import WorkIcon from "cozy-ui/transpiled/react/Icons/Work";
-import ChessIcon from "cozy-ui/transpiled/react/Icons/Chess";
-import HeartIcon from "cozy-ui/transpiled/react/Icons/Heart";
 import HomeIcon from "cozy-ui/transpiled/react/Icons/Home";
-import CarIcon from "cozy-ui/transpiled/react/Icons/Car";
-import BankIcon from "cozy-ui/transpiled/react/Icons/Bank";
-import BillIcon from "cozy-ui/transpiled/react/Icons/Bill";
-import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
-import withLocales from "cozy-ui/transpiled/react/QualificationGrid/locales/withLocales";
-import { getThemesList } from "cozy-ui/transpiled/react/QualificationGrid/helpers";
+import QualificationItem from "cozy-ui/transpiled/react/QualificationItem";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 var IconByName = {
   people: PeopleIcon,
   team: TeamIcon,

package/transpiled/react/QualificationGrid/locales/withLocales.js

@@ -1,4 +1,3 @@
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   themes: {
     activity: "Activity",
@@ -29,6 +28,7 @@ var fr = {
     work_study: "Travail"
   }
 };
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr