@atlaskit/media-table 15.4.3 → 15.4.4

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/component/mediaTable.js +21 -24
  3. package/dist/esm/component/mediaTable.js +21 -24
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/media-table
2
2
 
3
+ ## 15.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 15.4.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/component/mediaTable.js CHANGED
@@ -10,10 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
10
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
16
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
18
17
  var _react = require("@emotion/react");
19
18
  var _react2 = _interopRequireWildcard(require("react"));
@@ -32,34 +31,32 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
32
31
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
33
32
  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; }
34
33
  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; }
35
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
34
+ 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)); }
36
35
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
37
36
  * @jsxRuntime classic
38
37
  * @jsx jsx
39
38
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
40
39
  // eslint-disable-next-line import/no-extraneous-dependencies
41
40
  var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
42
- (0, _inherits2.default)(MediaTable, _Component);
43
- var _super = _createSuper(MediaTable);
44
41
  function MediaTable() {
45
42
  var _this;
46
43
  (0, _classCallCheck2.default)(this, MediaTable);
47
44
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
48
45
  args[_key] = arguments[_key];
49
46
  }
50
- _this = _super.call.apply(_super, [this].concat(args));
51
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
47
+ _this = _callSuper(this, MediaTable, [].concat(args));
48
+ (0, _defineProperty2.default)(_this, "state", {
52
49
  fileInfoState: new Map()
53
50
  });
54
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "subscriptions", []);
55
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasBeenMounted", false);
56
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unsubscribe", function () {
51
+ (0, _defineProperty2.default)(_this, "subscriptions", []);
52
+ (0, _defineProperty2.default)(_this, "hasBeenMounted", false);
53
+ (0, _defineProperty2.default)(_this, "unsubscribe", function () {
57
54
  _this.subscriptions.forEach(function (subscription) {
58
55
  return subscription.unsubscribe();
59
56
  });
60
57
  _this.subscriptions = [];
61
58
  });
62
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "generateCellValues", function (data, identifier) {
59
+ (0, _defineProperty2.default)(_this, "generateCellValues", function (data, identifier) {
63
60
  var cellValues = [];
64
61
  var columns = _this.props.columns;
65
62
  columns.cells.forEach(function (cell) {
@@ -75,7 +72,7 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
75
72
  });
76
73
  return cellValues;
77
74
  });
78
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDownloadClick", function (identifier) {
75
+ (0, _defineProperty2.default)(_this, "onDownloadClick", function (identifier) {
79
76
  return function (event) {
80
77
  var id = identifier.id,
81
78
  collectionName = identifier.collectionName;
@@ -86,20 +83,20 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
86
83
  mediaClient.file.downloadBinary(id, nameInfo ? nameInfo.fileName : '', collectionName);
87
84
  };
88
85
  });
89
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPreviewClick", function (identifier) {
86
+ (0, _defineProperty2.default)(_this, "onPreviewClick", function (identifier) {
90
87
  return function (event) {
91
88
  event.stopPropagation();
92
89
  _this.openPreview(identifier);
93
90
  };
94
91
  });
95
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSort", function (data) {
92
+ (0, _defineProperty2.default)(_this, "onSort", function (data) {
96
93
  var onSort = _this.props.onSort;
97
94
  var key = data.key,
98
95
  sortOrder = data.sortOrder,
99
96
  item = data.item;
100
97
  item && item.isSortable && onSort && onSort(key, sortOrder);
101
98
  });
102
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRowValues", function (validItemsPerPage, validPageNumber, validTotalItems) {
99
+ (0, _defineProperty2.default)(_this, "renderRowValues", function (validItemsPerPage, validPageNumber, validTotalItems) {
103
100
  var _this$props = _this.props,
104
101
  items = _this$props.items,
105
102
  columns = _this$props.columns;
@@ -127,7 +124,7 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
127
124
  headerCells: columns.cells
128
125
  });
129
126
  });
