cozy-ui-plus 7.0.0 → 8.0.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.0.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@7.1.0...cozy-ui-plus@8.0.0) (2026-05-07)
+
+### Features
+
+- Remove UploadQueue from cozy-ui-plus ([70dbc09](https://github.com/cozy/cozy-libs/commit/70dbc095a477705578544bda41b5bdf54a91e6db))
+
+### BREAKING CHANGES
+
+- UploadQueue component has been removed.
+
+# [7.1.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@7.0.0...cozy-ui-plus@7.1.0) (2026-04-22)
+
+### Features
+
+- **cozy-ui-plus:** Add 'unreadable' UploadQueue error status ([e4c7872](https://github.com/cozy/cozy-libs/commit/e4c7872a088d56882bfb8b5f692d749f73f52d23))
+
 # [7.0.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@6.1.1...cozy-ui-plus@7.0.0) (2026-04-07)
 
 ### Bug Fixes

package/dist/stylesheet.css

@@ -640,234 +640,3 @@ iframe {
     background-color: transparent;
   }
 }
-/*  imported from styles.styl  */
-
-@-moz-keyframes styles__spin___1u3cT {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-@-webkit-keyframes styles__spin___1u3cT {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-@-o-keyframes styles__spin___1u3cT {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-@keyframes styles__spin___1u3cT {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(359deg);
-  }
-}
-@-moz-keyframes styles__shake___pfzot {
-  10%, 90% {
-    transform: translate3d(-1px, 0, 0);
-  }
-  20%, 80% {
-    transform: translate3d(2px, 0, 0);
-  }
-  30%, 50%, 70% {
-    transform: translate3d(-4px, 0, 0);
-  }
-  40%, 60% {
-    transform: translate3d(4px, 0, 0);
-  }
-}
-@-webkit-keyframes styles__shake___pfzot {
-  10%, 90% {
-    transform: translate3d(-1px, 0, 0);
-  }
-  20%, 80% {
-    transform: translate3d(2px, 0, 0);
-  }
-  30%, 50%, 70% {
-    transform: translate3d(-4px, 0, 0);
-  }
-  40%, 60% {
-    transform: translate3d(4px, 0, 0);
-  }
-}
-@-o-keyframes styles__shake___pfzot {
-  10%, 90% {
-    transform: translate3d(-1px, 0, 0);
-  }
-  20%, 80% {
-    transform: translate3d(2px, 0, 0);
-  }
-  30%, 50%, 70% {
-    transform: translate3d(-4px, 0, 0);
-  }
-  40%, 60% {
-    transform: translate3d(4px, 0, 0);
-  }
-}
-@keyframes styles__shake___pfzot {
-  10%, 90% {
-    transform: translate3d(-1px, 0, 0);
-  }
-  20%, 80% {
-    transform: translate3d(2px, 0, 0);
-  }
-  30%, 50%, 70% {
-    transform: translate3d(-4px, 0, 0);
-  }
-  40%, 60% {
-    transform: translate3d(4px, 0, 0);
-  }
-}
-.styles__upload-queue___3EfQa {
-  border: 0.0625rem solid var(--dividerColor);
-  border-radius: 0.5rem;
-  background-color: var(--paperBackgroundColor);
-  display: flex;
-  flex-direction: column;
-  max-width: 90%;
-  width: 30rem;
-  overflow: hidden;
-}
-.styles__upload-queue__threshold-bar___e-fnL {
-  min-width: 10rem;
-  margin-right: 1rem;
-}
-.styles__upload-queue__progress-caption___37X7k {
-  line-height: 0.75rem;
-  height: 1rem;
-}
-.styles__upload-queue__upload-progress___2Z9qx {
-  align-items: center;
-  display: flex;
-  margin-top: 0.125rem;
-}
-.styles__upload-queue--popover___2Oj-U {
-  z-index: var(--zIndex-popover);
-  border: 0.063rem solid var(--dividerColor);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.063rem 0.188rem 0 rgba(50,54,63,0.19), 0 0.375rem 1.125rem 0 rgba(50,54,63,0.19);
-  background-color: var(--paperBackgroundColor);
-  position: fixed;
-  bottom: 0.5rem;
-  right: 1.5rem;
-  height: 13.125rem;
-  transform: translateY(18.75rem);
-  transition: 0.5s;
-  opacity: 0;
-  visibility: hidden;
-}
-.styles__upload-queue--popover___2Oj-U.styles__upload-queue--visible___3FkzH {
-  opacity: 1;
-  visibility: visible;
-  transform: translate(0);
-}
-.styles__upload-queue-header___1nUv9 {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  height: 2rem;
-  min-height: 2rem;
-  background-color: var(--defaultBackgroundColor);
-  font-weight: bold;
-  margin: 0;
-  padding: 0.5rem 1rem 0.5rem;
-}
-.styles__upload-queue-header___1nUv9 .styles__upload-queue-header-inner___-pA9p {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-progress.styles__upload-queue-progress___3ijZA {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  border: none;
-  display: block;
-  width: 100%;
-  height: 0.125rem;
-  margin: 0;
-}
-.styles__upload-queue-content___29pyu {
-  overflow: auto;
-}
-.styles__upload-queue--collapsed___3Er09 {
-  height: 2.5rem;
-}
-.styles__upload-queue--collapsed___3Er09 .styles__upload-queue-content___29pyu {
-  visibility: none;
-}
-.styles__upload-queue-list___30_J- {
-  flex: 1 1 auto;
-  display: flex;
-  flex-direction: column;
-}
-.styles__upload-queue-item--error___1ChsD {
-  background-color: var(--errorBackground);
-}
-.styles__upload-queue-item--done___1eJjw {
-  background-color: var(--defaultBackgroundColor);
-}
-.styles__item-file___AdWET {
-  user-select: none;
-  overflow: hidden;
-}
-.styles__item-status___2xjeD {
-  flex: 0 0 15%;
-  text-align: right;
-  white-space: nowrap;
-  padding-left: 1rem;
-}
-@media (max-width: 63.938rem) {
-  .styles__upload-queue___3EfQa {
-    border-radius: 0;
-    border: 0;
-    background-color: var(--paperBackgroundColor);
-    box-shadow: none;
-    width: 100%;
-    max-width: 100%;
-    height: auto;
-    transform: none;
-  }
-  .styles__upload-queue-header___1nUv9 {
-    background: 0;
-    text-transform: uppercase;
-    padding: 0.5rem;
-  }
-  .styles__upload-queue-content___29pyu {
-    display: none;
-  }
-  .styles__upload-queue--popover___2Oj-U {
-    top: 3rem;
-    bottom: auto;
-    right: 0;
-    left: 0;
-    z-index: calc(var(--zIndex-app) + 3);
-    max-height: 0;
-  }
-  .styles__upload-queue--popover___2Oj-U:before {
-    position: fixed;
-    top: 2.9375rem;
-    z-index: var(--zIndex-nav);
-    width: 100%;
-    height: 0.0625rem;
-    content: '';
-    background: var(--paperBackgroundColor);
-  }
-  .styles__upload-queue--popover___2Oj-U.styles__upload-queue--visible___3FkzH {
-    max-height: 30%;
-  }
-  .styles__upload-queue--popover___2Oj-U .styles__upload-queue-content___29pyu {
-    display: none;
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -74,5 +74,5 @@
     "react-dom": "^16 || ^17 || ^18",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "f19da18da889a4164b25cfa3479f597bfe7e6047"
+  "gitHead": "e0e319b6aa9ff9125441b43c1c68d31ea6b25103"
 }

package/dist/UploadQueue/FileUploadProgress.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _rooks = require("rooks");
-
-var _LinearProgress = _interopRequireDefault(require("cozy-ui/transpiled/react/LinearProgress"));
-
-var _styles = require("cozy-ui/transpiled/react/styles");
-
-var _RemainingTime = _interopRequireDefault(require("./RemainingTime"));
-
-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; }
-
-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 FileLinearProgress = (0, _styles.withStyles)(function (theme) {
-  return {
-    root: {
-      borderRadius: theme.shape.borderRadius
-    },
-    colorPrimary: {
-      backgroundColor: theme.palette.background.default
-    },
-    barColorPrimary: {
-      backgroundColor: 'var(--emerald)'
-    }
-  };
-})(_LinearProgress.default);
-
-var FileUploadProgress = function FileUploadProgress(_ref) {
-  var progressProps = _ref.progress;
-
-  var _useState = (0, _react.useState)(progressProps),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      progress = _useState2[0],
-      setProgress = _useState2[1];
-
-  (0, _rooks.useIntervalWhen)(function () {
-    setProgress(progressProps);
-  }, 1000, true, true);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles['upload-queue__upload-progress']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex-grow-1 u-pr-1"
-  }, /*#__PURE__*/_react.default.createElement(FileLinearProgress, {
-    variant: "determinate",
-    value: progress.loaded / progress.total * 100
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex-shrink"
-  }, progress.remainingTime ? /*#__PURE__*/_react.default.createElement(_RemainingTime.default, {
-    durationInSec: progress.remainingTime
-  }) : null));
-};
-
-var _default = FileUploadProgress;
-exports.default = _default;

package/dist/UploadQueue/Item.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _file = require("cozy-client/dist/models/file");
-
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
-
-var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
-
-var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _Media = require("cozy-ui/transpiled/react/deprecated/Media");
-
-var _twakeI18n = require("twake-i18n");
-
-var _FileUploadProgress = _interopRequireDefault(require("./FileUploadProgress"));
-
-var _Pending = _interopRequireDefault(require("./Pending"));
-
-var _index = require("./index");
-
-var _useStatusIcon = require("./useStatusIcon");
-
-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 Item = function Item(_ref) {
-  var _cx;
-
-  var file = _ref.file,
-      status = _ref.status,
-      isDirectory = _ref.isDirectory,
-      progress = _ref.progress,
-      getMimeTypeIcon = _ref.getMimeTypeIcon;
-  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 _splitFilename = (0, _file.splitFilename)(file),
-      filename = _splitFilename.filename,
-      extension = _splitFilename.extension;
-
-  var done = false;
-  var 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.
-   */
-
-  var 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;
-    }
-  }
-
-  var statusIcon = (0, _useStatusIcon.useStatusIcon)(statusToUse, progress);
-  var isPending = statusToUse !== LOADING && statusToUse !== CANCEL && !ERROR_STATUSES.includes(statusToUse) && !DONE_STATUSES.includes(statusToUse) && statusToUse === PENDING;
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    divider: true,
-    "data-testid": "upload-queue-item",
-    className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, styles['upload-queue-item--done'], done), (0, _defineProperty2.default)(_cx, styles['upload-queue-item--error'], error), _cx))
-  }, getMimeTypeIcon ? /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
-    className: "u-ta-center"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: getMimeTypeIcon(isDirectory, file.name, file.type),
-    size: 32,
-    className: "u-mr-1"
-  })) : null, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-    disableTypography: true,
-    primary: /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": "upload-queue-item-name",
-      className: "u-ellipsis"
-    }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "body1",
-      className: "u-ellipsis"
-    }, filename, extension && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      component: "span",
-      variant: "body1",
-      color: "textSecondary",
-      className: "u-dib"
-    }, extension))),
-    secondary: progress ? /*#__PURE__*/_react.default.createElement(_FileUploadProgress.default, {
-      progress: progress
-    }) : null
-  }), statusIcon && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Media.Img, null, statusIcon)), isPending && /*#__PURE__*/_react.default.createElement(_Pending.default, null));
-};
-
-var _default = (0, _twakeI18n.translate)()(Item);
-
-exports.default = _default;

