@atlaskit/media-viewer 53.2.5 → 54.0.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 +26 -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/download.js +2 -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/esm/analytics/index.js +1 -1
- package/dist/esm/analytics/ufoExperiences.js +1 -1
- package/dist/esm/download.js +2 -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/media-viewer-loader/package.json +1 -8
- package/package.json +33 -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
|
@@ -60,63 +60,63 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
60
60
|
key: "init",
|
|
61
61
|
value: function () {
|
|
62
62
|
var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
63
|
-
var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, imgError;
|
|
64
|
-
return _regenerator.default.wrap(function
|
|
63
|
+
var _this$props, fileState, mediaClient, collectionName, traceContext, controller, orientation, objectUrl, originalBinaryImageUrl, isLocalFileReference, clientId, preview, _yield$preview, value, origin, item, response, imgError, _t, _t2, _t3;
|
|
64
|
+
return _regenerator.default.wrap(function (_context) {
|
|
65
65
|
while (1) switch (_context.prev = _context.next) {
|
|
66
66
|
case 0:
|
|
67
67
|
_this$props = this.props, fileState = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, traceContext = _this$props.traceContext;
|
|
68
68
|
if (!(0, _mediaClient.isErrorFileState)(fileState)) {
|
|
69
|
-
_context.next =
|
|
69
|
+
_context.next = 1;
|
|
70
70
|
break;
|
|
71
71
|
}
|
|
72
72
|
return _context.abrupt("return");
|
|
73
|
-
case
|
|
73
|
+
case 1:
|
|
74
74
|
controller = typeof AbortController !== 'undefined' ? new AbortController() : undefined;
|
|
75
|
-
_context.prev =
|
|
75
|
+
_context.prev = 2;
|
|
76
76
|
orientation = 1;
|
|
77
77
|
isLocalFileReference = false;
|
|
78
|
-
_context.prev =
|
|
79
|
-
_context.next =
|
|
78
|
+
_context.prev = 3;
|
|
79
|
+
_context.next = 4;
|
|
80
80
|
return mediaClient.getClientId(collectionName);
|
|
81
|
-
case
|
|
81
|
+
case 4:
|
|
82
82
|
clientId = _context.sent;
|
|
83
|
-
_context.next =
|
|
83
|
+
_context.next = 6;
|
|
84
84
|
break;
|
|
85
|
-
case
|
|
86
|
-
_context.prev =
|
|
87
|
-
|
|
88
|
-
case
|
|
85
|
+
case 5:
|
|
86
|
+
_context.prev = 5;
|
|
87
|
+
_t = _context["catch"](3);
|
|
88
|
+
case 6:
|
|
89
89
|
preview = fileState.preview;
|
|
90
90
|
if (!preview) {
|
|
91
|
-
_context.next =
|
|
91
|
+
_context.next = 11;
|
|
92
92
|
break;
|
|
93
93
|
}
|
|
94
|
-
_context.next =
|
|
94
|
+
_context.next = 7;
|
|
95
95
|
return preview;
|
|
96
|
-
case
|
|
96
|
+
case 7:
|
|
97
97
|
_yield$preview = _context.sent;
|
|
98
98
|
value = _yield$preview.value;
|
|
99
99
|
origin = _yield$preview.origin;
|
|
100
100
|
if (!(value instanceof Blob)) {
|
|
101
|
-
_context.next =
|
|
101
|
+
_context.next = 9;
|
|
102
102
|
break;
|
|
103
103
|
}
|
|
104
|
-
_context.next =
|
|
104
|
+
_context.next = 8;
|
|
105
105
|
return (0, _mediaUi.getOrientation)(value);
|
|
106
|
-
case
|
|
106
|
+
case 8:
|
|
107
107
|
orientation = _context.sent;
|
|
108
108
|
objectUrl = URL.createObjectURL(value);
|
|
109
109
|
isLocalFileReference = origin === 'local';
|
|
110
|
-
_context.next =
|
|
110
|
+
_context.next = 10;
|
|
111
111
|
break;
|
|
112
|
-
case
|
|
112
|
+
case 9:
|
|
113
113
|
objectUrl = value;
|
|
114
|
-
case
|
|
115
|
-
_context.next =
|
|
114
|
+
case 10:
|
|
115
|
+
_context.next = 14;
|
|
116
116
|
break;
|
|
117
|
-
case
|
|
117
|
+
case 11:
|
|
118
118
|
if (!(0, _mediaClient.isImageRepresentationReady)(fileState)) {
|
|
119
|
-
_context.next =
|
|
119
|
+
_context.next = 13;
|
|
120
120
|
break;
|
|
121
121
|
}
|
|
122
122
|
item = processedFileStateToMediaItem(fileState);
|
|
@@ -127,31 +127,30 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
127
127
|
this.cancelImageFetch = function () {
|
|
128
128
|
return controller === null || controller === void 0 ? void 0 : controller.abort();
|
|
129
129
|
};
|
|
130
|
-
|
|
131
|
-
_context.next =
|
|
130
|
+
_t2 = URL;
|
|
131
|
+
_context.next = 12;
|
|
132
132
|
return response;
|
|
133
|
-
case
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
_context.next = 46;
|
|
133
|
+
case 12:
|
|
134
|
+
objectUrl = _t2.createObjectURL.call(_t2, _context.sent);
|
|
135
|
+
_context.next = 14;
|
|
137
136
|
break;
|
|
138
|
-
case
|
|
137
|
+
case 13:
|
|
139
138
|
this.setState({
|
|
140
139
|
content: _domain.Outcome.pending()
|
|
141
140
|
});
|
|
142
141
|
return _context.abrupt("return");
|
|
143
|
-
case
|
|
142
|
+
case 14:
|
|
144
143
|
if (!(!isLocalFileReference &&
|
|
145
144
|
// objectUrl at this point is binary file already
|
|
146
145
|
!(0, _mediaClient.isErrorFileState)(fileState) && fileState.status !== 'uploading' && fileState.mediaType === 'image' && (0, _mediaCommon.isImageMimeTypeSupportedByBrowser)(fileState.mimeType))) {
|
|
147
|
-
_context.next =
|
|
146
|
+
_context.next = 16;
|
|
148
147
|
break;
|
|
149
148
|
}
|
|
150
|
-
_context.next =
|
|
149
|
+
_context.next = 15;
|
|
151
150
|
return mediaClient.file.getFileBinaryURL(fileState.id, collectionName);
|
|
152
|
-
case
|
|
151
|
+
case 15:
|
|
153
152
|
originalBinaryImageUrl = _context.sent;
|
|
154
|
-
case
|
|
153
|
+
case 16:
|
|
155
154
|
this.setState({
|
|
156
155
|
content: _domain.Outcome.successful({
|
|
157
156
|
objectUrl: objectUrl,
|
|
@@ -160,24 +159,24 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
160
159
|
clientId: clientId
|
|
161
160
|
})
|
|
162
161
|
});
|
|
163
|
-
_context.next =
|
|
162
|
+
_context.next = 18;
|
|
164
163
|
break;
|
|
165
|
-
case
|
|
166
|
-
_context.prev =
|
|
167
|
-
|
|
164
|
+
case 17:
|
|
165
|
+
_context.prev = 17;
|
|
166
|
+
_t3 = _context["catch"](2);
|
|
168
167
|
// TODO : properly handle aborted requests (MS-2843)
|
|
169
168
|
if (!(controller !== null && controller !== void 0 && controller.signal.aborted)) {
|
|
170
|
-
imgError = new _errors.MediaViewerError('imageviewer-fetch-url',
|
|
169
|
+
imgError = new _errors.MediaViewerError('imageviewer-fetch-url', _t3 instanceof Error ? _t3 : undefined);
|
|
171
170
|
this.setState({
|
|
172
171
|
content: _domain.Outcome.failed(imgError)
|
|
173
172
|
});
|
|
174
173
|
this.props.onError(imgError);
|
|
175
174
|
}
|
|
176
|
-
case
|
|
175
|
+
case 18:
|
|
177
176
|
case "end":
|
|
178
177
|
return _context.stop();
|
|
179
178
|
}
|
|
180
|
-
}, _callee, this, [[
|
|
179
|
+
}, _callee, this, [[2, 17], [3, 5]]);
|
|
181
180
|
}));
|
|
182
181
|
function init() {
|
|
183
182
|
return _init.apply(this, arguments);
|
|
@@ -123,58 +123,58 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
|
|
|
123
123
|
key: "init",
|
|
124
124
|
value: function () {
|
|
125
125
|
var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
126
|
-
var _this$props3, mediaClient, item, collectionName, contentUrl;
|
|
127
|
-
return _regenerator.default.wrap(function
|
|
126
|
+
var _this$props3, mediaClient, item, collectionName, contentUrl, _t;
|
|
127
|
+
return _regenerator.default.wrap(function (_context) {
|
|
128
128
|
while (1) switch (_context.prev = _context.next) {
|
|
129
129
|
case 0:
|
|
130
130
|
_this$props3 = this.props, mediaClient = _this$props3.mediaClient, item = _this$props3.item, collectionName = _this$props3.collectionName;
|
|
131
131
|
_context.prev = 1;
|
|
132
132
|
if (!(item.status === 'processed')) {
|
|
133
|
-
_context.next =
|
|
133
|
+
_context.next = 4;
|
|
134
134
|
break;
|
|
135
135
|
}
|
|
136
|
-
_context.next =
|
|
136
|
+
_context.next = 2;
|
|
137
137
|
return mediaClient.file.getArtifactURL(item.artifacts, hdArtifact, collectionName);
|
|
138
|
-
case
|
|
138
|
+
case 2:
|
|
139
139
|
contentUrl = _context.sent;
|
|
140
140
|
if (contentUrl) {
|
|
141
|
-
_context.next =
|
|
141
|
+
_context.next = 3;
|
|
142
142
|
break;
|
|
143
143
|
}
|
|
144
144
|
throw new _errors.MediaViewerError("videoviewer-missing-artefact");
|
|
145
|
-
case
|
|
146
|
-
_context.next =
|
|
145
|
+
case 3:
|
|
146
|
+
_context.next = 6;
|
|
147
147
|
break;
|
|
148
|
-
case
|
|
149
|
-
_context.next =
|
|
148
|
+
case 4:
|
|
149
|
+
_context.next = 5;
|
|
150
150
|
return (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
|
|
151
|
-
case
|
|
151
|
+
case 5:
|
|
152
152
|
contentUrl = _context.sent;
|
|
153
153
|
if (contentUrl) {
|
|
154
|
-
_context.next =
|
|
154
|
+
_context.next = 6;
|
|
155
155
|
break;
|
|
156
156
|
}
|
|
157
157
|
this.setState({
|
|
158
158
|
content: _domain.Outcome.pending()
|
|
159
159
|
});
|
|
160
160
|
return _context.abrupt("return");
|
|
161
|
-
case
|
|
161
|
+
case 6:
|
|
162
162
|
this.setState({
|
|
163
163
|
content: _domain.Outcome.successful(contentUrl)
|
|
164
164
|
});
|
|
165
|
-
_context.next =
|
|
165
|
+
_context.next = 8;
|
|
166
166
|
break;
|
|
167
|
-
case
|
|
168
|
-
_context.prev =
|
|
169
|
-
|
|
167
|
+
case 7:
|
|
168
|
+
_context.prev = 7;
|
|
169
|
+
_t = _context["catch"](1);
|
|
170
170
|
this.setState({
|
|
171
|
-
content: _domain.Outcome.failed(new _errors.MediaViewerError('videoviewer-fetch-url',
|
|
171
|
+
content: _domain.Outcome.failed(new _errors.MediaViewerError('videoviewer-fetch-url', _t instanceof Error ? _t : undefined))
|
|
172
172
|
});
|
|
173
|
-
case
|
|
173
|
+
case 8:
|
|
174
174
|
case "end":
|
|
175
175
|
return _context.stop();
|
|
176
176
|
}
|
|
177
|
-
}, _callee, this, [[1,
|
|
177
|
+
}, _callee, this, [[1, 7]]);
|
|
178
178
|
}));
|
|
179
179
|
function init() {
|
|
180
180
|
return _init.apply(this, arguments);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
const componentName = 'mediaViewer';
|
|
3
3
|
const packageName = "@atlaskit/media-viewer";
|
|
4
|
-
const packageVersion = "53.2.
|
|
4
|
+
const packageVersion = "53.2.5";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
3
3
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
5
|
const packageName = "@atlaskit/media-viewer";
|
|
6
|
-
const packageVersion = "53.2.
|
|
6
|
+
const packageVersion = "53.2.5";
|
|
7
7
|
let ufoExperience;
|
|
8
8
|
const getExperience = () => {
|
|
9
9
|
if (!ufoExperience) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
var componentName = 'mediaViewer';
|
|
3
3
|
var packageName = "@atlaskit/media-viewer";
|
|
4
|
-
var packageVersion = "53.2.
|
|
4
|
+
var packageVersion = "53.2.5";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
6
6
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
var packageName = "@atlaskit/media-viewer";
|
|
9
|
-
var packageVersion = "53.2.
|
|
9
|
+
var packageVersion = "53.2.5";
|
|
10
10
|
var ufoExperience;
|
|
11
11
|
var getExperience = function getExperience() {
|
|
12
12
|
if (!ufoExperience) {
|
package/dist/esm/download.js
CHANGED
|
@@ -48,7 +48,7 @@ function DownloadButton(_ref) {
|
|
|
48
48
|
var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
|
|
49
49
|
return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
50
50
|
var collectionName, traceContext, createAnalyticsEvent, id, name;
|
|
51
|
-
return _regeneratorRuntime.wrap(function
|
|
51
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
52
52
|
while (1) switch (_context.prev = _context.next) {
|
|
53
53
|
case 0:
|
|
54
54
|
collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent;
|
|
@@ -59,7 +59,7 @@ var createItemDownloader = function createItemDownloader(file, mediaClient, opti
|
|
|
59
59
|
}).catch(function (e) {
|
|
60
60
|
fireAnalytics(createDownloadFailedEventPayload(file.id, new MediaViewerError('download', e), file, traceContext), createAnalyticsEvent);
|
|
61
61
|
});
|
|
62
|
-
case
|
|
62
|
+
case 1:
|
|
63
63
|
case "end":
|
|
64
64
|
return _context.stop();
|
|
65
65
|
}
|
|
@@ -3,37 +3,36 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
|
3
3
|
import { isErrorFileState } from '@atlaskit/media-client';
|
|
4
4
|
export var getObjectUrlFromFileState = /*#__PURE__*/function () {
|
|
5
5
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(state) {
|
|
6
|
-
var preview;
|
|
7
|
-
return _regeneratorRuntime.wrap(function
|
|
6
|
+
var preview, _t, _t2;
|
|
7
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
8
8
|
while (1) switch (_context.prev = _context.next) {
|
|
9
9
|
case 0:
|
|
10
10
|
if (isErrorFileState(state)) {
|
|
11
|
-
_context.next =
|
|
11
|
+
_context.next = 4;
|
|
12
12
|
break;
|
|
13
13
|
}
|
|
14
14
|
preview = state.preview;
|
|
15
15
|
if (!preview) {
|
|
16
|
-
_context.next =
|
|
16
|
+
_context.next = 4;
|
|
17
17
|
break;
|
|
18
18
|
}
|
|
19
|
-
_context.prev =
|
|
20
|
-
|
|
21
|
-
_context.next =
|
|
19
|
+
_context.prev = 1;
|
|
20
|
+
_t = URL;
|
|
21
|
+
_context.next = 2;
|
|
22
22
|
return preview;
|
|
23
|
-
case
|
|
24
|
-
_context.
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
_context.t2 = _context["catch"](3);
|
|
23
|
+
case 2:
|
|
24
|
+
return _context.abrupt("return", _t.createObjectURL.call(_t, _context.sent.value));
|
|
25
|
+
case 3:
|
|
26
|
+
_context.prev = 3;
|
|
27
|
+
_t2 = _context["catch"](1);
|
|
29
28
|
return _context.abrupt("return", undefined);
|
|
30
|
-
case
|
|
29
|
+
case 4:
|
|
31
30
|
return _context.abrupt("return", undefined);
|
|
32
|
-
case
|
|
31
|
+
case 5:
|
|
33
32
|
case "end":
|
|
34
33
|
return _context.stop();
|
|
35
34
|
}
|
|
36
|
-
}, _callee, null, [[
|
|
35
|
+
}, _callee, null, [[1, 3]]);
|
|
37
36
|
}));
|
|
38
37
|
return function getObjectUrlFromFileState(_x) {
|
|
39
38
|
return _ref.apply(this, arguments);
|
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
|
}
|