130
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTable", function () {
127
+ (0, _defineProperty2.default)(_this, "renderTable", function () {
131
128
  var _this$props2 = _this.props,
132
129
  columns = _this$props2.columns,
133
130
  itemsPerPage = _this$props2.itemsPerPage,
@@ -160,14 +157,14 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
160
157
  highlightedRowIndex: highlightedRowIndex
161
158
  });
162
159
  });
163
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openPreview", function (identifier) {
160
+ (0, _defineProperty2.default)(_this, "openPreview", function (identifier) {
164
161
  var onPreviewOpen = _this.props.onPreviewOpen;
165
162
  _this.safeSetState({
166
163
  mediaViewerSelectedItem: identifier
167
164
  });
168
165
  onPreviewOpen && onPreviewOpen();
169
166
  });
170
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRowEnterKeyPressed", function (identifier, data, index) {
167
+ (0, _defineProperty2.default)(_this, "onRowEnterKeyPressed", function (identifier, data, index) {
171
168
  var _this$props3 = _this.props,
172
169
  createAnalyticsEvent = _this$props3.createAnalyticsEvent,
173
170
  onRowClick = _this$props3.onRowClick;
@@ -183,7 +180,7 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
183
180
  _this.openPreview(identifier);
184
181
  }
185
182
  });
186
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRowClick", function (identifier, data, index) {
183
+ (0, _defineProperty2.default)(_this, "onRowClick", function (identifier, data, index) {
187
184
  return function () {
188
185
  var _this$props4 = _this.props,
189
186
  createAnalyticsEvent = _this$props4.createAnalyticsEvent,
@@ -201,19 +198,19 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
201
198
  }
202
199
  };
203
200
  });
204
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "safeSetState", function (state) {
201
+ (0, _defineProperty2.default)(_this, "safeSetState", function (state) {
205
202
  if (_this.hasBeenMounted) {
206
203
  _this.setState(state);
207
204
  }
208
205
  });
209
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaViewerClose", function () {
206
+ (0, _defineProperty2.default)(_this, "onMediaViewerClose", function () {
210
207
  var onPreviewClose = _this.props.onPreviewClose;
211
208
  _this.safeSetState({
212
209
  mediaViewerSelectedItem: undefined
213
210
  });
214
211
  onPreviewClose && onPreviewClose();
215
212
  });
216
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaViewer", function () {
213
+ (0, _defineProperty2.default)(_this, "renderMediaViewer", function () {
217
214
  var mediaViewerSelectedItem = _this.state.mediaViewerSelectedItem;
218
215
  var _this$props5 = _this.props,
219
216
  mediaClient = _this$props5.mediaClient,
@@ -237,7 +234,8 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
237
234
  });
238
235
  return _this;
239
236
  }
240
- (0, _createClass2.default)(MediaTable, [{
237
+ (0, _inherits2.default)(MediaTable, _Component);
238
+ return (0, _createClass2.default)(MediaTable, [{
241
239
  key: "componentDidMount",
242
240
  value: function componentDidMount() {
243
241
  var _this2 = this;
@@ -301,7 +299,6 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
301
299
  }, content);
302
300
  }
303
301
  }]);
304
- return MediaTable;
305
302
  }(_react2.Component);
