cozy-ui-plus 7.1.0 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/providers/CozyTheme/CozyThemeWithQuery.js +3 -1
  3. package/dist/stylesheet.css +0 -231
  4. package/package.json +2 -2
  5. package/src/providers/CozyTheme/CozyThemeWithQuery.jsx +3 -1
  6. package/dist/UploadQueue/FileUploadProgress.js +0 -86
  7. package/dist/UploadQueue/Item.js +0 -132
  8. package/dist/UploadQueue/Pending.js +0 -23
  9. package/dist/UploadQueue/RemainingTime.js +0 -59
  10. package/dist/UploadQueue/helpers.js +0 -13
  11. package/dist/UploadQueue/index.js +0 -277
  12. package/dist/UploadQueue/useStatusIcon.js +0 -60
  13. package/dist/src/UploadQueue/FileUploadProgress.d.ts +0 -4
  14. package/dist/src/UploadQueue/Item.d.ts +0 -3
  15. package/dist/src/UploadQueue/Pending.d.ts +0 -3
  16. package/dist/src/UploadQueue/RemainingTime.d.ts +0 -4
  17. package/dist/src/UploadQueue/helpers.d.ts +0 -1
  18. package/dist/src/UploadQueue/index.d.ts +0 -44
  19. package/dist/src/UploadQueue/index.spec.d.ts +0 -1
  20. package/dist/src/UploadQueue/useStatusIcon.d.ts +0 -1
  21. package/src/UploadQueue/FileUploadProgress.jsx +0 -50
  22. package/src/UploadQueue/Item.jsx +0 -99
  23. package/src/UploadQueue/Pending.jsx +0 -12
  24. package/src/UploadQueue/Readme.md +0 -95
  25. package/src/UploadQueue/RemainingTime.jsx +0 -27
  26. package/src/UploadQueue/helpers.js +0 -3
  27. package/src/UploadQueue/index.jsx +0 -162
  28. package/src/UploadQueue/index.spec.jsx +0 -177
  29. package/src/UploadQueue/locales/en.json +0 -10
  30. package/src/UploadQueue/locales/es.json +0 -10
  31. package/src/UploadQueue/locales/fr.json +0 -10
  32. package/src/UploadQueue/locales/ru.json +0 -10
  33. package/src/UploadQueue/locales/vi.json +0 -10
  34. package/src/UploadQueue/styles.styl +0 -155
  35. package/src/UploadQueue/useStatusIcon.js +0 -32
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [8.0.1](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@8.0.0...cozy-ui-plus@8.0.1) (2026-05-18)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **cozy-ui-plus:** Allow to override instance colorScheme in ([5797a1c](https://github.com/cozy/cozy-libs/commit/5797a1c5f33b661e632f8ae938584b66d926443e))
11
+
12
+ # [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)
13
+
14
+ ### Features
15
+
16
+ - Remove UploadQueue from cozy-ui-plus ([70dbc09](https://github.com/cozy/cozy-libs/commit/70dbc095a477705578544bda41b5bdf54a91e6db))
17
+
18
+ ### BREAKING CHANGES
19
+
20
+ - UploadQueue component has been removed.
21
+
6
22
  # [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)
7
23
 
8
24
  ### Features
@@ -32,8 +32,10 @@ var CozyThemeWithQuery = function CozyThemeWithQuery(props) {
32
32
  return null;
33
33
  }
34
34
 
35
+ var _type = props.type || (instance === null || instance === void 0 ? void 0 : instance.colorScheme);
36
+
35
37
  return /*#__PURE__*/_react.default.createElement(_CozyTheme.default, (0, _extends2.default)({}, props, {
36
- type: instance === null || instance === void 0 ? void 0 : instance.colorScheme
38
+ type: _type
37
39
  }));
38
40
  };
39
41
 
@@ -640,234 +640,3 @@ iframe {
640
640
  background-color: transparent;
641
641
  }
642
642
  }
643
- /* imported from styles.styl */
644
-
645
- @-moz-keyframes styles__spin___1u3cT {
646
- from {
647
- transform: rotate(0deg);
648
- }
649
- to {
650
- transform: rotate(359deg);
651
- }
652
- }
653
- @-webkit-keyframes styles__spin___1u3cT {
654
- from {
655
- transform: rotate(0deg);
656
- }
657
- to {
658
- transform: rotate(359deg);
659
- }
660
- }
661
- @-o-keyframes styles__spin___1u3cT {
662
- from {
663
- transform: rotate(0deg);
664
- }
665
- to {
666
- transform: rotate(359deg);
667
- }
668
- }
669
- @keyframes styles__spin___1u3cT {
670
- from {
671
- transform: rotate(0deg);
672
- }
673
- to {
674
- transform: rotate(359deg);
675
- }
676
- }
677
- @-moz-keyframes styles__shake___pfzot {
678
- 10%, 90% {
679
- transform: translate3d(-1px, 0, 0);
680
- }
681
- 20%, 80% {
682
- transform: translate3d(2px, 0, 0);
683
- }
684
- 30%, 50%, 70% {
685
- transform: translate3d(-4px, 0, 0);
686
- }
687
- 40%, 60% {
688
- transform: translate3d(4px, 0, 0);
689
- }
690
- }
691
- @-webkit-keyframes styles__shake___pfzot {
692
- 10%, 90% {
693
- transform: translate3d(-1px, 0, 0);
694
- }
695
- 20%, 80% {
696
- transform: translate3d(2px, 0, 0);
697
- }
698
- 30%, 50%, 70% {
699
- transform: translate3d(-4px, 0, 0);
700
- }
701
- 40%, 60% {
702
- transform: translate3d(4px, 0, 0);
703
- }
704
- }
705
- @-o-keyframes styles__shake___pfzot {
706
- 10%, 90% {
707
- transform: translate3d(-1px, 0, 0);
708
- }
709
- 20%, 80% {
710
- transform: translate3d(2px, 0, 0);
711
- }
712
- 30%, 50%, 70% {
713
- transform: translate3d(-4px, 0, 0);
714
- }
715
- 40%, 60% {
716
- transform: translate3d(4px, 0, 0);
717
- }
718
- }
719
- @keyframes styles__shake___pfzot {
720
- 10%, 90% {
721
- transform: translate3d(-1px, 0, 0);
722
- }
723
- 20%, 80% {
724
- transform: translate3d(2px, 0, 0);
725
- }
726
- 30%, 50%, 70% {
727
- transform: translate3d(-4px, 0, 0);
728
- }
729
- 40%, 60% {
730
- transform: translate3d(4px, 0, 0);
731
- }
732
- }
733
- .styles__upload-queue___3EfQa {
734
- border: 0.0625rem solid var(--dividerColor);
735
- border-radius: 0.5rem;
736
- background-color: var(--paperBackgroundColor);
737
- display: flex;
738
- flex-direction: column;
739
- max-width: 90%;
740
- width: 30rem;
741
- overflow: hidden;
742
- }
743
- .styles__upload-queue__threshold-bar___e-fnL {
744
- min-width: 10rem;
745
- margin-right: 1rem;
746
- }
747
- .styles__upload-queue__progress-caption___37X7k {
748
- line-height: 0.75rem;
749
- height: 1rem;
750
- }
751
- .styles__upload-queue__upload-progress___2Z9qx {
752
- align-items: center;
753
- display: flex;
754
- margin-top: 0.125rem;
755
- }
756
- .styles__upload-queue--popover___2Oj-U {
757
- z-index: var(--zIndex-popover);
758
- border: 0.063rem solid var(--dividerColor);
759
- border-radius: 0.5rem;
760
- 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);
761
- background-color: var(--paperBackgroundColor);
762
- position: fixed;
763
- bottom: 0.5rem;
764
- right: 1.5rem;
765
- height: 13.125rem;
766
- transform: translateY(18.75rem);
767
- transition: 0.5s;
768
- opacity: 0;
769
- visibility: hidden;
770
- }
771
- .styles__upload-queue--popover___2Oj-U.styles__upload-queue--visible___3FkzH {
772
- opacity: 1;
773
- visibility: visible;
774
- transform: translate(0);
775
- }
776
- .styles__upload-queue-header___1nUv9 {
777
- display: flex;
778
- flex-direction: column;
779
- justify-content: center;
780
- height: 2rem;
781
- min-height: 2rem;
782
- background-color: var(--defaultBackgroundColor);
783
- font-weight: bold;
784
- margin: 0;
785
- padding: 0.5rem 1rem 0.5rem;
786
- }
787
- .styles__upload-queue-header___1nUv9 .styles__upload-queue-header-inner___-pA9p {
788
- display: flex;
789
- justify-content: space-between;
790
- align-items: center;
791
- }
792
- progress.styles__upload-queue-progress___3ijZA {
793
- -webkit-appearance: none;
794
- -moz-appearance: none;
795
- border: none;
796
- display: block;
797
- width: 100%;
798
- height: 0.125rem;
799
- margin: 0;
800
- }
801
- .styles__upload-queue-content___29pyu {
802
- overflow: auto;
803
- }
804
- .styles__upload-queue--collapsed___3Er09 {
805
- height: 2.5rem;
806
- }
807
- .styles__upload-queue--collapsed___3Er09 .styles__upload-queue-content___29pyu {
808
- visibility: none;
809
- }
810
- .styles__upload-queue-list___30_J- {
811
- flex: 1 1 auto;
812
- display: flex;
813
- flex-direction: column;
814
- }
815
- .styles__upload-queue-item--error___1ChsD {
816
- background-color: var(--errorBackground);
817
- }
818
- .styles__upload-queue-item--done___1eJjw {
819
- background-color: var(--defaultBackgroundColor);
820
- }
821
- .styles__item-file___AdWET {
822
- user-select: none;
823
- overflow: hidden;
824
- }
825
- .styles__item-status___2xjeD {
826
- flex: 0 0 15%;
827
- text-align: right;
828
- white-space: nowrap;
829
- padding-left: 1rem;
830
- }
831
- @media (max-width: 63.938rem) {
832
- .styles__upload-queue___3EfQa {
833
- border-radius: 0;
834
- border: 0;
835
- background-color: var(--paperBackgroundColor);
836
- box-shadow: none;
837
- width: 100%;
838
- max-width: 100%;
839
- height: auto;
840
- transform: none;
841
- }
842
- .styles__upload-queue-header___1nUv9 {
843
- background: 0;
844
- text-transform: uppercase;
845
- padding: 0.5rem;
846
- }
847
- .styles__upload-queue-content___29pyu {
848
- display: none;
849
- }
850
- .styles__upload-queue--popover___2Oj-U {
851
- top: 3rem;
852
- bottom: auto;
853
- right: 0;
854
- left: 0;
855
- z-index: calc(var(--zIndex-app) + 3);
856
- max-height: 0;
857
- }
858
- .styles__upload-queue--popover___2Oj-U:before {
859
- position: fixed;
860
- top: 2.9375rem;
861
- z-index: var(--zIndex-nav);
862
- width: 100%;
863
- height: 0.0625rem;
864
- content: '';
865
- background: var(--paperBackgroundColor);
866
- }
867
- .styles__upload-queue--popover___2Oj-U.styles__upload-queue--visible___3FkzH {
868
- max-height: 30%;
869
- }
870
- .styles__upload-queue--popover___2Oj-U .styles__upload-queue-content___29pyu {
871
- display: none;
872
- }
873
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui-plus",
3
- "version": "7.1.0",
3
+ "version": "8.0.1",
4
4
  "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
@@ -74,5 +74,5 @@
74
74
  "react-dom": "^16 || ^17 || ^18",
75
75
  "twake-i18n": ">=0.3.0"
76
76
  },
77
- "gitHead": "54d377d08003a9d2eb2bd96f9eeb87d27637d841"
77
+ "gitHead": "3a31e61d3085f7e5fbbc1ee6fb4e210c13e0c2ed"
78
78
  }
