cozy-ui 131.2.0 → 133.0.0-beta.1

package/transpiled/react/ShortcutTile/index.js

@@ -1,51 +0,0 @@
-import React from 'react';
-var styles = {
-  "AppTile-icon": "styles__AppTile-icon___1f0c0",
-  "AppTile-icon--default": "styles__AppTile-icon--default___1tjiF",
-  "AppTile-icon-maintenance": "styles__AppTile-icon-maintenance___2VOvO",
-  "AppTile-container-maintenance": "styles__AppTile-container-maintenance___u1a1M"
-};
-import { nameToColor } from "cozy-ui/transpiled/react/legacy/Avatar/helpers";
-import { TileIcon } from "cozy-ui/transpiled/react/Tile";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import { makeStyles } from "cozy-ui/transpiled/react/styles";
-var useStyles = makeStyles({
-  letter: {
-    color: 'white',
-    margin: 'auto'
-  },
-  letterWrapper: {
-    backgroundColor: function backgroundColor(_ref) {
-      var name = _ref.name;
-      return nameToColor(name);
-    }
-  }
-});
-export var ShortcutTile = function ShortcutTile(_ref2) {
-  var _file$attributes, _file$attributes$meta, _file$attributes2, _file$attributes2$met;
-
-  var file = _ref2.file;
-  var classes = useStyles({
-    name: file.name
-  });
-  var icon = (_file$attributes = file.attributes) === null || _file$attributes === void 0 ? void 0 : (_file$attributes$meta = _file$attributes.metadata) === null || _file$attributes$meta === void 0 ? void 0 : _file$attributes$meta.icon;
-  var iconMimeType = (_file$attributes2 = file.attributes) === null || _file$attributes2 === void 0 ? void 0 : (_file$attributes2$met = _file$attributes2.metadata) === null || _file$attributes2$met === void 0 ? void 0 : _file$attributes2$met.iconMimeType;
-
-  if (icon) {
-    return /*#__PURE__*/React.createElement(TileIcon, null, /*#__PURE__*/React.createElement("img", {
-      className: styles['AppTile-icon'],
-      src: iconMimeType ? "data:".concat(iconMimeType, ";base64,").concat(icon) : "data:image/svg+xml;base64,".concat(window.btoa(icon)),
-      width: 48,
-      height: 48,
-      alt: file.name
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(TileIcon, null, /*#__PURE__*/React.createElement("div", {
-    className: classes.letterWrapper
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: classes.letter,
-    variant: "h2",
-    align: "center"
-  }, file.name[0].toUpperCase())));
-};

package/transpiled/react/SquareAppIcon/SquareAppIcon.spec.d.ts

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

package/transpiled/react/SquareAppIcon/index.d.ts

@@ -1,26 +0,0 @@
-export function SquareAppIcon({ display, name, variant, IconContent, description, hideShortcutBadge, ...appIconProps }: {
-    [x: string]: any;
-    display: any;
-    name: any;
-    variant: any;
-    IconContent: any;
-    description: any;
-    hideShortcutBadge?: boolean | undefined;
-}): JSX.Element;
-export namespace SquareAppIcon {
-    namespace propTypes {
-        const display: PropTypes.Requireable<string>;
-        const description: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const variant: PropTypes.Requireable<string>;
-        const IconContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    namespace defaultProps {
-        const display_1: string;
-        export { display_1 as display };
-        const variant_1: string;
-        export { variant_1 as variant };
-    }
-}
-export default SquareAppIcon;
-import PropTypes from "prop-types";

package/transpiled/react/SquareAppIcon/index.js

@@ -1,222 +0,0 @@
-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", "hideShortcutBadge"];
-import cx from 'classnames';
-import get from 'lodash/get';
-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",
-  "SquareAppIcon-wrapper--light": "styles__SquareAppIcon-wrapper--light___2iR5Y",
-  "SquareAppIcon-wrapper--dark": "styles__SquareAppIcon-wrapper--dark___1vYbb",
-  "SquareAppIcon-icon-container": "styles__SquareAppIcon-icon-container___39MRl",
-  "SquareAppIcon-wrapper-ghost": "styles__SquareAppIcon-wrapper-ghost___1ZALZ",
-  "SquareAppIcon-icon-container-normal": "styles__SquareAppIcon-icon-container-normal___DCe9y",
-  "SquareAppIcon-wrapper-maintenance": "styles__SquareAppIcon-wrapper-maintenance___2ne2n",
-  "SquareAppIcon-wrapper-loading": "styles__SquareAppIcon-wrapper-loading___3A1_X",
-  "SquareAppIcon-spinner": "styles__SquareAppIcon-spinner___o0LO1",
-  "onEnd": "styles__onEnd___1O6Q7",
-  "isFailed": "styles__isFailed___2AYxx",
-  "isSuccess": "styles__isSuccess___I6nFq",
-  "end-animation": "styles__end-animation___1O0b3"
-};
-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 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 { nameToColor } from "cozy-ui/transpiled/react/legacy/Avatar/helpers";
-import CozyTheme, { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
-import { alpha, makeStyles } from "cozy-ui/transpiled/react/styles";
-
-var makeTwakeColor = function makeTwakeColor(theme) {
-  return theme.variant === 'inverted' || theme.type === 'dark' ? 'var(--white)' : 'var(--black)';
-};
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    name: _defineProperty({
-      color: makeTwakeColor(theme),
-      textShadow: theme.variant === 'inverted' || theme.type === 'dark' ? '0px 0px 10px rgba(0, 0, 0, 0.10), 0px 0px 2px rgba(0, 0, 0, 0.20), 0.5px 0.5px 1px rgba(0, 0, 0, 0.50)' : undefined,
-      width: '5.5rem',
-      textAlign: 'center',
-      margin: '0.5rem 0.25rem 0 0.25rem',
-      lineClamp: '2',
-      boxOrient: 'vertical',
-      display: '-webkit-box',
-      height: '2.375rem'
-    }, theme.breakpoints.down('sm'), {
-      width: '3.75rem',
-      margin: '0.25rem 0.25rem 0 0.25rem',
-      height: '2rem'
-    }),
-    nameInverted: {
-      textShadow: theme.textShadows[1]
-    },
-    squareAppIconGhost: {
-      backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.ghostOpacity),
-      border: "1px dashed ".concat(alpha(theme.palette.primary.main, theme.palette.border.ghostOpacity))
-    },
-    letter: {
-      color: 'white',
-      margin: 'auto'
-    },
-    errorIcon: {
-      fill: 'var(--errorColor)',
-      backgroundColor: 'var(--primaryContrastTextColor)',
-      borderRadius: '1rem'
-    },
-    tileWrapper: _defineProperty({
-      cursor: 'pointer',
-      // Whole block is clickable so we should display the pointer
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      minWidth: '6rem'
-    }, theme.breakpoints.down('sm'), {
-      minWidth: '4.25rem'
-    }),
-    detailedTileWrapper: {
-      flexDirection: 'row',
-      width: 'auto'
-    }
-  };
-});
-
-var shouldRenderSpinner = function shouldRenderSpinner(variant, animationState) {
-  return ['loading'].includes(variant) || animationState;
-};
-
-var SquareAppIconSpinner = function SquareAppIconSpinner(_ref) {
-  var variant = _ref.variant,
-      animationState = _ref.animationState;
-
-  if (!shouldRenderSpinner(variant, animationState)) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Spinner, {
-    className: cx(styles['SquareAppIcon-spinner'], 'u-m-0')
-  });
-};
-
-export var SquareAppIcon = function SquareAppIcon(_ref2) {
-  var _cx3;
-
-  var display = _ref2.display,
-      name = _ref2.name,
-      variant = _ref2.variant,
-      IconContent = _ref2.IconContent,
-      description = _ref2.description,
-      _ref2$hideShortcutBad = _ref2.hideShortcutBadge,
-      hideShortcutBadge = _ref2$hideShortcutBad === void 0 ? false : _ref2$hideShortcutBad,
-      appIconProps = _objectWithoutProperties(_ref2, _excluded);
-
-  var _useCozyTheme = useCozyTheme(),
-      themeVariant = _useCozyTheme.variant,
-      type = _useCozyTheme.type;
-
-  var classes = useStyles();
-  var appName = name || get(appIconProps, 'app.name') || get(appIconProps, 'app') || '';
-  var letter = appName[0] || '';
-  var prevVariant = React.useRef(variant);
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      animationState = _useState2[0],
-      setAnimationState = _useState2[1];
-
-  var handleAnimationEnd = function handleAnimationEnd(e) {
-    if (e.animationName.includes('end')) setAnimationState();
-  };
-
-  useEffect(function () {
-    var curr = prevVariant.current;
-    if (curr === 'loading' && variant === 'error') setAnimationState('failed');
-    if (curr === 'loading' && (variant === 'default' || variant === undefined)) setAnimationState('success');
-    prevVariant.current = variant;
-  }, [variant]);
-  var exceptionVariant = ['ghost'];
-  var squareTheme = exceptionVariant.includes(variant) ? themeVariant : 'normal';
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "square-app-icon",
-    className: cx(classes.tileWrapper, _defineProperty({}, classes.detailedTileWrapper, display === 'detailed'))
-  }, /*#__PURE__*/React.createElement(CozyTheme, {
-    variant: squareTheme
-  }, /*#__PURE__*/React.createElement(InfosBadge, {
-    badgeContent: variant === 'shortcut' && !hideShortcutBadge ? /*#__PURE__*/React.createElement(Icon, {
-      size: "10",
-      icon: iconOut
-    }) : null,
-    className: cx(_defineProperty({}, 'u-mr-1', display === 'detailed')),
-    overlap: "rectangular",
-    invisible: variant !== 'shortcut' || hideShortcutBadge
-  }, /*#__PURE__*/React.createElement(SquareAppIconSpinner, {
-    variant: variant,
-    animationState: animationState
-  }), /*#__PURE__*/React.createElement(Badge, {
-    className: cx(styles["SquareAppIcon-wrapper"], styles["SquareAppIcon-wrapper-".concat(variant)], styles["SquareAppIcon-wrapper--".concat(type)], (_cx3 = {}, _defineProperty(_cx3, classes.squareAppIconGhost, exceptionVariant.includes(variant)), _defineProperty(_cx3, classes.shadow, !exceptionVariant.includes(variant)), _cx3)),
-    badgeContent: variant === 'error' ? /*#__PURE__*/React.createElement(Icon, {
-      size: 16,
-      className: cx(classes.errorIcon),
-      icon: iconWarning
-    }) : '',
-    color: variant === 'error' ? 'error' : undefined,
-    withBorder: false,
-    size: "large",
-    overlap: "rectangular",
-    style: variant === 'shortcut' && !IconContent ? _defineProperty({}, 'background', nameToColor(name)) : null
-  }, variant === 'shortcut' && !IconContent ? /*#__PURE__*/React.createElement(Typography, {
-    className: classes.letter,
-    variant: "h2",
-    align: "center"
-  }, letter.toUpperCase()) : /*#__PURE__*/React.createElement("div", {
-    className: cx(styles['SquareAppIcon-icon-container'], _defineProperty({}, styles['SquareAppIcon-icon-container-normal'], themeVariant === 'normal'))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cx(styles['onEnd'], _defineProperty({}, styles['isSuccess'], animationState === 'success'), _defineProperty({}, styles['isFailed'], animationState === 'failed')),
-    onAnimationEnd: handleAnimationEnd
-  }, animationState && /*#__PURE__*/React.createElement(Icon, {
-    size: 32,
-    icon: animationState === 'success' ? IconCheckAnimated : SvgIconCrossAnimated
-  })), variant === 'add' ? /*#__PURE__*/React.createElement(Icon, {
-    icon: iconPlus,
-    color: "var(--primaryColor)"
-  }) : IconContent ? IconContent : /*#__PURE__*/React.createElement("div", {
-    className: "u-w-2 u-h-2"
-  }, /*#__PURE__*/React.createElement(AppIcon, appIconProps)))))), display === 'detailed' ? /*#__PURE__*/React.createElement(ListItemText, {
-    primary: appName,
-    secondary: description
-  }) : /*#__PURE__*/React.createElement(Typography, {
-    className: cx(classes.name, _defineProperty({}, classes.nameInverted, themeVariant === 'inverted'), 'u-spacellipsis'),
-    variant: "h6",
-    align: "center"
-  }, appName));
-};
-/**
- * Having both a `display` and a `variant` prop is a bit confusing,
- * but it's necessary since the `variant` prop can be used both in "compact" and "detailed" mode.
- *
- * As for the `description` prop, it will only be displayed in "detailed" mode.
- * Providing it in "compact" mode will have no effect.
- */
-
-SquareAppIcon.propTypes = {
-  display: PropTypes.oneOf(['compact', 'detailed']),
-  description: PropTypes.string,
-  name: PropTypes.string,
-  variant: PropTypes.oneOf(['default', 'loading', 'ghost', 'maintenance', 'error', 'add', 'shortcut']),
-  IconContent: PropTypes.node
-};
-SquareAppIcon.defaultProps = {
-  display: 'compact',
-  variant: 'default'
-};
-export default SquareAppIcon;