package/dist/UploadQueue/Pending.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _twakeI18n = require("twake-i18n");
-
-var Pending = (0, _twakeI18n.translate)()(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "subtitle1",
-    color: "primary"
-  }, props.t('item.pending'));
-});
-var _default = Pending;
-exports.default = _default;

package/dist/UploadQueue/RemainingTime.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _twakeI18n = require("twake-i18n");
-
-var _helpers = require("./helpers");
-
-var _index = require("./index");
-
-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 RemainingTime = function RemainingTime(_ref) {
-  var durationInSec = _ref.durationInSec;
-
-  var _useI18n = (0, _twakeI18n.useI18n)(),
-      t = _useI18n.t;
-
-  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "caption",
-    className: (0, _classnames.default)(styles['upload-queue__progress-caption'], 'u-ellipsis')
-  }, t('item.remainingTime', {
-    time: (0, _index.formatRemainingTime)(durationInSec),
-    smart_count: (0, _helpers.numberOfReferencesForPluralForm)(durationInSec)
-  }));
-};
-
-var _default = RemainingTime;
-exports.default = _default;

package/dist/UploadQueue/helpers.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.numberOfReferencesForPluralForm = void 0;
-
-// https://date-fns.org/v2.28.0/docs/formatDistanceToNow
-var numberOfReferencesForPluralForm = function numberOfReferencesForPluralForm(durationInSec) {
-  return durationInSec < 90 || durationInSec > 2670 && durationInSec < 5370 ? 1 : 2;
-};
-
-exports.numberOfReferencesForPluralForm = numberOfReferencesForPluralForm;