@atlaskit/media-table 14.1.2 → 14.1.4

package/dist/cjs/util/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,11 +40,7 @@ Object.defineProperty(exports, "getValidTableProps", {
     return _getValidTableProps.default;
   }
 });
-
 var _generateRowValues = _interopRequireDefault(require("./generateRowValues"));
-
 var _getValidTableProps = _interopRequireDefault(require("./getValidTableProps"));
-
 var _generateHeadValues = _interopRequireDefault(require("./generateHeadValues"));
-
 var _constants = require("./constants");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "14.1.2",
+	"version": "14.1.4",
 	"sideEffects": false
 }

package/dist/es2019/component/downloadButton.js

@@ -1,14 +1,13 @@
-import { token } from '@atlaskit/tokens';
-import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
-
+import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { injectIntl } from 'react-intl-next';
 import { N40 } from '@atlaskit/theme/colors';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import Button from '@atlaskit/button/custom-theme-button';
-import { messages } from '@atlaskit/media-ui'; // eslint-disable-next-line import/no-extraneous-dependencies
+import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line import/no-extraneous-dependencies
 
 import { ANALYTICS_MEDIA_CHANNEL } from '../util';
-
 const MediaDownloadButton = props => {
   const {
     onClick,
@@ -24,22 +23,23 @@ const MediaDownloadButton = props => {
     }),
     onKeyPress: event => event.stopPropagation(),
     onClick: (event, analyticsEvent) => {
-      analyticsEvent.update(payload => ({ ...payload,
+      analyticsEvent.update(payload => ({
+        ...payload,
         eventType: 'ui',
         actionSubjectId: 'mediaTableDownload'
       })).fire(ANALYTICS_MEDIA_CHANNEL);
       onClick(event);
     },
     theme: (current, themeProps) => ({
-      buttonStyles: { ...current(themeProps).buttonStyles,
+      buttonStyles: {
+        ...current(themeProps).buttonStyles,
         minWidth: 'max-content',
         '&:hover': {
-          background: token('color.background.neutral.hovered', N40)
+          background: `var(--ds-background-neutral-hovered, ${N40})`
         }
       },
       spinnerStyles: current(themeProps).spinnerStyles
     })
   });
 };
-
 export default injectIntl(MediaDownloadButton);

package/dist/es2019/component/mediaTable.js

@@ -1,10 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom'; // eslint-disable-next-line import/no-extraneous-dependencies
-
+import ReactDOM from 'react-dom';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { DynamicTableStateless } from '@atlaskit/dynamic-table';
 import { isFileIdentifier, withMediaClient, isProcessedFileState } from '@atlaskit/media-client';
@@ -17,20 +16,15 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 export class MediaTable extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "state", {
       fileInfoState: new Map()
     });
-
     _defineProperty(this, "subscriptions", []);
-
     _defineProperty(this, "hasBeenMounted", false);
-
     _defineProperty(this, "unsubscribe", () => {
       this.subscriptions.forEach(subscription => subscription.unsubscribe());
       this.subscriptions = [];
     });
-
     _defineProperty(this, "generateCellValues", (data, identifier) => {
       const cellValues = [];
       const {
@@ -49,7 +43,6 @@ export class MediaTable extends Component {
       });
       return cellValues;
     });
-
     _defineProperty(this, "onDownloadClick", identifier => event => {
       const {
         id,
@@ -65,12 +58,10 @@ export class MediaTable extends Component {
       const nameInfo = fileInfoState.get(id);
       mediaClient.file.downloadBinary(id, nameInfo ? nameInfo.fileName : '', collectionName);
     });
-
     _defineProperty(this, "onPreviewClick", identifier => event => {
       event.stopPropagation();
       this.openPreview(identifier);
     });
-
     _defineProperty(this, "onSort", data => {
       const {
         onSort
@@ -82,7 +73,6 @@ export class MediaTable extends Component {
       } = data;
       item && item.isSortable && onSort && onSort(key, sortOrder);
     });
-
     _defineProperty(this, "renderRowValues", (validItemsPerPage, validPageNumber, validTotalItems) => {
       const {
         items,
@@ -115,7 +105,6 @@ export class MediaTable extends Component {
         headerCells: columns.cells
       });
     });
-
     _defineProperty(this, "renderTable", () => {
       const {
         columns,
@@ -151,7 +140,6 @@ export class MediaTable extends Component {
         highlightedRowIndex: highlightedRowIndex
       });
     });
-
     _defineProperty(this, "openPreview", identifier => {
       const {
         onPreviewOpen
@@ -161,7 +149,6 @@ export class MediaTable extends Component {
       });
       onPreviewOpen && onPreviewOpen();
     });
-
     _defineProperty(this, "onRowEnterKeyPressed", (identifier, data, index) => {
       const {
         createAnalyticsEvent,
@@ -175,12 +162,10 @@ export class MediaTable extends Component {
       });
       ev.fire(ANALYTICS_MEDIA_CHANNEL);
       const shouldPreventDefaultRowClick = onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data, index);
-
       if (!shouldPreventDefaultRowClick) {
         this.openPreview(identifier);
       }
     });
-
     _defineProperty(this, "onRowClick", (identifier, data, index) => () => {
       const {
         createAnalyticsEvent,
@@ -194,18 +179,15 @@ export class MediaTable extends Component {
       });
       ev.fire(ANALYTICS_MEDIA_CHANNEL);
       const shouldPreventDefaultRowClick = onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data, index);
-
       if (!shouldPreventDefaultRowClick) {
         this.openPreview(identifier);
       }
     });
-
     _defineProperty(this, "safeSetState", state => {
       if (this.hasBeenMounted) {
         this.setState(state);
       }
     });
-
     _defineProperty(this, "onMediaViewerClose", () => {
       const {
         onPreviewClose
@@ -215,7 +197,6 @@ export class MediaTable extends Component {
       });
       onPreviewClose && onPreviewClose();
     });
-
     _defineProperty(this, "renderMediaViewer", () => {
       const {
         mediaViewerSelectedItem
@@ -224,11 +205,9 @@ export class MediaTable extends Component {
         mediaClient,
         items
       } = this.props;
-
       if (!mediaViewerSelectedItem) {
         return null;
       }
-
       const dataSource = {
         list: items.map(item => item.identifier)
       };
@@ -242,7 +221,6 @@ export class MediaTable extends Component {
       }), document.body);
     });
   }
