@atlaskit/media-picker 64.2.0 → 64.2.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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/components/browser/browser.js +13 -48
- package/dist/cjs/components/browser/index.js +0 -33
- package/dist/cjs/components/clipboard/clipboard.js +7 -36
- package/dist/cjs/components/clipboard/index.js +0 -32
- package/dist/cjs/components/component.js +2 -16
- package/dist/cjs/components/dropzone/dropzone.js +17 -79
- package/dist/cjs/components/dropzone/index.js +2 -36
- package/dist/cjs/components/localUploadReact.js +21 -75
- package/dist/cjs/components/media-picker-analytics-error-boundary.js +3 -20
- package/dist/cjs/config.js +0 -5
- package/dist/cjs/domain/preview.js +0 -2
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/service/types.js +0 -2
- package/dist/cjs/service/uploadServiceImpl.js +9 -58
- package/dist/cjs/util/analytics.js +1 -6
- package/dist/cjs/util/appendTimestamp.js +0 -3
- package/dist/cjs/util/eventEmitter.js +0 -8
- package/dist/cjs/util/getPreviewFromBlob.js +0 -15
- package/dist/cjs/util/getPreviewFromImage.js +0 -13
- package/dist/cjs/util/ufoExperiences.js +1 -21
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/browser/browser.js +6 -25
- package/dist/es2019/components/browser/index.js +1 -15
- package/dist/es2019/components/clipboard/clipboard.js +4 -23
- package/dist/es2019/components/clipboard/index.js +1 -11
- package/dist/es2019/components/component.js +0 -5
- package/dist/es2019/components/dropzone/dropzone.js +21 -54
- package/dist/es2019/components/dropzone/index.js +3 -15
- package/dist/es2019/components/localUploadReact.js +0 -19
- package/dist/es2019/components/media-picker-analytics-error-boundary.js +0 -2
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/service/types.js +0 -1
- package/dist/es2019/service/uploadServiceImpl.js +2 -35
- package/dist/es2019/util/analytics.js +4 -2
- package/dist/es2019/util/appendTimestamp.js +0 -1
- package/dist/es2019/util/eventEmitter.js +0 -9
- package/dist/es2019/util/getPreviewFromBlob.js +0 -3
- package/dist/es2019/util/getPreviewFromImage.js +0 -1
- package/dist/es2019/util/ufoExperiences.js +3 -8
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/browser/browser.js +13 -40
- package/dist/esm/components/browser/index.js +1 -27
- package/dist/esm/components/clipboard/clipboard.js +7 -29
- package/dist/esm/components/clipboard/index.js +1 -25
- package/dist/esm/components/component.js +2 -10
- package/dist/esm/components/dropzone/dropzone.js +17 -77
- package/dist/esm/components/dropzone/index.js +3 -31
- package/dist/esm/components/localUploadReact.js +21 -69
- package/dist/esm/components/media-picker-analytics-error-boundary.js +3 -14
- package/dist/esm/index.js +1 -0
- package/dist/esm/service/types.js +0 -1
- package/dist/esm/service/uploadServiceImpl.js +9 -46
- package/dist/esm/util/analytics.js +4 -2
- package/dist/esm/util/appendTimestamp.js +0 -1
- package/dist/esm/util/eventEmitter.js +0 -3
- package/dist/esm/util/getPreviewFromBlob.js +0 -8
- package/dist/esm/util/getPreviewFromImage.js +0 -8
- package/dist/esm/util/ufoExperiences.js +1 -11
- package/dist/esm/version.json +1 -1
- package/package.json +6 -4
|
@@ -1,70 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.LocalUploadComponentReact = void 0;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _react = require("react");
|
|
29
|
-
|
|
30
18
|
var _perfMarks = require("perf-marks");
|
|
31
|
-
|
|
32
19
|
var _mediaClient = require("@atlaskit/media-client");
|
|
33
|
-
|
|
34
20
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
35
|
-
|
|
36
21
|
var _component = require("./component");
|
|
37
|
-
|
|
38
22
|
var _uploadServiceImpl = require("../service/uploadServiceImpl");
|
|
39
|
-
|
|
40
23
|
var _analytics = require("../util/analytics");
|
|
41
|
-
|
|
42
24
|
var _ufoExperiences = require("../util/ufoExperiences");
|
|
43
|
-
|
|
44
25
|
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); }; }
|
|
45
|
-
|
|
46
26
|
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; } }
|
|
47
|
-
|
|
48
27
|
var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
49
28
|
(0, _inherits2.default)(LocalUploadComponentReact, _Component);
|
|
50
|
-
|
|
51
29
|
var _super = _createSuper(LocalUploadComponentReact);
|
|
52
|
-
|
|
53
30
|
function LocalUploadComponentReact(props, componentName) {
|
|
54
31
|
var _this;
|
|
55
|
-
|
|
56
32
|
(0, _classCallCheck2.default)(this, LocalUploadComponentReact);
|
|
57
33
|
_this = _super.call(this, props);
|
|
58
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadComponent", new _component.UploadComponent());
|
|
59
35
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireCommencedEvent", function (payload) {
|
|
60
36
|
var files = payload.files,
|
|
61
|
-
|
|
37
|
+
traceContext = payload.traceContext;
|
|
62
38
|
files.forEach(function (_ref) {
|
|
63
39
|
var fileId = _ref.id,
|
|
64
|
-
|
|
65
|
-
|
|
40
|
+
fileSize = _ref.size,
|
|
41
|
+
fileMimetype = _ref.type;
|
|
66
42
|
(0, _perfMarks.start)("MediaPicker.fireUpload.".concat(fileId));
|
|
67
|
-
|
|
68
43
|
_this.createAndFireAnalyticsEvent({
|
|
69
44
|
eventType: 'operational',
|
|
70
45
|
action: 'commenced',
|
|
@@ -81,21 +56,18 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
81
56
|
traceContext: traceContext
|
|
82
57
|
}
|
|
83
58
|
});
|
|
84
|
-
|
|
85
59
|
(0, _ufoExperiences.startMediaUploadUfoExperience)(fileId, _this.componentName);
|
|
86
60
|
});
|
|
87
61
|
});
|
|
88
62
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireUploadSucceeded", function (payload) {
|
|
89
63
|
var _payload$file = payload.file,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
64
|
+
fileId = _payload$file.id,
|
|
65
|
+
fileSize = _payload$file.size,
|
|
66
|
+
fileMimetype = _payload$file.type,
|
|
67
|
+
traceContext = payload.traceContext;
|
|
95
68
|
var _end = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
69
|
+
_end$duration = _end.duration,
|
|
70
|
+
uploadDurationMsec = _end$duration === void 0 ? -1 : _end$duration;
|
|
99
71
|
_this.createAndFireAnalyticsEvent({
|
|
100
72
|
eventType: 'operational',
|
|
101
73
|
action: 'succeeded',
|
|
@@ -114,7 +86,6 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
114
86
|
traceContext: traceContext
|
|
115
87
|
}
|
|
116
88
|
});
|
|
117
|
-
|
|
118
89
|
(0, _ufoExperiences.succeedMediaUploadUfoExperience)(fileId, {
|
|
119
90
|
fileId: fileId,
|
|
120
91
|
fileSize: fileSize,
|
|
@@ -124,14 +95,12 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
124
95
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireUploadFailed", /*#__PURE__*/function () {
|
|
125
96
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(payload) {
|
|
126
97
|
var fileId, _payload$error, errorName, rawError, traceContext, _end2, _end2$duration, uploadDurationMsec;
|
|
127
|
-
|
|
128
98
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
129
99
|
while (1) {
|
|
130
100
|
switch (_context.prev = _context.next) {
|
|
131
101
|
case 0:
|
|
132
102
|
fileId = payload.fileId, _payload$error = payload.error, errorName = _payload$error.name, rawError = _payload$error.rawError, traceContext = payload.traceContext;
|
|
133
103
|
_end2 = (0, _perfMarks.end)("MediaPicker.fireUpload.".concat(fileId)), _end2$duration = _end2.duration, uploadDurationMsec = _end2$duration === void 0 ? -1 : _end2$duration;
|
|
134
|
-
|
|
135
104
|
_this.createAndFireAnalyticsEvent({
|
|
136
105
|
eventType: 'operational',
|
|
137
106
|
action: 'failed',
|
|
@@ -151,7 +120,6 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
151
120
|
traceContext: traceContext
|
|
152
121
|
}
|
|
153
122
|
});
|
|
154
|
-
|
|
155
123
|
(0, _ufoExperiences.failMediaUploadUfoExperience)(fileId, {
|
|
156
124
|
failReason: errorName,
|
|
157
125
|
error: !!rawError ? (0, _mediaClient.getMediaClientErrorReason)(rawError) : 'unknown',
|
|
@@ -161,7 +129,6 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
161
129
|
},
|
|
162
130
|
uploadDurationMsec: uploadDurationMsec
|
|
163
131
|
});
|
|
164
|
-
|
|
165
132
|
case 4:
|
|
166
133
|
case "end":
|
|
167
134
|
return _context.stop();
|
|
@@ -169,14 +136,12 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
169
136
|
}
|
|
170
137
|
}, _callee);
|
|
171
138
|
}));
|
|
172
|
-
|
|
173
139
|
return function (_x) {
|
|
174
140
|
return _ref2.apply(this, arguments);
|
|
175
141
|
};
|
|
176
142
|
}());
|
|
177
143
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createAndFireAnalyticsEvent", function (payload) {
|
|
178
144
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
179
|
-
|
|
180
145
|
if (createAnalyticsEvent) {
|
|
181
146
|
createAnalyticsEvent(payload).fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);
|
|
182
147
|
}
|
|
@@ -186,76 +151,58 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
186
151
|
});
|
|
187
152
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilesAdded", function (_ref3) {
|
|
188
153
|
var files = _ref3.files,
|
|
189
|
-
|
|
190
|
-
|
|
154
|
+
traceContext = _ref3.traceContext;
|
|
191
155
|
_this.uploadComponent.emitUploadsStart(files, traceContext);
|
|
192
156
|
});
|
|
193
157
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilePreviewUpdate", function (_ref4) {
|
|
194
158
|
var file = _ref4.file,
|
|
195
|
-
|
|
196
|
-
|
|
159
|
+
preview = _ref4.preview;
|
|
197
160
|
_this.uploadComponent.emitUploadPreviewUpdate(file, preview);
|
|
198
161
|
});
|
|
199
162
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileConverting", function (_ref5) {
|
|
200
163
|
var file = _ref5.file,
|
|
201
|
-
|
|
202
|
-
|
|
164
|
+
traceContext = _ref5.traceContext;
|
|
203
165
|
_this.uploadComponent.emitUploadEnd(file, traceContext);
|
|
204
166
|
});
|
|
205
167
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onUploadError", function (_ref6) {
|
|
206
168
|
var fileId = _ref6.fileId,
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
169
|
+
error = _ref6.error,
|
|
170
|
+
traceContext = _ref6.traceContext;
|
|
210
171
|
_this.uploadComponent.emitUploadError(fileId, error, traceContext);
|
|
211
172
|
});
|
|
212
173
|
_this.componentName = componentName;
|
|
213
174
|
var _this$props = _this.props,
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
175
|
+
mediaClient = _this$props.mediaClient,
|
|
176
|
+
config = _this$props.config,
|
|
177
|
+
onUploadsStart = _this$props.onUploadsStart,
|
|
178
|
+
onPreviewUpdate = _this$props.onPreviewUpdate,
|
|
179
|
+
onEnd = _this$props.onEnd,
|
|
180
|
+
onError = _this$props.onError;
|
|
220
181
|
var tenantUploadParams = config.uploadParams;
|
|
221
182
|
var _config$shouldCopyFil = config.shouldCopyFileToRecents,
|
|
222
|
-
|
|
223
|
-
|
|
183
|
+
shouldCopyFileToRecents = _config$shouldCopyFil === void 0 ? true : _config$shouldCopyFil;
|
|
224
184
|
_this.uploadComponent.on('uploads-start', _this.fireCommencedEvent);
|
|
225
|
-
|
|
226
185
|
_this.uploadComponent.on('upload-end', _this.fireUploadSucceeded);
|
|
227
|
-
|
|
228
186
|
_this.uploadComponent.on('upload-error', _this.fireUploadFailed);
|
|
229
|
-
|
|
230
187
|
if (onUploadsStart) {
|
|
231
188
|
_this.uploadComponent.on('uploads-start', onUploadsStart);
|
|
232
189
|
}
|
|
233
|
-
|
|
234
190
|
if (onPreviewUpdate) {
|
|
235
191
|
_this.uploadComponent.on('upload-preview-update', onPreviewUpdate);
|
|
236
192
|
}
|
|
237
|
-
|
|
238
193
|
if (onEnd) {
|
|
239
194
|
_this.uploadComponent.on('upload-end', onEnd);
|
|
240
195
|
}
|
|
241
|
-
|
|
242
196
|
if (onError) {
|
|
243
197
|
_this.uploadComponent.on('upload-error', onError);
|
|
244
198
|
}
|
|
245
|
-
|
|
246
199
|
_this.uploadService = new _uploadServiceImpl.UploadServiceImpl(mediaClient, tenantUploadParams, shouldCopyFileToRecents);
|
|
247
|
-
|
|
248
200
|
_this.uploadService.on('files-added', _this.onFilesAdded);
|
|
249
|
-
|
|
250
201
|
_this.uploadService.on('file-preview-update', _this.onFilePreviewUpdate);
|
|
251
|
-
|
|
252
202
|
_this.uploadService.on('file-converting', _this.onFileConverting);
|
|
253
|
-
|
|
254
203
|
_this.uploadService.on('file-upload-error', _this.onUploadError);
|
|
255
|
-
|
|
256
204
|
return _this;
|
|
257
205
|
}
|
|
258
|
-
|
|
259
206
|
(0, _createClass2.default)(LocalUploadComponentReact, [{
|
|
260
207
|
key: "setUploadParams",
|
|
261
208
|
value: function setUploadParams(uploadParams) {
|
|
@@ -264,5 +211,4 @@ var LocalUploadComponentReact = /*#__PURE__*/function (_Component) {
|
|
|
264
211
|
}]);
|
|
265
212
|
return LocalUploadComponentReact;
|
|
266
213
|
}(_react.Component);
|
|
267
|
-
|
|
268
214
|
exports.LocalUploadComponentReact = LocalUploadComponentReact;
|
|
@@ -1,51 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _AnalyticsErrorBoundary = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsErrorBoundary"));
|
|
25
|
-
|
|
26
16
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
27
|
-
|
|
28
17
|
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); }; }
|
|
29
|
-
|
|
30
18
|
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; } }
|
|
31
|
-
|
|
32
19
|
var MediaPickerAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
33
20
|
(0, _inherits2.default)(MediaPickerAnalyticsErrorBoundary, _React$Component);
|
|
34
|
-
|
|
35
21
|
var _super = _createSuper(MediaPickerAnalyticsErrorBoundary);
|
|
36
|
-
|
|
37
22
|
function MediaPickerAnalyticsErrorBoundary() {
|
|
38
23
|
(0, _classCallCheck2.default)(this, MediaPickerAnalyticsErrorBoundary);
|
|
39
24
|
return _super.apply(this, arguments);
|
|
40
25
|
}
|
|
41
|
-
|
|
42
26
|
(0, _createClass2.default)(MediaPickerAnalyticsErrorBoundary, [{
|
|
43
27
|
key: "render",
|
|
44
28
|
value: function render() {
|
|
45
29
|
var _this$props = this.props,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
30
|
+
_this$props$data = _this$props.data,
|
|
31
|
+
data = _this$props$data === void 0 ? {} : _this$props$data,
|
|
32
|
+
children = _this$props.children;
|
|
49
33
|
return /*#__PURE__*/_react.default.createElement(_AnalyticsErrorBoundary.default, {
|
|
50
34
|
channel: _mediaCommon.ANALYTICS_MEDIA_CHANNEL,
|
|
51
35
|
data: data
|
|
@@ -54,6 +38,5 @@ var MediaPickerAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component)
|
|
|
54
38
|
}]);
|
|
55
39
|
return MediaPickerAnalyticsErrorBoundary;
|
|
56
40
|
}(_react.default.Component);
|
|
57
|
-
|
|
58
41
|
exports.default = MediaPickerAnalyticsErrorBoundary;
|
|
59
42
|
(0, _defineProperty2.default)(MediaPickerAnalyticsErrorBoundary, "displayName", 'MediaPickerAnalyticsErrorBoundary');
|
package/dist/cjs/config.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var exenv = _interopRequireWildcard(require("exenv"));
|
|
11
|
-
|
|
12
9
|
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); }
|
|
13
|
-
|
|
14
10
|
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; }
|
|
15
|
-
|
|
16
11
|
var _default = {
|
|
17
12
|
version: exenv.canUseDOM && window.VERSION,
|
|
18
13
|
html: {
|
package/dist/cjs/index.js
CHANGED
|
@@ -27,11 +27,7 @@ Object.defineProperty(exports, "isImagePreview", {
|
|
|
27
27
|
return _preview.isImagePreview;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
30
|
var _preview = require("./domain/preview");
|
|
32
|
-
|
|
33
31
|
var _dropzone = require("./components/dropzone");
|
|
34
|
-
|
|
35
32
|
var _clipboard = require("./components/clipboard");
|
|
36
|
-
|
|
37
33
|
var _browser = require("./components/browser");
|
|
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.MAX_FILE_SIZE_FOR_PREVIEW = exports.LocalFileSource = void 0;
|
|
7
7
|
var MAX_FILE_SIZE_FOR_PREVIEW = 10e6; // 10 MB
|
|
8
|
-
|
|
9
8
|
exports.MAX_FILE_SIZE_FOR_PREVIEW = MAX_FILE_SIZE_FOR_PREVIEW;
|
|
10
9
|
var LocalFileSource;
|
|
11
10
|
exports.LocalFileSource = LocalFileSource;
|
|
12
|
-
|
|
13
11
|
(function (LocalFileSource) {
|
|
14
12
|
LocalFileSource["PastedFile"] = "pastedFile";
|
|
15
13
|
LocalFileSource["PastedScreenshot"] = "pastedScreenshot";
|
|
@@ -1,42 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.UploadServiceImpl = void 0;
|
|
9
|
-
|
|
10
8
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
21
|
-
|
|
22
14
|
var _mediaClient = require("@atlaskit/media-client");
|
|
23
|
-
|
|
24
15
|
var _constants = require("@atlaskit/media-client/constants");
|
|
25
|
-
|
|
26
16
|
var _eventemitter = require("eventemitter2");
|
|
27
|
-
|
|
28
17
|
var _getPreviewFromImage = require("../util/getPreviewFromImage");
|
|
29
|
-
|
|
30
18
|
var _types = require("../service/types");
|
|
31
|
-
|
|
32
19
|
var _getPreviewFromBlob = require("../util/getPreviewFromBlob");
|
|
33
|
-
|
|
34
20
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
35
|
-
|
|
36
21
|
var UploadServiceImpl = /*#__PURE__*/function () {
|
|
37
22
|
function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
|
|
38
23
|
var _this = this;
|
|
39
|
-
|
|
40
24
|
(0, _classCallCheck2.default)(this, UploadServiceImpl);
|
|
41
25
|
(0, _defineProperty2.default)(this, "emit", function (event, payload) {
|
|
42
26
|
_this.emitter.emit(event, payload);
|
|
@@ -49,16 +33,13 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
49
33
|
switch (_context.prev = _context.next) {
|
|
50
34
|
case 0:
|
|
51
35
|
mediaFile = cancellableFileUpload.mediaFile;
|
|
52
|
-
|
|
53
36
|
_this.emit('file-converting', {
|
|
54
37
|
file: mediaFile,
|
|
55
38
|
traceContext: traceContext
|
|
56
39
|
});
|
|
57
|
-
|
|
58
40
|
cancellableFileUpload.cancel = function () {
|
|
59
41
|
_this.releaseCancellableFile(mediaFile);
|
|
60
42
|
};
|
|
61
|
-
|
|
62
43
|
case 3:
|
|
63
44
|
case "end":
|
|
64
45
|
return _context.stop();
|
|
@@ -66,23 +47,19 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
66
47
|
}
|
|
67
48
|
}, _callee);
|
|
68
49
|
}));
|
|
69
|
-
|
|
70
50
|
return function (_x, _x2, _x3) {
|
|
71
51
|
return _ref.apply(this, arguments);
|
|
72
52
|
};
|
|
73
53
|
}());
|
|
74
54
|
(0, _defineProperty2.default)(this, "onFileError", function (mediaFile, name, error, traceContext) {
|
|
75
55
|
_this.releaseCancellableFile(mediaFile);
|
|
76
|
-
|
|
77
56
|
if (error === 'canceled') {
|
|
78
57
|
// Specific error coming from chunkinator via rejected fileId promise.
|
|
79
58
|
// We do not want to trigger error in this case.
|
|
80
59
|
return;
|
|
81
60
|
}
|
|
82
|
-
|
|
83
61
|
var description = error instanceof Error ? error.message : error;
|
|
84
62
|
var rawError = error instanceof Error ? error : undefined;
|
|
85
|
-
|
|
86
63
|
_this.emit('file-upload-error', {
|
|
87
64
|
fileId: mediaFile.id,
|
|
88
65
|
error: {
|
|
@@ -100,13 +77,13 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
100
77
|
this.emitter = new _eventemitter.EventEmitter2();
|
|
101
78
|
this.cancellableFilesUploads = {};
|
|
102
79
|
}
|
|
103
|
-
|
|
104
80
|
(0, _createClass2.default)(UploadServiceImpl, [{
|
|
105
81
|
key: "setUploadParams",
|
|
106
82
|
value: function setUploadParams(uploadParams) {
|
|
107
83
|
this.tenantUploadParams = uploadParams;
|
|
108
|
-
}
|
|
84
|
+
}
|
|
109
85
|
|
|
86
|
+
// Used for testing
|
|
110
87
|
}, {
|
|
111
88
|
key: "createUploadController",
|
|
112
89
|
value: function createUploadController() {
|
|
@@ -135,24 +112,19 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
135
112
|
key: "addFilesWithSource",
|
|
136
113
|
value: function addFilesWithSource(files) {
|
|
137
114
|
var _this2 = this;
|
|
138
|
-
|
|
139
115
|
if (files.length === 0) {
|
|
140
116
|
return;
|
|
141
117
|
}
|
|
142
|
-
|
|
143
118
|
var creationDate = Date.now();
|
|
144
119
|
var userMediaClient = this.userMediaClient,
|
|
145
|
-
|
|
146
|
-
|
|
120
|
+
tenantMediaClient = this.tenantMediaClient,
|
|
121
|
+
shouldCopyFileToRecents = this.shouldCopyFileToRecents;
|
|
147
122
|
var mediaClient = shouldCopyFileToRecents ? tenantMediaClient : userMediaClient;
|
|
148
123
|
var collection = shouldCopyFileToRecents ? this.tenantUploadParams.collection : _constants.RECENTS_COLLECTION;
|
|
149
|
-
|
|
150
124
|
if (!mediaClient) {
|
|
151
125
|
return;
|
|
152
126
|
}
|
|
153
|
-
|
|
154
127
|
var touchFileDescriptors = [];
|
|
155
|
-
|
|
156
128
|
for (var i = 0; i < files.length; i++) {
|
|
157
129
|
var replaceFileId = files[i].replaceFileId;
|
|
158
130
|
touchFileDescriptors.push({
|
|
@@ -161,40 +133,35 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
161
133
|
collection: collection
|
|
162
134
|
});
|
|
163
135
|
}
|
|
164
|
-
|
|
165
136
|
var traceContext = {
|
|
166
137
|
traceId: (0, _mediaCommon.getRandomHex)(8)
|
|
167
138
|
};
|
|
168
139
|
var promisedTouchFiles = mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);
|
|
169
140
|
var cancellableFileUploads = files.map(function (fileWithSource, i) {
|
|
170
141
|
var file = fileWithSource.file,
|
|
171
|
-
|
|
142
|
+
source = fileWithSource.source;
|
|
172
143
|
var _touchFileDescriptors = touchFileDescriptors[i],
|
|
173
|
-
|
|
174
|
-
|
|
144
|
+
id = _touchFileDescriptors.fileId,
|
|
145
|
+
occurrenceKey = _touchFileDescriptors.occurrenceKey;
|
|
175
146
|
var deferredUploadId = promisedTouchFiles.then(function (touchedFiles) {
|
|
176
147
|
var touchedFile = touchedFiles.created.find(function (touchedFile) {
|
|
177
148
|
return touchedFile.fileId === id;
|
|
178
149
|
});
|
|
179
|
-
|
|
180
150
|
if (!touchedFile) {
|
|
181
151
|
// TODO No one seems to be caring about this error
|
|
182
152
|
throw new Error('Cant retrieve uploadId from result of touch endpoint call');
|
|
183
153
|
}
|
|
184
|
-
|
|
185
154
|
return touchedFile.uploadId;
|
|
186
155
|
}).catch(function (error) {
|
|
187
156
|
// note: any failures in this block will result in an error event being bubbled as required
|
|
188
157
|
if (error instanceof _mediaClient.RequestError) {
|
|
189
158
|
var requestError = error;
|
|
190
|
-
|
|
191
159
|
if (requestError.metadata && requestError.metadata.statusCode === 409) {
|
|
192
160
|
return mediaClient.mediaStore.createUpload(1, collection, traceContext).then(function (res) {
|
|
193
161
|
return res.data[0].id;
|
|
194
162
|
});
|
|
195
163
|
}
|
|
196
164
|
}
|
|
197
|
-
|
|
198
165
|
throw error;
|
|
199
166
|
});
|
|
200
167
|
var uploadableFile = {
|
|
@@ -208,9 +175,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
208
175
|
occurrenceKey: occurrenceKey,
|
|
209
176
|
deferredUploadId: deferredUploadId
|
|
210
177
|
};
|
|
211
|
-
|
|
212
178
|
var controller = _this2.createUploadController();
|
|
213
|
-
|
|
214
179
|
var sourceFileObservable = mediaClient.file.upload(uploadableFile, controller, uploadableUpfrontIds, traceContext);
|
|
215
180
|
var mediaFile = {
|
|
216
181
|
id: id,
|
|
@@ -229,20 +194,15 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
229
194
|
controller.abort();
|
|
230
195
|
}
|
|
231
196
|
};
|
|
232
|
-
|
|
233
197
|
var onFileSuccess = _this2.onFileSuccess.bind(_this2);
|
|
234
|
-
|
|
235
198
|
sourceFileObservable.subscribe({
|
|
236
199
|
next: function next(state) {
|
|
237
200
|
if (state.status === 'processing') {
|
|
238
201
|
this.unsubscribe();
|
|
239
|
-
|
|
240
202
|
if (shouldCopyFileToRecents) {
|
|
241
203
|
mediaClient.emit('file-added', state);
|
|
242
|
-
|
|
243
204
|
_mediaClient.globalMediaEventEmitter.emit('file-added', state);
|
|
244
205
|
}
|
|
245
|
-
|
|
246
206
|
onFileSuccess(cancellableFileUpload, id, traceContext);
|
|
247
207
|
}
|
|
248
208
|
},
|
|
@@ -266,17 +226,14 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
266
226
|
key: "cancel",
|
|
267
227
|
value: function cancel(id) {
|
|
268
228
|
var _this3 = this;
|
|
269
|
-
|
|
270
229
|
if (id) {
|
|
271
230
|
var cancellableFileUpload = this.cancellableFilesUploads[id];
|
|
272
|
-
|
|
273
231
|
if (cancellableFileUpload && cancellableFileUpload.cancel) {
|
|
274
232
|
cancellableFileUpload.cancel();
|
|
275
233
|
}
|
|
276
234
|
} else {
|
|
277
235
|
Object.keys(this.cancellableFilesUploads).forEach(function (key) {
|
|
278
236
|
var cancellableFileUpload = _this3.cancellableFilesUploads[key];
|
|
279
|
-
|
|
280
237
|
if (cancellableFileUpload.cancel) {
|
|
281
238
|
cancellableFileUpload.cancel();
|
|
282
239
|
}
|
|
@@ -297,24 +254,19 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
297
254
|
key: "emitPreviews",
|
|
298
255
|
value: function emitPreviews(cancellableFileUploads) {
|
|
299
256
|
var _this4 = this;
|
|
300
|
-
|
|
301
257
|
cancellableFileUploads.forEach(function (cancellableFileUpload) {
|
|
302
258
|
var file = cancellableFileUpload.file,
|
|
303
|
-
|
|
304
|
-
|
|
259
|
+
mediaFile = cancellableFileUpload.mediaFile,
|
|
260
|
+
source = cancellableFileUpload.source;
|
|
305
261
|
var type = file.type;
|
|
306
|
-
|
|
307
262
|
var mediaType = _this4.getMediaTypeFromFile(file);
|
|
308
|
-
|
|
309
263
|
if (!(0, _mediaClient.isMimeTypeSupportedByBrowser)(type)) {
|
|
310
264
|
_this4.emit('file-preview-update', {
|
|
311
265
|
file: mediaFile,
|
|
312
266
|
preview: {}
|
|
313
267
|
});
|
|
314
|
-
|
|
315
268
|
return;
|
|
316
269
|
}
|
|
317
|
-
|
|
318
270
|
if (mediaType === 'image') {
|
|
319
271
|
(0, _getPreviewFromImage.getPreviewFromImage)(file, source === _types.LocalFileSource.PastedScreenshot ? window.devicePixelRatio : undefined).then(function (preview) {
|
|
320
272
|
_this4.emit('file-preview-update', {
|
|
@@ -351,5 +303,4 @@ var UploadServiceImpl = /*#__PURE__*/function () {
|
|
|
351
303
|
}]);
|
|
352
304
|
return UploadServiceImpl;
|
|
353
305
|
}();
|
|
354
|
-
|
|
355
306
|
exports.UploadServiceImpl = UploadServiceImpl;
|
|
@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.LOGGED_FEATURE_FLAG_KEYS = exports.LOGGED_FEATURE_FLAGS = void 0;
|
|
7
7
|
exports.getPackageAttributes = getPackageAttributes;
|
|
8
8
|
exports.getRequestMetadata = getRequestMetadata;
|
|
9
|
-
|
|
10
9
|
var _mediaClient = require("@atlaskit/media-client");
|
|
11
|
-
|
|
12
10
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
13
|
-
|
|
14
11
|
var relevantFlags = {
|
|
15
12
|
newCardExperience: true,
|
|
16
13
|
captions: false,
|
|
@@ -22,12 +19,11 @@ var relevantFlags = {
|
|
|
22
19
|
fetchFileStateAfterUpload: true
|
|
23
20
|
};
|
|
24
21
|
var packageName = "@atlaskit/media-picker";
|
|
25
|
-
var packageVersion = "64.2.
|
|
22
|
+
var packageVersion = "64.2.1";
|
|
26
23
|
var LOGGED_FEATURE_FLAGS = (0, _mediaCommon.filterFeatureFlagNames)(relevantFlags);
|
|
27
24
|
exports.LOGGED_FEATURE_FLAGS = LOGGED_FEATURE_FLAGS;
|
|
28
25
|
var LOGGED_FEATURE_FLAG_KEYS = (0, _mediaCommon.filterFeatureFlagKeysAllProducts)(relevantFlags);
|
|
29
26
|
exports.LOGGED_FEATURE_FLAG_KEYS = LOGGED_FEATURE_FLAG_KEYS;
|
|
30
|
-
|
|
31
27
|
function getPackageAttributes(componentName) {
|
|
32
28
|
return {
|
|
33
29
|
packageName: packageName,
|
|
@@ -36,7 +32,6 @@ function getPackageAttributes(componentName) {
|
|
|
36
32
|
component: componentName
|
|
37
33
|
};
|
|
38
34
|
}
|
|
39
|
-
|
|
40
35
|
function getRequestMetadata(error) {
|
|
41
36
|
if (error && (0, _mediaClient.isRequestError)(error)) {
|
|
42
37
|
return error.metadata;
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.appendTimestamp = void 0;
|
|
7
|
-
|
|
8
7
|
var padZero = function padZero(n) {
|
|
9
8
|
return n < 10 ? "0".concat(n) : "".concat(n);
|
|
10
9
|
};
|
|
11
|
-
|
|
12
10
|
var appendTimestamp = function appendTimestamp(fileName, timestamp) {
|
|
13
11
|
var dotPosition = fileName.lastIndexOf('.');
|
|
14
12
|
var containsDot = dotPosition > 0;
|
|
@@ -19,5 +17,4 @@ var appendTimestamp = function appendTimestamp(fileName, timestamp) {
|
|
|
19
17
|
var formattedTime = "".concat(padZero(date.getUTCHours())).concat(padZero(date.getUTCMinutes())).concat(padZero(date.getUTCSeconds()));
|
|
20
18
|
return "".concat(fileNameWithoutExtension, "-").concat(formattedDate, "-").concat(formattedTime).concat(extension);
|
|
21
19
|
};
|
|
22
|
-
|
|
23
20
|
exports.appendTimestamp = appendTimestamp;
|