@atlaskit/media-picker 70.1.8 → 70.1.10
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/index.js +1 -45
- package/dist/cjs/components/clipboard/index.js +1 -43
- package/dist/cjs/components/dropzone/index.js +3 -55
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/cjs/util/ufoExperiences.js +1 -1
- package/dist/es2019/components/browser/index.js +1 -15
- package/dist/es2019/components/clipboard/index.js +1 -13
- package/dist/es2019/components/dropzone/index.js +3 -20
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/es2019/util/ufoExperiences.js +1 -1
- package/dist/esm/components/browser/index.js +1 -41
- package/dist/esm/components/clipboard/index.js +1 -39
- package/dist/esm/components/dropzone/index.js +3 -49
- package/dist/esm/util/analytics.js +1 -1
- package/dist/esm/util/ufoExperiences.js +1 -1
- package/dist/types/components/browser/browser.d.ts +4 -4
- package/dist/types/components/browser/index.d.ts +0 -1
- package/dist/types/components/clipboard/clipboard.d.ts +4 -4
- package/dist/types/components/clipboard/index.d.ts +0 -1
- package/dist/types/components/dropzone/dropzone.d.ts +4 -4
- package/dist/types/components/dropzone/index.d.ts +0 -1
- package/dist/types-ts4.5/components/browser/browser.d.ts +4 -4
- package/dist/types-ts4.5/components/browser/index.d.ts +0 -1
- package/dist/types-ts4.5/components/clipboard/clipboard.d.ts +4 -4
- package/dist/types-ts4.5/components/clipboard/index.d.ts +0 -1
- package/dist/types-ts4.5/components/dropzone/dropzone.d.ts +4 -4
- package/dist/types-ts4.5/components/dropzone/index.d.ts +0 -1
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.BrowserLoader = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -16,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
16
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
18
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -40,7 +37,7 @@ var BrowserLoader = exports.BrowserLoader = /*#__PURE__*/function (_React$PureCo
|
|
|
40
37
|
value: function componentDidMount() {
|
|
41
38
|
var _this2 = this;
|
|
42
39
|
this.mounted = true;
|
|
43
|
-
if (!this.state.Browser
|
|
40
|
+
if (!this.state.Browser) {
|
|
44
41
|
Promise.all([Promise.resolve().then(function () {
|
|
45
42
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
46
43
|
}), Promise.resolve().then(function () {
|
|
@@ -64,47 +61,6 @@ var BrowserLoader = exports.BrowserLoader = /*#__PURE__*/function (_React$PureCo
|
|
|
64
61
|
value: function componentWillUnmount() {
|
|
65
62
|
this.mounted = false;
|
|
66
63
|
}
|
|
67
|
-
}, {
|
|
68
|
-
key: "UNSAFE_componentWillMount",
|
|
69
|
-
value: function () {
|
|
70
|
-
var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
71
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, browserModule;
|
|
72
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
73
|
-
while (1) switch (_context.prev = _context.next) {
|
|
74
|
-
case 0:
|
|
75
|
-
if (!(!this.state.Browser && !(0, _platformFeatureFlags.fg)('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
76
|
-
_context.next = 9;
|
|
77
|
-
break;
|
|
78
|
-
}
|
|
79
|
-
_context.next = 3;
|
|
80
|
-
return Promise.all([Promise.resolve().then(function () {
|
|
81
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
82
|
-
}), Promise.resolve().then(function () {
|
|
83
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser'));
|
|
84
|
-
})]);
|
|
85
|
-
case 3:
|
|
86
|
-
_yield$Promise$all = _context.sent;
|
|
87
|
-
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
|
|
88
|
-
mediaClient = _yield$Promise$all2[0];
|
|
89
|
-
browserModule = _yield$Promise$all2[1];
|
|
90
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
91
|
-
BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser);
|
|
92
|
-
if (this.mounted) {
|
|
93
|
-
this.setState({
|
|
94
|
-
Browser: BrowserLoader.Browser
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
case 9:
|
|
98
|
-
case "end":
|
|
99
|
-
return _context.stop();
|
|
100
|
-
}
|
|
101
|
-
}, _callee, this);
|
|
102
|
-
}));
|
|
103
|
-
function UNSAFE_componentWillMount() {
|
|
104
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
105
|
-
}
|
|
106
|
-
return UNSAFE_componentWillMount;
|
|
107
|
-
}()
|
|
108
64
|
}, {
|
|
109
65
|
key: "render",
|
|
110
66
|
value: function render() {
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.ClipboardLoader = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -16,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
16
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
18
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -38,7 +35,7 @@ var ClipboardLoader = exports.ClipboardLoader = /*#__PURE__*/function (_React$Pu
|
|
|
38
35
|
key: "componentDidMount",
|
|
39
36
|
value: function componentDidMount() {
|
|
40
37
|
var _this2 = this;
|
|
41
|
-
if (!this.state.Clipboard
|
|
38
|
+
if (!this.state.Clipboard) {
|
|
42
39
|
Promise.all([Promise.resolve().then(function () {
|
|
43
40
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
44
41
|
}), Promise.resolve().then(function () {
|
|
@@ -55,45 +52,6 @@ var ClipboardLoader = exports.ClipboardLoader = /*#__PURE__*/function (_React$Pu
|
|
|
55
52
|
});
|
|
56
53
|
}
|
|
57
54
|
}
|
|
58
|
-
}, {
|
|
59
|
-
key: "UNSAFE_componentWillMount",
|
|
60
|
-
value: function () {
|
|
61
|
-
var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
62
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, clipboardModule;
|
|
63
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
64
|
-
while (1) switch (_context.prev = _context.next) {
|
|
65
|
-
case 0:
|
|
66
|
-
if (!(!this.state.Clipboard && !(0, _platformFeatureFlags.fg)('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
67
|
-
_context.next = 9;
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
_context.next = 3;
|
|
71
|
-
return Promise.all([Promise.resolve().then(function () {
|
|
72
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
73
|
-
}), Promise.resolve().then(function () {
|
|
74
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard'));
|
|
75
|
-
})]);
|
|
76
|
-
case 3:
|
|
77
|
-
_yield$Promise$all = _context.sent;
|
|
78
|
-
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 2);
|
|
79
|
-
mediaClient = _yield$Promise$all2[0];
|
|
80
|
-
clipboardModule = _yield$Promise$all2[1];
|
|
81
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
82
|
-
ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard);
|
|
83
|
-
this.setState({
|
|
84
|
-
Clipboard: ClipboardLoader.Clipboard
|
|
85
|
-
});
|
|
86
|
-
case 9:
|
|
87
|
-
case "end":
|
|
88
|
-
return _context.stop();
|
|
89
|
-
}
|
|
90
|
-
}, _callee, this);
|
|
91
|
-
}));
|
|
92
|
-
function UNSAFE_componentWillMount() {
|
|
93
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
94
|
-
}
|
|
95
|
-
return UNSAFE_componentWillMount;
|
|
96
|
-
}()
|
|
97
55
|
}, {
|
|
98
56
|
key: "render",
|
|
99
57
|
value: function render() {
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.DropzoneLoader = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -16,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
16
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
18
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
@@ -39,7 +36,7 @@ var DropzoneLoader = exports.DropzoneLoader = /*#__PURE__*/function (_React$Pure
|
|
|
39
36
|
key: "componentDidMount",
|
|
40
37
|
value: function componentDidMount() {
|
|
41
38
|
var _this2 = this;
|
|
42
|
-
if (
|
|
39
|
+
if (!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) {
|
|
43
40
|
Promise.all([Promise.resolve().then(function () {
|
|
44
41
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
45
42
|
}), Promise.resolve().then(function () {
|
|
@@ -58,60 +55,11 @@ var DropzoneLoader = exports.DropzoneLoader = /*#__PURE__*/function (_React$Pure
|
|
|
58
55
|
Dropzone: DropzoneLoader.Dropzone,
|
|
59
56
|
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
60
57
|
});
|
|
58
|
+
}).catch(function () {
|
|
59
|
+
// TODO [MS-2272]: Add operational error to catch import error
|
|
61
60
|
});
|
|
62
|
-
// TODO [MS-2272]: Add operational error to catch import error
|
|
63
61
|
}
|
|
64
62
|
}
|
|
65
|
-
}, {
|
|
66
|
-
key: "UNSAFE_componentWillMount",
|
|
67
|
-
value: function () {
|
|
68
|
-
var _UNSAFE_componentWillMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
69
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule;
|
|
70
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
71
|
-
while (1) switch (_context.prev = _context.next) {
|
|
72
|
-
case 0:
|
|
73
|
-
if (!((!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) && !(0, _platformFeatureFlags.fg)('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
74
|
-
_context.next = 16;
|
|
75
|
-
break;
|
|
76
|
-
}
|
|
77
|
-
_context.prev = 1;
|
|
78
|
-
_context.next = 4;
|
|
79
|
-
return Promise.all([Promise.resolve().then(function () {
|
|
80
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'));
|
|
81
|
-
}), Promise.resolve().then(function () {
|
|
82
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'));
|
|
83
|
-
}), Promise.resolve().then(function () {
|
|
84
|
-
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary'));
|
|
85
|
-
})]);
|
|
86
|
-
case 4:
|
|
87
|
-
_yield$Promise$all = _context.sent;
|
|
88
|
-
_yield$Promise$all2 = (0, _slicedToArray2.default)(_yield$Promise$all, 3);
|
|
89
|
-
mediaClient = _yield$Promise$all2[0];
|
|
90
|
-
dropzoneModule = _yield$Promise$all2[1];
|
|
91
|
-
mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
|
|
92
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
93
|
-
DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone);
|
|
94
|
-
DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
|
|
95
|
-
this.setState({
|
|
96
|
-
Dropzone: DropzoneLoader.Dropzone,
|
|
97
|
-
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
98
|
-
});
|
|
99
|
-
_context.next = 16;
|
|
100
|
-
break;
|
|
101
|
-
case 14:
|
|
102
|
-
_context.prev = 14;
|
|
103
|
-
_context.t0 = _context["catch"](1);
|
|
104
|
-
case 16:
|
|
105
|
-
case "end":
|
|
106
|
-
return _context.stop();
|
|
107
|
-
}
|
|
108
|
-
}, _callee, this, [[1, 14]]);
|
|
109
|
-
}));
|
|
110
|
-
function UNSAFE_componentWillMount() {
|
|
111
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
112
|
-
}
|
|
113
|
-
return UNSAFE_componentWillMount;
|
|
114
|
-
}()
|
|
115
63
|
}, {
|
|
116
64
|
key: "render",
|
|
117
65
|
value: function render() {
|
|
@@ -9,7 +9,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
9
9
|
// Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
|
|
10
10
|
|
|
11
11
|
var packageName = "@atlaskit/media-picker";
|
|
12
|
-
var packageVersion = "
|
|
12
|
+
var packageVersion = "0.0.0-development";
|
|
13
13
|
function getPackageAttributes(componentName) {
|
|
14
14
|
return {
|
|
15
15
|
packageName: packageName,
|
|
@@ -12,7 +12,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
14
|
var packageName = "@atlaskit/media-picker";
|
|
15
|
-
var packageVersion = "
|
|
15
|
+
var packageVersion = "0.0.0-development";
|
|
16
16
|
var ufoExperience;
|
|
17
17
|
var initExperience = function initExperience(id, componentName) {
|
|
18
18
|
if (!ufoExperience) {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
export class BrowserLoader extends React.PureComponent {
|
|
5
4
|
constructor(...args) {
|
|
6
5
|
super(...args);
|
|
@@ -11,7 +10,7 @@ export class BrowserLoader extends React.PureComponent {
|
|
|
11
10
|
}
|
|
12
11
|
componentDidMount() {
|
|
13
12
|
this.mounted = true;
|
|
14
|
-
if (!this.state.Browser
|
|
13
|
+
if (!this.state.Browser) {
|
|
15
14
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]).then(([mediaClient, browserModule]) => {
|
|
16
15
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
17
16
|
BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser);
|
|
@@ -26,19 +25,6 @@ export class BrowserLoader extends React.PureComponent {
|
|
|
26
25
|
componentWillUnmount() {
|
|
27
26
|
this.mounted = false;
|
|
28
27
|
}
|
|
29
|
-
async UNSAFE_componentWillMount() {
|
|
30
|
-
if (!this.state.Browser && !fg('jfp-magma-media-clipboard-init-after-mount')) {
|
|
31
|
-
const [mediaClient, browserModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]);
|
|
32
|
-
|
|
33
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
34
|
-
BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser);
|
|
35
|
-
if (this.mounted) {
|
|
36
|
-
this.setState({
|
|
37
|
-
Browser: BrowserLoader.Browser
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
28
|
render() {
|
|
43
29
|
if (!this.state.Browser) {
|
|
44
30
|
return null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
export class ClipboardLoader extends React.PureComponent {
|
|
5
4
|
constructor(...args) {
|
|
6
5
|
super(...args);
|
|
@@ -9,7 +8,7 @@ export class ClipboardLoader extends React.PureComponent {
|
|
|
9
8
|
});
|
|
10
9
|
}
|
|
11
10
|
componentDidMount() {
|
|
12
|
-
if (!this.state.Clipboard
|
|
11
|
+
if (!this.state.Clipboard) {
|
|
13
12
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]).then(([mediaClient, clipboardModule]) => {
|
|
14
13
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
15
14
|
ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard);
|
|
@@ -19,17 +18,6 @@ export class ClipboardLoader extends React.PureComponent {
|
|
|
19
18
|
});
|
|
20
19
|
}
|
|
21
20
|
}
|
|
22
|
-
async UNSAFE_componentWillMount() {
|
|
23
|
-
if (!this.state.Clipboard && !fg('jfp-magma-media-clipboard-init-after-mount')) {
|
|
24
|
-
const [mediaClient, clipboardModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]);
|
|
25
|
-
|
|
26
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
27
|
-
ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard);
|
|
28
|
-
this.setState({
|
|
29
|
-
Clipboard: ClipboardLoader.Clipboard
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
21
|
render() {
|
|
34
22
|
if (!this.state.Clipboard) {
|
|
35
23
|
return null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
export class DropzoneLoader extends React.PureComponent {
|
|
5
4
|
constructor(...args) {
|
|
6
5
|
super(...args);
|
|
@@ -10,7 +9,7 @@ export class DropzoneLoader extends React.PureComponent {
|
|
|
10
9
|
});
|
|
11
10
|
}
|
|
12
11
|
componentDidMount() {
|
|
13
|
-
if (
|
|
12
|
+
if (!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) {
|
|
14
13
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]).then(([mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule]) => {
|
|
15
14
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
16
15
|
DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone);
|
|
@@ -19,25 +18,9 @@ export class DropzoneLoader extends React.PureComponent {
|
|
|
19
18
|
Dropzone: DropzoneLoader.Dropzone,
|
|
20
19
|
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
21
20
|
});
|
|
21
|
+
}).catch(() => {
|
|
22
|
+
// TODO [MS-2272]: Add operational error to catch import error
|
|
22
23
|
});
|
|
23
|
-
// TODO [MS-2272]: Add operational error to catch import error
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
async UNSAFE_componentWillMount() {
|
|
27
|
-
if ((!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) && !fg('jfp-magma-media-clipboard-init-after-mount')) {
|
|
28
|
-
try {
|
|
29
|
-
const [mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule] = await Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]);
|
|
30
|
-
|
|
31
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
32
|
-
DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone);
|
|
33
|
-
DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
|
|
34
|
-
this.setState({
|
|
35
|
-
Dropzone: DropzoneLoader.Dropzone,
|
|
36
|
-
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
37
|
-
});
|
|
38
|
-
} catch (error) {
|
|
39
|
-
// TODO [MS-2272]: Add operational error to catch async import error
|
|
40
|
-
}
|
|
41
24
|
}
|
|
42
25
|
}
|
|
43
26
|
render() {
|
|
@@ -3,7 +3,7 @@ import { isRequestError } from '@atlaskit/media-client';
|
|
|
3
3
|
// Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
|
|
4
4
|
|
|
5
5
|
const packageName = "@atlaskit/media-picker";
|
|
6
|
-
const packageVersion = "
|
|
6
|
+
const packageVersion = "0.0.0-development";
|
|
7
7
|
export function getPackageAttributes(componentName) {
|
|
8
8
|
return {
|
|
9
9
|
packageName,
|
|
@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
|
|
|
2
2
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
3
3
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
4
4
|
const packageName = "@atlaskit/media-picker";
|
|
5
|
-
const packageVersion = "
|
|
5
|
+
const packageVersion = "0.0.0-development";
|
|
6
6
|
let ufoExperience;
|
|
7
7
|
const initExperience = (id, componentName) => {
|
|
8
8
|
if (!ufoExperience) {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
@@ -6,11 +5,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
6
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
10
|
import React from 'react';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
11
|
export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
15
12
|
function BrowserLoader() {
|
|
16
13
|
var _this;
|
|
@@ -31,7 +28,7 @@ export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
31
28
|
value: function componentDidMount() {
|
|
32
29
|
var _this2 = this;
|
|
33
30
|
this.mounted = true;
|
|
34
|
-
if (!this.state.Browser
|
|
31
|
+
if (!this.state.Browser) {
|
|
35
32
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]).then(function (_ref) {
|
|
36
33
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
37
34
|
mediaClient = _ref2[0],
|
|
@@ -51,43 +48,6 @@ export var BrowserLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
51
48
|
value: function componentWillUnmount() {
|
|
52
49
|
this.mounted = false;
|
|
53
50
|
}
|
|
54
|
-
}, {
|
|
55
|
-
key: "UNSAFE_componentWillMount",
|
|
56
|
-
value: function () {
|
|
57
|
-
var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
58
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, browserModule;
|
|
59
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
60
|
-
while (1) switch (_context.prev = _context.next) {
|
|
61
|
-
case 0:
|
|
62
|
-
if (!(!this.state.Browser && !fg('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
63
|
-
_context.next = 9;
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
_context.next = 3;
|
|
67
|
-
return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-browser" */'./browser')]);
|
|
68
|
-
case 3:
|
|
69
|
-
_yield$Promise$all = _context.sent;
|
|
70
|
-
_yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
|
|
71
|
-
mediaClient = _yield$Promise$all2[0];
|
|
72
|
-
browserModule = _yield$Promise$all2[1];
|
|
73
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
74
|
-
BrowserLoader.Browser = mediaClient.withMediaClient(browserModule.Browser);
|
|
75
|
-
if (this.mounted) {
|
|
76
|
-
this.setState({
|
|
77
|
-
Browser: BrowserLoader.Browser
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
case 9:
|
|
81
|
-
case "end":
|
|
82
|
-
return _context.stop();
|
|
83
|
-
}
|
|
84
|
-
}, _callee, this);
|
|
85
|
-
}));
|
|
86
|
-
function UNSAFE_componentWillMount() {
|
|
87
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
88
|
-
}
|
|
89
|
-
return UNSAFE_componentWillMount;
|
|
90
|
-
}()
|
|
91
51
|
}, {
|
|
92
52
|
key: "render",
|
|
93
53
|
value: function render() {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
@@ -6,11 +5,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
6
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
10
|
import React from 'react';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
11
|
export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
15
12
|
function ClipboardLoader() {
|
|
16
13
|
var _this;
|
|
@@ -29,7 +26,7 @@ export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
29
26
|
key: "componentDidMount",
|
|
30
27
|
value: function componentDidMount() {
|
|
31
28
|
var _this2 = this;
|
|
32
|
-
if (!this.state.Clipboard
|
|
29
|
+
if (!this.state.Clipboard) {
|
|
33
30
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]).then(function (_ref) {
|
|
34
31
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
35
32
|
mediaClient = _ref2[0],
|
|
@@ -42,41 +39,6 @@ export var ClipboardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
42
39
|
});
|
|
43
40
|
}
|
|
44
41
|
}
|
|
45
|
-
}, {
|
|
46
|
-
key: "UNSAFE_componentWillMount",
|
|
47
|
-
value: function () {
|
|
48
|
-
var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
49
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, clipboardModule;
|
|
50
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
51
|
-
while (1) switch (_context.prev = _context.next) {
|
|
52
|
-
case 0:
|
|
53
|
-
if (!(!this.state.Clipboard && !fg('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
54
|
-
_context.next = 9;
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
_context.next = 3;
|
|
58
|
-
return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-clipboard" */'./clipboard')]);
|
|
59
|
-
case 3:
|
|
60
|
-
_yield$Promise$all = _context.sent;
|
|
61
|
-
_yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
|
|
62
|
-
mediaClient = _yield$Promise$all2[0];
|
|
63
|
-
clipboardModule = _yield$Promise$all2[1];
|
|
64
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
65
|
-
ClipboardLoader.Clipboard = mediaClient.withMediaClient(clipboardModule.Clipboard);
|
|
66
|
-
this.setState({
|
|
67
|
-
Clipboard: ClipboardLoader.Clipboard
|
|
68
|
-
});
|
|
69
|
-
case 9:
|
|
70
|
-
case "end":
|
|
71
|
-
return _context.stop();
|
|
72
|
-
}
|
|
73
|
-
}, _callee, this);
|
|
74
|
-
}));
|
|
75
|
-
function UNSAFE_componentWillMount() {
|
|
76
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
77
|
-
}
|
|
78
|
-
return UNSAFE_componentWillMount;
|
|
79
|
-
}()
|
|
80
42
|
}, {
|
|
81
43
|
key: "render",
|
|
82
44
|
value: function render() {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
@@ -6,11 +5,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
6
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
10
|
import React from 'react';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
11
|
export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
15
12
|
function DropzoneLoader() {
|
|
16
13
|
var _this;
|
|
@@ -30,7 +27,7 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
30
27
|
key: "componentDidMount",
|
|
31
28
|
value: function componentDidMount() {
|
|
32
29
|
var _this2 = this;
|
|
33
|
-
if (
|
|
30
|
+
if (!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) {
|
|
34
31
|
Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]).then(function (_ref) {
|
|
35
32
|
var _ref2 = _slicedToArray(_ref, 3),
|
|
36
33
|
mediaClient = _ref2[0],
|
|
@@ -43,54 +40,11 @@ export var DropzoneLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
43
40
|
Dropzone: DropzoneLoader.Dropzone,
|
|
44
41
|
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
45
42
|
});
|
|
43
|
+
}).catch(function () {
|
|
44
|
+
// TODO [MS-2272]: Add operational error to catch import error
|
|
46
45
|
});
|
|
47
|
-
// TODO [MS-2272]: Add operational error to catch import error
|
|
48
46
|
}
|
|
49
47
|
}
|
|
50
|
-
}, {
|
|
51
|
-
key: "UNSAFE_componentWillMount",
|
|
52
|
-
value: function () {
|
|
53
|
-
var _UNSAFE_componentWillMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
54
|
-
var _yield$Promise$all, _yield$Promise$all2, mediaClient, dropzoneModule, mediaPickerErrorBoundaryModule;
|
|
55
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
56
|
-
while (1) switch (_context.prev = _context.next) {
|
|
57
|
-
case 0:
|
|
58
|
-
if (!((!this.state.Dropzone || !this.state.MediaPickerErrorBoundary) && !fg('jfp-magma-media-clipboard-init-after-mount'))) {
|
|
59
|
-
_context.next = 16;
|
|
60
|
-
break;
|
|
61
|
-
}
|
|
62
|
-
_context.prev = 1;
|
|
63
|
-
_context.next = 4;
|
|
64
|
-
return Promise.all([import( /* webpackChunkName: "@atlaskit-internal_media-client-react" */'@atlaskit/media-client-react'), import( /* webpackChunkName: "@atlaskit-internal_media-dropzone" */'./dropzone'), import( /* webpackChunkName: "@atlaskit-internal_media-picker-error-boundary" */'../media-picker-analytics-error-boundary')]);
|
|
65
|
-
case 4:
|
|
66
|
-
_yield$Promise$all = _context.sent;
|
|
67
|
-
_yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
|
|
68
|
-
mediaClient = _yield$Promise$all2[0];
|
|
69
|
-
dropzoneModule = _yield$Promise$all2[1];
|
|
70
|
-
mediaPickerErrorBoundaryModule = _yield$Promise$all2[2];
|
|
71
|
-
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
|
-
DropzoneLoader.Dropzone = mediaClient.withMediaClient(dropzoneModule.Dropzone);
|
|
73
|
-
DropzoneLoader.MediaPickerErrorBoundary = mediaPickerErrorBoundaryModule.default;
|
|
74
|
-
this.setState({
|
|
75
|
-
Dropzone: DropzoneLoader.Dropzone,
|
|
76
|
-
MediaPickerErrorBoundary: DropzoneLoader.MediaPickerErrorBoundary
|
|
77
|
-
});
|
|
78
|
-
_context.next = 16;
|
|
79
|
-
break;
|
|
80
|
-
case 14:
|
|
81
|
-
_context.prev = 14;
|
|
82
|
-
_context.t0 = _context["catch"](1);
|
|
83
|
-
case 16:
|
|
84
|
-
case "end":
|
|
85
|
-
return _context.stop();
|
|
86
|
-
}
|
|
87
|
-
}, _callee, this, [[1, 14]]);
|
|
88
|
-
}));
|
|
89
|
-
function UNSAFE_componentWillMount() {
|
|
90
|
-
return _UNSAFE_componentWillMount.apply(this, arguments);
|
|
91
|
-
}
|
|
92
|
-
return UNSAFE_componentWillMount;
|
|
93
|
-
}()
|
|
94
48
|
}, {
|
|
95
49
|
key: "render",
|
|
96
50
|
value: function render() {
|
|
@@ -3,7 +3,7 @@ import { isRequestError } from '@atlaskit/media-client';
|
|
|
3
3
|
// Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
|
|
4
4
|
|
|
5
5
|
var packageName = "@atlaskit/media-picker";
|
|
6
|
-
var packageVersion = "
|
|
6
|
+
var packageVersion = "0.0.0-development";
|
|
7
7
|
export function getPackageAttributes(componentName) {
|
|
8
8
|
return {
|
|
9
9
|
packageName: packageName,
|
|
@@ -5,7 +5,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
|
|
|
5
5
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
var packageName = "@atlaskit/media-picker";
|
|
8
|
-
var packageVersion = "
|
|
8
|
+
var packageVersion = "0.0.0-development";
|
|
9
9
|
var ufoExperience;
|
|
10
10
|
var initExperience = function initExperience(id, componentName) {
|
|
11
11
|
if (!ufoExperience) {
|
|
@@ -35,10 +35,10 @@ export default BrowserBase;
|
|
|
35
35
|
export declare const Browser: React.ForwardRefExoticComponent<Omit<Pick<Omit<{
|
|
36
36
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
37
37
|
config: import("../types").LocalUploadConfig;
|
|
38
|
-
onUploadsStart?: (payload: import("
|
|
39
|
-
onPreviewUpdate?: (payload: import("
|
|
40
|
-
onEnd?: (payload: import("
|
|
41
|
-
onError?: (payload: import("
|
|
38
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
39
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
40
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
41
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
42
42
|
featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
|
|
43
43
|
} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & {
|
|
44
44
|
config?: (import("../types").LocalUploadConfig & BrowserConfig) | undefined;
|
|
@@ -42,10 +42,10 @@ export default ClipboardBase;
|
|
|
42
42
|
export declare const Clipboard: React.ForwardRefExoticComponent<Omit<Pick<Omit<{
|
|
43
43
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
44
44
|
config: import("../types").LocalUploadConfig;
|
|
45
|
-
onUploadsStart?: (payload: import("
|
|
46
|
-
onPreviewUpdate?: (payload: import("
|
|
47
|
-
onEnd?: (payload: import("
|
|
48
|
-
onError?: (payload: import("
|
|
45
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
46
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
47
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
48
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
49
49
|
featureFlags?: MediaFeatureFlags;
|
|
50
50
|
} & {
|
|
51
51
|
config: ClipboardConfig;
|
|
@@ -16,7 +16,6 @@ export declare class ClipboardLoader extends React.PureComponent<ClipboardWithMe
|
|
|
16
16
|
Clipboard: ClipboardWithMediaClientConfigComponent | undefined;
|
|
17
17
|
};
|
|
18
18
|
componentDidMount(): void;
|
|
19
|
-
UNSAFE_componentWillMount(): Promise<void>;
|
|
20
19
|
render(): React.JSX.Element | null;
|
|
21
20
|
}
|
|
22
21
|
export {};
|
|
@@ -33,10 +33,10 @@ export default DropzoneBase;
|
|
|
33
33
|
export declare const Dropzone: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
34
34
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
35
35
|
config: import("../types").LocalUploadConfig;
|
|
36
|
-
onUploadsStart?: (payload: import("
|
|
37
|
-
onPreviewUpdate?: (payload: import("
|
|
38
|
-
onEnd?: (payload: import("
|
|
39
|
-
onError?: (payload: import("
|
|
36
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
37
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
38
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
39
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
40
40
|
featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
|
|
41
41
|
} & {
|
|
42
42
|
config: DropzoneConfig;
|
|
@@ -18,7 +18,6 @@ export declare class DropzoneLoader extends React.PureComponent<DropzoneWithMedi
|
|
|
18
18
|
MediaPickerErrorBoundary: MediaPickerErrorBoundaryComponent | undefined;
|
|
19
19
|
};
|
|
20
20
|
componentDidMount(): void;
|
|
21
|
-
UNSAFE_componentWillMount(): Promise<void>;
|
|
22
21
|
render(): React.JSX.Element | null;
|
|
23
22
|
}
|
|
24
23
|
export {};
|
|
@@ -35,10 +35,10 @@ export default BrowserBase;
|
|
|
35
35
|
export declare const Browser: React.ForwardRefExoticComponent<Omit<Pick<Omit<{
|
|
36
36
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
37
37
|
config: import("../types").LocalUploadConfig;
|
|
38
|
-
onUploadsStart?: (payload: import("
|
|
39
|
-
onPreviewUpdate?: (payload: import("
|
|
40
|
-
onEnd?: (payload: import("
|
|
41
|
-
onError?: (payload: import("
|
|
38
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
39
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
40
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
41
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
42
42
|
featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
|
|
43
43
|
} & BrowserOwnProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "mediaClient" | "onUploadsStart" | "onPreviewUpdate" | "onEnd" | "onError" | "featureFlags" | "children" | "onCancelFn" | "isOpen" | "onClose" | "onBrowseFn"> & {
|
|
44
44
|
config?: (import("../types").LocalUploadConfig & BrowserConfig) | undefined;
|
|
@@ -42,10 +42,10 @@ export default ClipboardBase;
|
|
|
42
42
|
export declare const Clipboard: React.ForwardRefExoticComponent<Omit<Pick<Omit<{
|
|
43
43
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
44
44
|
config: import("../types").LocalUploadConfig;
|
|
45
|
-
onUploadsStart?: (payload: import("
|
|
46
|
-
onPreviewUpdate?: (payload: import("
|
|
47
|
-
onEnd?: (payload: import("
|
|
48
|
-
onError?: (payload: import("
|
|
45
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
46
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
47
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
48
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
49
49
|
featureFlags?: MediaFeatureFlags;
|
|
50
50
|
} & {
|
|
51
51
|
config: ClipboardConfig;
|
|
@@ -16,7 +16,6 @@ export declare class ClipboardLoader extends React.PureComponent<ClipboardWithMe
|
|
|
16
16
|
Clipboard: ClipboardWithMediaClientConfigComponent | undefined;
|
|
17
17
|
};
|
|
18
18
|
componentDidMount(): void;
|
|
19
|
-
UNSAFE_componentWillMount(): Promise<void>;
|
|
20
19
|
render(): React.JSX.Element | null;
|
|
21
20
|
}
|
|
22
21
|
export {};
|
|
@@ -33,10 +33,10 @@ export default DropzoneBase;
|
|
|
33
33
|
export declare const Dropzone: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
34
34
|
mediaClient: import("@atlaskit/media-client").MediaClient;
|
|
35
35
|
config: import("../types").LocalUploadConfig;
|
|
36
|
-
onUploadsStart?: (payload: import("
|
|
37
|
-
onPreviewUpdate?: (payload: import("
|
|
38
|
-
onEnd?: (payload: import("
|
|
39
|
-
onError?: (payload: import("
|
|
36
|
+
onUploadsStart?: (payload: import("../..").UploadsStartEventPayload) => void;
|
|
37
|
+
onPreviewUpdate?: (payload: import("../..").UploadPreviewUpdateEventPayload) => void;
|
|
38
|
+
onEnd?: (payload: import("../..").UploadEndEventPayload) => void;
|
|
39
|
+
onError?: (payload: import("../..").UploadErrorEventPayload) => void;
|
|
40
40
|
featureFlags?: import("@atlaskit/media-common").MediaFeatureFlags;
|
|
41
41
|
} & {
|
|
42
42
|
config: DropzoneConfig;
|
|
@@ -18,7 +18,6 @@ export declare class DropzoneLoader extends React.PureComponent<DropzoneWithMedi
|
|
|
18
18
|
MediaPickerErrorBoundary: MediaPickerErrorBoundaryComponent | undefined;
|
|
19
19
|
};
|
|
20
20
|
componentDidMount(): void;
|
|
21
|
-
UNSAFE_componentWillMount(): Promise<void>;
|
|
22
21
|
render(): React.JSX.Element | null;
|
|
23
22
|
}
|
|
24
23
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-picker",
|
|
3
|
-
"version": "70.1.
|
|
3
|
+
"version": "70.1.10",
|
|
4
4
|
"description": "Library for handling file uploads",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
33
33
|
"@atlaskit/flag": "^17.8.0",
|
|
34
|
-
"@atlaskit/icon": "^
|
|
34
|
+
"@atlaskit/icon": "^31.0.0",
|
|
35
35
|
"@atlaskit/media-client": "^35.7.0",
|
|
36
36
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
37
37
|
"@atlaskit/media-common": "^12.3.0",
|
|
38
38
|
"@atlaskit/media-ui": "^28.7.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
40
40
|
"@atlaskit/theme": "^21.0.0",
|
|
41
|
-
"@atlaskit/tokens": "^
|
|
41
|
+
"@atlaskit/tokens": "^11.0.0",
|
|
42
42
|
"@atlaskit/ufo": "^0.4.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"eventemitter2": "^4.1.0",
|
|
@@ -89,9 +89,6 @@
|
|
|
89
89
|
"platform-feature-flags": {
|
|
90
90
|
"should-render-to-parent-should-be-true-media-exif": {
|
|
91
91
|
"type": "boolean"
|
|
92
|
-
},
|
|
93
|
-
"jfp-magma-media-clipboard-init-after-mount": {
|
|
94
|
-
"type": "boolean"
|
|
95
92
|
}
|
|
96
93
|
}
|
|
97
94
|
}
|