cozy-ui 111.4.0 → 111.6.0

package/transpiled/react/QualificationItem/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "label", "isSelected", "onClick"];
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
 import ButtonBase from "cozy-ui/transpiled/react/ButtonBase";
 import Icon, { iconPropType } from "cozy-ui/transpiled/react/Icon";
-import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone";
 import IconStack from "cozy-ui/transpiled/react/IconStack";
+import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({

package/transpiled/react/Radios/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
 import MuiRadio from '@material-ui/core/Radio';
+import React from 'react';
 import Icon from "cozy-ui/transpiled/react/Icon";
 import RadioCheckedIcon from "cozy-ui/transpiled/react/Icons/RadioChecked";
 import RadioUncheckedIcon from "cozy-ui/transpiled/react/Icons/RadioUnchecked";

package/transpiled/react/SearchBar/index.js

@@ -8,19 +8,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, { forwardRef, useState, useMemo } from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import debounce from 'lodash/debounce';
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import PropTypes from 'prop-types';
+import React, { forwardRef, useState, useMemo } from 'react';
 import withOnlyLocales from "cozy-ui/transpiled/react/SearchBar/locales/withOnlyLocales";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-import Paper from "cozy-ui/transpiled/react/Paper";
-import InputBase from "cozy-ui/transpiled/react/InputBase";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
 import Icon from "cozy-ui/transpiled/react/Icon";
-import MagnifierIcon from "cozy-ui/transpiled/react/Icons/Magnifier";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
 import CrossCircleIcon from "cozy-ui/transpiled/react/Icons/CrossCircle";
+import MagnifierIcon from "cozy-ui/transpiled/react/Icons/Magnifier";
+import InputBase from "cozy-ui/transpiled/react/InputBase";
+import Paper from "cozy-ui/transpiled/react/Paper";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles(function (theme) {
   return {
     root: {

package/transpiled/react/SearchBar/locales/withOnlyLocales.js

@@ -1,4 +1,3 @@
-import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 var en = {
   search: {
     placeholder: "Search"
@@ -9,6 +8,7 @@ var fr = {
     placeholder: "Rechercher"
   }
 };
+import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {
   en: en,
   fr: fr

package/transpiled/react/SelectBox/ControlDefault.js

@@ -7,8 +7,8 @@ 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 { components } from 'react-select';
 
 var ControlDefault = function ControlDefault(_ref) {

package/transpiled/react/SelectBox/SelectBox.js

@@ -18,16 +18,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, { Component } from 'react';
+import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import ReactSelect, { components } from 'react-select';
-import classNames from 'classnames';
 import { isIOSApp } from 'cozy-device-helper';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import CheckIcon from "cozy-ui/transpiled/react/Icons/Check";
-import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
-import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
-import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
+import ControlDefault from "cozy-ui/transpiled/react/SelectBox/ControlDefault";
 var styles = {
   "select--disabled": "styles__select--disabled___1W3en",
   "select--fullwidth": "styles__select--fullwidth___2l_xM",
@@ -46,7 +42,11 @@ var styles = {
   "Group": "styles__Group___J6s7k",
   "FixedGroup": "styles__FixedGroup___2izTc"
 };
-import ControlDefault from "cozy-ui/transpiled/react/SelectBox/ControlDefault";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
+import CheckIcon from "cozy-ui/transpiled/react/Icons/Check";
+import TopIcon from "cozy-ui/transpiled/react/Icons/Top";
+import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
 var heights = {
   tiny: '2rem',
   medium: '2.5rem',

package/transpiled/react/SelectBox/SelectBoxWithFixedOptions.js

@@ -5,9 +5,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 { components } from 'react-select';
-import React from 'react';
 import groupBy from 'lodash/groupBy';
+import React from 'react';
+import { components } from 'react-select';
 import SelectBox from "cozy-ui/transpiled/react/SelectBox/SelectBox";
 var styles = {
   "select--disabled": "styles__select--disabled___1W3en",

package/transpiled/react/SelectionBar/SelectionBarAction.js

@@ -1,11 +1,6 @@
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import Button from "cozy-ui/transpiled/react/Button";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import React from 'react';
 var styles = {
   "SelectionBar": "styles__SelectionBar___3UOqy",
   "SelectionBar-count": "styles__SelectionBar-count___1e2yD",
@@ -14,6 +9,11 @@ var styles = {
   "spin": "styles__spin___1MUwn",
   "shake": "styles__shake___qrFb_"
 };
+import Button from "cozy-ui/transpiled/react/Button";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 
 var SelectionBarAction = function SelectionBarAction(_ref) {
   var selectedCount = _ref.selectedCount,

package/transpiled/react/SelectionBar/SelectionBarMore.js

@@ -1,11 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
-import { ActionMenuWithClose, ActionMenuItem } from "cozy-ui/transpiled/react/deprecated/ActionMenu";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import React, { useState, useRef } from 'react';
 var styles = {
   "SelectionBar": "styles__SelectionBar___3UOqy",
   "SelectionBar-count": "styles__SelectionBar-count___1e2yD",
@@ -14,6 +9,11 @@ var styles = {
   "spin": "styles__spin___1MUwn",
   "shake": "styles__shake___qrFb_"
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
+import { ActionMenuWithClose, ActionMenuItem } from "cozy-ui/transpiled/react/deprecated/ActionMenu";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 
 var SelectionBarMore = function SelectionBarMore(_ref) {
   var actions = _ref.actions,

package/transpiled/react/SelectionBar/index.js

@@ -4,15 +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, { useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { useTheme } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import React, { useEffect } from 'react';
 import { useWebviewIntent } from 'cozy-intent';
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-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 useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import SelectionBarAction from "cozy-ui/transpiled/react/SelectionBar/SelectionBarAction";
+import SelectionBarMore from "cozy-ui/transpiled/react/SelectionBar/SelectionBarMore";
 var styles = {
   "SelectionBar": "styles__SelectionBar___3UOqy",
   "SelectionBar-count": "styles__SelectionBar-count___1e2yD",
@@ -21,9 +18,12 @@ var styles = {
   "spin": "styles__spin___1MUwn",
   "shake": "styles__shake___qrFb_"
 };
-import SelectionBarAction from "cozy-ui/transpiled/react/SelectionBar/SelectionBarAction";
-import SelectionBarMore from "cozy-ui/transpiled/react/SelectionBar/SelectionBarMore";
 import useMaxActions from "cozy-ui/transpiled/react/SelectionBar/useMaxActions";
+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 useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 /*
 
 If you want use SelectionBar component, you must have `actions` parameter, like :

package/transpiled/react/SelectionBar/useMaxActions.js

@@ -5,11 +5,11 @@ 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 { useState } from 'react';
 import throttle from 'lodash/throttle';
+import { useState } from 'react';
+import { computeMaxAction } from "cozy-ui/transpiled/react/SelectionBar/helpers";
 import breakpointDefs, { getBreakpointsStatus } from "cozy-ui/transpiled/react/helpers/breakpoints";
 import useEventListener from "cozy-ui/transpiled/react/hooks/useEventListener";
-import { computeMaxAction } from "cozy-ui/transpiled/react/SelectionBar/helpers";
 var huge = 1400;
 var large = 1200;
 

package/transpiled/react/Sidebar/index.js

@@ -1,15 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className"];
-import React from 'react';
+import { useTheme } from '@material-ui/core';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "o-sidebar": "styles__o-sidebar___1295j"
 };
 import { useSetFlagshipUI } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
-import { useTheme } from '@material-ui/core';
 
 var Sidebar = function Sidebar(_ref) {
   var children = _ref.children,

package/transpiled/react/Skeletons/ListItemSkeleton.js

@@ -1,10 +1,10 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
+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 Skeleton from "cozy-ui/transpiled/react/Skeleton";
-import Divider from "cozy-ui/transpiled/react/Divider";
 
 var ListItemSkeleton = function ListItemSkeleton(_ref) {
   var hasSecondary = _ref.hasSecondary,

package/transpiled/react/Skeletons/ListSkeleton.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from 'react';
 import PropTypes from 'prop-types';
+import React from 'react';
+import ListItemSkeleton from "cozy-ui/transpiled/react/Skeletons/ListItemSkeleton";
 import List from "cozy-ui/transpiled/react/List";
 import ListSubheader from "cozy-ui/transpiled/react/ListSubheader";
-import ListItemSkeleton from "cozy-ui/transpiled/react/Skeletons/ListItemSkeleton";
 
 var ListSkeleton = function ListSkeleton(_ref) {
   var count = _ref.count,

package/transpiled/react/Snackbar/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
-import React, { forwardRef } from 'react';
 import MuiSnackbar from '@material-ui/core/Snackbar';
+import React, { forwardRef } from 'react';
 var Snackbar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);

package/transpiled/react/Spinner/index.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import { translate } from "cozy-ui/transpiled/react/providers/I18n";
-import SpinnerIcon from "cozy-ui/transpiled/react/Icons/Spinner";
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "c-spinner": "styles__c-spinner___1snK7",
   "c-spinner--middle": "styles__c-spinner--middle___RwyII",
@@ -13,6 +9,10 @@ var styles = {
   "spin": "styles__spin___3Lqkt",
   "shake": "styles__shake___6gnzB"
 };
+import Icon from "cozy-ui/transpiled/react/Icon";
+import SpinnerIcon from "cozy-ui/transpiled/react/Icons/Spinner";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import { translate } from "cozy-ui/transpiled/react/providers/I18n";
 export var Spinner = function Spinner(_ref) {
   var _cx;
 

package/transpiled/react/SquareAppIcon/index.js

@@ -2,24 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["display", "name", "variant", "IconContent", "description"];
-import React, { useEffect, useState } from 'react';
 import cx from 'classnames';
-import PropTypes from 'prop-types';
 import get from 'lodash/get';
-import AppIcon from "cozy-ui/transpiled/react/AppIcon";
-import Badge from "cozy-ui/transpiled/react/Badge";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconCheckAnimated from "cozy-ui/transpiled/react/Icons/IconCheckAnimated";
-import InfosBadge from "cozy-ui/transpiled/react/InfosBadge";
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-import SvgIconCrossAnimated from "cozy-ui/transpiled/react/Icons/IconCrossAnimated";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import iconOut from "cozy-ui/transpiled/react/Icons/LinkOut";
-import iconPlus from "cozy-ui/transpiled/react/Icons/Plus";
-import iconWarning from "cozy-ui/transpiled/react/Icons/WarningCircle";
-import { alpha, makeStyles } from "cozy-ui/transpiled/react/styles";
-import { nameToColor } from "cozy-ui/transpiled/react/Avatar/helpers";
-import CozyTheme, { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
+import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
 var styles = {
   "SquareAppIcon-wrapper": "styles__SquareAppIcon-wrapper___2SEuM",
@@ -34,6 +20,20 @@ var styles = {
   "isSuccess": "styles__isSuccess___I6nFq",
   "end-animation": "styles__end-animation___1O0b3"
 };
+import AppIcon from "cozy-ui/transpiled/react/AppIcon";
+import { nameToColor } from "cozy-ui/transpiled/react/Avatar/helpers";
+import Badge from "cozy-ui/transpiled/react/Badge";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconCheckAnimated from "cozy-ui/transpiled/react/Icons/IconCheckAnimated";
+import SvgIconCrossAnimated from "cozy-ui/transpiled/react/Icons/IconCrossAnimated";
+import iconOut from "cozy-ui/transpiled/react/Icons/LinkOut";
+import iconPlus from "cozy-ui/transpiled/react/Icons/Plus";
+import iconWarning from "cozy-ui/transpiled/react/Icons/WarningCircle";
+import InfosBadge from "cozy-ui/transpiled/react/InfosBadge";
+import Spinner from "cozy-ui/transpiled/react/Spinner";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import CozyTheme, { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
+import { alpha, makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles(function (theme) {
   return {
     name: _defineProperty({

package/transpiled/react/Stack/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["spacing", "tag"];
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "Stack--m": "styles__Stack--m___1tSpV",
   "Stack--xs": "styles__Stack--xs___2R5lW",

package/transpiled/react/Stepper/testing.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { Stepper, Step, StepLabel, StepButton } from "cozy-ui/transpiled/react/Stepper";
 
 var renderSVGWarningIcon = function renderSVGWarningIcon() {

package/transpiled/react/Tabs/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "variant", "narrowed", "segmented", "children"];
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import MuiTabs from '@material-ui/core/Tabs';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 var Tabs = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,

package/transpiled/react/TextField/MobileSelect.js

@@ -2,18 +2,18 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "options", "disabled", "value", "children", "onClick", "onChange"];
-import React, { forwardRef, useEffect, useState } from 'react';
-import merge from 'lodash/merge';
 import MuiTextField from '@material-ui/core/TextField';
+import merge from 'lodash/merge';
 import PropTypes from 'prop-types';
+import React, { forwardRef, useEffect, useState } from 'react';
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+import ActionsMenuWrapper from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuWrapper";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
 import InputAdornment from "cozy-ui/transpiled/react/InputAdornment";
-import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 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 ActionsMenuWrapper from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuWrapper";
-import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _options$find;
 

package/transpiled/react/TextField/index.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["select", "options", "children"];
-import React, { forwardRef } from 'react';
 import MuiTextField from '@material-ui/core/TextField';
+import React, { forwardRef } from 'react';
+import MobileSelect from "cozy-ui/transpiled/react/TextField/MobileSelect";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
 import { getRandomUUID } from "cozy-ui/transpiled/react/helpers/getRandomUUID";
 import { useBreakpoints } from "cozy-ui/transpiled/react/providers/Breakpoints";
-import MobileSelect from "cozy-ui/transpiled/react/TextField/MobileSelect";
 var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var select = _ref.select,
       options = _ref.options,

package/transpiled/react/Textarea/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 = ["className", "disabled", "placeholder", "children", "error", "size", "fullwidth"];
-import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "c-textarea": "styles__c-textarea___D7EEH",
   "is-error": "styles__is-error___1kGLj",

package/transpiled/react/Thumbnail/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 = ["className", "isStacked", "children"];
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "container": "Thumbnail__container___2Eg5o",
   "wrapper": "Thumbnail__wrapper___ZoPVg",

package/transpiled/react/Tile/index.js

@@ -2,10 +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 = ["children", "className", "tag", "isSecondary"];
-import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import Typography from "cozy-ui/transpiled/react/Typography";
+import PropTypes from 'prop-types';
+import React from 'react';
 var styles = {
   "Tile": "styles__Tile___2SqRi",
   "Tile-secondary": "styles__Tile-secondary___2zYdn",
@@ -17,6 +16,7 @@ var styles = {
   "Tile-title-multiline": "styles__Tile-title-multiline___17HPx",
   "Tile-status-accent": "styles__Tile-status-accent___an9au"
 };
+import Typography from "cozy-ui/transpiled/react/Typography";
 
 var Tile = function Tile(_ref) {
   var children = _ref.children,

package/transpiled/react/Toggle/index.js

@@ -8,13 +8,13 @@ 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 PropTypes from 'prop-types';
+import React, { Component } from 'react';
 var styles = {
   "toggle": "styles__toggle___3zVsE",
   "checkbox": "styles__checkbox___3ko96",
   "label": "styles__label___3jY1f"
 };
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 
 var Toggle = /*#__PURE__*/function (_Component) {
   _inherits(Toggle, _Component);

package/transpiled/react/Typography/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["color", "variant", "children"];
-import React, { forwardRef } from 'react';
 import MuiTypography from '@material-ui/core/Typography';
+import React, { forwardRef } from 'react';
 var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       variant = _ref.variant,

package/transpiled/react/UnorderedList/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className"],
     _excluded2 = ["className"];
-import React from 'react';
 import cx from 'classnames';
+import React from 'react';
 var styles = {
   "UnorderedList": "styles__UnorderedList___2uFFY",
   "ListItem": "styles__ListItem___3cRoI"

package/transpiled/react/UploadQueue/index.js

@@ -12,46 +12,11 @@ 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, useState } from 'react';
-import cx from 'classnames';
 import LinearProgress from '@material-ui/core/LinearProgress';
+import cx from 'classnames';
+import React, { Component, useState } from 'react';
 import { useIntervalWhen } from 'rooks';
 import { splitFilename } from 'cozy-client/dist/models/file';
-import { withStyles } from "cozy-ui/transpiled/react/styles";
-import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
-import WarningIcon from "cozy-ui/transpiled/react/Icons/Warning";
-import CheckIcon from "cozy-ui/transpiled/react/Icons/Check";
-import { translate, useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-import withLocales from "cozy-ui/transpiled/react/providers/I18n/withLocales";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import List from "cozy-ui/transpiled/react/List";
-import ListItem from "cozy-ui/transpiled/react/ListItem";
-import ListItemText from "cozy-ui/transpiled/react/ListItemText";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
-import { Img } from "cozy-ui/transpiled/react/deprecated/Media";
-import Button from "cozy-ui/transpiled/react/deprecated/Button";
-var styles = {
-  "upload-queue": "styles__upload-queue___1VtNK",
-  "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___tTYal",
-  "upload-queue__progress-caption": "styles__upload-queue__progress-caption___1-vXY",
-  "upload-queue__upload-progress": "styles__upload-queue__upload-progress___1q-uS",
-  "upload-queue--popover": "styles__upload-queue--popover___2z1a4",
-  "upload-queue--visible": "styles__upload-queue--visible___DjVRs",
-  "upload-queue-header": "styles__upload-queue-header___c9Vf2",
-  "upload-queue-header-inner": "styles__upload-queue-header-inner___26wpB",
-  "upload-queue-progress": "styles__upload-queue-progress___1CmN-",
-  "upload-queue-content": "styles__upload-queue-content___3MPHo",
-  "upload-queue--collapsed": "styles__upload-queue--collapsed___3cchD",
-  "upload-queue-list": "styles__upload-queue-list___OVvJm",
-  "upload-queue-item--error": "styles__upload-queue-item--error___2sSeV",
-  "upload-queue-item--done": "styles__upload-queue-item--done___2PSJI",
-  "item-file": "styles__item-file___1kfDn",
-  "item-status": "styles__item-status___3FNcY",
-  "spin": "styles__spin___3GZIp",
-  "shake": "styles__shake___u1Pks"
-};
 var localeEn = {
   header: "Uploading %{smart_count} photo to %{app} |||| Uploading %{smart_count} photos to %{app}",
   header_mobile: "Uploading %{done} of %{smart_count}",
@@ -82,7 +47,42 @@ var localeFr = {
     remainingTime: "%{time} restante |||| %{time} restantes"
   }
 };
+var styles = {
+  "upload-queue": "styles__upload-queue___1VtNK",
+  "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___tTYal",
+  "upload-queue__progress-caption": "styles__upload-queue__progress-caption___1-vXY",
+  "upload-queue__upload-progress": "styles__upload-queue__upload-progress___1q-uS",
+  "upload-queue--popover": "styles__upload-queue--popover___2z1a4",
+  "upload-queue--visible": "styles__upload-queue--visible___DjVRs",
+  "upload-queue-header": "styles__upload-queue-header___c9Vf2",
+  "upload-queue-header-inner": "styles__upload-queue-header-inner___26wpB",
+  "upload-queue-progress": "styles__upload-queue-progress___1CmN-",
+  "upload-queue-content": "styles__upload-queue-content___3MPHo",
+  "upload-queue--collapsed": "styles__upload-queue--collapsed___3cchD",
+  "upload-queue-list": "styles__upload-queue-list___OVvJm",
+  "upload-queue-item--error": "styles__upload-queue-item--error___2sSeV",
+  "upload-queue-item--done": "styles__upload-queue-item--done___2PSJI",
+  "item-file": "styles__item-file___1kfDn",
+  "item-status": "styles__item-status___3FNcY",
+  "spin": "styles__spin___3GZIp",
+  "shake": "styles__shake___u1Pks"
+};
+import Icon from "cozy-ui/transpiled/react/Icon";
+import CheckIcon from "cozy-ui/transpiled/react/Icons/Check";
+import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
+import WarningIcon from "cozy-ui/transpiled/react/Icons/Warning";
+import Spinner from "cozy-ui/transpiled/react/Spinner";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import List from "cozy-ui/transpiled/react/List";
+import ListItem from "cozy-ui/transpiled/react/ListItem";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import { Img } from "cozy-ui/transpiled/react/deprecated/Media";
+import Button from "cozy-ui/transpiled/react/deprecated/Button";
+import { translate, useI18n } from "cozy-ui/transpiled/react/providers/I18n";
 import { formatLocallyDistanceToNow } from "cozy-ui/transpiled/react/providers/I18n/format";
+import withLocales from "cozy-ui/transpiled/react/providers/I18n/withLocales";
+import { withStyles } from "cozy-ui/transpiled/react/styles";
 var locales = {
   en: localeEn,
   es: localeEs,