@atlaskit/media-table 14.1.2 → 14.1.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/media-table
2
2
 
3
+ ## 14.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 14.1.3
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 14.1.2
4
16
 
5
17
  ### Patch Changes
@@ -1,37 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
- var _tokens = require("@atlaskit/tokens");
13
-
14
9
  var _react = _interopRequireDefault(require("react"));
15
-
16
10
  var _reactIntlNext = require("react-intl-next");
17
-
18
11
  var _colors = require("@atlaskit/theme/colors");
19
-
20
12
  var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
21
-
22
13
  var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
23
-
24
14
  var _mediaUi = require("@atlaskit/media-ui");
25
-
26
15
  var _util = require("../util");
27
-
28
16
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
17
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
-
32
18
  var MediaDownloadButton = function MediaDownloadButton(props) {
33
19
  var _onClick = props.onClick,
34
- formatMessage = props.intl.formatMessage;
20
+ formatMessage = props.intl.formatMessage;
35
21
  return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
36
22
  appearance: "subtle",
37
23
  testId: "download-button",
@@ -48,7 +34,6 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
48
34
  actionSubjectId: 'mediaTableDownload'
49
35
  });
50
36
  }).fire(_util.ANALYTICS_MEDIA_CHANNEL);
51
-
52
37
  _onClick(event);
53
38
  },
54
39
  theme: function theme(current, themeProps) {
@@ -56,7 +41,7 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
56
41
  buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
57
42
  minWidth: 'max-content',
58
43
  '&:hover': {
59
- background: (0, _tokens.token)('color.background.neutral.hovered', _colors.N40)
44
+ background: "var(--ds-background-neutral-hovered, ".concat(_colors.N40, ")")
60
45
  }
61
46
  }),
62
47
  spinnerStyles: current(themeProps).spinnerStyles
@@ -64,7 +49,5 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
64
49
  }
65
50
  });
66
51
  };
67
-
68
52
  var _default = (0, _reactIntlNext.injectIntl)(MediaDownloadButton);
69
-
70
53
  exports.default = _default;
@@ -1,82 +1,47 @@
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.default = exports.MediaTable = void 0;
11
-
12
9
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
13
-
14
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
15
-
16
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
25
-
26
16
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
27
-
28
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
29
-
30
18
  var _react = require("@emotion/react");
31
-
32
19
  var _react2 = _interopRequireWildcard(require("react"));
33
-
34
20
  var _reactDom = _interopRequireDefault(require("react-dom"));
35
-
36
21
  var _reactIntlNext = require("react-intl-next");
37
-
38
22
  var _dynamicTable = require("@atlaskit/dynamic-table");
39
-
40
23
  var _mediaClient = require("@atlaskit/media-client");
41
-
42
24
  var _mediaViewer = require("@atlaskit/media-viewer");
43
-
44
25
  var _styles = require("./styles");
45
-
46
26
  var _downloadButton = _interopRequireDefault(require("./downloadButton"));
47
-
48
27
  var _previewButton = _interopRequireDefault(require("./previewButton"));
49
-
50
28
  var _util = require("../util");
51
-
52
29
  var _analyticsNext = require("@atlaskit/analytics-next");
53
-
54
30
  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); }
55
-
56
31
  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; }
57
-
58
32
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
59
-
60
33
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
61
-
62
34
  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); }; }
63
-
64
35
  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; } }
65
-
66
36
  var MediaTable = /*#__PURE__*/function (_Component) {
67
37
  (0, _inherits2.default)(MediaTable, _Component);
68
-
69
38
  var _super = _createSuper(MediaTable);
70
-
71
39
  function MediaTable() {
72
40
  var _this;
73
-
74
41
  (0, _classCallCheck2.default)(this, MediaTable);
75
-
76
42
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
77
43
  args[_key] = arguments[_key];
78
44
  }
79
-
80
45
  _this = _super.call.apply(_super, [this].concat(args));
81
46
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
82
47
  fileInfoState: new Map()
@@ -87,7 +52,6 @@ var MediaTable = /*#__PURE__*/function (_Component) {
87
52
  _this.subscriptions.forEach(function (subscription) {
88
53
  return subscription.unsubscribe();
89
54
  });
90
-
91
55
  _this.subscriptions = [];
92
56
  });