package/transpiled/react/Storage/StorageButton.d.ts

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

package/transpiled/react/Storage/StorageButton.js

@@ -1,36 +0,0 @@
-import cx from 'classnames';
-import React from 'react';
-import { useInstanceInfo } from 'cozy-client';
-import { buildPremiumLink } from 'cozy-client/dist/models/instance';
-import { locales } from "cozy-ui/transpiled/react/Storage/locales";
-import Button from "cozy-ui/transpiled/react/Buttons";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import TwakeWorkplaceIcon from "cozy-ui/transpiled/react/Icons/TwakeWorkplace";
-import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var StorageButton = function StorageButton(_ref) {
-  var className = _ref.className;
-  useExtendI18n(locales);
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var instanceInfo = useInstanceInfo();
-  return /*#__PURE__*/React.createElement(Button, {
-    className: cx('u-bdrs-4', className),
-    variant: "secondary",
-    label: t('Storage.increase'),
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: TwakeWorkplaceIcon,
-      size: 22
-    }),
-    size: "small",
-    height: "auto",
-    fullWidth: true,
-    component: "a",
-    target: "_blank",
-    href: buildPremiumLink(instanceInfo)
-  });
-};
-
-export default StorageButton;

package/transpiled/react/Storage/StorageProgress.d.ts