-
   componentDidMount() {
     this.hasBeenMounted = true;
     const {
@@ -263,13 +241,11 @@ export class MediaTable extends Component {
           const {
             fileInfoState
           } = this.state;
-
           if (isProcessedFileState(fileState)) {
             fileInfoState.set(id, {
               fileName: fileState.name,
               id
             });
-
             if (this.hasBeenMounted) {
               this.safeSetState({
                 fileInfoState
@@ -281,12 +257,10 @@ export class MediaTable extends Component {
       this.subscriptions.push(subscription);
     });
   }
-
   componentWillUnmount() {
     this.hasBeenMounted = false;
     this.unsubscribe();
   }
-
   render() {
     const content = jsx("div", {
       css: mediaTableWrapperStyles
@@ -295,7 +269,6 @@ export class MediaTable extends Component {
       locale: "en"
     }, content);
   }
-
 }
 export default withMediaClient(withAnalyticsEvents()(injectIntl(MediaTable, {
   enforceContext: false

package/dist/es2019/component/nameCell.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/component/previewButton.js

@@ -1,12 +1,12 @@
-import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
-
+import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { injectIntl } from 'react-intl-next';
 import EditorFilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
 import Button from '@atlaskit/button/custom-theme-button';
-import { messages } from '@atlaskit/media-ui'; // eslint-disable-next-line import/no-extraneous-dependencies
+import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line import/no-extraneous-dependencies
 
 import { ANALYTICS_MEDIA_CHANNEL } from '../util';
-
 const MediaPreviewButton = props => {
   const {
     onClick,
@@ -22,19 +22,20 @@ const MediaPreviewButton = props => {
     }),
     onKeyPress: event => event.stopPropagation(),
     onClick: (event, analyticsEvent) => {
-      analyticsEvent.update(payload => ({ ...payload,
+      analyticsEvent.update(payload => ({
+        ...payload,
         eventType: 'ui',
         actionSubjectId: 'mediaTablePreview'
       })).fire(ANALYTICS_MEDIA_CHANNEL);
       onClick(event);
     },
     theme: (current, themeProps) => ({
-      buttonStyles: { ...current(themeProps).buttonStyles,
+      buttonStyles: {
+        ...current(themeProps).buttonStyles,
         minWidth: 'max-content'
       },
       spinnerStyles: current(themeProps).spinnerStyles
     })
   });
 };
-
 export default injectIntl(MediaPreviewButton);

package/dist/es2019/util/generateRowValues.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import memoizeOne from 'memoize-one';
-
 function generateEmptyRows(emptyCells, length) {
   const itemsArray = Array.from({
     length
@@ -9,7 +8,6 @@ function generateEmptyRows(emptyCells, length) {
     cells: emptyCells
   }));
 }
-
 export const generateEmptyRow = memoizeOne(headerCells => {
   return headerCells.map(cell => ({
     key: cell.key,
@@ -20,7 +18,6 @@ export const prependRows = memoizeOne((emptyCells, itemsPerPage, pageNumber) =>
   if (!itemsPerPage || !pageNumber) {
     return [];
   }
-
   const itemsCount = (pageNumber - 1) * itemsPerPage;
   return generateEmptyRows(emptyCells, itemsCount);
 });
@@ -28,7 +25,6 @@ export const appendRows = memoizeOne((emptyCells, rowsLength, itemsPerPage, page
   if (!itemsPerPage || !pageNumber || !totalItems) {
     return [];
   }
-
   const rowsDiff = rowsLength > itemsPerPage ? rowsLength - itemsPerPage : 0;
   const itemsCount = (Math.ceil(totalItems / itemsPerPage) - pageNumber) * itemsPerPage - rowsDiff;
   return generateEmptyRows(emptyCells, itemsCount);

package/dist/es2019/util/getValidTableProps.js

@@ -1,43 +1,36 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import memoizeOne from 'memoize-one';
 const DEFAULT_ITEMS_PER_PAGE = 6;
-
 const getValidTableProps = (itemsCount, itemsPerPage, pageNumber, totalItems) => {
   let validItemsPerPage = itemsPerPage || DEFAULT_ITEMS_PER_PAGE;
   let validTotalItems = totalItems || itemsCount;
   let validPageNumber = pageNumber || 1;
-
   if (validItemsPerPage < 0) {
-    validItemsPerPage = DEFAULT_ITEMS_PER_PAGE; // eslint-disable-next-line no-console
-
+    validItemsPerPage = DEFAULT_ITEMS_PER_PAGE;
+    // eslint-disable-next-line no-console
     console.warn('Invalid itemsPerPage prop provided to MediaTable. Setting value to default.');
   }
-
   if (validTotalItems < 0) {
-    validTotalItems = itemsCount; // eslint-disable-next-line no-console
-
+    validTotalItems = itemsCount;
+    // eslint-disable-next-line no-console
     console.warn('Invalid totalItems prop provided to MediaTable. Defaulting to length of items array.');
   }
-
   if (validPageNumber < 0) {
-    validPageNumber = 1; // eslint-disable-next-line no-console
-
+    validPageNumber = 1;
+    // eslint-disable-next-line no-console
     console.warn('Invalid pageNumber prop provided to MediaTable. Defaulting to first page.');
   } else {
     const totalPages = Math.ceil(validTotalItems / validItemsPerPage);
-
     if (validPageNumber > totalPages) {
-      validPageNumber = totalPages; // eslint-disable-next-line no-console
-
+      validPageNumber = totalPages;
+      // eslint-disable-next-line no-console
       console.warn('Invalid pageNumber prop provided to MediaTable. Defaulting to last page.');
     }
   }
-
   return {
     validPageNumber,
     validTotalItems,
     validItemsPerPage
   };
 };
-
 export default memoizeOne(getValidTableProps);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "14.1.2",
+	"version": "14.1.4",
 	"sideEffects": false
 }

package/dist/esm/component/downloadButton.js

@@ -1,23 +1,19 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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; }
-
 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) { _defineProperty(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; }
-
-import { token } from '@atlaskit/tokens';
-import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
-
+import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { injectIntl } from 'react-intl-next';
 import { N40 } from '@atlaskit/theme/colors';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import Button from '@atlaskit/button/custom-theme-button';
-import { messages } from '@atlaskit/media-ui'; // eslint-disable-next-line import/no-extraneous-dependencies
+import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line import/no-extraneous-dependencies
 
 import { ANALYTICS_MEDIA_CHANNEL } from '../util';
-
 var MediaDownloadButton = function MediaDownloadButton(props) {
   var _onClick = props.onClick,
-      formatMessage = props.intl.formatMessage;
+    formatMessage = props.intl.formatMessage;
   return /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     testId: "download-button",
@@ -34,7 +30,6 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
           actionSubjectId: 'mediaTableDownload'
         });
       }).fire(ANALYTICS_MEDIA_CHANNEL);
-
       _onClick(event);
     },
     theme: function theme(current, themeProps) {
@@ -42,7 +37,7 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
         buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
           minWidth: 'max-content',
           '&:hover': {
-            background: token('color.background.neutral.hovered', N40)
+            background: "var(--ds-background-neutral-hovered, ".concat(N40, ")")
           }
         }),
         spinnerStyles: current(themeProps).spinnerStyles
@@ -50,5 +45,4 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
     }
   });
 };
-
 export default injectIntl(MediaDownloadButton);