93
57
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "generateCellValues", function (data, identifier) {
@@ -109,7 +73,7 @@ var MediaTable = /*#__PURE__*/function (_Component) {
109
73
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDownloadClick", function (identifier) {
110
74
  return function (event) {
111
75
  var id = identifier.id,
112
- collectionName = identifier.collectionName;
76
+ collectionName = identifier.collectionName;
113
77
  event.stopPropagation();
114
78
  var mediaClient = _this.props.mediaClient;
115
79
  var fileInfoState = _this.state.fileInfoState;
@@ -120,25 +84,24 @@ var MediaTable = /*#__PURE__*/function (_Component) {
120
84
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onPreviewClick", function (identifier) {
121
85
  return function (event) {
122
86
  event.stopPropagation();
123
-
124
87
  _this.openPreview(identifier);
125
88
  };
126
89
  });
127
90
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSort", function (data) {
128
91
  var onSort = _this.props.onSort;
129
92
  var key = data.key,
130
- sortOrder = data.sortOrder,
131
- item = data.item;
93
+ sortOrder = data.sortOrder,
94
+ item = data.item;
132
95
  item && item.isSortable && onSort && onSort(key, sortOrder);
133
96
  });
134
97
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderRowValues", function (validItemsPerPage, validPageNumber, validTotalItems) {
135
98
  var _this$props = _this.props,