@@ -1,5 +0,0 @@
-export default StorageProgress;
-/**
- * Show remaining disk space with a progress bar
- */
-declare function StorageProgress(): JSX.Element;

package/transpiled/react/Storage/StorageProgress.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { useInstanceInfo } from 'cozy-client';
-import { makeDiskInfos } from 'cozy-client/dist/models/instance';
-import { locales } from "cozy-ui/transpiled/react/Storage/locales";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import CloudIcon from "cozy-ui/transpiled/react/Icons/Cloud";
-import { LinearProgress } from "cozy-ui/transpiled/react/Progress";
-import Typography from "cozy-ui/transpiled/react/Typography";
-import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
-/**
- * Show remaining disk space with a progress bar
- */
-
-var StorageProgress = function StorageProgress() {
-  var _diskUsage$data, _diskUsage$data2;
-
-  useExtendI18n(locales);
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useInstanceInfo = useInstanceInfo(),
-      diskUsage = _useInstanceInfo.diskUsage;
-
-  var _makeDiskInfos = makeDiskInfos((_diskUsage$data = diskUsage.data) === null || _diskUsage$data === void 0 ? void 0 : _diskUsage$data.used, (_diskUsage$data2 = diskUsage.data) === null || _diskUsage$data2 === void 0 ? void 0 : _diskUsage$data2.quota),
-      humanDiskQuota = _makeDiskInfos.humanDiskQuota,
-      humanDiskUsage = _makeDiskInfos.humanDiskUsage,
-      percentUsage = _makeDiskInfos.percentUsage;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "u-flex u-flex-items-center"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: "u-mr-half",
-    icon: CloudIcon,
-    size: 24,
-    color: "var(--iconTextColor)"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption"
-  }, t('Storage.title'))), /*#__PURE__*/React.createElement(LinearProgress, {
-    className: "u-mv-half",
-    variant: "determinate",
-    value: parseInt(percentUsage)
-  }), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption"
-  }, t('Storage.availability', {
-    smart_count: (humanDiskQuota - humanDiskUsage).toFixed(2)
-  })));
-};
-
-export default StorageProgress;

