cozy-ui-plus 7.0.0 → 8.0.0

package/dist/UploadQueue/index.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uploadStatus = exports.formatRemainingTime = exports.default = exports.UploadQueue = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _LinearProgress = _interopRequireDefault(require("cozy-ui/transpiled/react/LinearProgress"));
-
-var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/deprecated/Button"));
-
-var _styles = require("cozy-ui/transpiled/react/styles");
-
-var _twakeI18n = require("twake-i18n");
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-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; } }
-
-var localeEn = {
-  header: "Uploading %{smart_count} photo to %{app} |||| Uploading %{smart_count} photos to %{app}",
-  header_mobile: "Uploading %{done} of %{smart_count}",
-  header_done: "Uploaded %{done} out of %{smart_count} successfully",
-  close: "close",
-  item: {
-    pending: "Pending",
-    remainingTime: "%{time} remaining"
-  }
-};
-var localeEs = {
-  header: "Subiendo %{smart_count} foto a %{app} |||| Subiendo %{smart_count} fotos a %{app}",
-  header_mobile: "Subiendo %{done} de %{smart_count}",
-  header_done: "Subidos %{done} de %{smart_count} con \xE9xito",
-  close: "cerrar",
-  item: {
-    pending: "Pendiente",
-    remainingTime: "%{time} restante |||| %{time} restantes"
-  }
-};
-var localeFr = {
-  header: "Import de %{smart_count} fichier dans votre %{app} |||| Import de %{smart_count} fichiers dans votre %{app}",
-  header_mobile: "Import de %{done} sur %{smart_count}",
-  header_done: "%{done} sur %{smart_count} \xE9l\xE9ment import\xE9 |||| %{done} sur %{smart_count} \xE9l\xE9ments import\xE9s",
-  close: "Fermer",
-  item: {
-    pending: "En attente",
-    remainingTime: "%{time} restante |||| %{time} restantes"
-  }
-};
-var localeRu = {
-  header: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 %{smart_count} \u0444\u043E\u0442\u043E \u0432 %{app} |||| \u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 %{smart_count} \u0444\u043E\u0442\u043E \u0432 %{app}",
-  header_mobile: "\u0417\u0430\u0433\u0440\u0443\u0436\u0435\u043D\u043E %{done} \u0438\u0437 %{smart_count}",
-  header_done: "\u0423\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D\u043E %{done} \u0438\u0437 %{smart_count}",
-  close: "\u0437\u0430\u043A\u0440\u044B\u0442\u044C",
-  item: {
-    pending: "\u0412 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0438",
-    remainingTime: "\u041E\u0441\u0442\u0430\u043B\u043E\u0441\u044C %{time}"
-  }
-};
-var localeVi = {
-  header: "\u0110ang t\u1EA3i l\xEAn %{smart_count} \u1EA3nh v\xE0o %{app} |||| \u0110ang t\u1EA3i l\xEAn %{smart_count} \u1EA3nh v\xE0o %{app}",
-  header_mobile: "\u0110\xE3 t\u1EA3i l\xEAn %{done} trong s\u1ED1 %{smart_count}",
-  header_done: "\u0110\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng %{done} trong s\u1ED1 %{smart_count}",
-  close: "\u0111\xF3ng",
-  item: {
-    pending: "\u0110ang ch\u1EDD",
-    remainingTime: "C\xF2n l\u1EA1i %{time}"
-  }
-};
-var styles = {
-  "upload-queue": "styles__upload-queue___3EfQa",
-  "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___e-fnL",
-  "upload-queue__progress-caption": "styles__upload-queue__progress-caption___37X7k",
-  "upload-queue__upload-progress": "styles__upload-queue__upload-progress___2Z9qx",
-  "upload-queue--popover": "styles__upload-queue--popover___2Oj-U",
-  "upload-queue--visible": "styles__upload-queue--visible___3FkzH",
-  "upload-queue-header": "styles__upload-queue-header___1nUv9",
-  "upload-queue-header-inner": "styles__upload-queue-header-inner___-pA9p",
-  "upload-queue-progress": "styles__upload-queue-progress___3ijZA",
-  "upload-queue-content": "styles__upload-queue-content___29pyu",
-  "upload-queue--collapsed": "styles__upload-queue--collapsed___3Er09",
-  "upload-queue-list": "styles__upload-queue-list___30_J-",
-  "upload-queue-item--error": "styles__upload-queue-item--error___1ChsD",
-  "upload-queue-item--done": "styles__upload-queue-item--done___1eJjw",
-  "item-file": "styles__item-file___AdWET",
-  "item-status": "styles__item-status___2xjeD",
-  "spin": "styles__spin___1u3cT",
-  "shake": "styles__shake___pfzot"
-};
-var locales = {
-  en: localeEn,
-  es: localeEs,
-  fr: localeFr,
-  ru: localeRu,
-  vi: localeVi
-};
-var CANCEL = 'cancel';
-var PENDING = 'pending';
-var LOADING = 'loading';
-var CREATED = 'created';
-var UPDATED = 'updated';
-var FAILED = 'failed';
-var CONFLICT = 'conflict';
-var QUOTA = 'quota';
-var NETWORK = 'network';
-var DONE_STATUSES = [CREATED, UPDATED];
-var ERROR_STATUSES = [CONFLICT, NETWORK, QUOTA, FAILED];
-var uploadStatus = {
-  CANCEL: CANCEL,
-  PENDING: PENDING,
-  LOADING: LOADING,
-  CREATED: CREATED,
-  UPDATED: UPDATED,
-  FAILED: FAILED,
-  CONFLICT: CONFLICT,
-  QUOTA: QUOTA,
-  NETWORK: NETWORK,
-  DONE_STATUSES: DONE_STATUSES,
-  ERROR_STATUSES: ERROR_STATUSES
-};
-exports.uploadStatus = uploadStatus;
-
-var formatRemainingTime = function formatRemainingTime(durationInSec) {
-  var later = Date.now() + durationInSec * 1000;
-  return (0, _twakeI18n.formatLocallyDistanceToNow)(later);
-};
-
-exports.formatRemainingTime = formatRemainingTime;
-var QueueLinearProgress = (0, _styles.withStyles)({
-  root: {
-    height: '2px'
-  }
-})(_LinearProgress.default);
-
-var UploadQueue = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(UploadQueue, _Component);
-
-  var _super = _createSuper(UploadQueue);
-
-  function UploadQueue() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, UploadQueue);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      collapsed: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleCollapsed", function () {
-      _this.setState(function (state) {
-        return {
-          collapsed: !state.collapsed
-        };
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(UploadQueue, [{
-    key: "render",
-    value: function render() {
-      var _cx;
-
-      var _this$props = this.props,
-          t = _this$props.t,
-          queue = _this$props.queue,
-          doneCount = _this$props.doneCount,
-          successCount = _this$props.successCount,
-          purgeQueue = _this$props.purgeQueue,
-          popover = _this$props.popover,
-          getMimeTypeIcon = _this$props.getMimeTypeIcon,
-          app = _this$props.app;
-      var collapsed = this.state.collapsed;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        "data-testid": "upload-queue",
-        className: (0, _classnames.default)(styles['upload-queue'], (_cx = {}, (0, _defineProperty2.default)(_cx, styles['upload-queue--visible'], queue.length !== 0), (0, _defineProperty2.default)(_cx, styles['upload-queue--collapsed'], collapsed), (0, _defineProperty2.default)(_cx, styles['upload-queue--popover'], popover), _cx))
-      }, /*#__PURE__*/_react.default.createElement("h4", {
-        className: styles['upload-queue-header'],
-        onDoubleClick: this.toggleCollapsed
-      }, doneCount < queue.length && /*#__PURE__*/_react.default.createElement("div", {
-        className: styles['upload-queue-header-inner']
-      }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6",
-        className: "u-hide--mob"
-      }, t('header', {
-        smart_count: queue.length,
-        app: app
-      })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        color: "primary",
-        variant: "h6",
-        className: "u-hide--tablet"
-      }, t('header_mobile', {
-        done: doneCount,
-        smart_count: queue.length
-      }))), doneCount >= queue.length && /*#__PURE__*/_react.default.createElement("div", {
-        "data-testid": "upload-queue-success",
-        className: styles['upload-queue-header-inner']
-      }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6"
-      }, t('header_done', {
-        done: successCount,
-        smart_count: queue.length
-      })), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        subtle: true,
-        className: "u-mv-0",
-        label: t('close'),
-        onClick: purgeQueue
-      }))), /*#__PURE__*/_react.default.createElement(QueueLinearProgress, {
-        variant: "determinate",
-        value: doneCount / queue.length * 100
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles['upload-queue-content']
-      }, /*#__PURE__*/_react.default.createElement(_List.default, {
-        className: "u-pv-0"
-      }, queue.map(function (item, index) {
-        return /*#__PURE__*/_react.default.createElement(_Item.default, (0, _extends2.default)({
-          key: index
-        }, item, {
-          getMimeTypeIcon: getMimeTypeIcon
-        }));
-      }))));
-    }
-  }]);
-  return UploadQueue;
-}(_react.Component);
-
-exports.UploadQueue = UploadQueue;
-UploadQueue.defaultProps = {
-  /**
-   * @type {Boolean}
-   * Displays the queue in a popover at the bottom right of the screen
-   * Use false to disable
-   */
-  popover: true
-};
-
-var _default = (0, _twakeI18n.withLocales)(locales)(UploadQueue);
-
-exports.default = _default;