@@ -19,7 +19,9 @@ const CozyThemeWithQuery = props => {
19
19
  return null
20
20
  }
21
21
 
22
- return <DumbCozyTheme {...props} type={instance?.colorScheme} />
22
+ const _type = props.type || instance?.colorScheme
23
+
24
+ return <DumbCozyTheme {...props} type={_type} />
23
25
  }
24
26
 
25
27
  export default CozyThemeWithQuery
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _rooks = require("rooks");
15
-
16
- var _LinearProgress = _interopRequireDefault(require("cozy-ui/transpiled/react/LinearProgress"));
17
-
18
- var _styles = require("cozy-ui/transpiled/react/styles");
19
-
20
- var _RemainingTime = _interopRequireDefault(require("./RemainingTime"));
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var styles = {
27
- "upload-queue": "styles__upload-queue___3EfQa",
28
- "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___e-fnL",
29
- "upload-queue__progress-caption": "styles__upload-queue__progress-caption___37X7k",
30
- "upload-queue__upload-progress": "styles__upload-queue__upload-progress___2Z9qx",
31
- "upload-queue--popover": "styles__upload-queue--popover___2Oj-U",
32
- "upload-queue--visible": "styles__upload-queue--visible___3FkzH",
33
- "upload-queue-header": "styles__upload-queue-header___1nUv9",
34
- "upload-queue-header-inner": "styles__upload-queue-header-inner___-pA9p",
35
- "upload-queue-progress": "styles__upload-queue-progress___3ijZA",
36
- "upload-queue-content": "styles__upload-queue-content___29pyu",
37
- "upload-queue--collapsed": "styles__upload-queue--collapsed___3Er09",
38
- "upload-queue-list": "styles__upload-queue-list___30_J-",
39
- "upload-queue-item--error": "styles__upload-queue-item--error___1ChsD",
40
- "upload-queue-item--done": "styles__upload-queue-item--done___1eJjw",
41
- "item-file": "styles__item-file___AdWET",
42
- "item-status": "styles__item-status___2xjeD",
43
- "spin": "styles__spin___1u3cT",
44
- "shake": "styles__shake___pfzot"
45
- };
46
- var FileLinearProgress = (0, _styles.withStyles)(function (theme) {
47
- return {
48
- root: {
49
- borderRadius: theme.shape.borderRadius
50
- },
51
- colorPrimary: {
52
- backgroundColor: theme.palette.background.default
53
- },
54
- barColorPrimary: {
55
- backgroundColor: 'var(--emerald)'
56
- }
57
- };
58
- })(_LinearProgress.default);
59
-
60
- var FileUploadProgress = function FileUploadProgress(_ref) {
61
- var progressProps = _ref.progress;
62
-
63
- var _useState = (0, _react.useState)(progressProps),
64
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
65
- progress = _useState2[0],
66
- setProgress = _useState2[1];
67
-
68
- (0, _rooks.useIntervalWhen)(function () {
69
- setProgress(progressProps);
70
- }, 1000, true, true);
71
- return /*#__PURE__*/_react.default.createElement("div", {
72
- className: styles['upload-queue__upload-progress']
73
- }, /*#__PURE__*/_react.default.createElement("div", {
74
- className: "u-flex-grow-1 u-pr-1"
75
- }, /*#__PURE__*/_react.default.createElement(FileLinearProgress, {
76
- variant: "determinate",
77
- value: progress.loaded / progress.total * 100
78
- })), /*#__PURE__*/_react.default.createElement("div", {
79
- className: "u-flex-shrink"
80
- }, progress.remainingTime ? /*#__PURE__*/_react.default.createElement(_RemainingTime.default, {
81
- durationInSec: progress.remainingTime
82
- }) : null));
83
- };
84
-
85
- var _default = FileUploadProgress;
86
- exports.default = _default;
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _file = require("cozy-client/dist/models/file");
17
-
18
- var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
19
-
20
- var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
21
-
22
- var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
23
-
24
- var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
25
-
26
- var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
27
-
28
- var _Media = require("cozy-ui/transpiled/react/deprecated/Media");
29
-
30
- var _twakeI18n = require("twake-i18n");
31
-
32
- var _FileUploadProgress = _interopRequireDefault(require("./FileUploadProgress"));
33
-
34
- var _Pending = _interopRequireDefault(require("./Pending"));
35
-
36
- var _index = require("./index");
37
-
38
- var _useStatusIcon = require("./useStatusIcon");
39
-
40
- var styles = {
41
- "upload-queue": "styles__upload-queue___3EfQa",
42
- "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___e-fnL",
43
- "upload-queue__progress-caption": "styles__upload-queue__progress-caption___37X7k",
44
- "upload-queue__upload-progress": "styles__upload-queue__upload-progress___2Z9qx",
45
- "upload-queue--popover": "styles__upload-queue--popover___2Oj-U",
46
- "upload-queue--visible": "styles__upload-queue--visible___3FkzH",
47
- "upload-queue-header": "styles__upload-queue-header___1nUv9",
48
- "upload-queue-header-inner": "styles__upload-queue-header-inner___-pA9p",
49
- "upload-queue-progress": "styles__upload-queue-progress___3ijZA",
50
- "upload-queue-content": "styles__upload-queue-content___29pyu",
51
- "upload-queue--collapsed": "styles__upload-queue--collapsed___3Er09",
52
- "upload-queue-list": "styles__upload-queue-list___30_J-",
53
- "upload-queue-item--error": "styles__upload-queue-item--error___1ChsD",
54
- "upload-queue-item--done": "styles__upload-queue-item--done___1eJjw",
55
- "item-file": "styles__item-file___AdWET",
56
- "item-status": "styles__item-status___2xjeD",
57
- "spin": "styles__spin___1u3cT",
58
- "shake": "styles__shake___pfzot"
59
- };
60
-
61
- var Item = function Item(_ref) {
62
- var _cx;
63
-
64
- var file = _ref.file,
65
- status = _ref.status,
66
- isDirectory = _ref.isDirectory,
67
- progress = _ref.progress,
68
- getMimeTypeIcon = _ref.getMimeTypeIcon;
69
- var CANCEL = _index.uploadStatus.CANCEL,
70
- LOADING = _index.uploadStatus.LOADING,
71
- DONE_STATUSES = _index.uploadStatus.DONE_STATUSES,
72
- ERROR_STATUSES = _index.uploadStatus.ERROR_STATUSES,
73
- PENDING = _index.uploadStatus.PENDING;
74
-
75
- var _splitFilename = (0, _file.splitFilename)(file),
76
- filename = _splitFilename.filename,
77
- extension = _splitFilename.extension;
78
-
79
- var done = false;
80
- var error = false;
81
- /**
82
- * Status came from the Upload Queue, but sometimes we're using
83
- * manual upload without using the Upload Queue system but we're still
84
- * using the UI component. When this is the case, the file handles on
85
- * his own its status.
86
- */
87
-
88
- var statusToUse = file.status ? file.status : status;
89
-
90
- if (statusToUse !== LOADING && statusToUse !== CANCEL) {
91
- if (ERROR_STATUSES.includes(statusToUse)) {
92
- error = true;
93
- } else if (DONE_STATUSES.includes(statusToUse)) {
94
- done = true;
95
- }
96
- }
97
-
98
- var statusIcon = (0, _useStatusIcon.useStatusIcon)(statusToUse, progress);
99
- var isPending = statusToUse !== LOADING && statusToUse !== CANCEL && !ERROR_STATUSES.includes(statusToUse) && !DONE_STATUSES.includes(statusToUse) && statusToUse === PENDING;
100
- return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
101
- divider: true,
102
- "data-testid": "upload-queue-item",
103
- 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))
104
- }, getMimeTypeIcon ? /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
105
- className: "u-ta-center"
106
- }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
107
- icon: getMimeTypeIcon(isDirectory, file.name, file.type),
108
- size: 32,
109
- className: "u-mr-1"
110
- })) : null, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
111
- disableTypography: true,
112
- primary: /*#__PURE__*/_react.default.createElement("div", {
113
- "data-testid": "upload-queue-item-name",
114
- className: "u-ellipsis"
115
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
116
- variant: "body1",
117
- className: "u-ellipsis"
118
- }, filename, extension && /*#__PURE__*/_react.default.createElement(_Typography.default, {
119
- component: "span",
120
- variant: "body1",
121
- color: "textSecondary",
122
- className: "u-dib"
123
- }, extension))),
124
- secondary: progress ? /*#__PURE__*/_react.default.createElement(_FileUploadProgress.default, {
125
- progress: progress
126
- }) : null
127
- }), statusIcon && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Media.Img, null, statusIcon)), isPending && /*#__PURE__*/_react.default.createElement(_Pending.default, null));
128
- };
129
-
130
- var _default = (0, _twakeI18n.translate)()(Item);
131
-
132
- exports.default = _default;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
13
-
14
- var _twakeI18n = require("twake-i18n");
15
-
16
- var Pending = (0, _twakeI18n.translate)()(function (props) {
17
- return /*#__PURE__*/_react.default.createElement(_Typography.default, {
18
- variant: "subtitle1",
19
- color: "primary"
20
- }, props.t('item.pending'));
21
- });
22
- var _default = Pending;
23
- exports.default = _default;
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
15
-
16
- var _twakeI18n = require("twake-i18n");
17
-
18
- var _helpers = require("./helpers");
19
-
20
- var _index = require("./index");
21
-
22
- var styles = {
23
- "upload-queue": "styles__upload-queue___3EfQa",
24
- "upload-queue__threshold-bar": "styles__upload-queue__threshold-bar___e-fnL",
25
- "upload-queue__progress-caption": "styles__upload-queue__progress-caption___37X7k",
26
- "upload-queue__upload-progress": "styles__upload-queue__upload-progress___2Z9qx",
27
- "upload-queue--popover": "styles__upload-queue--popover___2Oj-U",
28
- "upload-queue--visible": "styles__upload-queue--visible___3FkzH",
29
- "upload-queue-header": "styles__upload-queue-header___1nUv9",
30
- "upload-queue-header-inner": "styles__upload-queue-header-inner___-pA9p",
31
- "upload-queue-progress": "styles__upload-queue-progress___3ijZA",
32
- "upload-queue-content": "styles__upload-queue-content___29pyu",
33
- "upload-queue--collapsed": "styles__upload-queue--collapsed___3Er09",
34
- "upload-queue-list": "styles__upload-queue-list___30_J-",
35
- "upload-queue-item--error": "styles__upload-queue-item--error___1ChsD",
36
- "upload-queue-item--done": "styles__upload-queue-item--done___1eJjw",
37
- "item-file": "styles__item-file___AdWET",
38
- "item-status": "styles__item-status___2xjeD",
39
- "spin": "styles__spin___1u3cT",
40
- "shake": "styles__shake___pfzot"
41
- };
42
-
43
- var RemainingTime = function RemainingTime(_ref) {
44
- var durationInSec = _ref.durationInSec;
45
-
46
- var _useI18n = (0, _twakeI18n.useI18n)(),
47
- t = _useI18n.t;
48
-
49
- return /*#__PURE__*/_react.default.createElement(_Typography.default, {
50
- variant: "caption",
51
- className: (0, _classnames.default)(styles['upload-queue__progress-caption'], 'u-ellipsis')
52
- }, t('item.remainingTime', {
53
- time: (0, _index.formatRemainingTime)(durationInSec),
54
- smart_count: (0, _helpers.numberOfReferencesForPluralForm)(durationInSec)
55
- }));
56
- };
57
-
58
- var _default = RemainingTime;
59
- exports.default = _default;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.numberOfReferencesForPluralForm = void 0;
7
-
8
- // https://date-fns.org/v2.28.0/docs/formatDistanceToNow
9
- var numberOfReferencesForPluralForm = function numberOfReferencesForPluralForm(durationInSec) {
10
- return durationInSec < 90 || durationInSec > 2670 && durationInSec < 5370 ? 1 : 2;
11
- };
12
-
13
- exports.numberOfReferencesForPluralForm = numberOfReferencesForPluralForm;