@atlaskit/media-table 18.1.15 → 19.0.0
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 +25 -0
- package/dist/cjs/component/downloadButton.js +2 -2
- package/dist/cjs/component/mediaTable.js +3 -3
- package/dist/cjs/component/previewButton.js +2 -2
- package/dist/es2019/component/downloadButton.js +1 -1
- package/dist/es2019/component/mediaTable.js +1 -1
- package/dist/es2019/component/previewButton.js +1 -1
- package/dist/esm/component/downloadButton.js +1 -1
- package/dist/esm/component/mediaTable.js +1 -1
- package/dist/esm/component/previewButton.js +1 -1
- package/dist/types/component/downloadButton.d.ts +1 -1
- package/dist/types/component/mediaTable.d.ts +2 -2
- package/dist/types/component/previewButton.d.ts +1 -1
- package/dist/types-ts4.5/component/downloadButton.d.ts +1 -1
- package/dist/types-ts4.5/component/mediaTable.d.ts +2 -2
- package/dist/types-ts4.5/component/previewButton.d.ts +1 -1
- package/example-helpers/helpers.tsx +1 -1
- package/package.json +10 -9
- package/report.api.md +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/media-table
|
|
2
2
|
|
|
3
|
+
## 19.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`770f036c93884`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/770f036c93884) -
|
|
8
|
+
Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
|
|
9
|
+
|
|
10
|
+
What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
|
|
11
|
+
removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
|
|
12
|
+
to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
|
|
13
|
+
|
|
14
|
+
How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
|
|
15
|
+
`^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
|
|
16
|
+
can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
22
|
+
## 18.1.16
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 18.1.15
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _reactIntl = require("react-intl");
|
|
11
11
|
var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
|
|
12
12
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
13
13
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
@@ -50,5 +50,5 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
};
|
|
53
|
-
var _default_1 = (0,
|
|
53
|
+
var _default_1 = (0, _reactIntl.injectIntl)(MediaDownloadButton);
|
|
54
54
|
var _default = exports.default = _default_1;
|
|
@@ -17,7 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
17
17
|
var _react = require("@emotion/react");
|
|
18
18
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
19
19
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
20
|
-
var
|
|
20
|
+
var _reactIntl = require("react-intl");
|
|
21
21
|
var _dynamicTable = require("@atlaskit/dynamic-table");
|
|
22
22
|
var _mediaClient = require("@atlaskit/media-client");
|
|
23
23
|
var _mediaClientReact = require("@atlaskit/media-client-react");
|
|
@@ -293,13 +293,13 @@ var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
|
|
|
293
293
|
(0, _react.jsx)("div", {
|
|
294
294
|
css: _styles.mediaTableWrapperStyles
|
|
295
295
|
}, this.renderTable(), this.renderMediaViewer());
|
|
296
|
-
return this.props.intl ? content : (0, _react.jsx)(
|
|
296
|
+
return this.props.intl ? content : (0, _react.jsx)(_reactIntl.IntlProvider, {
|
|
297
297
|
locale: "en"
|
|
298
298
|
}, content);
|
|
299
299
|
}
|
|
300
300
|
}]);
|
|
301
301
|
}(_react2.Component);
|
|
302
|
-
var _default_1 = (0, _mediaClientReact.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()((0,
|
|
302
|
+
var _default_1 = (0, _mediaClientReact.withMediaClient)((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(MediaTable, {
|
|
303
303
|
enforceContext: false
|
|
304
304
|
})));
|
|
305
305
|
var _default = exports.default = _default_1;
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
10
|
+
var _reactIntl = require("react-intl");
|
|
11
11
|
var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
|
|
12
12
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
13
13
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
@@ -39,5 +39,5 @@ var MediaPreviewButton = function MediaPreviewButton(props) {
|
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
};
|
|
42
|
-
var _default_1 = (0,
|
|
42
|
+
var _default_1 = (0, _reactIntl.injectIntl)(MediaPreviewButton);
|
|
43
43
|
var _default = exports.default = _default_1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
3
|
-
import { injectIntl } from 'react-intl
|
|
3
|
+
import { injectIntl } from 'react-intl';
|
|
4
4
|
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
5
5
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
6
6
|
import { messages } from '@atlaskit/media-ui';
|
|
@@ -8,7 +8,7 @@ import { jsx } from '@emotion/react';
|
|
|
8
8
|
import React, { Component } from 'react';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
10
10
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
11
|
-
import { IntlProvider, injectIntl } from 'react-intl
|
|
11
|
+
import { IntlProvider, injectIntl } from 'react-intl';
|
|
12
12
|
import { DynamicTableStateless } from '@atlaskit/dynamic-table';
|
|
13
13
|
import { isFileIdentifier, isProcessedFileState } from '@atlaskit/media-client';
|
|
14
14
|
import { withMediaClient } from '@atlaskit/media-client-react';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
3
|
-
import { injectIntl } from 'react-intl
|
|
3
|
+
import { injectIntl } from 'react-intl';
|
|
4
4
|
import EditorFilePreviewIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
5
5
|
import Button from '@atlaskit/button';
|
|
6
6
|
import { messages } from '@atlaskit/media-ui';
|
|
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import React from 'react';
|
|
5
5
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
6
|
-
import { injectIntl } from 'react-intl
|
|
6
|
+
import { injectIntl } from 'react-intl';
|
|
7
7
|
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
8
8
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
9
9
|
import { messages } from '@atlaskit/media-ui';
|
|
@@ -19,7 +19,7 @@ import { jsx } from '@emotion/react';
|
|
|
19
19
|
import React, { Component } from 'react';
|
|
20
20
|
import ReactDOM from 'react-dom';
|
|
21
21
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
22
|
-
import { IntlProvider, injectIntl } from 'react-intl
|
|
22
|
+
import { IntlProvider, injectIntl } from 'react-intl';
|
|
23
23
|
import { DynamicTableStateless } from '@atlaskit/dynamic-table';
|
|
24
24
|
import { isFileIdentifier, isProcessedFileState } from '@atlaskit/media-client';
|
|
25
25
|
import { withMediaClient } from '@atlaskit/media-client-react';
|
|
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import React from 'react';
|
|
5
5
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
6
|
-
import { injectIntl } from 'react-intl
|
|
6
|
+
import { injectIntl } from 'react-intl';
|
|
7
7
|
import EditorFilePreviewIcon from '@atlaskit/icon/core/grow-diagonal';
|
|
8
8
|
import Button from '@atlaskit/button';
|
|
9
9
|
import { messages } from '@atlaskit/media-ui';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
import { type WithMediaClientConfigProps } from '@atlaskit/media-client-react';
|
|
4
4
|
import { type MediaTableProps, type MediaTableState } from '../types';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
@@ -24,7 +24,7 @@ export declare class MediaTable extends Component<MediaTableProps & WrappedCompo
|
|
|
24
24
|
private renderMediaViewer;
|
|
25
25
|
render(): React.JSX.Element;
|
|
26
26
|
}
|
|
27
|
-
declare const _default_1: React.ComponentType<WithMediaClientConfigProps<Omit<Omit<MediaTableProps & WrappedComponentProps,
|
|
27
|
+
declare const _default_1: React.ComponentType<WithMediaClientConfigProps<Omit<Omit<MediaTableProps & WrappedComponentProps, 'intl'> & {
|
|
28
28
|
forwardedRef?: React.Ref<any>;
|
|
29
29
|
}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
|
|
30
30
|
export default _default_1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
import { type WithMediaClientConfigProps } from '@atlaskit/media-client-react';
|
|
4
4
|
import { type MediaTableProps, type MediaTableState } from '../types';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
@@ -24,7 +24,7 @@ export declare class MediaTable extends Component<MediaTableProps & WrappedCompo
|
|
|
24
24
|
private renderMediaViewer;
|
|
25
25
|
render(): React.JSX.Element;
|
|
26
26
|
}
|
|
27
|
-
declare const _default_1: React.ComponentType<WithMediaClientConfigProps<Omit<Omit<MediaTableProps & WrappedComponentProps,
|
|
27
|
+
declare const _default_1: React.ComponentType<WithMediaClientConfigProps<Omit<Omit<MediaTableProps & WrappedComponentProps, 'intl'> & {
|
|
28
28
|
forwardedRef?: React.Ref<any>;
|
|
29
29
|
}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
|
|
30
30
|
export default _default_1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl';
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
@@ -19,7 +19,7 @@ import {
|
|
|
19
19
|
videoProcessingFailedId,
|
|
20
20
|
} from '@atlaskit/media-test-helpers';
|
|
21
21
|
import { type MediaTableItem, NameCell } from '../src';
|
|
22
|
-
import { IntlProvider } from 'react-intl
|
|
22
|
+
import { IntlProvider } from 'react-intl';
|
|
23
23
|
|
|
24
24
|
export const createMockFileData = (name: string, mediaType: MediaType): jsx.JSX.Element => {
|
|
25
25
|
return <NameCell text={name} mediaType={mediaType} endFixedChars={4} />;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-table",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "19.0.0",
|
|
4
4
|
"description": "Table UI component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
33
33
|
"@atlaskit/button": "^23.11.0",
|
|
34
|
-
"@atlaskit/dynamic-table": "^18.
|
|
35
|
-
"@atlaskit/icon": "^34.
|
|
34
|
+
"@atlaskit/dynamic-table": "^18.4.0",
|
|
35
|
+
"@atlaskit/icon": "^34.2.0",
|
|
36
36
|
"@atlaskit/media-client": "^36.0.0",
|
|
37
37
|
"@atlaskit/media-client-react": "^5.0.0",
|
|
38
|
-
"@atlaskit/media-ui": "^
|
|
39
|
-
"@atlaskit/media-viewer": "^
|
|
40
|
-
"@atlaskit/tokens": "^
|
|
38
|
+
"@atlaskit/media-ui": "^29.0.0",
|
|
39
|
+
"@atlaskit/media-viewer": "^53.0.0",
|
|
40
|
+
"@atlaskit/tokens": "^13.0.0",
|
|
41
41
|
"@atlaskit/tooltip": "^21.1.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0",
|
|
43
43
|
"memoize-one": "^6.0.0"
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"react": "^18.2.0",
|
|
49
49
|
"react-dom": "^18.2.0",
|
|
50
|
-
"react-intl
|
|
50
|
+
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
54
54
|
"@atlaskit/media-core": "^37.0.0",
|
|
55
|
-
"@atlaskit/media-test-helpers": "^
|
|
55
|
+
"@atlaskit/media-test-helpers": "^41.0.0",
|
|
56
56
|
"@atlaskit/range": "^10.0.0",
|
|
57
57
|
"@emotion/react": "^11.7.1",
|
|
58
58
|
"@testing-library/react": "^16.3.0",
|
|
@@ -60,7 +60,8 @@
|
|
|
60
60
|
"date-fns": "^2.17.0",
|
|
61
61
|
"enzyme": "^3.10.0",
|
|
62
62
|
"react": "^18.2.0",
|
|
63
|
-
"react-dom": "^18.2.0"
|
|
63
|
+
"react-dom": "^18.2.0",
|
|
64
|
+
"react-intl": "^6.6.2"
|
|
64
65
|
},
|
|
65
66
|
"techstack": {
|
|
66
67
|
"@repo/internal": {
|
package/report.api.md
CHANGED
|
@@ -28,9 +28,9 @@ import { default as React_2 } from 'react';
|
|
|
28
28
|
import { SortOrderType } from '@atlaskit/dynamic-table/types';
|
|
29
29
|
import { TruncateProps } from '@atlaskit/media-ui/truncateText';
|
|
30
30
|
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
31
|
-
import { WithIntlProps } from 'react-intl
|
|
31
|
+
import { WithIntlProps } from 'react-intl';
|
|
32
32
|
import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
|
|
33
|
-
import { WrappedComponentProps } from 'react-intl
|
|
33
|
+
import { WrappedComponentProps } from 'react-intl';
|
|
34
34
|
|
|
35
35
|
// @public (undocumented)
|
|
36
36
|
export const MediaTable: React_2.ComponentType<
|
|
@@ -112,7 +112,7 @@ export { SortOrderType };
|
|
|
112
112
|
"@emotion/react": "^11.7.1",
|
|
113
113
|
"react": "^16.8.0",
|
|
114
114
|
"react-dom": "^16.8.0",
|
|
115
|
-
"react-intl
|
|
115
|
+
"react-intl": "npm:react-intl@^5.18.1"
|
|
116
116
|
}
|
|
117
117
|
```
|
|
118
118
|
|