package/dist/UploadQueue/useStatusIcon.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStatusIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _CheckCircle = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CheckCircle"));
-
-var _CrossCircle = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CrossCircle"));
-
-var _Warning = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Warning"));
-
-var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"));
-
-var _index = require("./index");
-
-var useStatusIcon = function useStatusIcon(statusToUse, progress) {
-  var CANCEL = _index.uploadStatus.CANCEL,
-      LOADING = _index.uploadStatus.LOADING,
-      DONE_STATUSES = _index.uploadStatus.DONE_STATUSES,
-      ERROR_STATUSES = _index.uploadStatus.ERROR_STATUSES,
-      PENDING = _index.uploadStatus.PENDING;
-  var SuccessIcon = _CheckCircle.default;
-  var ErrorIcon = _CrossCircle.default;
-  var statusIcon;
-
-  if (statusToUse === LOADING) {
-    statusIcon = !progress ? /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-      color: "var(--primaryColor)"
-    }) : null;
-  } else if (statusToUse === CANCEL) {
-    statusIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: ErrorIcon,
-      color: "var(--errorColor)"
-    });
-  } else if (ERROR_STATUSES.includes(statusToUse)) {
-    statusIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Warning.default,
-      color: "var(--errorColor)"
-    });
-  } else if (DONE_STATUSES.includes(statusToUse)) {
-    statusIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: SuccessIcon,
-      color: "var(--successColor)"
-    });
-  } else if (statusToUse === PENDING) {
-    statusIcon = null;
-  }
-
-  return statusIcon;
-};
-
-exports.useStatusIcon = useStatusIcon;