136
- items = _this$props.items,
137
- columns = _this$props.columns;
99
+ items = _this$props.items,
100
+ columns = _this$props.columns;
138
101
  var rowValues = items.map(function (item, index) {
139
102
  var data = item.data,
140
- identifier = item.identifier,
141
- rowProps = item.rowProps;
103
+ identifier = item.identifier,
104
+ rowProps = item.rowProps;
142
105
  return _objectSpread({
143
106
  cells: _this.generateCellValues(data, identifier),
144
107
  key: identifier.id,
@@ -161,22 +124,20 @@ var MediaTable = /*#__PURE__*/function (_Component) {
161
124
  });
162
125
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTable", function () {
163
126
  var _this$props2 = _this.props,
164
- columns = _this$props2.columns,
165
- itemsPerPage = _this$props2.itemsPerPage,
166
- isLoading = _this$props2.isLoading,
167
- pageNumber = _this$props2.pageNumber,
168
- onSetPage = _this$props2.onSetPage,
169
- totalItems = _this$props2.totalItems,
170
- items = _this$props2.items,
171
- sortKey = _this$props2.sortKey,
172
- sortOrder = _this$props2.sortOrder,
173
- highlightedRowIndex = _this$props2.highlightedRowIndex;
174
-
127
+ columns = _this$props2.columns,
128
+ itemsPerPage = _this$props2.itemsPerPage,
129
+ isLoading = _this$props2.isLoading,
130
+ pageNumber = _this$props2.pageNumber,
131
+ onSetPage = _this$props2.onSetPage,
132
+ totalItems = _this$props2.totalItems,
133
+ items = _this$props2.items,
134
+ sortKey = _this$props2.sortKey,
135
+ sortOrder = _this$props2.sortOrder,
136
+ highlightedRowIndex = _this$props2.highlightedRowIndex;
175
137
  var _getValidTableProps = (0, _util.getValidTableProps)(items.length, itemsPerPage, pageNumber, totalItems),
176
- validItemsPerPage = _getValidTableProps.validItemsPerPage,
177
- validPageNumber = _getValidTableProps.validPageNumber,
178
- validTotalItems = _getValidTableProps.validTotalItems;
179
-
138
+ validItemsPerPage = _getValidTableProps.validItemsPerPage,
139
+ validPageNumber = _getValidTableProps.validPageNumber,
140
+ validTotalItems = _getValidTableProps.validTotalItems;
180
141
  var rowsPerPage = validTotalItems <= validItemsPerPage ? undefined : validItemsPerPage;
181
142
  return (0, _react.jsx)(_dynamicTable.DynamicTableStateless, {
182
143
  caption: '',
@@ -196,17 +157,15 @@ var MediaTable = /*#__PURE__*/function (_Component) {
196
157
  });
197
158
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openPreview", function (identifier) {
198
159
  var onPreviewOpen = _this.props.onPreviewOpen;
199
-
200
160
  _this.safeSetState({
201
161
  mediaViewerSelectedItem: identifier
202
162
  });
203
-
204
163
  onPreviewOpen && onPreviewOpen();
205
164
  });
206
165
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRowEnterKeyPressed", function (identifier, data, index) {
207
166
  var _this$props3 = _this.props,
208
- createAnalyticsEvent = _this$props3.createAnalyticsEvent,
209
- onRowClick = _this$props3.onRowClick;
167
+ createAnalyticsEvent = _this$props3.createAnalyticsEvent,
168
+ onRowClick = _this$props3.onRowClick;
210
169
  var ev = createAnalyticsEvent({
211
170
  eventType: 'ui',
212
171
  action: 'keyPressed',
@@ -215,7 +174,6 @@ var MediaTable = /*#__PURE__*/function (_Component) {
215
174
  });
216
175
  ev.fire(_util.ANALYTICS_MEDIA_CHANNEL);
217
176
  var shouldPreventDefaultRowClick = onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data, index);
218
-
219
177
  if (!shouldPreventDefaultRowClick) {
220
178
  _this.openPreview(identifier);
221
179
  }
@@ -223,8 +181,8 @@ var MediaTable = /*#__PURE__*/function (_Component) {
223
181
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRowClick", function (identifier, data, index) {
224
182
  return function () {
225
183
  var _this$props4 = _this.props,
226
- createAnalyticsEvent = _this$props4.createAnalyticsEvent,
227
- onRowClick = _this$props4.onRowClick;
184
+ createAnalyticsEvent = _this$props4.createAnalyticsEvent,
185
+ onRowClick = _this$props4.onRowClick;
228
186
  var ev = createAnalyticsEvent({
229
187
  eventType: 'ui',
230
188
  action: 'clicked',
@@ -233,7 +191,6 @@ var MediaTable = /*#__PURE__*/function (_Component) {
233
191
  });
234
192
  ev.fire(_util.ANALYTICS_MEDIA_CHANNEL);
235
193
  var shouldPreventDefaultRowClick = onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data, index);
236
-
237
194
  if (!shouldPreventDefaultRowClick) {
238
195
  _this.openPreview(identifier);
239
196
  }
@@ -246,23 +203,19 @@ var MediaTable = /*#__PURE__*/function (_Component) {
246
203
  });
247
204
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaViewerClose", function () {
248
205
  var onPreviewClose = _this.props.onPreviewClose;
249
-
250
206
  _this.safeSetState({
251
207
  mediaViewerSelectedItem: undefined
252
208
  });
253
-
254
209
  onPreviewClose && onPreviewClose();
255
210
  });
256
211
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaViewer", function () {
257
212
  var mediaViewerSelectedItem = _this.state.mediaViewerSelectedItem;
258
213
  var _this$props5 = _this.props,
259
- mediaClient = _this$props5.mediaClient,
260
- items = _this$props5.items;
261
-
214
+ mediaClient = _this$props5.mediaClient,
215
+ items = _this$props5.items;
262
216
  if (!mediaViewerSelectedItem) {
263
217
  return null;
264
218
  }
265
-
266
219
  var dataSource = {
267
220
  list: items.map(function (item) {
268
221
  return item.identifier;
@@ -279,20 +232,17 @@ var MediaTable = /*#__PURE__*/function (_Component) {
279
232
  });
280
233
  return _this;
281
234
  }
282
-
283
235
  (0, _createClass2.default)(MediaTable, [{
284
236
  key: "componentDidMount",
285
237
  value: function componentDidMount() {
286
238
  var _this2 = this;
287
-
288
239
  this.hasBeenMounted = true;
289
240
  var _this$props6 = this.props,
290
- items = _this$props6.items,
291
- mediaClient = _this$props6.mediaClient;
241
+ items = _this$props6.items,
242
+ mediaClient = _this$props6.mediaClient;
292
243
  items.forEach( /*#__PURE__*/function () {
293
244
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(item) {
294
245
  var _item$identifier, id, _item$identifier$coll, collectionName, subscription;
295
-
296
246
  return _regenerator.default.wrap(function _callee$(_context) {
297
247
  while (1) {
298
248
  switch (_context.prev = _context.next) {
@@ -303,13 +253,11 @@ var MediaTable = /*#__PURE__*/function (_Component) {
303
253
  }).subscribe({
304
254
  next: function next(fileState) {
305
255
  var fileInfoState = _this2.state.fileInfoState;
306
-
307
256
  if ((0, _mediaClient.isProcessedFileState)(fileState)) {
308
257
  fileInfoState.set(id, {
309
258
  fileName: fileState.name,
310
259
  id: id
311
260
  });
312
-
313
261
  if (_this2.hasBeenMounted) {
314
262
  _this2.safeSetState({
315
263
  fileInfoState: fileInfoState
@@ -318,9 +266,7 @@ var MediaTable = /*#__PURE__*/function (_Component) {
318
266
  }
319
267
  }
320
268
  });
321
-
322
269
  _this2.subscriptions.push(subscription);
323
-
324
270
  case 3:
325
271
  case "end":
326
272
  return _context.stop();
@@ -328,7 +274,6 @@ var MediaTable = /*#__PURE__*/function (_Component) {
328
274
  }
329
275
  }, _callee);
330
276
  }));
331
-
332
277
  return function (_x) {
333
278
  return _ref.apply(this, arguments);
334
279
  };
@@ -353,11 +298,8 @@ var MediaTable = /*#__PURE__*/function (_Component) {
353
298
  }]);
354
299
  return MediaTable;
355
300
  }(_react2.Component);
356
-
357
301
  exports.MediaTable = MediaTable;
358
-
359
302
  var _default = (0, _mediaClient.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaTable, {
360
303
  enforceContext: false
361
304
  })));
362
-
363
305
  exports.default = _default;
@@ -1,32 +1,22 @@
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.NameCell = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _react = require("@emotion/react");
15
-
16
11
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
17
-
18
12
  var _truncateText = require("@atlaskit/media-ui/truncateText");
19
-
20
13
  var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
21
-
22
14
  var _styles = require("./styles");
23
-
24
15
  var _excluded = ["mediaType", "text"];
25
-
26
16
  var NameCell = function NameCell(props) {
27
17
  var mediaType = props.mediaType,
28
- text = props.text,
29
- rest = (0, _objectWithoutProperties2.default)(props, _excluded);
18
+ text = props.text,
19
+ rest = (0, _objectWithoutProperties2.default)(props, _excluded);
30
20
  return (0, _react.jsx)("div", {
31
21
  css: _styles.nameCellWrapperStyles
32
22
  }, mediaType && (0, _react.jsx)(_mediaTypeIcon.MediaTypeIcon, {
@@ -39,5 +29,4 @@ var NameCell = function NameCell(props) {
39
29
  text: text
40
30
  }, rest)))));
41
31
  };
42
-
43
32
  exports.NameCell = NameCell;
@@ -1,33 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _react = _interopRequireDefault(require("react"));
13
-
14
10
  var _reactIntlNext = require("react-intl-next");
15
-
16
11
  var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
17
-
18
12
  var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
19
-
20
13
  var _mediaUi = require("@atlaskit/media-ui");
21
-
22
14
  var _util = require("../util");
23
-
24
15
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
-
26
16
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
-
28
17
  var MediaPreviewButton = function MediaPreviewButton(props) {
29
18
  var _onClick = props.onClick,
30
- formatMessage = props.intl.formatMessage;
19
+ formatMessage = props.intl.formatMessage;
31
20
  return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
32
21
  appearance: "subtle",
33
22
  testId: "preview-button",
@@ -44,7 +33,6 @@ var MediaPreviewButton = function MediaPreviewButton(props) {
44
33
  actionSubjectId: 'mediaTablePreview'
45
34
  });
46
35
  }).fire(_util.ANALYTICS_MEDIA_CHANNEL);
47
-
48
36
  _onClick(event);
49
37
  },
50
38
  theme: function theme(current, themeProps) {
@@ -57,7 +45,5 @@ var MediaPreviewButton = function MediaPreviewButton(props) {
57
45
  }
58
46
  });