306
303
  var _default = exports.default = (0, _mediaClientReact.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaTable, {
307
304
  enforceContext: false
package/dist/esm/component/mediaTable.js CHANGED
@@ -1,15 +1,14 @@
1
1
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
7
5
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
+ import _inherits from "@babel/runtime/helpers/inherits";
8
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
8
  import _regeneratorRuntime from "@babel/runtime/regenerator";
10
9
  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; }
11
10
  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) { _defineProperty(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; }
12
- function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
11
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
13
12
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
14
13
  /**
15
14
  * @jsxRuntime classic
@@ -31,27 +30,25 @@ import PreviewButton from './previewButton';
31
30
  import { generateRowValues, getValidTableProps, generateHeadValues, CELL_KEY_DOWNLOAD, CELL_KEY_PREVIEW, ANALYTICS_MEDIA_CHANNEL } from '../util';
32
31
  import { withAnalyticsEvents } from '@atlaskit/analytics-next';
33
32
  export var MediaTable = /*#__PURE__*/function (_Component) {
34
- _inherits(MediaTable, _Component);
35
- var _super = _createSuper(MediaTable);
36
33
  function MediaTable() {
37
34
  var _this;
38
35
  _classCallCheck(this, MediaTable);
39
36
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
40
37
  args[_key] = arguments[_key];
41
38
  }
42
- _this = _super.call.apply(_super, [this].concat(args));
43
- _defineProperty(_assertThisInitialized(_this), "state", {
39
+ _this = _callSuper(this, MediaTable, [].concat(args));
40
+ _defineProperty(_this, "state", {
44
41
  fileInfoState: new Map()
45
42
  });
46
- _defineProperty(_assertThisInitialized(_this), "subscriptions", []);
47
- _defineProperty(_assertThisInitialized(_this), "hasBeenMounted", false);
48
- _defineProperty(_assertThisInitialized(_this), "unsubscribe", function () {
43
+ _defineProperty(_this, "subscriptions", []);
44
+ _defineProperty(_this, "hasBeenMounted", false);
45
+ _defineProperty(_this, "unsubscribe", function () {
49
46
  _this.subscriptions.forEach(function (subscription) {
50
47
  return subscription.unsubscribe();
51
48
  });
52
49
  _this.subscriptions = [];
53
50
  });
54
- _defineProperty(_assertThisInitialized(_this), "generateCellValues", function (data, identifier) {
51
+ _defineProperty(_this, "generateCellValues", function (data, identifier) {
55
52
  var cellValues = [];
56
53
  var columns = _this.props.columns;
57
54
  columns.cells.forEach(function (cell) {
@@ -67,7 +64,7 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
67
64
  });
68
65
  return cellValues;
69
66
  });
70
- _defineProperty(_assertThisInitialized(_this), "onDownloadClick", function (identifier) {
67
+ _defineProperty(_this, "onDownloadClick", function (identifier) {
71
68
  return function (event) {
72
69
  var id = identifier.id,
73
70
  collectionName = identifier.collectionName;
@@ -78,20 +75,20 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
78
75
  mediaClient.file.downloadBinary(id, nameInfo ? nameInfo.fileName : '', collectionName);
79
76
  };
80
77
  });
81
- _defineProperty(_assertThisInitialized(_this), "onPreviewClick", function (identifier) {
78
+ _defineProperty(_this, "onPreviewClick", function (identifier) {
82
79
  return function (event) {
83
80
  event.stopPropagation();
84
81
  _this.openPreview(identifier);
85
82
  };
86
83
  });
87
- _defineProperty(_assertThisInitialized(_this), "onSort", function (data) {
84
+ _defineProperty(_this, "onSort", function (data) {
88
85
  var onSort = _this.props.onSort;
89
86
  var key = data.key,
90
87
  sortOrder = data.sortOrder,
91
88
  item = data.item;
92
89
  item && item.isSortable && onSort && onSort(key, sortOrder);
93
90
  });
94
- _defineProperty(_assertThisInitialized(_this), "renderRowValues", function (validItemsPerPage, validPageNumber, validTotalItems) {
91
+ _defineProperty(_this, "renderRowValues", function (validItemsPerPage, validPageNumber, validTotalItems) {
95
92
  var _this$props = _this.props,
96
93
  items = _this$props.items,
97
94
  columns = _this$props.columns;
@@ -119,7 +116,7 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
119
116
  headerCells: columns.cells
120
117
  });
121
118
  });
122
- _defineProperty(_assertThisInitialized(_this), "renderTable", function () {
119
+ _defineProperty(_this, "renderTable", function () {
123
120
  var _this$props2 = _this.props,
124
121
  columns = _this$props2.columns,
125
122
  itemsPerPage = _this$props2.itemsPerPage,
@@ -152,14 +149,14 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
152
149
  highlightedRowIndex: highlightedRowIndex
153
150
  });
154
151
  });
155
- _defineProperty(_assertThisInitialized(_this), "openPreview", function (identifier) {
152
+ _defineProperty(_this, "openPreview", function (identifier) {
156
153
  var onPreviewOpen = _this.props.onPreviewOpen;
157
154
  _this.safeSetState({
158
155
  mediaViewerSelectedItem: identifier
159
156
  });
160
157
  onPreviewOpen && onPreviewOpen();
161
158
  });
162
- _defineProperty(_assertThisInitialized(_this), "onRowEnterKeyPressed", function (identifier, data, index) {
159
+ _defineProperty(_this, "onRowEnterKeyPressed", function (identifier, data, index) {
163
160
  var _this$props3 = _this.props,
164
161
  createAnalyticsEvent = _this$props3.createAnalyticsEvent,
165
162
  onRowClick = _this$props3.onRowClick;
@@ -175,7 +172,7 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
175
172
  _this.openPreview(identifier);
176
173
  }
177
174
  });
178
- _defineProperty(_assertThisInitialized(_this), "onRowClick", function (identifier, data, index) {
175
+ _defineProperty(_this, "onRowClick", function (identifier, data, index) {
179
176
  return function () {
180
177
  var _this$props4 = _this.props,
181
178
  createAnalyticsEvent = _this$props4.createAnalyticsEvent,
@@ -193,19 +190,19 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
193
190
  }
194
191
  };
195
192
  });
196
- _defineProperty(_assertThisInitialized(_this), "safeSetState", function (state) {
193
+ _defineProperty(_this, "safeSetState", function (state) {
197
194
  if (_this.hasBeenMounted) {
198
195
  _this.setState(state);
199
196
  }
200
197
  });
201
- _defineProperty(_assertThisInitialized(_this), "onMediaViewerClose", function () {
198
+ _defineProperty(_this, "onMediaViewerClose", function () {
202
199
  var onPreviewClose = _this.props.onPreviewClose;
203
200
  _this.safeSetState({
204
201
  mediaViewerSelectedItem: undefined
205
202
  });
206
203
  onPreviewClose && onPreviewClose();
207
204
  });
208
- _defineProperty(_assertThisInitialized(_this), "renderMediaViewer", function () {
205
+ _defineProperty(_this, "renderMediaViewer", function () {
209
206
  var mediaViewerSelectedItem = _this.state.mediaViewerSelectedItem;
210
207
  var _this$props5 = _this.props,
211
208
  mediaClient = _this$props5.mediaClient,
@@ -229,7 +226,8 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
229
226
  });
230
227
  return _this;
231
228
  }
232
- _createClass(MediaTable, [{
229
+ _inherits(MediaTable, _Component);
230
+ return _createClass(MediaTable, [{
233
231
  key: "componentDidMount",
234
232
  value: function componentDidMount() {
235
233
  var _this2 = this;
@@ -293,7 +291,6 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
293
291
  }, content);
294
292
  }
295
293
  }]);
296
- return MediaTable;
297
294
  }(Component);
298
295
  export default withMediaClient(withAnalyticsEvents()(injectIntl(MediaTable, {
299
296
  enforceContext: false
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "15.4.3",
3
+ "version": "15.4.4",
4
4
  "description": "Table UI component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "dependencies": {
36
36
  "@atlaskit/analytics-next": "^10.2.0",
37
37
  "@atlaskit/button": "^20.3.0",
38
- "@atlaskit/dynamic-table": "^16.1.0",
38
+ "@atlaskit/dynamic-table": "^17.0.0",
39
39
  "@atlaskit/icon": "^23.1.0",
40
40
  "@atlaskit/media-client": "^28.5.0",
41
41
  "@atlaskit/media-client-react": "^2.4.0",