package/dist/src/UploadQueue/FileUploadProgress.d.ts

@@ -1,4 +0,0 @@
-export default FileUploadProgress;
-declare function FileUploadProgress({ progress: progressProps }: {
-    progress: any;
-}): JSX.Element;

package/dist/src/UploadQueue/Item.d.ts

@@ -1,3 +0,0 @@
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-export default _default;
-import React from 'react';

package/dist/src/UploadQueue/Pending.d.ts

@@ -1,3 +0,0 @@
-export default Pending;
-declare const Pending: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';

package/dist/src/UploadQueue/RemainingTime.d.ts

@@ -1,4 +0,0 @@
-export default RemainingTime;
-declare function RemainingTime({ durationInSec }: {
-    durationInSec: any;
-}): JSX.Element;

package/dist/src/UploadQueue/helpers.d.ts

@@ -1 +0,0 @@
-export function numberOfReferencesForPluralForm(durationInSec: any): 1 | 2;

package/dist/src/UploadQueue/index.d.ts

@@ -1,42 +0,0 @@
-export namespace uploadStatus {
-    export { CANCEL };
-    export { PENDING };
-    export { LOADING };
-    export { CREATED };
-    export { UPDATED };
-    export { FAILED };
-    export { CONFLICT };
-    export { QUOTA };
-    export { NETWORK };
-    export { DONE_STATUSES };
-    export { ERROR_STATUSES };
-}
-export function formatRemainingTime(durationInSec: any): string;
-export class UploadQueue extends React.Component<any, any, any> {
-    constructor(props: Readonly<any>);
-    constructor(props: any, context?: any);
-    state: {
-        collapsed: boolean;
-    };
-    toggleCollapsed: () => void;
-    render(): JSX.Element;
-}
-export namespace UploadQueue {
-    namespace defaultProps {
-        let popover: boolean;
-    }
-}
-declare const _default: any;
-export default _default;
-declare const CANCEL: "cancel";
-declare const PENDING: "pending";
-declare const LOADING: "loading";
-declare const CREATED: "created";
-declare const UPDATED: "updated";
-declare const FAILED: "failed";
-declare const CONFLICT: "conflict";
-declare const QUOTA: "quota";
-declare const NETWORK: "network";
-declare const DONE_STATUSES: string[];
-declare const ERROR_STATUSES: string[];
-import React from 'react';

