@atlaskit/media-viewer 45.8.10 → 45.8.11
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/CHANGELOG.md +8 -0
- package/dist/cjs/header.js +3 -7
- package/dist/cjs/item-viewer.js +6 -12
- package/dist/cjs/media-viewer.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/header.js +3 -10
- package/dist/es2019/item-viewer.js +6 -11
- package/dist/es2019/media-viewer.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/header.js +3 -6
- package/dist/esm/item-viewer.js +6 -11
- package/dist/esm/media-viewer.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/media-viewer
|
|
2
2
|
|
|
3
|
+
## 45.8.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`f124adcb18f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f124adcb18f) - Adding .md, .lock, .yaml, .yml, .tsx, .jsx as known extension types
|
|
8
|
+
- [`2b24fcc59f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b24fcc59f2) - Removed Code Viewer and Zip Previews Feature Flags
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 45.8.10
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
package/dist/cjs/header.js
CHANGED
|
@@ -39,8 +39,6 @@ var _styled = require("./styled");
|
|
|
39
39
|
|
|
40
40
|
var _download = require("./download");
|
|
41
41
|
|
|
42
|
-
var _mediaCommon = require("@atlaskit/media-common");
|
|
43
|
-
|
|
44
42
|
var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
|
|
45
43
|
|
|
46
44
|
var _util = require("./viewers/codeViewer/util");
|
|
@@ -118,9 +116,8 @@ var Header = /*#__PURE__*/function (_React$Component) {
|
|
|
118
116
|
return ' · ';
|
|
119
117
|
});
|
|
120
118
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFileTypeText", function (item) {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
if ((0, _mediaCommon.getMediaFeatureFlag)('codeViewer', featureFlags) && (0, _codeViewer.isCodeViewerItem)(item.name)) {
|
|
119
|
+
// render appropriate header if its a code/email item and the feature flag is enabled
|
|
120
|
+
if ((0, _codeViewer.isCodeViewerItem)(item.name)) {
|
|
124
121
|
// gather language and extension
|
|
125
122
|
// i.e test.py would have a language of 'python' and an extension of 'py'
|
|
126
123
|
var language = (0, _codeViewer.getLanguageType)(item.name);
|
|
@@ -231,10 +228,9 @@ var Header = /*#__PURE__*/function (_React$Component) {
|
|
|
231
228
|
key: "render",
|
|
232
229
|
value: function render() {
|
|
233
230
|
var item = this.state.item;
|
|
234
|
-
var featureFlags = this.props.featureFlags;
|
|
235
231
|
var isArchiveSideBarVisible = false;
|
|
236
232
|
|
|
237
|
-
if (
|
|
233
|
+
if (item.data && !(0, _mediaClient.isErrorFileState)(item.data)) {
|
|
238
234
|
var mediaType = item.data.mediaType;
|
|
239
235
|
isArchiveSideBarVisible = mediaType === 'archive';
|
|
240
236
|
}
|
package/dist/cjs/item-viewer.js
CHANGED
|
@@ -67,8 +67,6 @@ var _interactiveImg = require("./viewers/image/interactive-img");
|
|
|
67
67
|
|
|
68
68
|
var _archiveViewerLoader = _interopRequireDefault(require("./viewers/archiveSidebar/archiveViewerLoader"));
|
|
69
69
|
|
|
70
|
-
var _mediaCommon = require("@atlaskit/media-common");
|
|
71
|
-
|
|
72
70
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
73
71
|
|
|
74
72
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
@@ -165,8 +163,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
165
163
|
showControls = _this$props.showControls,
|
|
166
164
|
onClose = _this$props.onClose,
|
|
167
165
|
previewCount = _this$props.previewCount,
|
|
168
|
-
contextId = _this$props.contextId
|
|
169
|
-
featureFlags = _this$props.featureFlags;
|
|
166
|
+
contextId = _this$props.contextId;
|
|
170
167
|
var collectionName = (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.collectionName : undefined;
|
|
171
168
|
var viewerProps = {
|
|
172
169
|
mediaClient: mediaClient,
|
|
@@ -176,7 +173,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
176
173
|
previewCount: previewCount
|
|
177
174
|
};
|
|
178
175
|
|
|
179
|
-
if ((0,
|
|
176
|
+
if ((0, _codeViewer.isCodeViewerItem)(fileState.name)) {
|
|
180
177
|
return /*#__PURE__*/_react.default.createElement(_codeViewer2.CodeViewer, (0, _extends2.default)({
|
|
181
178
|
onSuccess: this.onSuccess,
|
|
182
179
|
onError: this.onLoadFail
|
|
@@ -212,13 +209,10 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
212
209
|
}, viewerProps));
|
|
213
210
|
|
|
214
211
|
case 'archive':
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
}, viewerProps));
|
|
220
|
-
}
|
|
221
|
-
|
|
212
|
+
return /*#__PURE__*/_react.default.createElement(_archiveViewerLoader.default, (0, _extends2.default)({
|
|
213
|
+
onSuccess: this.onSuccess,
|
|
214
|
+
onError: this.onLoadFail
|
|
215
|
+
}, viewerProps));
|
|
222
216
|
}
|
|
223
217
|
|
|
224
218
|
return this.renderError(new _errors.MediaViewerError('unsupported'), fileState);
|
package/dist/cjs/media-viewer.js
CHANGED
|
@@ -215,6 +215,6 @@ var MediaViewer = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
|
215
215
|
component: _analytics.component,
|
|
216
216
|
componentName: _analytics.componentName
|
|
217
217
|
}, {
|
|
218
|
-
filterFeatureFlags: [
|
|
218
|
+
filterFeatureFlags: []
|
|
219
219
|
})((0, _analyticsNext.withAnalyticsEvents)()(MediaViewerComponent));
|
|
220
220
|
exports.MediaViewer = MediaViewer;
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/header.js
CHANGED
|
@@ -8,7 +8,6 @@ import { FormattedMessage, injectIntl } from 'react-intl';
|
|
|
8
8
|
import { Outcome } from './domain';
|
|
9
9
|
import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName } from './styled';
|
|
10
10
|
import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';
|
|
11
|
-
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
12
11
|
import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
|
|
13
12
|
import { getFormat } from './viewers/codeViewer/util';
|
|
14
13
|
import { MediaViewerError } from './errors';
|
|
@@ -70,11 +69,8 @@ export class Header extends React.Component {
|
|
|
70
69
|
});
|
|
71
70
|
|
|
72
71
|
_defineProperty(this, "renderFileTypeText", item => {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
} = this.props; // render appropriate header if its a code/email item and the feature flag is enabled
|
|
76
|
-
|
|
77
|
-
if (getMediaFeatureFlag('codeViewer', featureFlags) && isCodeViewerItem(item.name)) {
|
|
72
|
+
// render appropriate header if its a code/email item and the feature flag is enabled
|
|
73
|
+
if (isCodeViewerItem(item.name)) {
|
|
78
74
|
// gather language and extension
|
|
79
75
|
// i.e test.py would have a language of 'python' and an extension of 'py'
|
|
80
76
|
const language = getLanguageType(item.name);
|
|
@@ -184,12 +180,9 @@ export class Header extends React.Component {
|
|
|
184
180
|
const {
|
|
185
181
|
item
|
|
186
182
|
} = this.state;
|
|
187
|
-
const {
|
|
188
|
-
featureFlags
|
|
189
|
-
} = this.props;
|
|
190
183
|
let isArchiveSideBarVisible = false;
|
|
191
184
|
|
|
192
|
-
if (
|
|
185
|
+
if (item.data && !isErrorFileState(item.data)) {
|
|
193
186
|
const {
|
|
194
187
|
mediaType
|
|
195
188
|
} = item.data;
|
|
@@ -22,7 +22,6 @@ import { fireAnalytics, getFileAttributes } from './analytics';
|
|
|
22
22
|
import { AudioViewer } from './viewers/audio';
|
|
23
23
|
import { InteractiveImg } from './viewers/image/interactive-img';
|
|
24
24
|
import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
|
|
25
|
-
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
26
25
|
export const isExternalImageItem = fileItem => fileItem === 'external-image';
|
|
27
26
|
export const isFileStateItem = fileItem => !isExternalImageItem(fileItem);
|
|
28
27
|
const initialState = {
|
|
@@ -93,8 +92,7 @@ export class ItemViewerBase extends React.Component {
|
|
|
93
92
|
showControls,
|
|
94
93
|
onClose,
|
|
95
94
|
previewCount,
|
|
96
|
-
contextId
|
|
97
|
-
featureFlags
|
|
95
|
+
contextId
|
|
98
96
|
} = this.props;
|
|
99
97
|
const collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
|
|
100
98
|
const viewerProps = {
|
|
@@ -105,7 +103,7 @@ export class ItemViewerBase extends React.Component {
|
|
|
105
103
|
previewCount
|
|
106
104
|
};
|
|
107
105
|
|
|
108
|
-
if (
|
|
106
|
+
if (isCodeViewerItem(fileState.name)) {
|
|
109
107
|
return /*#__PURE__*/React.createElement(CodeViewer, _extends({
|
|
110
108
|
onSuccess: this.onSuccess,
|
|
111
109
|
onError: this.onLoadFail
|
|
@@ -141,13 +139,10 @@ export class ItemViewerBase extends React.Component {
|
|
|
141
139
|
}, viewerProps));
|
|
142
140
|
|
|
143
141
|
case 'archive':
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
}, viewerProps));
|
|
149
|
-
}
|
|
150
|
-
|
|
142
|
+
return /*#__PURE__*/React.createElement(ArchiveViewerLoader, _extends({
|
|
143
|
+
onSuccess: this.onSuccess,
|
|
144
|
+
onError: this.onLoadFail
|
|
145
|
+
}, viewerProps));
|
|
151
146
|
}
|
|
152
147
|
|
|
153
148
|
return this.renderError(new MediaViewerError('unsupported'), fileState);
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/header.js
CHANGED
|
@@ -19,7 +19,6 @@ import { FormattedMessage, injectIntl } from 'react-intl';
|
|
|
19
19
|
import { Outcome } from './domain';
|
|
20
20
|
import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName } from './styled';
|
|
21
21
|
import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';
|
|
22
|
-
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
23
22
|
import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
|
|
24
23
|
import { getFormat } from './viewers/codeViewer/util';
|
|
25
24
|
import { MediaViewerError } from './errors';
|
|
@@ -95,9 +94,8 @@ export var Header = /*#__PURE__*/function (_React$Component) {
|
|
|
95
94
|
});
|
|
96
95
|
|
|
97
96
|
_defineProperty(_assertThisInitialized(_this), "renderFileTypeText", function (item) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
if (getMediaFeatureFlag('codeViewer', featureFlags) && isCodeViewerItem(item.name)) {
|
|
97
|
+
// render appropriate header if its a code/email item and the feature flag is enabled
|
|
98
|
+
if (isCodeViewerItem(item.name)) {
|
|
101
99
|
// gather language and extension
|
|
102
100
|
// i.e test.py would have a language of 'python' and an extension of 'py'
|
|
103
101
|
var language = getLanguageType(item.name);
|
|
@@ -210,10 +208,9 @@ export var Header = /*#__PURE__*/function (_React$Component) {
|
|
|
210
208
|
key: "render",
|
|
211
209
|
value: function render() {
|
|
212
210
|
var item = this.state.item;
|
|
213
|
-
var featureFlags = this.props.featureFlags;
|
|
214
211
|
var isArchiveSideBarVisible = false;
|
|
215
212
|
|
|
216
|
-
if (
|
|
213
|
+
if (item.data && !isErrorFileState(item.data)) {
|
|
217
214
|
var mediaType = item.data.mediaType;
|
|
218
215
|
isArchiveSideBarVisible = mediaType === 'archive';
|
|
219
216
|
}
|
package/dist/esm/item-viewer.js
CHANGED
|
@@ -33,7 +33,6 @@ import { fireAnalytics, getFileAttributes } from './analytics';
|
|
|
33
33
|
import { AudioViewer } from './viewers/audio';
|
|
34
34
|
import { InteractiveImg } from './viewers/image/interactive-img';
|
|
35
35
|
import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
|
|
36
|
-
import { getMediaFeatureFlag } from '@atlaskit/media-common';
|
|
37
36
|
export var isExternalImageItem = function isExternalImageItem(fileItem) {
|
|
38
37
|
return fileItem === 'external-image';
|
|
39
38
|
};
|
|
@@ -126,8 +125,7 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
126
125
|
showControls = _this$props.showControls,
|
|
127
126
|
onClose = _this$props.onClose,
|
|
128
127
|
previewCount = _this$props.previewCount,
|
|
129
|
-
contextId = _this$props.contextId
|
|
130
|
-
featureFlags = _this$props.featureFlags;
|
|
128
|
+
contextId = _this$props.contextId;
|
|
131
129
|
var collectionName = isFileIdentifier(identifier) ? identifier.collectionName : undefined;
|
|
132
130
|
var viewerProps = {
|
|
133
131
|
mediaClient: mediaClient,
|
|
@@ -137,7 +135,7 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
137
135
|
previewCount: previewCount
|
|
138
136
|
};
|
|
139
137
|
|
|
140
|
-
if (
|
|
138
|
+
if (isCodeViewerItem(fileState.name)) {
|
|
141
139
|
return /*#__PURE__*/React.createElement(CodeViewer, _extends({
|
|
142
140
|
onSuccess: this.onSuccess,
|
|
143
141
|
onError: this.onLoadFail
|
|
@@ -173,13 +171,10 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
|
|
|
173
171
|
}, viewerProps));
|
|
174
172
|
|
|
175
173
|
case 'archive':
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}, viewerProps));
|
|
181
|
-
}
|
|
182
|
-
|
|
174
|
+
return /*#__PURE__*/React.createElement(ArchiveViewerLoader, _extends({
|
|
175
|
+
onSuccess: this.onSuccess,
|
|
176
|
+
onError: this.onLoadFail
|
|
177
|
+
}, viewerProps));
|
|
183
178
|
}
|
|
184
179
|
|
|
185
180
|
return this.renderError(new MediaViewerError('unsupported'), fileState);
|
package/dist/esm/media-viewer.js
CHANGED
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-viewer",
|
|
3
|
-
"version": "45.8.
|
|
3
|
+
"version": "45.8.11",
|
|
4
4
|
"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
31
31
|
"@atlaskit/button": "^16.0.0",
|
|
32
|
-
"@atlaskit/code": "^14.
|
|
32
|
+
"@atlaskit/code": "^14.3.0",
|
|
33
33
|
"@atlaskit/icon": "^21.9.0",
|
|
34
34
|
"@atlaskit/icon-file-type": "^6.3.0",
|
|
35
35
|
"@atlaskit/media-client": "^14.3.0",
|
|
36
|
-
"@atlaskit/media-common": "^2.
|
|
37
|
-
"@atlaskit/media-ui": "^17.
|
|
36
|
+
"@atlaskit/media-common": "^2.10.0",
|
|
37
|
+
"@atlaskit/media-ui": "^17.2.0",
|
|
38
38
|
"@atlaskit/navigation-next": "^9.0.0",
|
|
39
39
|
"@atlaskit/spinner": "^15.0.0",
|
|
40
40
|
"@atlaskit/theme": "^12.0.0",
|
|
@@ -56,11 +56,11 @@
|
|
|
56
56
|
"@atlaskit/build-utils": "*",
|
|
57
57
|
"@atlaskit/button": "^16.0.0",
|
|
58
58
|
"@atlaskit/docs": "*",
|
|
59
|
-
"@atlaskit/media-card": "^72.
|
|
59
|
+
"@atlaskit/media-card": "^72.1.0",
|
|
60
60
|
"@atlaskit/media-core": "^32.2.0",
|
|
61
61
|
"@atlaskit/media-integration-test-helpers": "^2.5.0",
|
|
62
|
-
"@atlaskit/media-test-helpers": "^28.
|
|
63
|
-
"@atlaskit/modal-dialog": "^12.
|
|
62
|
+
"@atlaskit/media-test-helpers": "^28.9.0",
|
|
63
|
+
"@atlaskit/modal-dialog": "^12.2.0",
|
|
64
64
|
"@atlaskit/ssr": "*",
|
|
65
65
|
"@atlaskit/visual-regression": "*",
|
|
66
66
|
"@atlaskit/webdriver-runner": "*",
|