@atlaskit/media-table 14.1.3 → 14.1.5
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/component/downloadButton.js +1 -16
- package/dist/cjs/component/mediaTable.js +28 -86
- package/dist/cjs/component/nameCell.js +2 -13
- package/dist/cjs/component/previewButton.js +1 -15
- package/dist/cjs/component/styles.js +0 -5
- package/dist/cjs/index.js +0 -3
- package/dist/cjs/util/generateHeadValues.js +0 -9
- package/dist/cjs/util/generateRowValues.js +5 -12
- package/dist/cjs/util/getValidTableProps.js +9 -19
- package/dist/cjs/util/index.js +0 -5
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/component/downloadButton.js +8 -7
- package/dist/es2019/component/mediaTable.js +2 -29
- package/dist/es2019/component/nameCell.js +0 -1
- package/dist/es2019/component/previewButton.js +8 -7
- package/dist/es2019/util/generateRowValues.js +0 -4
- package/dist/es2019/util/getValidTableProps.js +8 -15
- package/dist/es2019/version.json +1 -1
- package/dist/esm/component/downloadButton.js +5 -10
- package/dist/esm/component/mediaTable.js +30 -78
- package/dist/esm/component/nameCell.js +2 -4
- package/dist/esm/component/previewButton.js +5 -10
- package/dist/esm/component/styles.js +0 -2
- package/dist/esm/util/generateHeadValues.js +0 -3
- package/dist/esm/util/generateRowValues.js +4 -8
- package/dist/esm/util/getValidTableProps.js +8 -15
- package/dist/esm/version.json +1 -1
- package/package.json +9 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,35 +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
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _reactIntlNext = require("react-intl-next");
|
|
15
|
-
|
|
16
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
|
|
18
12
|
var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
|
|
19
|
-
|
|
20
13
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
21
|
-
|
|
22
14
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
23
|
-
|
|
24
15
|
var _util = require("../util");
|
|
25
|
-
|
|
26
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; }
|
|
27
|
-
|
|
28
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; }
|
|
29
|
-
|
|
30
18
|
var MediaDownloadButton = function MediaDownloadButton(props) {
|
|
31
19
|
var _onClick = props.onClick,
|
|
32
|
-
|
|
20
|
+
formatMessage = props.intl.formatMessage;
|
|
33
21
|
return /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
|
|
34
22
|
appearance: "subtle",
|
|
35
23
|
testId: "download-button",
|
|
@@ -46,7 +34,6 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
|
|
|
46
34
|
actionSubjectId: 'mediaTableDownload'
|
|
47
35
|
});
|
|
48
36
|
}).fire(_util.ANALYTICS_MEDIA_CHANNEL);
|
|
49
|
-
|
|
50
37
|
_onClick(event);
|
|
51
38
|
},
|
|
52
39
|
theme: function theme(current, themeProps) {
|
|
@@ -62,7 +49,5 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
|
|
|
62
49
|
}
|
|
63
50
|
});
|
|
64
51
|
};
|
|
65
|
-
|
|
66
52
|
var _default = (0, _reactIntlNext.injectIntl)(MediaDownloadButton);
|
|
67
|
-
|
|
68
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
|
-
|
|
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
|
-
|
|
131
|
-
|
|
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
|
-
|
|
137
|
-
|
|
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
|
-
|
|
141
|
-
|
|
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
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
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
|
-
|
|
177
|
-
|
|
178
|
-
|
|
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
|
-
|
|
209
|
-
|
|
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
|
-
|
|
227
|
-
|
|
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
|
-
|
|
260
|
-
|
|
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
|
-
|
|
291
|
-
|
|
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
|
-
|
|
29
|
-
|
|
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
|
-
|
|
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
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|
|
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;
|