package/dist/src/UploadQueue/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/UploadQueue/useStatusIcon.d.ts

@@ -1 +0,0 @@
-export function useStatusIcon(statusToUse: any, progress: any): JSX.Element;

package/src/UploadQueue/FileUploadProgress.jsx

@@ -1,50 +0,0 @@
-import React, { useState } from 'react'
-import { useIntervalWhen } from 'rooks'
-
-import LinearProgress from 'cozy-ui/transpiled/react/LinearProgress'
-import { withStyles } from 'cozy-ui/transpiled/react/styles'
-
-import RemainingTime from './RemainingTime'
-import styles from './styles.styl'
-
-const FileLinearProgress = withStyles(theme => ({
-  root: {
-    borderRadius: theme.shape.borderRadius
-  },
-  colorPrimary: {
-    backgroundColor: theme.palette.background.default
-  },
-  barColorPrimary: {
-    backgroundColor: 'var(--emerald)'
-  }
-}))(LinearProgress)
-
-const FileUploadProgress = ({ progress: progressProps }) => {
-  const [progress, setProgress] = useState(progressProps)
-  useIntervalWhen(
-    () => {
-      setProgress(progressProps)
-    },
-    1000,
-    true,
-    true
-  )
-
-  return (
-    <div className={styles['upload-queue__upload-progress']}>
-      <div className="u-flex-grow-1 u-pr-1">
-        <FileLinearProgress
-          variant="determinate"
-          value={(progress.loaded / progress.total) * 100}
-        />
-      </div>
-      <div className="u-flex-shrink">
-        {progress.remainingTime ? (
-          <RemainingTime durationInSec={progress.remainingTime} />
-        ) : null}
-      </div>
-    </div>
-  )
-}
-
-export default FileUploadProgress

package/src/UploadQueue/Item.jsx

@@ -1,99 +0,0 @@
-import cx from 'classnames'
-import React from 'react'
-
-import { splitFilename } from 'cozy-client/dist/models/file'
-import Icon from 'cozy-ui/transpiled/react/Icon'
-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 Typography from 'cozy-ui/transpiled/react/Typography'
-import { Img } from 'cozy-ui/transpiled/react/deprecated/Media'
-import { translate } from 'twake-i18n'
-
-import FileUploadProgress from './FileUploadProgress'
-import Pending from './Pending'
-import { uploadStatus } from './index'
-import styles from './styles.styl'
-import { useStatusIcon } from './useStatusIcon'
-
-const Item = ({ file, status, isDirectory, progress, getMimeTypeIcon }) => {
-  const { CANCEL, LOADING, DONE_STATUSES, ERROR_STATUSES, PENDING } =
-    uploadStatus
-  const { filename, extension } = splitFilename(file)
-  let done = false
-  let error = false
-  /**
-   * Status came from the Upload Queue, but sometimes we're using
-   * manual upload without using the Upload Queue system but we're still
-   * using the UI component. When this is the case, the file handles on
-   * his own its status.
-   */
-  const statusToUse = file.status ? file.status : status
-
-  if (statusToUse !== LOADING && statusToUse !== CANCEL) {
-    if (ERROR_STATUSES.includes(statusToUse)) {
-      error = true
-    } else if (DONE_STATUSES.includes(statusToUse)) {
-      done = true
-    }
-  }
-
-  const statusIcon = useStatusIcon(statusToUse, progress)
-
-  const isPending =
-    statusToUse !== LOADING &&
-    statusToUse !== CANCEL &&
-    !ERROR_STATUSES.includes(statusToUse) &&
-    !DONE_STATUSES.includes(statusToUse) &&
-    statusToUse === PENDING
-
-  return (
-    <ListItem
-      divider
-      data-testid="upload-queue-item"
-      className={cx({
-        [styles['upload-queue-item--done']]: done,
-        [styles['upload-queue-item--error']]: error
-      })}
-    >
-      {getMimeTypeIcon ? (
-        <ListItemIcon className="u-ta-center">
-          <Icon
-            icon={getMimeTypeIcon(isDirectory, file.name, file.type)}
-            size={32}
-            className="u-mr-1"
-          />
-        </ListItemIcon>
-      ) : null}
-      <ListItemText
-        disableTypography
-        primary={
-          <div data-testid="upload-queue-item-name" className="u-ellipsis">
-            <Typography variant="body1" className="u-ellipsis">
-              {filename}
-              {extension && (
-                <Typography
-                  component="span"
-                  variant="body1"
-                  color="textSecondary"
-                  className="u-dib"
-                >
-                  {extension}
-                </Typography>
-              )}
-            </Typography>
-          </div>
-        }
-        secondary={progress ? <FileUploadProgress progress={progress} /> : null}
-      />
-      {statusIcon && (
-        <ListItemIcon>
-          <Img>{statusIcon}</Img>
-        </ListItemIcon>
-      )}
-      {isPending && <Pending />}
-    </ListItem>
-  )
-}
-
-export default translate()(Item)

