@atlaskit/media-picker 64.2.0 → 64.2.2
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 +12 -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 +11 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,55 +1,34 @@
|
|
|
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 = exports.BrowserBase = exports.Browser = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
27
|
-
|
|
28
17
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
29
|
-
|
|
30
18
|
var _uuidValidate = _interopRequireDefault(require("uuid-validate"));
|
|
31
|
-
|
|
32
19
|
var _localUploadReact = require("../localUploadReact");
|
|
33
|
-
|
|
34
20
|
var _analytics = require("../../util/analytics");
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var defaultConfig = {
|
|
41
24
|
uploadParams: {}
|
|
42
25
|
};
|
|
43
26
|
var COMPONENT_NAME = 'browser';
|
|
44
|
-
|
|
45
27
|
var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
46
28
|
(0, _inherits2.default)(BrowserBase, _LocalUploadComponent);
|
|
47
|
-
|
|
48
29
|
var _super = _createSuper(BrowserBase);
|
|
49
|
-
|
|
50
30
|
function BrowserBase(props) {
|
|
51
31
|
var _this;
|
|
52
|
-
|
|
53
32
|
(0, _classCallCheck2.default)(this, BrowserBase);
|
|
54
33
|
_this = _super.call(this, props, COMPONENT_NAME);
|
|
55
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "browserRef", /*#__PURE__*/_react.default.createRef());
|
|
@@ -57,12 +36,11 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
57
36
|
if (!event.target) {
|
|
58
37
|
return;
|
|
59
38
|
}
|
|
60
|
-
|
|
61
39
|
var replaceFileId = _this.props.config.replaceFileId;
|
|
62
|
-
var filesArray = [].slice.call(event.target.files);
|
|
40
|
+
var filesArray = [].slice.call(event.target.files);
|
|
63
41
|
|
|
42
|
+
// refreshes uploadParams as only set once in parent constructor
|
|
64
43
|
_this.setUploadParams(_this.props.config.uploadParams);
|
|
65
|
-
|
|
66
44
|
try {
|
|
67
45
|
if (replaceFileId) {
|
|
68
46
|
_this.uploadService.addFile(filesArray[0], replaceFileId);
|
|
@@ -77,23 +55,19 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
77
55
|
});
|
|
78
56
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "browse", function () {
|
|
79
57
|
var onClose = _this.props.onClose;
|
|
80
|
-
|
|
81
58
|
if (!_this.browserRef.current) {
|
|
82
59
|
return;
|
|
83
60
|
}
|
|
84
|
-
|
|
85
|
-
|
|
61
|
+
_this.browserRef.current.click();
|
|
62
|
+
// Calling onClose directly since there is no dom api to notify us when
|
|
86
63
|
// the native file picker is closed
|
|
87
|
-
|
|
88
|
-
|
|
89
64
|
if (onClose) {
|
|
90
65
|
onClose();
|
|
91
66
|
}
|
|
92
67
|
});
|
|
93
68
|
var config = props.config,
|
|
94
|
-
|
|
69
|
+
onError = props.onError;
|
|
95
70
|
var _replaceFileId = config.replaceFileId;
|
|
96
|
-
|
|
97
71
|
if (_replaceFileId && !(0, _uuidValidate.default)(_replaceFileId)) {
|
|
98
72
|
_this.createAndFireAnalyticsEvent({
|
|
99
73
|
eventType: 'operational',
|
|
@@ -106,7 +80,6 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
106
80
|
uuid: _replaceFileId
|
|
107
81
|
}
|
|
108
82
|
});
|
|
109
|
-
|
|
110
83
|
onError && onError({
|
|
111
84
|
fileId: _replaceFileId,
|
|
112
85
|
error: {
|
|
@@ -116,26 +89,21 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
116
89
|
}
|
|
117
90
|
});
|
|
118
91
|
}
|
|
119
|
-
|
|
120
92
|
return _this;
|
|
121
93
|
}
|
|
122
|
-
|
|
123
94
|
(0, _createClass2.default)(BrowserBase, [{
|
|
124
95
|
key: "componentDidMount",
|
|
125
96
|
value: function componentDidMount() {
|
|
126
97
|
var _this$props = this.props,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
98
|
+
onBrowseFn = _this$props.onBrowseFn,
|
|
99
|
+
onCancelFn = _this$props.onCancelFn,
|
|
100
|
+
isOpen = _this$props.isOpen;
|
|
131
101
|
if (onBrowseFn) {
|
|
132
102
|
onBrowseFn(this.browse);
|
|
133
103
|
}
|
|
134
|
-
|
|
135
104
|
if (onCancelFn) {
|
|
136
105
|
onCancelFn(this.cancel);
|
|
137
106
|
}
|
|
138
|
-
|
|
139
107
|
if (isOpen) {
|
|
140
108
|
this.browse();
|
|
141
109
|
}
|
|
@@ -145,7 +113,6 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
145
113
|
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
146
114
|
var isOpen = this.props.isOpen;
|
|
147
115
|
var nextIsOpen = nextProps.isOpen;
|
|
148
|
-
|
|
149
116
|
if (nextIsOpen && nextIsOpen !== isOpen) {
|
|
150
117
|
this.browse();
|
|
151
118
|
}
|
|
@@ -154,10 +121,10 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
154
121
|
key: "render",
|
|
155
122
|
value: function render() {
|
|
156
123
|
var _this$props2 = this.props,
|
|
157
|
-
|
|
158
|
-
|
|
124
|
+
config = _this$props2.config,
|
|
125
|
+
children = _this$props2.children;
|
|
159
126
|
var multiple = config.multiple,
|
|
160
|
-
|
|
127
|
+
replaceFileId = config.replaceFileId;
|
|
161
128
|
var fileExtensions = config.fileExtensions && config.fileExtensions.join(',');
|
|
162
129
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
163
130
|
"data-testid": "media-picker-file-input",
|
|
@@ -166,9 +133,8 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
166
133
|
style: {
|
|
167
134
|
display: 'none'
|
|
168
135
|
},
|
|
169
|
-
multiple: replaceFileId ? false : multiple
|
|
170
|
-
|
|
171
|
-
,
|
|
136
|
+
multiple: replaceFileId ? false : multiple /* if the consumer passes the fileId we must work in single selection mode */,
|
|
137
|
+
|
|
172
138
|
accept: fileExtensions,
|
|
173
139
|
onChange: this.onFilePicked
|
|
174
140
|
}), children ? children(this.browse) : null);
|
|
@@ -176,7 +142,6 @@ var BrowserBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
176
142
|
}]);
|
|
177
143
|
return BrowserBase;
|
|
178
144
|
}(_localUploadReact.LocalUploadComponentReact);
|
|
179
|
-
|
|
180
145
|
exports.BrowserBase = BrowserBase;
|
|
181
146
|
(0, _defineProperty2.default)(BrowserBase, "defaultProps", {
|
|
182
147
|
config: defaultConfig
|
|
@@ -1,58 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.BrowserLoader = void 0;
|
|
11
|
-
|
|
12
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
-
|
|
28
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
-
|
|
30
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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); }; }
|
|
39
|
-
|
|
40
23
|
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; } }
|
|
41
|
-
|
|
42
24
|
var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
43
25
|
(0, _inherits2.default)(BrowserLoader, _React$PureComponent);
|
|
44
|
-
|
|
45
26
|
var _super = _createSuper(BrowserLoader);
|
|
46
|
-
|
|
47
27
|
function BrowserLoader() {
|
|
48
28
|
var _this;
|
|
49
|
-
|
|
50
29
|
(0, _classCallCheck2.default)(this, BrowserLoader);
|
|
51
|
-
|
|
52
30
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
31
|
args[_key] = arguments[_key];
|
|
54
32
|
}
|
|
55
|
-
|
|
56
33
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
57
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
|
|
58
35
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
@@ -60,7 +37,6 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
60
37
|
});
|
|
61
38
|
return _this;
|
|
62
39
|
}
|
|
63
|
-
|
|
64
40
|
(0, _createClass2.default)(BrowserLoader, [{
|
|
65
41
|
key: "componentDidMount",
|
|
66
42
|
value: function componentDidMount() {
|
|
@@ -76,7 +52,6 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
76
52
|
value: function () {
|
|
77
53
|
var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
78
54
|
var _yield$Promise$all, _yield$Promise$all2, mediaClient, browserModule;
|
|
79
|
-
|
|
80
55
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
81
56
|
while (1) {
|
|
82
57
|
switch (_context.prev = _context.next) {
|
|
@@ -85,27 +60,23 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
85
60
|
_context.next = 9;
|
|
86
61
|
break;
|
|
87
62
|
}
|
|
88
|
-
|
|
89
63
|
_context.next = 3;
|
|
90
64
|
return Promise.all([Promise.resolve().then(function () {
|
|
91
65
|
return _interopRequireWildcard(require('@atlaskit/media-client'));
|
|
92
66
|
}), Promise.resolve().then(function () {
|
|
93
67
|
return _interopRequireWildcard(require('./browser'));
|
|
94
68
|
})]);
|
|
95
|
-
|
|
96
69
|
case 3:
|
|
97
70
|
_yield$Promise$all = _context.sent;
|
|
98
71
|
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
|
|
99
72
|
mediaClient = _yield$Promise$all2[0];
|
|
100
73
|
browserModule = _yield$Promise$all2[1];
|
|
101
74
|
BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser, this.props.featureFlags);
|
|
102
|
-
|
|
103
75
|
if (this.mounted) {
|
|
104
76
|
this.setState({
|
|
105
77
|
Browser: BrowserLoader.Browser
|
|
106
78
|
});
|
|
107
79
|
}
|
|
108
|
-
|
|
109
80
|
case 9:
|
|
110
81
|
case "end":
|
|
111
82
|
return _context.stop();
|
|
@@ -113,11 +84,9 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
113
84
|
}
|
|
114
85
|
}, _callee, this);
|
|
115
86
|
}));
|
|
116
|
-
|
|
117
87
|
function UNSAFE_componentWillMount() {
|
|
118
88
|
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
119
89
|
}
|
|
120
|
-
|
|
121
90
|
return UNSAFE_componentWillMount;
|
|
122
91
|
}()
|
|
123
92
|
}, {
|
|
@@ -126,12 +95,10 @@ var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
126
95
|
if (!this.state.Browser) {
|
|
127
96
|
return null;
|
|
128
97
|
}
|
|
129
|
-
|
|
130
98
|
return /*#__PURE__*/_react.default.createElement(this.state.Browser, this.props);
|
|
131
99
|
}
|
|
132
100
|
}]);
|
|
133
101
|
return BrowserLoader;
|
|
134
102
|
}(_react.default.PureComponent);
|
|
135
|
-
|
|
136
103
|
exports.BrowserLoader = BrowserLoader;
|
|
137
104
|
(0, _defineProperty2.default)(BrowserLoader, "displayName", 'AsyncBrowser');
|
|
@@ -1,42 +1,25 @@
|
|
|
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.getFilesFromClipboard = exports.default = exports.ClipboardBase = exports.Clipboard = void 0;
|
|
9
|
-
|
|
10
8
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
|
|
12
9
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
|
|
14
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
|
-
|
|
16
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
25
|
-
|
|
26
16
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
27
|
-
|
|
28
17
|
var _localUploadReact = require("../localUploadReact");
|
|
29
|
-
|
|
30
18
|
var _types = require("../../service/types");
|
|
31
|
-
|
|
32
19
|
var _analytics = require("../../util/analytics");
|
|
33
|
-
|
|
34
20
|
var _appendTimestamp = require("../../util/appendTimestamp");
|
|
35
|
-
|
|
36
21
|
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); }; }
|
|
37
|
-
|
|
38
22
|
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; } }
|
|
39
|
-
|
|
40
23
|
var getFilesFromClipboard = function getFilesFromClipboard(files) {
|
|
41
24
|
return Array.from(files).map(function (file) {
|
|
42
25
|
if (file.type.indexOf('image/') === 0) {
|
|
@@ -49,20 +32,17 @@ var getFilesFromClipboard = function getFilesFromClipboard(files) {
|
|
|
49
32
|
}
|
|
50
33
|
});
|
|
51
34
|
};
|
|
52
|
-
|
|
53
35
|
exports.getFilesFromClipboard = getFilesFromClipboard;
|
|
54
36
|
var defaultConfig = {
|
|
55
37
|
uploadParams: {}
|
|
56
38
|
};
|
|
57
39
|
var COMPONENT_NAME = 'clipboard';
|
|
58
|
-
|
|
59
40
|
var ClipboardImpl = /*#__PURE__*/function () {
|
|
60
41
|
function ClipboardImpl(uploadService, createAnalyticsEvent) {
|
|
61
42
|
(0, _classCallCheck2.default)(this, ClipboardImpl);
|
|
62
43
|
this.uploadService = uploadService;
|
|
63
44
|
this.createAnalyticsEvent = createAnalyticsEvent;
|
|
64
45
|
}
|
|
65
|
-
|
|
66
46
|
(0, _createClass2.default)(ClipboardImpl, [{
|
|
67
47
|
key: "activate",
|
|
68
48
|
value: function activate() {
|
|
@@ -74,7 +54,6 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
74
54
|
key: "deactivate",
|
|
75
55
|
value: function deactivate() {
|
|
76
56
|
var index = ClipboardImpl.instances.indexOf(this);
|
|
77
|
-
|
|
78
57
|
if (index > -1) {
|
|
79
58
|
ClipboardImpl.instances.splice(index, 1);
|
|
80
59
|
} else {
|
|
@@ -104,9 +83,9 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
104
83
|
fileCount: files.length,
|
|
105
84
|
fileAttributes: files.map(function (_ref) {
|
|
106
85
|
var _ref$file = _ref.file,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
86
|
+
type = _ref$file.type,
|
|
87
|
+
size = _ref$file.size,
|
|
88
|
+
source = _ref.source;
|
|
110
89
|
return {
|
|
111
90
|
fileSource: source,
|
|
112
91
|
fileMimetype: type,
|
|
@@ -127,17 +106,15 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
127
106
|
}]);
|
|
128
107
|
return ClipboardImpl;
|
|
129
108
|
}();
|
|
130
|
-
|
|
131
109
|
(0, _defineProperty2.default)(ClipboardImpl, "instances", []);
|
|
132
110
|
(0, _defineProperty2.default)(ClipboardImpl, "handleEvent", function (event) {
|
|
133
111
|
// From https://product-fabric.atlassian.net/browse/MEX-1281 ,disable the handler if event target is input
|
|
134
112
|
if (event.target instanceof HTMLInputElement) {
|
|
135
113
|
return;
|
|
136
|
-
}
|
|
137
|
-
|
|
114
|
+
}
|
|
138
115
|
|
|
116
|
+
// last in, first served to support multiple instances listening at once
|
|
139
117
|
var instance = ClipboardImpl.latestInstance;
|
|
140
|
-
|
|
141
118
|
if (instance) {
|
|
142
119
|
/*
|
|
143
120
|
Browser behaviour for getting files from the clipboard is very inconsistent and buggy.
|
|
@@ -145,7 +122,6 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
145
122
|
TODO https://product-fabric.atlassian.net/browse/BMPT-1285 Investigate implementation
|
|
146
123
|
*/
|
|
147
124
|
var clipboardData = event.clipboardData;
|
|
148
|
-
|
|
149
125
|
if (clipboardData && clipboardData.files) {
|
|
150
126
|
var fileSource = clipboardData.types.length === 1 ? _types.LocalFileSource.PastedScreenshot : _types.LocalFileSource.PastedFile;
|
|
151
127
|
var filesArray = getFilesFromClipboard(clipboardData.files).map(function (file) {
|
|
@@ -153,7 +129,8 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
153
129
|
file: file,
|
|
154
130
|
source: fileSource
|
|
155
131
|
};
|
|
156
|
-
});
|
|
132
|
+
});
|
|
133
|
+
// only the latest instance gets the event
|
|
157
134
|
|
|
158
135
|
if (filesArray.length > 0) {
|
|
159
136
|
instance.onFilesPasted.call(instance, filesArray);
|
|
@@ -161,21 +138,16 @@ var ClipboardImpl = /*#__PURE__*/function () {
|
|
|
161
138
|
}
|
|
162
139
|
}
|
|
163
140
|
});
|
|
164
|
-
|
|
165
141
|
var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
166
142
|
(0, _inherits2.default)(ClipboardBase, _LocalUploadComponent);
|
|
167
|
-
|
|
168
143
|
var _super = _createSuper(ClipboardBase);
|
|
169
|
-
|
|
170
144
|
function ClipboardBase(props) {
|
|
171
145
|
var _this;
|
|
172
|
-
|
|
173
146
|
(0, _classCallCheck2.default)(this, ClipboardBase);
|
|
174
147
|
_this = _super.call(this, props, COMPONENT_NAME);
|
|
175
148
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clipboard", new ClipboardImpl(_this.uploadService, _this.props.createAnalyticsEvent));
|
|
176
149
|
return _this;
|
|
177
150
|
}
|
|
178
|
-
|
|
179
151
|
(0, _createClass2.default)(ClipboardBase, [{
|
|
180
152
|
key: "componentDidMount",
|
|
181
153
|
value: function componentDidMount() {
|
|
@@ -194,7 +166,6 @@ var ClipboardBase = /*#__PURE__*/function (_LocalUploadComponent) {
|
|
|
194
166
|
}]);
|
|
195
167
|
return ClipboardBase;
|
|
196
168
|
}(_localUploadReact.LocalUploadComponentReact);
|
|
197
|
-
|
|
198
169
|
exports.ClipboardBase = ClipboardBase;
|
|
199
170
|
(0, _defineProperty2.default)(ClipboardBase, "defaultProps", {
|
|
200
171
|
config: defaultConfig
|
|
@@ -1,71 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.ClipboardLoader = void 0;
|
|
11
|
-
|
|
12
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
-
|
|
28
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
-
|
|
30
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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); }; }
|
|
39
|
-
|
|
40
23
|
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; } }
|
|
41
|
-
|
|
42
24
|
var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
43
25
|
(0, _inherits2.default)(ClipboardLoader, _React$PureComponent);
|
|
44
|
-
|
|
45
26
|
var _super = _createSuper(ClipboardLoader);
|
|
46
|
-
|
|
47
27
|
function ClipboardLoader() {
|
|
48
28
|
var _this;
|
|
49
|
-
|
|
50
29
|
(0, _classCallCheck2.default)(this, ClipboardLoader);
|
|
51
|
-
|
|
52
30
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
31
|
args[_key] = arguments[_key];
|
|
54
32
|
}
|
|
55
|
-
|
|
56
33
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
57
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
58
35
|
Clipboard: ClipboardLoader.Clipboard
|
|
59
36
|
});
|
|
60
37
|
return _this;
|
|
61
38
|
}
|
|
62
|
-
|
|
63
39
|
(0, _createClass2.default)(ClipboardLoader, [{
|
|
64
40
|
key: "UNSAFE_componentWillMount",
|
|
65
41
|
value: function () {
|
|
66
42
|
var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
67
43
|
var _yield$Promise$all, _yield$Promise$all2, mediaClient, clipboardModule;
|
|
68
|
-
|
|
69
44
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
70
45
|
while (1) {
|
|
71
46
|
switch (_context.prev = _context.next) {
|
|
@@ -74,14 +49,12 @@ var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
74
49
|
_context.next = 9;
|
|
75
50
|
break;
|
|
76
51
|
}
|
|
77
|
-
|
|
78
52
|
_context.next = 3;
|
|
79
53
|
return Promise.all([Promise.resolve().then(function () {
|
|
80
54
|
return _interopRequireWildcard(require('@atlaskit/media-client'));
|
|
81
55
|
}), Promise.resolve().then(function () {
|
|
82
56
|
return _interopRequireWildcard(require('./clipboard'));
|
|
83
57
|
})]);
|
|
84
|
-
|
|
85
58
|
case 3:
|
|
86
59
|
_yield$Promise$all = _context.sent;
|
|
87
60
|
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
|
|
@@ -91,7 +64,6 @@ var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
91
64
|
this.setState({
|
|
92
65
|
Clipboard: ClipboardLoader.Clipboard
|
|
93
66
|
});
|
|
94
|
-
|
|
95
67
|
case 9:
|
|
96
68
|
case "end":
|
|
97
69
|
return _context.stop();
|
|
@@ -99,11 +71,9 @@ var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
99
71
|
}
|
|
100
72
|
}, _callee, this);
|
|
101
73
|
}));
|
|
102
|
-
|
|
103
74
|
function UNSAFE_componentWillMount() {
|
|
104
75
|
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
105
76
|
}
|
|
106
|
-
|
|
107
77
|
return UNSAFE_componentWillMount;
|
|
108
78
|
}()
|
|
109
79
|
}, {
|
|
@@ -112,12 +82,10 @@ var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
112
82
|
if (!this.state.Clipboard) {
|
|
113
83
|
return null;
|
|
114
84
|
}
|
|
115
|
-
|
|
116
85
|
return /*#__PURE__*/_react.default.createElement(this.state.Clipboard, this.props);
|
|
117
86
|
}
|
|
118
87
|
}]);
|
|
119
88
|
return ClipboardLoader;
|
|
120
89
|
}(_react.default.PureComponent);
|
|
121
|
-
|
|
122
90
|
exports.ClipboardLoader = ClipboardLoader;
|
|
123
91
|
(0, _defineProperty2.default)(ClipboardLoader, "displayName", 'AsyncClipboard');
|
|
@@ -1,38 +1,25 @@
|
|
|
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.UploadComponent = 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 _eventEmitter = require("../util/eventEmitter");
|
|
21
|
-
|
|
22
14
|
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); }; }
|
|
23
|
-
|
|
24
15
|
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; } }
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(0, _inherits2.default)(UploadComponent, _GenericEventEmitter);
|
|
28
|
-
|
|
16
|
+
var UploadComponent = /*#__PURE__*/function (_ref) {
|
|
17
|
+
(0, _inherits2.default)(UploadComponent, _ref);
|
|
29
18
|
var _super = _createSuper(UploadComponent);
|
|
30
|
-
|
|
31
19
|
function UploadComponent() {
|
|
32
20
|
(0, _classCallCheck2.default)(this, UploadComponent);
|
|
33
21
|
return _super.apply(this, arguments);
|
|
34
22
|
}
|
|
35
|
-
|
|
36
23
|
(0, _createClass2.default)(UploadComponent, [{
|
|
37
24
|
key: "emitPluginItemsInserted",
|
|
38
25
|
value: function emitPluginItemsInserted(selectedPluginItems) {
|
|
@@ -83,5 +70,4 @@ var UploadComponent = /*#__PURE__*/function (_GenericEventEmitter) {
|
|
|
83
70
|
}]);
|
|
84
71
|
return UploadComponent;
|
|
85
72
|
}(_eventEmitter.GenericEventEmitter);
|
|
86
|
-
|
|
87
73
|
exports.UploadComponent = UploadComponent;
|