package/transpiled/react/Storage/index.d.ts

@@ -1,14 +0,0 @@
-export default Storage;
-declare function Storage({ onlyDesktop }: {
-    onlyDesktop: any;
-}): JSX.Element | null;
-declare namespace Storage {
-    namespace propTypes {
-        const onlyDesktop: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const onlyDesktop_1: boolean;
-        export { onlyDesktop_1 as onlyDesktop };
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/Storage/index.js

@@ -1,32 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useInstanceInfo } from 'cozy-client';
-import { shouldDisplayOffers } from 'cozy-client/dist/models/instance';
-import { isFlagshipApp } from 'cozy-device-helper';
-import StorageButton from "cozy-ui/transpiled/react/Storage/StorageButton";
-import StorageProgress from "cozy-ui/transpiled/react/Storage/StorageProgress";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-
-var Storage = function Storage(_ref) {
-  var onlyDesktop = _ref.onlyDesktop;
-
-  var _useBreakpoints = useBreakpoints(),
-      isDesktop = _useBreakpoints.isDesktop,
-      isMobile = _useBreakpoints.isMobile;
-
-  var instanceInfo = useInstanceInfo();
-  if (onlyDesktop && !isDesktop) return null;
-  var showStorageButton = instanceInfo.isLoaded && !isFlagshipApp() && !isMobile && shouldDisplayOffers(instanceInfo);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StorageProgress, null), showStorageButton && /*#__PURE__*/React.createElement(StorageButton, {
-    className: "u-mt-1"
-  }));
-};
-
-Storage.propTypes = {
-  /** Component enabled only for desktop. Using `false` will enable it for mobile and tablet also. */
-  onlyDesktop: PropTypes.bool
-};
-Storage.defaultProps = {
-  onlyDesktop: true
-};
-export default Storage;