package/src/UploadQueue/Pending.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import { translate } from 'twake-i18n'
-
-const Pending = translate()(props => (
-  <Typography variant="subtitle1" color="primary">
-    {props.t('item.pending')}
-  </Typography>
-))
-
-export default Pending

package/src/UploadQueue/Readme.md

@@ -1,95 +0,0 @@
-Dumb component to display a list of files being uploaded.
-
-On mobile, the list of files being displayed is not shown, only
-a small banner is shown.
-
-The popover attribute should be used to automatically layout
-the upload queue:
-
-- in a fixed bottom-right position on desktop
-- underneath the top-bar on mobile
-
-```jsx
-import isTesting from '../helpers/isTesting'
-import FileIcon from 'cozy-ui/transpiled/react/Icons/File'
-import UploadQueue from 'cozy-ui/transpiled/react/UploadQueue'
-import Checkbox from 'cozy-ui/transpiled/react/Checkbox'
-
-const initialState = {
-  popover: false
-}
-
-const data = {
-  queue: [{
-    file: { name: 'Photo.jpg', type: 'file' },
-    status: 'created'
-  }, {
-    file: { name: 'Photo - conflict error.jpg', type: 'file' },
-    status: 'conflict'
-  }, {
-    file: { name: 'Photo - quota error.jpg', type: 'file' },
-    status: 'quota'
-  }, {
-    file: { name: 'Photo - network error.jpg', type: 'file' },
-    status: 'network'
-  }, {
-    file: { name: 'Photo - generic failure error.jpg', type: 'file' },
-    status: 'failed'
-  }, {
-    file: { name: 'Photo - generic failure error with a very long name - really long - 2020/04/16.txt', type: 'file' },
-    status: 'failed'
-  }, {
-    file: { name: 'File with a very long name - really long - 2020/04/16.txt', type: 'file' },
-    progress: {
-      loaded: 100,
-      total: 400,
-      speed: 135000,
-      remainingTime: 120
-    },
-    status: 'loading'
-  }, {
-    file: { name: 'Directory' },
-    status: 'pending'
-  }],
-  doneCount: 1,
-  successCount: 1
-}
-
-;
-
-<>
-  <Checkbox label="Popover" value={state.popover} onChange={() => setState({ popover: !state.popover })} />
-  <UploadQueue
-    lang='fr'
-    app='Cozy Drive'
-    getMimeTypeIcon={() => FileIcon}
-    queue={data.queue}
-    doneCount={data.doneCount}
-    successCount={data.successCount}
-    popover={state.popover}
-    purgeQueue={() => {}}
-  />
-  {isTesting() && (
-    <>
-      <UploadQueue
-        lang='fr'
-        app='Cozy Drive'
-        getMimeTypeIcon={() => FileIcon}
-        queue={data.queue}
-        doneCount={data.queue.length}
-        successCount={data.queue.length}
-        popover={false}
-      />
-      <UploadQueue
-        lang='fr'
-        app='Cozy Drive'
-        getMimeTypeIcon={() => FileIcon}
-        queue={data.queue}
-        doneCount={data.doneCount}
-        successCount={data.successCount}
-        popover={true}
-      />
-    </>
-  )}
-</>
-```