@atlaskit/media-table 9.0.3 → 10.0.2

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @atlaskit/media-table
 
+## 10.0.2
+
+### Patch Changes
+
+- [`6a5dc78b511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a5dc78b511) - Remove dateformat from media packages
+
+## 10.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.3
 
 ### Patch Changes

package/dist/cjs/component/downloadButton.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -23,9 +23,9 @@ var _mediaUi = require("@atlaskit/media-ui");
 
 var _util = require("../util");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var MediaDownloadButton = function MediaDownloadButton(props) {
   var _onClick = props.onClick,
@@ -63,6 +63,6 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
   });
 };
 
-var _default = (0, _reactIntl.injectIntl)(MediaDownloadButton);
+var _default = (0, _reactIntlNext.injectIntl)(MediaDownloadButton);
 
 exports.default = _default;

package/dist/cjs/component/mediaTable.js

@@ -31,7 +31,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _dynamicTable = require("@atlaskit/dynamic-table");
 
@@ -51,9 +51,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 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); }; }
 
@@ -320,7 +320,7 @@ var MediaTable = /*#__PURE__*/function (_Component) {
     value: function render() {
       var content = /*#__PURE__*/_react.default.createElement(_styled.MediaTableWrapper, null, this.renderTable(), this.renderMediaViewer());
 
-      return this.context.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+      return this.props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
         locale: "en"
       }, content);
     }
@@ -329,10 +329,9 @@ var MediaTable = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports.MediaTable = MediaTable;
-(0, _defineProperty2.default)(MediaTable, "contextTypes", {
-  intl: _reactIntl.intlShape
-});
 
-var _default = (0, _mediaClient.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()(MediaTable));
+var _default = (0, _mediaClient.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaTable, {
+  enforceContext: false
+})));
 
 exports.default = _default;

package/dist/cjs/component/nameCell.js

@@ -21,10 +21,12 @@ var _mediaTypeIcon = require("@atlaskit/media-ui/media-type-icon");
 
 var _styled = require("./styled");
 
+var _excluded = ["mediaType", "text"];
+
 var NameCell = function NameCell(props) {
   var mediaType = props.mediaType,
       text = props.text,
-      rest = (0, _objectWithoutProperties2.default)(props, ["mediaType", "text"]);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_styled.NameCellWrapper, null, mediaType && /*#__PURE__*/_react.default.createElement(_mediaTypeIcon.MediaTypeIcon, {
     type: mediaType
   }), /*#__PURE__*/_react.default.createElement(_styled.TruncateWrapper, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {

package/dist/cjs/component/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaTableWrapper = exports.TruncateWrapper = exports.NameCellWrapper = void 0;
+exports.TruncateWrapper = exports.NameCellWrapper = exports.MediaTableWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/util/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ANALYTICS_MEDIA_CHANNEL = exports.CELL_KEY_DOWNLOAD = void 0;
+exports.CELL_KEY_DOWNLOAD = exports.ANALYTICS_MEDIA_CHANNEL = void 0;
 var CELL_KEY_DOWNLOAD = 'download';
 exports.CELL_KEY_DOWNLOAD = CELL_KEY_DOWNLOAD;
 var ANALYTICS_MEDIA_CHANNEL = 'media';

package/dist/cjs/util/generateHeadValues.js

@@ -13,9 +13,9 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _constants = require("./constants");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 var generateHeadValues = (0, _memoizeOne.default)(function (columns) {
   return {

package/dist/cjs/util/generateRowValues.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.appendRows = void 0;
 exports.default = generateRowValues;
-exports.appendRows = exports.prependRows = exports.generateEmptyRow = void 0;
+exports.prependRows = exports.generateEmptyRow = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 

package/dist/cjs/util/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "generateRowValues", {
+Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
   enumerable: true,
   get: function get() {
-    return _generateRowValues.default;
+    return _constants.ANALYTICS_MEDIA_CHANNEL;
   }
 });
-Object.defineProperty(exports, "getValidTableProps", {
+Object.defineProperty(exports, "CELL_KEY_DOWNLOAD", {
   enumerable: true,
   get: function get() {
-    return _getValidTableProps.default;
+    return _constants.CELL_KEY_DOWNLOAD;
   }
 });
 Object.defineProperty(exports, "generateHeadValues", {
@@ -23,16 +23,16 @@ Object.defineProperty(exports, "generateHeadValues", {
     return _generateHeadValues.default;
   }
 });
-Object.defineProperty(exports, "CELL_KEY_DOWNLOAD", {
+Object.defineProperty(exports, "generateRowValues", {
   enumerable: true,
   get: function get() {
-    return _constants.CELL_KEY_DOWNLOAD;
+    return _generateRowValues.default;
   }
 });
-Object.defineProperty(exports, "ANALYTICS_MEDIA_CHANNEL", {
+Object.defineProperty(exports, "getValidTableProps", {
   enumerable: true,
   get: function get() {
-    return _constants.ANALYTICS_MEDIA_CHANNEL;
+    return _getValidTableProps.default;
   }
 });
 

package/dist/cjs/version.json

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

package/dist/es2019/component/downloadButton.js

@@ -1,6 +1,6 @@
 import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
 
-import { injectIntl } from 'react-intl';
+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';

package/dist/es2019/component/mediaTable.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom'; // eslint-disable-next-line import/no-extraneous-dependencies
 
-import { IntlProvider, intlShape } from 'react-intl';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { DynamicTableStateless } from '@atlaskit/dynamic-table';
 import { isFileIdentifier, withMediaClient, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -266,15 +266,12 @@ export class MediaTable extends Component {
 
   render() {
     const content = /*#__PURE__*/React.createElement(MediaTableWrapper, null, this.renderTable(), this.renderMediaViewer());
-    return this.context.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
+    return this.props.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
       locale: "en"
     }, content);
   }
 
 }
-
-_defineProperty(MediaTable, "contextTypes", {
-  intl: intlShape
-});
-
-export default withMediaClient(withAnalyticsEvents()(MediaTable));
+export default withMediaClient(withAnalyticsEvents()(injectIntl(MediaTable, {
+  enforceContext: false
+})));

package/dist/es2019/version.json

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

package/dist/esm/component/downloadButton.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies
 
-import { injectIntl } from 'react-intl';
+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';

package/dist/esm/component/mediaTable.js

@@ -8,9 +8,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom'; // eslint-disable-next-line import/no-extraneous-dependencies
 
-import { IntlProvider, intlShape } from 'react-intl';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { DynamicTableStateless } from '@atlaskit/dynamic-table';
 import { isFileIdentifier, withMediaClient, isProcessedFileState } from '@atlaskit/media-client';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -303,7 +303,7 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var content = /*#__PURE__*/React.createElement(MediaTableWrapper, null, this.renderTable(), this.renderMediaViewer());
-      return this.context.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
+      return this.props.intl ? content : /*#__PURE__*/React.createElement(IntlProvider, {
         locale: "en"
       }, content);
     }
@@ -311,9 +311,6 @@ export var MediaTable = /*#__PURE__*/function (_Component) {
 
   return MediaTable;
 }(Component);
-
-_defineProperty(MediaTable, "contextTypes", {
-  intl: intlShape
-});
-
-export default withMediaClient(withAnalyticsEvents()(MediaTable));
+export default withMediaClient(withAnalyticsEvents()(injectIntl(MediaTable, {
+  enforceContext: false
+})));

package/dist/esm/component/nameCell.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["mediaType", "text"];
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import { Truncate } from '@atlaskit/media-ui/truncateText';
@@ -8,7 +9,7 @@ import { NameCellWrapper, TruncateWrapper } from './styled';
 export var NameCell = function NameCell(props) {
   var mediaType = props.mediaType,
       text = props.text,
-      rest = _objectWithoutProperties(props, ["mediaType", "text"]);
+      rest = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(NameCellWrapper, null, mediaType && /*#__PURE__*/React.createElement(MediaTypeIcon, {
     type: mediaType

package/dist/esm/util/generateHeadValues.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 memoizeOne from 'memoize-one';
 import { CELL_KEY_DOWNLOAD } from './constants';

package/dist/esm/version.json

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

package/dist/types/component/downloadButton.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 interface Props {
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/component/mediaTable.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react-intl" />
 import React, { Component } from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
 import { MediaTableProps, MediaTableState } from '../types';
-export declare class MediaTable extends Component<MediaTableProps, MediaTableState> {
+export declare class MediaTable extends Component<MediaTableProps & WrappedComponentProps, MediaTableState> {
     state: MediaTableState;
     private subscriptions;
     private hasBeenMounted;
@@ -19,10 +19,7 @@ export declare class MediaTable extends Component<MediaTableProps, MediaTableSta
     private safeSetState;
     private onMediaViewerClose;
     private renderMediaViewer;
-    static contextTypes: {
-        intl: ReactIntl.IntlShape;
-    };
     render(): JSX.Element;
 }
-declare const _default: React.ComponentType<import("@atlaskit/media-client").WithMediaClientConfigProps<Pick<MediaTableProps, "itemsPerPage" | "pageNumber" | "totalItems" | "isLoading" | "columns" | "items" | "mediaClient" | "sortKey" | "sortOrder" | "onSetPage" | "onSort" | "onPreviewOpen" | "onPreviewClose"> & React.RefAttributes<any>>>;
+declare const _default: React.ComponentType<import("@atlaskit/media-client").WithMediaClientConfigProps<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps<"intl">>>, "children" | "itemsPerPage" | "pageNumber" | "totalItems" | "isLoading" | "columns" | "items" | "mediaClient" | "sortKey" | "sortOrder" | "onSetPage" | "onSort" | "onPreviewOpen" | "onPreviewClose" | "forwardedRef"> & React.RefAttributes<any>>>;
 export default _default;

package/example-helpers/helpers.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import dateformat from 'dateformat';
+import dateFnsFormat from 'date-fns/format';
 import { MediaType } from '@atlaskit/media-client';
 import { ExampleWrapper, ROW_HIGHLIGHT_CLASSNAME } from './styled';
 import Range from '@atlaskit/range';
@@ -13,6 +13,7 @@ import {
   videoProcessingFailedId,
 } from '@atlaskit/media-test-helpers';
 import { MediaTableItem, NameCell } from '../src';
+import { IntlProvider } from 'react-intl-next';
 
 export { ROW_HIGHLIGHT_CLASSNAME } from './styled';
 
@@ -20,6 +21,10 @@ export const createMockFileData = (name: string, mediaType: MediaType) => {
   return <NameCell text={name} mediaType={mediaType} endFixedChars={4} />;
 };
 
+const dateformat = (date: number, format = 'E MMM dd yyyy kk:mm:ss') => {
+  return dateFnsFormat(date, format);
+};
+
 export const RenderMediaTableWithFieldRange = (
   MediaTableNode: React.ReactNode,
 ) => {
@@ -27,11 +32,19 @@ export const RenderMediaTableWithFieldRange = (
 
   return (
     <ExampleWrapper>
-      <div>
-        Parent width: {width}px
-        <Range value={width} min={0} max={1500} step={5} onChange={setWidth} />
-      </div>
-      <div style={{ width: `${width}px` }}>{MediaTableNode}</div>
+      <IntlProvider locale="en">
+        <div>
+          Parent width: {width}px
+          <Range
+            value={width}
+            min={0}
+            max={1500}
+            step={5}
+            onChange={setWidth}
+          />
+        </div>
+        <div style={{ width: `${width}px` }}>{MediaTableNode}</div>
+      </IntlProvider>
     </ExampleWrapper>
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-table",
-  "version": "9.0.3",
+  "version": "10.0.2",
   "description": "Table UI component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,12 +28,12 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/dynamic-table": "^14.1.0",
-    "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/media-client": "^14.2.0",
-    "@atlaskit/media-ui": "^17.0.0",
-    "@atlaskit/media-viewer": "^45.7.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/dynamic-table": "^14.5.0",
+    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/media-client": "^14.3.0",
+    "@atlaskit/media-ui": "^19.0.0",
+    "@atlaskit/media-viewer": "^46.0.0",
+    "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "memoize-one": "^6.0.0"
@@ -42,20 +42,20 @@
     "@atlaskit/media-core": "^32.2.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "rxjs": "^5.5.0",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
     "@atlaskit/icon-file-type": "^6.3.0",
-    "@atlaskit/media-common": "^2.9.0",
+    "@atlaskit/media-common": "^2.10.0",
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/media-test-helpers": "^28.8.0",
-    "@atlaskit/range": "^5.0.11",
-    "@atlaskit/ssr": "^0.2.0",
+    "@atlaskit/media-test-helpers": "^29.1.0",
+    "@atlaskit/range": "^6.0.0",
+    "@atlaskit/ssr": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@types/dateformat": "^3.0.1",
-    "dateformat": "^4.5.1",
+    "date-fns": "^2.17.0",
     "enzyme": "^3.10.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",