59
47
  };
60
-
61
48
  var _default = (0, _reactIntlNext.injectIntl)(MediaPreviewButton);
62
-
63
49
  exports.default = _default;
@@ -1,18 +1,13 @@
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.truncateWrapperStyles = exports.nameCellWrapperStyles = exports.mediaTableWrapperStyles = void 0;
9
-
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
9
  var _react = require("@emotion/react");
13
-
14
10
  var _templateObject, _templateObject2, _templateObject3;
15
-
16
11
  var nameCellWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
17
12
  exports.nameCellWrapperStyles = nameCellWrapperStyles;
18
13
  var truncateWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n min-width: 0;\n width: 100%;\n margin-left: 4px;\n\n span:first-of-type {\n &::first-letter {\n text-transform: capitalize;\n }\n }\n"])));
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
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
  });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "NameCell", {
17
16
  return _nameCell.NameCell;
18
17
  }
19
18
  });
20
-
21
19
  var _mediaTable = _interopRequireDefault(require("./component/mediaTable"));
22
-
23
20
  var _nameCell = require("./component/nameCell");
@@ -1,22 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
13
-
14
10
  var _constants = require("./constants");
15
-
16
11
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
12
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
20
13
  var generateHeadValues = (0, _memoizeOne.default)(function (columns) {
21
14
  return {
22
15
  cells: columns.cells.map(function (cell) {
@@ -28,7 +21,5 @@ var generateHeadValues = (0, _memoizeOne.default)(function (columns) {
28
21
  })
29
22
  };
30
23
  });
31
-
32
24
  var _default = (0, _memoizeOne.default)(generateHeadValues);
33
-
34
25
  exports.default = _default;
@@ -1,19 +1,16 @@
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.appendRows = void 0;
9
8
  exports.default = generateRowValues;
10
9
  exports.prependRows = exports.generateEmptyRow = void 0;
11
-
12
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
11
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
15
-
16
12
  // eslint-disable-next-line import/no-extraneous-dependencies
13
+
17
14
  function generateEmptyRows(emptyCells, length) {
18
15
  var itemsArray = Array.from({
19
16
  length: length
@@ -24,7 +21,6 @@ function generateEmptyRows(emptyCells, length) {
24
21
  };
25
22
  });
26
23
  }
27
-
28
24
  var generateEmptyRow = (0, _memoizeOne.default)(function (headerCells) {
29
25
  return headerCells.map(function (cell) {
30
26
  return {
@@ -38,7 +34,6 @@ var prependRows = (0, _memoizeOne.default)(function (emptyCells, itemsPerPage, p
38
34
  if (!itemsPerPage || !pageNumber) {
39
35
  return [];
40
36
  }
41
-
42
37
  var itemsCount = (pageNumber - 1) * itemsPerPage;
43
38
  return generateEmptyRows(emptyCells, itemsCount);
44
39
  });
@@ -47,19 +42,17 @@ var appendRows = (0, _memoizeOne.default)(function (emptyCells, rowsLength, item
47
42
  if (!itemsPerPage || !pageNumber || !totalItems) {
48
43
  return [];
49
44
  }
50
-
51
45
  var rowsDiff = rowsLength > itemsPerPage ? rowsLength - itemsPerPage : 0;
52
46
  var itemsCount = (Math.ceil(totalItems / itemsPerPage) - pageNumber) * itemsPerPage - rowsDiff;
53
47
  return generateEmptyRows(emptyCells, itemsCount);
54
48
  });
55
49
  exports.appendRows = appendRows;
56
-
57
50
  function generateRowValues(_ref) {
58
51
  var itemsPerPage = _ref.itemsPerPage,
59
- pageNumber = _ref.pageNumber,
60
- totalItems = _ref.totalItems,
61
- rowValues = _ref.rowValues,
62
- headerCells = _ref.headerCells;
52
+ pageNumber = _ref.pageNumber,
53
+ totalItems = _ref.totalItems,
54
+ rowValues = _ref.rowValues,
55
+ headerCells = _ref.headerCells;
63
56
  var emptyCells = generateEmptyRow(headerCells);
64
57
  return [].concat((0, _toConsumableArray2.default)(prependRows(emptyCells, itemsPerPage, pageNumber)), (0, _toConsumableArray2.default)(rowValues), (0, _toConsumableArray2.default)(appendRows(emptyCells, rowValues.length, itemsPerPage, pageNumber, totalItems)));
65
58
  }
@@ -1,55 +1,45 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
11
-
12
9
  // eslint-disable-next-line import/no-extraneous-dependencies
13
- var DEFAULT_ITEMS_PER_PAGE = 6;
14
10
 
11
+ var DEFAULT_ITEMS_PER_PAGE = 6;
15
12
  var getValidTableProps = function getValidTableProps(itemsCount, itemsPerPage, pageNumber, totalItems) {
16
13
  var validItemsPerPage = itemsPerPage || DEFAULT_ITEMS_PER_PAGE;
17
14
  var validTotalItems = totalItems || itemsCount;
18
15
  var validPageNumber = pageNumber || 1;
19
-
20
16
  if (validItemsPerPage < 0) {
21
- validItemsPerPage = DEFAULT_ITEMS_PER_PAGE; // eslint-disable-next-line no-console
22
-
17
+ validItemsPerPage = DEFAULT_ITEMS_PER_PAGE;
18
+ // eslint-disable-next-line no-console
23
19
  console.warn('Invalid itemsPerPage prop provided to MediaTable. Setting value to default.');
24
20
  }
25
-
26
21
  if (validTotalItems < 0) {
27
- validTotalItems = itemsCount; // eslint-disable-next-line no-console
28
-
22
+ validTotalItems = itemsCount;
23
+ // eslint-disable-next-line no-console
29
24
  console.warn('Invalid totalItems prop provided to MediaTable. Defaulting to length of items array.');
30
25
  }
31
-
32
26
  if (validPageNumber < 0) {
33
- validPageNumber = 1; // eslint-disable-next-line no-console
34
-
27
+ validPageNumber = 1;
28
+ // eslint-disable-next-line no-console
35
29
  console.warn('Invalid pageNumber prop provided to MediaTable. Defaulting to first page.');
36
30
  } else {
37
31
  var totalPages = Math.ceil(validTotalItems / validItemsPerPage);
38
-
39
32
  if (validPageNumber > totalPages) {
40
- validPageNumber = totalPages; // eslint-disable-next-line no-console
41
-
33
+ validPageNumber = totalPages;
34
+ // eslint-disable-next-line no-console
42
35
  console.warn('Invalid pageNumber prop provided to MediaTable. Defaulting to last page.');
43
36
  }
44
37
  }
45
-
46
38
  return {
47
39
  validPageNumber: validPageNumber,
48
40
  validTotalItems: validTotalItems,
49
41
  validItemsPerPage: validItemsPerPage
50
42
  };
51
43
  };
52
-
53
44
  var _default = (0, _memoizeOne.default)(getValidTableProps);
54
-
55
45
  exports.default = _default;