@atlaskit/media-viewer 53.2.5 → 54.1.0
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.
- package/AGENTS.md +62 -0
- package/CHANGELOG.md +38 -0
- package/classnames/package.json +1 -8
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/analytics/ufoExperiences.js +1 -1
- package/dist/cjs/components/media-viewer.js +4 -2
- package/dist/cjs/download.js +2 -2
- package/dist/cjs/header.js +27 -2
- package/dist/cjs/list.js +4 -2
- package/dist/cjs/media-viewer.js +4 -2
- package/dist/cjs/utils/getObjectUrlFromFileState.js +15 -16
- package/dist/cjs/utils/index.js +16 -17
- package/dist/cjs/viewers/archiveSidebar/archive-sidebar-folder-entry.js +11 -11
- package/dist/cjs/viewers/archiveSidebar/archive-sidebar-renderer.js +12 -12
- package/dist/cjs/viewers/archiveSidebar/archive-sidebar.js +28 -28
- package/dist/cjs/viewers/archiveSidebar/archive.js +29 -29
- package/dist/cjs/viewers/archiveSidebar/archiveViewerLoader.js +12 -12
- package/dist/cjs/viewers/audio.js +37 -37
- package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.js +2 -2
- package/dist/cjs/viewers/codeViewer/index.js +35 -35
- package/dist/cjs/viewers/doc/doc-viewer.js +29 -27
- package/dist/cjs/viewers/doc/index.js +2 -2
- package/dist/cjs/viewers/image/index.js +43 -44
- package/dist/cjs/viewers/video.js +20 -20
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/analytics/ufoExperiences.js +1 -1
- package/dist/es2019/components/media-viewer.js +4 -2
- package/dist/es2019/header.js +24 -2
- package/dist/es2019/list.js +4 -2
- package/dist/es2019/media-viewer.js +4 -2
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/analytics/ufoExperiences.js +1 -1
- package/dist/esm/components/media-viewer.js +4 -2
- package/dist/esm/download.js +2 -2
- package/dist/esm/header.js +27 -2
- package/dist/esm/list.js +4 -2
- package/dist/esm/media-viewer.js +4 -2
- package/dist/esm/utils/getObjectUrlFromFileState.js +15 -16
- package/dist/esm/utils/index.js +16 -17
- package/dist/esm/viewers/archiveSidebar/archive-sidebar-folder-entry.js +11 -11
- package/dist/esm/viewers/archiveSidebar/archive-sidebar-renderer.js +11 -11
- package/dist/esm/viewers/archiveSidebar/archive-sidebar.js +28 -28
- package/dist/esm/viewers/archiveSidebar/archive.js +29 -29
- package/dist/esm/viewers/archiveSidebar/archiveViewerLoader.js +11 -11
- package/dist/esm/viewers/audio.js +37 -37
- package/dist/esm/viewers/codeViewer/codeViewerRenderer-compiled.js +2 -2
- package/dist/esm/viewers/codeViewer/index.js +34 -34
- package/dist/esm/viewers/doc/doc-viewer.js +28 -26
- package/dist/esm/viewers/doc/index.js +2 -2
- package/dist/esm/viewers/image/index.js +43 -44
- package/dist/esm/viewers/video.js +20 -20
- package/dist/types/components/media-viewer.d.ts +1 -1
- package/dist/types/components/types.d.ts +1 -0
- package/dist/types/header.d.ts +2 -1
- package/dist/types/list.d.ts +2 -1
- package/dist/types/media-viewer.d.ts +1 -0
- package/media-viewer-loader/package.json +1 -8
- package/package.json +34 -42
- package/types/package.json +1 -8
- package/viewer-options/package.json +1 -8
- package/dist/types-ts4.5/analytics/events/index.d.ts +0 -17
- package/dist/types-ts4.5/analytics/events/operational/_mediaFile.d.ts +0 -3
- package/dist/types-ts4.5/analytics/events/operational/commenced.d.ts +0 -5
- package/dist/types-ts4.5/analytics/events/operational/download.d.ts +0 -9
- package/dist/types-ts4.5/analytics/events/operational/loadFailed.d.ts +0 -7
- package/dist/types-ts4.5/analytics/events/operational/loadSucceeded.d.ts +0 -11
- package/dist/types-ts4.5/analytics/events/operational/previewUnsupported.d.ts +0 -6
- package/dist/types-ts4.5/analytics/events/operational/zipEntryLoadFailed.d.ts +0 -13
- package/dist/types-ts4.5/analytics/events/operational/zipEntryLoadSucceeded.d.ts +0 -12
- package/dist/types-ts4.5/analytics/events/screen/modal.d.ts +0 -3
- package/dist/types-ts4.5/analytics/events/screen/passwordPdf.d.ts +0 -3
- package/dist/types-ts4.5/analytics/events/screen/pdfPasswordInput.d.ts +0 -3
- package/dist/types-ts4.5/analytics/events/ui/_clickedButton.d.ts +0 -2
- package/dist/types-ts4.5/analytics/events/ui/closed.d.ts +0 -8
- package/dist/types-ts4.5/analytics/events/ui/downloadButtonClicked.d.ts +0 -8
- package/dist/types-ts4.5/analytics/events/ui/failedPreviewDownloadButtonClicked.d.ts +0 -10
- package/dist/types-ts4.5/analytics/events/ui/navigated.d.ts +0 -12
- package/dist/types-ts4.5/analytics/events/ui/zoomInButtonClicked.d.ts +0 -8
- package/dist/types-ts4.5/analytics/events/ui/zoomOutButtonClicked.d.ts +0 -6
- package/dist/types-ts4.5/analytics/index.d.ts +0 -17
- package/dist/types-ts4.5/analytics/ufoExperiences.d.ts +0 -19
- package/dist/types-ts4.5/classnames.d.ts +0 -5
- package/dist/types-ts4.5/components/media-viewer-error-boundary.d.ts +0 -3
- package/dist/types-ts4.5/components/media-viewer-loader.d.ts +0 -3
- package/dist/types-ts4.5/components/media-viewer.d.ts +0 -5
- package/dist/types-ts4.5/components/portal.d.ts +0 -4
- package/dist/types-ts4.5/components/types.d.ts +0 -45
- package/dist/types-ts4.5/content.d.ts +0 -11
- package/dist/types-ts4.5/domain/index.d.ts +0 -1
- package/dist/types-ts4.5/domain/outcome.d.ts +0 -31
- package/dist/types-ts4.5/domain/zoomLevel.d.ts +0 -15
- package/dist/types-ts4.5/download.d.ts +0 -20
- package/dist/types-ts4.5/error-images.d.ts +0 -2
- package/dist/types-ts4.5/errorMessage.d.ts +0 -33
- package/dist/types-ts4.5/errors.d.ts +0 -23
- package/dist/types-ts4.5/header.d.ts +0 -19
- package/dist/types-ts4.5/index.d.ts +0 -3
- package/dist/types-ts4.5/item-viewer.d.ts +0 -32
- package/dist/types-ts4.5/list.d.ts +0 -24
- package/dist/types-ts4.5/loading.d.ts +0 -2
- package/dist/types-ts4.5/media-viewer.d.ts +0 -16
- package/dist/types-ts4.5/navigation.d.ts +0 -25
- package/dist/types-ts4.5/styleWrappers.d.ts +0 -122
- package/dist/types-ts4.5/styles.d.ts +0 -2
- package/dist/types-ts4.5/utils/closeOnDirectClick.d.ts +0 -2
- package/dist/types-ts4.5/utils/getIdentifierCollection.d.ts +0 -2
- package/dist/types-ts4.5/utils/getObjectUrlFromFileState.d.ts +0 -2
- package/dist/types-ts4.5/utils/index.d.ts +0 -10
- package/dist/types-ts4.5/utils/isIE.d.ts +0 -1
- package/dist/types-ts4.5/viewerOptions.d.ts +0 -20
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-download-button.d.ts +0 -8
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +0 -24
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-header.d.ts +0 -9
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-renderer.d.ts +0 -26
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar.d.ts +0 -28
- package/dist/types-ts4.5/viewers/archiveSidebar/archive.d.ts +0 -37
- package/dist/types-ts4.5/viewers/archiveSidebar/archiveViewerLoader.d.ts +0 -12
- package/dist/types-ts4.5/viewers/archiveSidebar/consts.d.ts +0 -2
- package/dist/types-ts4.5/viewers/archiveSidebar/custom-button-item.d.ts +0 -2
- package/dist/types-ts4.5/viewers/archiveSidebar/nativePdfViewer.d.ts +0 -9
- package/dist/types-ts4.5/viewers/archiveSidebar/styleWrappers.d.ts +0 -30
- package/dist/types-ts4.5/viewers/archiveSidebar/styles.d.ts +0 -1
- package/dist/types-ts4.5/viewers/archiveSidebar/types.d.ts +0 -13
- package/dist/types-ts4.5/viewers/audio.d.ts +0 -33
- package/dist/types-ts4.5/viewers/base-viewer.d.ts +0 -32
- package/dist/types-ts4.5/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.d.ts +0 -11
- package/dist/types-ts4.5/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts +0 -4
- package/dist/types-ts4.5/viewers/codeViewer/codeViewerRenderer-compiled.d.ts +0 -29
- package/dist/types-ts4.5/viewers/codeViewer/codeViewerRenderer.d.ts +0 -23
- package/dist/types-ts4.5/viewers/codeViewer/index.d.ts +0 -27
- package/dist/types-ts4.5/viewers/codeViewer/msg-parser.d.ts +0 -8
- package/dist/types-ts4.5/viewers/codeViewer/styles.d.ts +0 -4
- package/dist/types-ts4.5/viewers/codeViewer/util.d.ts +0 -4
- package/dist/types-ts4.5/viewers/customViewer/customViewer.d.ts +0 -13
- package/dist/types-ts4.5/viewers/doc/doc-viewer.d.ts +0 -13
- package/dist/types-ts4.5/viewers/doc/index.d.ts +0 -36
- package/dist/types-ts4.5/viewers/doc/passwordInput.d.ts +0 -10
- package/dist/types-ts4.5/viewers/image/index.d.ts +0 -35
- package/dist/types-ts4.5/viewers/image/interactive-img.d.ts +0 -42
- package/dist/types-ts4.5/viewers/modalSpinner.d.ts +0 -8
- package/dist/types-ts4.5/viewers/svg/ImageWrapper-compiled.d.ts +0 -7
- package/dist/types-ts4.5/viewers/svg/ImageWrapper.d.ts +0 -7
- package/dist/types-ts4.5/viewers/svg/errors.d.ts +0 -3
- package/dist/types-ts4.5/viewers/svg/index.d.ts +0 -14
- package/dist/types-ts4.5/viewers/svg/utils.d.ts +0 -5
- package/dist/types-ts4.5/viewers/video.d.ts +0 -32
- package/dist/types-ts4.5/zoomControls.d.ts +0 -15
package/dist/esm/utils/index.js
CHANGED
|
@@ -67,35 +67,34 @@ export var rejectAfter = function rejectAfter(fn) {
|
|
|
67
67
|
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5000;
|
|
68
68
|
return new Promise( /*#__PURE__*/function () {
|
|
69
69
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
|
|
70
|
-
var timeoutId;
|
|
71
|
-
return _regeneratorRuntime.wrap(function
|
|
70
|
+
var timeoutId, _t, _t2;
|
|
71
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
72
72
|
while (1) switch (_context.prev = _context.next) {
|
|
73
73
|
case 0:
|
|
74
74
|
timeoutId = setTimeout(function () {
|
|
75
75
|
return reject(new Error('timed out'));
|
|
76
76
|
}, delay);
|
|
77
77
|
_context.prev = 1;
|
|
78
|
-
|
|
79
|
-
_context.next =
|
|
78
|
+
_t = resolve;
|
|
79
|
+
_context.next = 2;
|
|
80
80
|
return fn();
|
|
81
|
-
case
|
|
82
|
-
_context.
|
|
83
|
-
|
|
84
|
-
_context.next = 12;
|
|
81
|
+
case 2:
|
|
82
|
+
_t(_context.sent);
|
|
83
|
+
_context.next = 4;
|
|
85
84
|
break;
|
|
86
|
-
case
|
|
87
|
-
_context.prev =
|
|
88
|
-
|
|
89
|
-
reject(
|
|
90
|
-
case
|
|
91
|
-
_context.prev =
|
|
85
|
+
case 3:
|
|
86
|
+
_context.prev = 3;
|
|
87
|
+
_t2 = _context["catch"](1);
|
|
88
|
+
reject(_t2);
|
|
89
|
+
case 4:
|
|
90
|
+
_context.prev = 4;
|
|
92
91
|
clearTimeout(timeoutId);
|
|
93
|
-
return _context.finish(
|
|
94
|
-
case
|
|
92
|
+
return _context.finish(4);
|
|
93
|
+
case 5:
|
|
95
94
|
case "end":
|
|
96
95
|
return _context.stop();
|
|
97
96
|
}
|
|
98
|
-
}, _callee, null, [[1,
|
|
97
|
+
}, _callee, null, [[1, 3, 4, 5]]);
|
|
99
98
|
}));
|
|
100
99
|
return function (_x, _x2) {
|
|
101
100
|
return _ref.apply(this, arguments);
|
|
@@ -75,16 +75,16 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
75
75
|
});
|
|
76
76
|
_defineProperty(_this, "downloadZipEntry", /*#__PURE__*/function () {
|
|
77
77
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(entry, root) {
|
|
78
|
-
var blob, name;
|
|
79
|
-
return _regeneratorRuntime.wrap(function
|
|
78
|
+
var blob, name, _t;
|
|
79
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
80
80
|
while (1) switch (_context.prev = _context.next) {
|
|
81
81
|
case 0:
|
|
82
82
|
_context.prev = 0;
|
|
83
|
-
_context.next =
|
|
83
|
+
_context.next = 1;
|
|
84
84
|
return rejectAfter(function () {
|
|
85
85
|
return entry.blob();
|
|
86
86
|
});
|
|
87
|
-
case
|
|
87
|
+
case 1:
|
|
88
88
|
blob = _context.sent;
|
|
89
89
|
name = _this.formatName(root, entry.name); // Emit media-viewed event if feature flag is enabled
|
|
90
90
|
if (_this.props.fileId && fg('download_event_for_jira_attachments')) {
|
|
@@ -97,17 +97,17 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
97
97
|
downloadUrl(URL.createObjectURL(blob), {
|
|
98
98
|
name: name
|
|
99
99
|
});
|
|
100
|
-
_context.next =
|
|
100
|
+
_context.next = 3;
|
|
101
101
|
break;
|
|
102
|
-
case
|
|
103
|
-
_context.prev =
|
|
104
|
-
|
|
105
|
-
_this.props.onError(
|
|
106
|
-
case
|
|
102
|
+
case 2:
|
|
103
|
+
_context.prev = 2;
|
|
104
|
+
_t = _context["catch"](0);
|
|
105
|
+
_this.props.onError(_t, entry);
|
|
106
|
+
case 3:
|
|
107
107
|
case "end":
|
|
108
108
|
return _context.stop();
|
|
109
109
|
}
|
|
110
|
-
}, _callee, null, [[0,
|
|
110
|
+
}, _callee, null, [[0, 2]]);
|
|
111
111
|
}));
|
|
112
112
|
return function (_x, _x2) {
|
|
113
113
|
return _ref.apply(this, arguments);
|
|
@@ -35,15 +35,15 @@ var ArchiveSidebarRenderer = /*#__PURE__*/function (_Component) {
|
|
|
35
35
|
key: "componentDidMount",
|
|
36
36
|
value: function () {
|
|
37
37
|
var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
38
|
-
var _this$props, selectedFileState, mediaClient, collectionName, onError, onSuccess, archive, entries;
|
|
39
|
-
return _regeneratorRuntime.wrap(function
|
|
38
|
+
var _this$props, selectedFileState, mediaClient, collectionName, onError, onSuccess, archive, entries, _t;
|
|
39
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
40
40
|
while (1) switch (_context.prev = _context.next) {
|
|
41
41
|
case 0:
|
|
42
42
|
_this$props = this.props, selectedFileState = _this$props.selectedFileState, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError, onSuccess = _this$props.onSuccess;
|
|
43
43
|
_context.prev = 1;
|
|
44
|
-
_context.next =
|
|
44
|
+
_context.next = 2;
|
|
45
45
|
return getArchiveEntriesFromFileState(selectedFileState, mediaClient, collectionName);
|
|
46
|
-
case
|
|
46
|
+
case 2:
|
|
47
47
|
archive = _context.sent;
|
|
48
48
|
entries = archive.entries;
|
|
49
49
|
this.setState({
|
|
@@ -51,20 +51,20 @@ var ArchiveSidebarRenderer = /*#__PURE__*/function (_Component) {
|
|
|
51
51
|
status: 'loaded'
|
|
52
52
|
});
|
|
53
53
|
onSuccess();
|
|
54
|
-
_context.next =
|
|
54
|
+
_context.next = 4;
|
|
55
55
|
break;
|
|
56
|
-
case
|
|
57
|
-
_context.prev =
|
|
58
|
-
|
|
56
|
+
case 3:
|
|
57
|
+
_context.prev = 3;
|
|
58
|
+
_t = _context["catch"](1);
|
|
59
59
|
this.setState({
|
|
60
60
|
status: 'loaded'
|
|
61
61
|
});
|
|
62
|
-
onError(new ArchiveViewerError('archiveviewer-read-binary',
|
|
63
|
-
case
|
|
62
|
+
onError(new ArchiveViewerError('archiveviewer-read-binary', _t instanceof Error ? _t : undefined));
|
|
63
|
+
case 4:
|
|
64
64
|
case "end":
|
|
65
65
|
return _context.stop();
|
|
66
66
|
}
|
|
67
|
-
}, _callee, this, [[1,
|
|
67
|
+
}, _callee, this, [[1, 3]]);
|
|
68
68
|
}));
|
|
69
69
|
function componentDidMount() {
|
|
70
70
|
return _componentDidMount.apply(this, arguments);
|
|
@@ -25,27 +25,27 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
25
25
|
_defineProperty(_this, "getArchiveFromEntry", /*#__PURE__*/function () {
|
|
26
26
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(entry) {
|
|
27
27
|
var blob, archive;
|
|
28
|
-
return _regeneratorRuntime.wrap(function
|
|
28
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
29
29
|
while (1) switch (_context.prev = _context.next) {
|
|
30
30
|
case 0:
|
|
31
|
-
_context.next =
|
|
31
|
+
_context.next = 1;
|
|
32
32
|
return rejectAfter(function () {
|
|
33
33
|
return entry.blob();
|
|
34
34
|
});
|
|
35
|
-
case
|
|
35
|
+
case 1:
|
|
36
36
|
blob = _context.sent;
|
|
37
|
-
_context.next =
|
|
37
|
+
_context.next = 2;
|
|
38
38
|
return rejectAfter(function () {
|
|
39
39
|
return unzip(blob);
|
|
40
40
|
});
|
|
41
|
-
case
|
|
41
|
+
case 2:
|
|
42
42
|
archive = _context.sent;
|
|
43
43
|
Object.values(archive.entries).forEach(function (zipEntry) {
|
|
44
44
|
// eslint-disable-next-line no-param-reassign
|
|
45
45
|
zipEntry.name = _this.state.currentArchiveSidebarFolder.name + zipEntry.name;
|
|
46
46
|
});
|
|
47
47
|
return _context.abrupt("return", archive);
|
|
48
|
-
case
|
|
48
|
+
case 3:
|
|
49
49
|
case "end":
|
|
50
50
|
return _context.stop();
|
|
51
51
|
}
|
|
@@ -57,8 +57,8 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
57
57
|
}());
|
|
58
58
|
_defineProperty(_this, "onEntrySelected", /*#__PURE__*/function () {
|
|
59
59
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(entry) {
|
|
60
|
-
var onEntrySelected, isArchive;
|
|
61
|
-
return _regeneratorRuntime.wrap(function
|
|
60
|
+
var onEntrySelected, isArchive, _t;
|
|
61
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
62
62
|
while (1) switch (_context2.prev = _context2.next) {
|
|
63
63
|
case 0:
|
|
64
64
|
onEntrySelected = _this.props.onEntrySelected;
|
|
@@ -66,30 +66,30 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
66
66
|
onEntrySelected(entry);
|
|
67
67
|
}
|
|
68
68
|
isArchive = !entry.isDirectory && getMediaTypeFromFilename(entry.name) === 'archive';
|
|
69
|
-
_context2.prev =
|
|
69
|
+
_context2.prev = 1;
|
|
70
70
|
if (!(isArchive || entry.isDirectory)) {
|
|
71
|
-
_context2.next =
|
|
71
|
+
_context2.next = 3;
|
|
72
72
|
break;
|
|
73
73
|
}
|
|
74
|
-
_context2.next =
|
|
74
|
+
_context2.next = 2;
|
|
75
75
|
return _this.onFolderEntrySelected(entry, isArchive);
|
|
76
|
-
case
|
|
77
|
-
_context2.next =
|
|
76
|
+
case 2:
|
|
77
|
+
_context2.next = 4;
|
|
78
78
|
break;
|
|
79
|
-
case
|
|
79
|
+
case 3:
|
|
80
80
|
null;
|
|
81
|
-
case
|
|
82
|
-
_context2.next =
|
|
81
|
+
case 4:
|
|
82
|
+
_context2.next = 6;
|
|
83
83
|
break;
|
|
84
|
-
case
|
|
85
|
-
_context2.prev =
|
|
86
|
-
|
|
87
|
-
return _context2.abrupt("return", _this.props.onError(
|
|
88
|
-
case
|
|
84
|
+
case 5:
|
|
85
|
+
_context2.prev = 5;
|
|
86
|
+
_t = _context2["catch"](1);
|
|
87
|
+
return _context2.abrupt("return", _this.props.onError(_t, entry));
|
|
88
|
+
case 6:
|
|
89
89
|
case "end":
|
|
90
90
|
return _context2.stop();
|
|
91
91
|
}
|
|
92
|
-
}, _callee2, null, [[
|
|
92
|
+
}, _callee2, null, [[1, 5]]);
|
|
93
93
|
}));
|
|
94
94
|
return function (_x2) {
|
|
95
95
|
return _ref2.apply(this, arguments);
|
|
@@ -98,21 +98,21 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
98
98
|
_defineProperty(_this, "onFolderEntrySelected", /*#__PURE__*/function () {
|
|
99
99
|
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(folder, isArchive) {
|
|
100
100
|
var _this$props, entries, mediaClient, folderName, archiveEntries, _this$props2, isArchiveEntryLoading, onError, shouldRenderAbuseModal, fileId, currentFolderName;
|
|
101
|
-
return _regeneratorRuntime.wrap(function
|
|
101
|
+
return _regeneratorRuntime.wrap(function (_context3) {
|
|
102
102
|
while (1) switch (_context3.prev = _context3.next) {
|
|
103
103
|
case 0:
|
|
104
104
|
_this$props = _this.props, entries = _this$props.entries, mediaClient = _this$props.mediaClient;
|
|
105
105
|
if (!isArchive) {
|
|
106
|
-
_context3.next =
|
|
106
|
+
_context3.next = 2;
|
|
107
107
|
break;
|
|
108
108
|
}
|
|
109
|
-
_context3.next =
|
|
109
|
+
_context3.next = 1;
|
|
110
110
|
return _this.getArchiveFromEntry(folder);
|
|
111
|
-
case
|
|
111
|
+
case 1:
|
|
112
112
|
archiveEntries = _context3.sent.entries;
|
|
113
113
|
entries = _objectSpread(_objectSpread({}, entries), archiveEntries);
|
|
114
114
|
folderName = extractArchiveFolderName(folder.name);
|
|
115
|
-
case
|
|
115
|
+
case 2:
|
|
116
116
|
_this$props2 = _this.props, isArchiveEntryLoading = _this$props2.isArchiveEntryLoading, onError = _this$props2.onError, shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal, fileId = _this$props2.fileId;
|
|
117
117
|
currentFolderName = folderName || folder.name;
|
|
118
118
|
_this.setState({
|
|
@@ -128,7 +128,7 @@ export var ArchiveSidebar = /*#__PURE__*/function (_React$Component) {
|
|
|
128
128
|
fileId: fileId
|
|
129
129
|
}
|
|
130
130
|
});
|
|
131
|
-
case
|
|
131
|
+
case 3:
|
|
132
132
|
case "end":
|
|
133
133
|
return _context3.stop();
|
|
134
134
|
}
|
|
@@ -41,22 +41,22 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
41
41
|
export var getArchiveEntriesFromFileState = /*#__PURE__*/function () {
|
|
42
42
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileState, mediaClient, collectionName) {
|
|
43
43
|
var url, reader, archive;
|
|
44
|
-
return _regeneratorRuntime.wrap(function
|
|
44
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
45
45
|
while (1) switch (_context.prev = _context.next) {
|
|
46
46
|
case 0:
|
|
47
|
-
_context.next =
|
|
47
|
+
_context.next = 1;
|
|
48
48
|
return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
|
|
49
|
-
case
|
|
49
|
+
case 1:
|
|
50
50
|
url = _context.sent;
|
|
51
51
|
reader = new HTTPRangeReader(url);
|
|
52
|
-
_context.next =
|
|
52
|
+
_context.next = 2;
|
|
53
53
|
return rejectAfter(function () {
|
|
54
54
|
return unzip(reader);
|
|
55
55
|
});
|
|
56
|
-
case
|
|
56
|
+
case 2:
|
|
57
57
|
archive = _context.sent;
|
|
58
58
|
return _context.abrupt("return", archive);
|
|
59
|
-
case
|
|
59
|
+
case 3:
|
|
60
60
|
case "end":
|
|
61
61
|
return _context.stop();
|
|
62
62
|
}
|
|
@@ -85,8 +85,8 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
|
|
|
85
85
|
});
|
|
86
86
|
_defineProperty(_this, "onSelectedArchiveEntryChange", /*#__PURE__*/function () {
|
|
87
87
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(selectedArchiveEntry) {
|
|
88
|
-
var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType;
|
|
89
|
-
return _regeneratorRuntime.wrap(function
|
|
88
|
+
var src, codeViewerSrc, mimeType, isCodeMimeType, blob, blobWithMimeType, _t;
|
|
89
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
90
90
|
while (1) switch (_context2.prev = _context2.next) {
|
|
91
91
|
case 0:
|
|
92
92
|
_this.setState({
|
|
@@ -100,38 +100,38 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
|
|
|
100
100
|
mimeType = getMimeTypeFromFilename(selectedArchiveEntry.name);
|
|
101
101
|
isCodeMimeType = isCodeViewerItem(selectedArchiveEntry.name, mimeType);
|
|
102
102
|
if (selectedArchiveEntry.isDirectory) {
|
|
103
|
-
_context2.next =
|
|
103
|
+
_context2.next = 6;
|
|
104
104
|
break;
|
|
105
105
|
}
|
|
106
|
-
_context2.prev =
|
|
107
|
-
_context2.next =
|
|
106
|
+
_context2.prev = 1;
|
|
107
|
+
_context2.next = 2;
|
|
108
108
|
return rejectAfter(function () {
|
|
109
109
|
return selectedArchiveEntry.blob();
|
|
110
110
|
}, 10000);
|
|
111
|
-
case
|
|
111
|
+
case 2:
|
|
112
112
|
blob = _context2.sent;
|
|
113
113
|
blobWithMimeType = new Blob([blob], {
|
|
114
114
|
type: mimeType
|
|
115
115
|
});
|
|
116
116
|
src = URL.createObjectURL(blobWithMimeType);
|
|
117
117
|
if (!isCodeMimeType) {
|
|
118
|
-
_context2.next =
|
|
118
|
+
_context2.next = 4;
|
|
119
119
|
break;
|
|
120
120
|
}
|
|
121
|
-
_context2.next =
|
|
121
|
+
_context2.next = 3;
|
|
122
122
|
return rejectAfter(function () {
|
|
123
123
|
return blob.text();
|
|
124
124
|
});
|
|
125
|
-
case
|
|
125
|
+
case 3:
|
|
126
126
|
codeViewerSrc = _context2.sent;
|
|
127
|
-
case
|
|
128
|
-
_context2.next =
|
|
127
|
+
case 4:
|
|
128
|
+
_context2.next = 6;
|
|
129
129
|
break;
|
|
130
|
-
case
|
|
131
|
-
_context2.prev =
|
|
132
|
-
|
|
133
|
-
return _context2.abrupt("return", _this.onError(new ArchiveViewerError(
|
|
134
|
-
case
|
|
130
|
+
case 5:
|
|
131
|
+
_context2.prev = 5;
|
|
132
|
+
_t = _context2["catch"](1);
|
|
133
|
+
return _context2.abrupt("return", _this.onError(new ArchiveViewerError(_t.message === ENCRYPTED_ENTRY_ERROR_MESSAGE ? 'archiveviewer-encrypted-entry' : 'archiveviewer-create-url', _t), selectedArchiveEntry));
|
|
134
|
+
case 6:
|
|
135
135
|
_this.setState({
|
|
136
136
|
content: Outcome.successful(_objectSpread(_objectSpread({}, _this.state.content.data), {}, {
|
|
137
137
|
selectedArchiveEntry: selectedArchiveEntry,
|
|
@@ -144,11 +144,11 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
|
|
|
144
144
|
hasLoadedEntries: true
|
|
145
145
|
}))
|
|
146
146
|
});
|
|
147
|
-
case
|
|
147
|
+
case 7:
|
|
148
148
|
case "end":
|
|
149
149
|
return _context2.stop();
|
|
150
150
|
}
|
|
151
|
-
}, _callee2, null, [[
|
|
151
|
+
}, _callee2, null, [[1, 5]]);
|
|
152
152
|
}));
|
|
153
153
|
return function (_x4) {
|
|
154
154
|
return _ref2.apply(this, arguments);
|
|
@@ -188,7 +188,7 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
|
|
|
188
188
|
key: "init",
|
|
189
189
|
value: function () {
|
|
190
190
|
var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
|
191
|
-
return _regeneratorRuntime.wrap(function
|
|
191
|
+
return _regeneratorRuntime.wrap(function (_context3) {
|
|
192
192
|
while (1) switch (_context3.prev = _context3.next) {
|
|
193
193
|
case 0:
|
|
194
194
|
this.setState(this.initialState);
|
|
@@ -281,14 +281,14 @@ export var ArchiveViewerBase = /*#__PURE__*/function (_BaseViewer) {
|
|
|
281
281
|
},
|
|
282
282
|
getBinaryContent: function () {
|
|
283
283
|
var _getBinaryContent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
284
|
-
return _regeneratorRuntime.wrap(function
|
|
284
|
+
return _regeneratorRuntime.wrap(function (_context4) {
|
|
285
285
|
while (1) switch (_context4.prev = _context4.next) {
|
|
286
286
|
case 0:
|
|
287
|
-
_context4.next =
|
|
287
|
+
_context4.next = 1;
|
|
288
288
|
return fetch(src);
|
|
289
|
-
case
|
|
289
|
+
case 1:
|
|
290
290
|
return _context4.abrupt("return", _context4.sent.blob());
|
|
291
|
-
case
|
|
291
|
+
case 2:
|
|
292
292
|
case "end":
|
|
293
293
|
return _context4.stop();
|
|
294
294
|
}
|
|
@@ -31,36 +31,36 @@ var ArchiveViewerLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
31
31
|
key: "componentDidMount",
|
|
32
32
|
value: function () {
|
|
33
33
|
var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
34
|
-
var archive;
|
|
35
|
-
return _regeneratorRuntime.wrap(function
|
|
34
|
+
var archive, _t;
|
|
35
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
36
36
|
while (1) switch (_context.prev = _context.next) {
|
|
37
37
|
case 0:
|
|
38
38
|
if (this.state.ArchiveViewer) {
|
|
39
|
-
_context.next =
|
|
39
|
+
_context.next = 4;
|
|
40
40
|
break;
|
|
41
41
|
}
|
|
42
42
|
_context.prev = 1;
|
|
43
|
-
_context.next =
|
|
43
|
+
_context.next = 2;
|
|
44
44
|
return import( /* webpackChunkName: "@atlaskit-internal_media-archive-viewer" */'./archive');
|
|
45
|
-
case
|
|
45
|
+
case 2:
|
|
46
46
|
archive = _context.sent;
|
|
47
47
|
ArchiveViewerLoader.ArchiveViewer = archive.ArchiveViewer;
|
|
48
48
|
this.setState({
|
|
49
49
|
ArchiveViewer: ArchiveViewerLoader.ArchiveViewer
|
|
50
50
|
});
|
|
51
|
-
_context.next =
|
|
51
|
+
_context.next = 4;
|
|
52
52
|
break;
|
|
53
|
-
case
|
|
54
|
-
_context.prev =
|
|
55
|
-
|
|
53
|
+
case 3:
|
|
54
|
+
_context.prev = 3;
|
|
55
|
+
_t = _context["catch"](1);
|
|
56
56
|
this.setState({
|
|
57
57
|
isErrored: true
|
|
58
58
|
});
|
|
59
|
-
case
|
|
59
|
+
case 4:
|
|
60
60
|
case "end":
|
|
61
61
|
return _context.stop();
|
|
62
62
|
}
|
|
63
|
-
}, _callee, this, [[1,
|
|
63
|
+
}, _callee, this, [[1, 3]]);
|
|
64
64
|
}));
|
|
65
65
|
function componentDidMount() {
|
|
66
66
|
return _componentDidMount.apply(this, arguments);
|
|
@@ -68,14 +68,14 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
68
68
|
return new Promise( /*#__PURE__*/function () {
|
|
69
69
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
|
|
70
70
|
var img;
|
|
71
|
-
return _regeneratorRuntime.wrap(function
|
|
71
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
72
72
|
while (1) switch (_context.prev = _context.next) {
|
|
73
73
|
case 0:
|
|
74
74
|
img = new Image();
|
|
75
75
|
img.src = coverUrl;
|
|
76
76
|
img.onload = resolve;
|
|
77
77
|
img.onerror = reject;
|
|
78
|
-
case
|
|
78
|
+
case 1:
|
|
79
79
|
case "end":
|
|
80
80
|
return _context.stop();
|
|
81
81
|
}
|
|
@@ -87,38 +87,38 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
87
87
|
}());
|
|
88
88
|
});
|
|
89
89
|
_defineProperty(_this, "setCoverUrl", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
90
|
-
var _this$props, mediaClient, item, collectionName, coverUrl;
|
|
91
|
-
return _regeneratorRuntime.wrap(function
|
|
90
|
+
var _this$props, mediaClient, item, collectionName, coverUrl, _t;
|
|
91
|
+
return _regeneratorRuntime.wrap(function (_context2) {
|
|
92
92
|
while (1) switch (_context2.prev = _context2.next) {
|
|
93
93
|
case 0:
|
|
94
94
|
_this$props = _this.props, mediaClient = _this$props.mediaClient, item = _this$props.item, collectionName = _this$props.collectionName;
|
|
95
95
|
if (!(item.status !== 'processed')) {
|
|
96
|
-
_context2.next =
|
|
96
|
+
_context2.next = 1;
|
|
97
97
|
break;
|
|
98
98
|
}
|
|
99
99
|
return _context2.abrupt("return");
|
|
100
|
-
case
|
|
101
|
-
_context2.next =
|
|
100
|
+
case 1:
|
|
101
|
+
_context2.next = 2;
|
|
102
102
|
return getCoverUrl(item, mediaClient, collectionName);
|
|
103
|
-
case
|
|
103
|
+
case 2:
|
|
104
104
|
coverUrl = _context2.sent;
|
|
105
|
-
_context2.prev =
|
|
106
|
-
_context2.next =
|
|
105
|
+
_context2.prev = 3;
|
|
106
|
+
_context2.next = 4;
|
|
107
107
|
return _this.loadCover(coverUrl);
|
|
108
|
-
case
|
|
108
|
+
case 4:
|
|
109
109
|
_this.safeSetState({
|
|
110
110
|
coverUrl: coverUrl
|
|
111
111
|
});
|
|
112
|
-
_context2.next =
|
|
112
|
+
_context2.next = 6;
|
|
113
113
|
break;
|
|
114
|
-
case
|
|
115
|
-
_context2.prev =
|
|
116
|
-
|
|
117
|
-
case
|
|
114
|
+
case 5:
|
|
115
|
+
_context2.prev = 5;
|
|
116
|
+
_t = _context2["catch"](3);
|
|
117
|
+
case 6:
|
|
118
118
|
case "end":
|
|
119
119
|
return _context2.stop();
|
|
120
120
|
}
|
|
121
|
-
}, _callee2, null, [[
|
|
121
|
+
}, _callee2, null, [[3, 5]]);
|
|
122
122
|
})));
|
|
123
123
|
return _this;
|
|
124
124
|
}
|
|
@@ -164,59 +164,59 @@ export var AudioViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
164
164
|
key: "init",
|
|
165
165
|
value: function () {
|
|
166
166
|
var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
|
167
|
-
var _this$props3, mediaClient, item, collectionName, audioUrl;
|
|
168
|
-
return _regeneratorRuntime.wrap(function
|
|
167
|
+
var _this$props3, mediaClient, item, collectionName, audioUrl, _t2;
|
|
168
|
+
return _regeneratorRuntime.wrap(function (_context3) {
|
|
169
169
|
while (1) switch (_context3.prev = _context3.next) {
|
|
170
170
|
case 0:
|
|
171
171
|
_this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
|
|
172
172
|
_context3.prev = 1;
|
|
173
173
|
if (!(item.status === 'processed')) {
|
|
174
|
-
_context3.next =
|
|
174
|
+
_context3.next = 4;
|
|
175
175
|
break;
|
|
176
176
|
}
|
|
177
|
-
_context3.next =
|
|
177
|
+
_context3.next = 2;
|
|
178
178
|
return mediaClient.file.getArtifactURL(item.artifacts, 'audio.mp3', collectionName);
|
|
179
|
-
case
|
|
179
|
+
case 2:
|
|
180
180
|
audioUrl = _context3.sent;
|
|
181
181
|
if (audioUrl) {
|
|
182
|
-
_context3.next =
|
|
182
|
+
_context3.next = 3;
|
|
183
183
|
break;
|
|
184
184
|
}
|
|
185
185
|
throw new MediaViewerError('audioviewer-missing-artefact');
|
|
186
|
-
case
|
|
187
|
-
_context3.next =
|
|
186
|
+
case 3:
|
|
187
|
+
_context3.next = 6;
|
|
188
188
|
break;
|
|
189
|
-
case
|
|
190
|
-
_context3.next =
|
|
189
|
+
case 4:
|
|
190
|
+
_context3.next = 5;
|
|
191
191
|
return getObjectUrlFromFileState(item);
|
|
192
|
-
case
|
|
192
|
+
case 5:
|
|
193
193
|
audioUrl = _context3.sent;
|
|
194
194
|
if (audioUrl) {
|
|
195
|
-
_context3.next =
|
|
195
|
+
_context3.next = 6;
|
|
196
196
|
break;
|
|
197
197
|
}
|
|
198
198
|
this.safeSetState({
|
|
199
199
|
content: Outcome.pending()
|
|
200
200
|
});
|
|
201
201
|
return _context3.abrupt("return");
|
|
202
|
-
case
|
|
202
|
+
case 6:
|
|
203
203
|
this.setCoverUrl();
|
|
204
204
|
this.safeSetState({
|
|
205
205
|
content: Outcome.successful(audioUrl)
|
|
206
206
|
});
|
|
207
|
-
_context3.next =
|
|
207
|
+
_context3.next = 8;
|
|
208
208
|
break;
|
|
209
|
-
case
|
|
210
|
-
_context3.prev =
|
|
211
|
-
|
|
209
|
+
case 7:
|
|
210
|
+
_context3.prev = 7;
|
|
211
|
+
_t2 = _context3["catch"](1);
|
|
212
212
|
this.safeSetState({
|
|
213
|
-
content: Outcome.failed(new MediaViewerError('audioviewer-fetch-url',
|
|
213
|
+
content: Outcome.failed(new MediaViewerError('audioviewer-fetch-url', _t2 instanceof Error ? _t2 : undefined))
|
|
214
214
|
});
|
|
215
|
-
case
|
|
215
|
+
case 8:
|
|
216
216
|
case "end":
|
|
217
217
|
return _context3.stop();
|
|
218
218
|
}
|
|
219
|
-
}, _callee3, this, [[1,
|
|
219
|
+
}, _callee3, this, [[1, 7]]);
|
|
220
220
|
}));
|
|
221
221
|
function init() {
|
|
222
222
|
return _init.apply(this, arguments);
|
|
@@ -74,7 +74,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
|
|
|
74
74
|
value: function () {
|
|
75
75
|
var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
76
76
|
var _this$props, src, onSuccess, onError, mediaError;
|
|
77
|
-
return _regeneratorRuntime.wrap(function
|
|
77
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
78
78
|
while (1) switch (_context.prev = _context.next) {
|
|
79
79
|
case 0:
|
|
80
80
|
_this$props = this.props, src = _this$props.src, onSuccess = _this$props.onSuccess, onError = _this$props.onError;
|
|
@@ -94,7 +94,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
|
|
|
94
94
|
onError(mediaError);
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
case
|
|
97
|
+
case 1:
|
|
98
98
|
case "end":
|
|
99
99
|
return _context.stop();
|
|
100
100
|
}
|