package/transpiled/react/Storage/locales/index.d.ts

@@ -1,10 +0,0 @@
-export namespace locales {
-    export { en };
-    export { fr };
-    export { ru };
-    export { vi };
-}
-import en from "./en.json";
-import fr from "./fr.json";
-import ru from "./ru.json";
-import vi from "./vi.json";

package/transpiled/react/Storage/locales/index.js

@@ -1,34 +0,0 @@
-var en = {
-  Storage: {
-    title: "Storage",
-    availability: "%{smart_count} GB available",
-    increase: "Increase the space"
-  }
-};
-var fr = {
-  Storage: {
-    title: "Stockage",
-    availability: "%{smart_count} Go disponible",
-    increase: "Augmenter l'espace"
-  }
-};
-var ru = {
-  Storage: {
-    title: "\u0425\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435",
-    availability: "%{smart_count} \u0413\u0411 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
-    increase: "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C \u043C\u0435\u0441\u0442\u043E"
-  }
-};
-var vi = {
-  Storage: {
-    title: "L\u01B0u tr\u1EEF",
-    availability: "%{smart_count} GB c\xF3 s\u1EB5n",
-    increase: "T\u0103ng dung l\u01B0\u1EE3ng"
-  }
-};
-export var locales = {
-  en: en,
-  fr: fr,
-  ru: ru,
-  vi: vi
-};

package/transpiled/react/UploadQueue/FileUploadProgress.d.ts

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

package/transpiled/react/UploadQueue/FileUploadProgress.js

@@ -1,66 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import LinearProgress from '@material-ui/core/LinearProgress';
-import React, { useState } from 'react';
-import { useIntervalWhen } from 'rooks';
-import RemainingTime from "cozy-ui/transpiled/react/UploadQueue/RemainingTime";
-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 { withStyles } from "cozy-ui/transpiled/react/styles";
-var FileLinearProgress = withStyles(function (theme) {
-  return {
-    root: {
-      borderRadius: theme.shape.borderRadius
-    },
-    colorPrimary: {
-      backgroundColor: theme.palette.background.default
-    },
-    barColorPrimary: {
-      backgroundColor: 'var(--emerald)'
-    }
-  };
-})(LinearProgress);
-
-var FileUploadProgress = function FileUploadProgress(_ref) {
-  var progressProps = _ref.progress;
-
-  var _useState = useState(progressProps),
-      _useState2 = _slicedToArray(_useState, 2),
-      progress = _useState2[0],
-      setProgress = _useState2[1];
-
-  useIntervalWhen(function () {
-    setProgress(progressProps);
-  }, 1000, true, true);
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['upload-queue__upload-progress']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "u-flex-grow-1 u-pr-1"
-  }, /*#__PURE__*/React.createElement(FileLinearProgress, {
-    variant: "determinate",
-    value: progress.loaded / progress.total * 100
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "u-flex-shrink"
-  }, progress.remainingTime ? /*#__PURE__*/React.createElement(RemainingTime, {
-    durationInSec: progress.remainingTime
-  }) : null));
-};
-
-export default FileUploadProgress;

package/transpiled/react/UploadQueue/Item.d.ts

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