@atlaskit/media-table 15.0.18 → 15.0.20

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.
Files changed (33) hide show
  1. package/CHANGELOG.md +420 -408
  2. package/compass.yml +4 -3
  3. package/dist/cjs/component/mediaTable.js +5 -2
  4. package/dist/cjs/component/nameCell.js +15 -11
  5. package/dist/cjs/component/styles.js +10 -0
  6. package/dist/es2019/component/mediaTable.js +4 -1
  7. package/dist/es2019/component/nameCell.js +15 -11
  8. package/dist/es2019/component/styles.js +9 -0
  9. package/dist/esm/component/mediaTable.js +4 -1
  10. package/dist/esm/component/nameCell.js +15 -11
  11. package/dist/esm/component/styles.js +9 -0
  12. package/dist/types/component/downloadButton.d.ts +1 -1
  13. package/dist/types/component/mediaTable.d.ts +2 -2
  14. package/dist/types/component/nameCell.d.ts +3 -3
  15. package/dist/types/component/previewButton.d.ts +1 -1
  16. package/dist/types/types.d.ts +4 -4
  17. package/dist/types/util/generateHeadValues.d.ts +1 -1
  18. package/dist/types/util/generateRowValues.d.ts +1 -1
  19. package/dist/types/util/getValidTableProps.d.ts +1 -1
  20. package/dist/types/util/index.d.ts +1 -1
  21. package/dist/types-ts4.5/component/downloadButton.d.ts +1 -1
  22. package/dist/types-ts4.5/component/mediaTable.d.ts +2 -2
  23. package/dist/types-ts4.5/component/nameCell.d.ts +3 -3
  24. package/dist/types-ts4.5/component/previewButton.d.ts +1 -1
  25. package/dist/types-ts4.5/types.d.ts +4 -4
  26. package/dist/types-ts4.5/util/generateHeadValues.d.ts +1 -1
  27. package/dist/types-ts4.5/util/generateRowValues.d.ts +1 -1
  28. package/dist/types-ts4.5/util/getValidTableProps.d.ts +1 -1
  29. package/dist/types-ts4.5/util/index.d.ts +1 -1
  30. package/example-helpers/helpers.tsx +95 -107
  31. package/example-helpers/styles.tsx +18 -23
  32. package/package.json +77 -79
  33. package/report.api.md +43 -44
package/example-helpers/helpers.tsx CHANGED
@@ -1,132 +1,120 @@
1
1
  /**@jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { jsx } from '@emotion/react';
3
4
  import React, { useState } from 'react';
4
5
  import dateFnsFormat from 'date-fns/format';
5
- import { MediaType } from '@atlaskit/media-client';
6
+ import { type MediaType } from '@atlaskit/media-client';
6
7
  import { exampleWrapperStyles, ROW_HIGHLIGHT_CLASSNAME } from './styles';
7
8
  import Range from '@atlaskit/range';
8
9
  import { toHumanReadableMediaSize } from '@atlaskit/media-ui';
9
10
  import {
10
- largeImageFileId,
11
- smallImageFileId,
12
- imageFileId,
13
- audioFileId,
14
- docFileId,
15
- videoProcessingFailedId,
11
+ largeImageFileId,
12
+ smallImageFileId,
13
+ imageFileId,
14
+ audioFileId,
15
+ docFileId,
16
+ videoProcessingFailedId,
16
17
  } from '@atlaskit/media-test-helpers';
17
- import { MediaTableItem, NameCell } from '../src';
18
+ import { type MediaTableItem, NameCell } from '../src';
18
19
  import { IntlProvider } from 'react-intl-next';
19
20
 
20
21
  export const createMockFileData = (name: string, mediaType: MediaType) => {
21
- return <NameCell text={name} mediaType={mediaType} endFixedChars={4} />;
22
+ return <NameCell text={name} mediaType={mediaType} endFixedChars={4} />;
22
23
  };
23
24
 
24
25
  const dateformat = (date: number, format = 'E MMM dd yyyy kk:mm:ss') => {
25
- return dateFnsFormat(date, format);
26
+ return dateFnsFormat(date, format);
26
27
  };
27
28
 
28
- export const RenderMediaTableWithFieldRange = (
29
- MediaTableNode: React.ReactNode,
30
- ) => {
31
- const [width, setWidth] = useState(1000);
29
+ export const RenderMediaTableWithFieldRange = (MediaTableNode: React.ReactNode) => {
30
+ const [width, setWidth] = useState(1000);
32
31
 
33
- return (
34
- <div css={exampleWrapperStyles}>
35
- <IntlProvider locale="en">
36
- <div>
37
- Parent width: {width}px
38
- <Range
39
- value={width}
40
- min={0}
41
- max={1500}
42
- step={5}
43
- onChange={setWidth}
44
- />
45
- </div>
46
- <div style={{ width: `${width}px` }}>{MediaTableNode}</div>
47
- </IntlProvider>
48
- </div>
49
- );
32
+ return (
33
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
34
+ <div css={exampleWrapperStyles}>
35
+ <IntlProvider locale="en">
36
+ <div>
37
+ Parent width: {width}px
38
+ <Range value={width} min={0} max={1500} step={5} onChange={setWidth} />
39
+ </div>
40
+ <div style={{ width: `${width}px` }}>{MediaTableNode}</div>
41
+ </IntlProvider>
42
+ </div>
43
+ );
50
44
  };
51
45
 
52
46
  export const items: MediaTableItem[] = [
53
- {
54
- data: {
55
- file: createMockFileData(
56
- 'Alabama-hills-5616x3744-california-us-mountains-sky-sunset-4887.jpg',
57
- 'image',
58
- ),
59
- size: toHumanReadableMediaSize(123123),
60
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
61
- },
62
- identifier: imageFileId,
63
- },
64
- {
65
- data: {
66
- file: createMockFileData(
67
- 'AirReview-Landmarks-02-ChasingCorporate.mp3',
68
- 'audio',
69
- ),
70
- size: toHumanReadableMediaSize(123123),
71
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
72
- },
73
- identifier: audioFileId,
74
- rowProps: { className: ROW_HIGHLIGHT_CLASSNAME },
75
- },
76
- {
77
- data: {
78
- file: createMockFileData(
79
- '1Full Movie Fully Flared - Eric Koston, Guy Mariano, Mike Mo Capaldi.mp4',
80
- 'video',
81
- ),
82
- size: toHumanReadableMediaSize(123123),
83
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
84
- },
85
- identifier: videoProcessingFailedId,
86
- },
87
- {
88
- data: {
89
- file: createMockFileData('Elektromaterial.pdf', 'doc'),
90
- size: toHumanReadableMediaSize(123123),
91
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
92
- },
93
- identifier: docFileId,
94
- },
95
- {
96
- data: {
97
- file: createMockFileData(
98
- 'Screen Shot 2017-06-28 at 6.27.20 PM.png',
99
- 'image',
100
- ),
101
- size: toHumanReadableMediaSize(123123),
102
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
103
- },
104
- identifier: largeImageFileId,
105
- },
106
- {
107
- data: {
108
- file: createMockFileData('Icon-dollar-small.png', 'image'),
109
- size: toHumanReadableMediaSize(123123),
110
- date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
111
- },
112
- identifier: smallImageFileId,
113
- },
47
+ {
48
+ data: {
49
+ file: createMockFileData(
50
+ 'Alabama-hills-5616x3744-california-us-mountains-sky-sunset-4887.jpg',
51
+ 'image',
52
+ ),
53
+ size: toHumanReadableMediaSize(123123),
54
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
55
+ },
56
+ identifier: imageFileId,
57
+ },
58
+ {
59
+ data: {
60
+ file: createMockFileData('AirReview-Landmarks-02-ChasingCorporate.mp3', 'audio'),
61
+ size: toHumanReadableMediaSize(123123),
62
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
63
+ },
64
+ identifier: audioFileId,
65
+ rowProps: { className: ROW_HIGHLIGHT_CLASSNAME },
66
+ },
67
+ {
68
+ data: {
69
+ file: createMockFileData(
70
+ '1Full Movie Fully Flared - Eric Koston, Guy Mariano, Mike Mo Capaldi.mp4',
71
+ 'video',
72
+ ),
73
+ size: toHumanReadableMediaSize(123123),
74
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
75
+ },
76
+ identifier: videoProcessingFailedId,
77
+ },
78
+ {
79
+ data: {
80
+ file: createMockFileData('Elektromaterial.pdf', 'doc'),
81
+ size: toHumanReadableMediaSize(123123),
82
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
83
+ },
84
+ identifier: docFileId,
85
+ },
86
+ {
87
+ data: {
88
+ file: createMockFileData('Screen Shot 2017-06-28 at 6.27.20 PM.png', 'image'),
89
+ size: toHumanReadableMediaSize(123123),
90
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
91
+ },
92
+ identifier: largeImageFileId,
93
+ },
94
+ {
95
+ data: {
96
+ file: createMockFileData('Icon-dollar-small.png', 'image'),
97
+ size: toHumanReadableMediaSize(123123),
98
+ date: dateformat(123123232, 'mmm dd, yyyy, h:mmtt'),
99
+ },
100
+ identifier: smallImageFileId,
101
+ },
114
102
  ];
115
103
 
116
104
  export const generateItems = (numItems: number) => {
117
- const items = [];
118
- for (let i = 1; i <= numItems; i++) {
119
- items.push({
120
- data: {
121
- file: createMockFileData(`test-${i}`, 'image'),
122
- size: toHumanReadableMediaSize(i),
123
- date: dateformat(123123232),
124
- },
125
- identifier: {
126
- ...smallImageFileId,
127
- id: `test-id-${i}`,
128
- },
129
- });
130
- }
131
- return items;
105
+ const items = [];
106
+ for (let i = 1; i <= numItems; i++) {
107
+ items.push({
108
+ data: {
109
+ file: createMockFileData(`test-${i}`, 'image'),
110
+ size: toHumanReadableMediaSize(i),
111
+ date: dateformat(123123232),
112
+ },
113
+ identifier: {
114
+ ...smallImageFileId,
115
+ id: `test-id-${i}`,
116
+ },
117
+ });
118
+ }
119
+ return items;
132
120
  };
package/example-helpers/styles.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import { token } from '@atlaskit/tokens';
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css } from '@emotion/react';
3
4
  // AFP-2532 TODO: Fix automatic suppressions below
4
5
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
@@ -7,34 +8,28 @@ import { colors } from '@atlaskit/theme';
7
8
  export const ROW_HIGHLIGHT_CLASSNAME = 'media-table-row-highlighted';
8
9
  export const ROW_CLASSNAME = 'media-table-row';
9
10
 
10
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
11
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
12
  export const exampleWrapperStyles = css`
12
- display: flex;
13
- flex-direction: column;
14
- align-items: center;
13
+ display: flex;
14
+ flex-direction: column;
15
+ align-items: center;
15
16
 
16
- .${ROW_HIGHLIGHT_CLASSNAME} {
17
- background-color: ${token('color.background.warning', colors.Y50)};
17
+ .${ROW_HIGHLIGHT_CLASSNAME} {
18
+ background-color: ${token('color.background.warning', colors.Y50)};
18
19
 
19
- &:hover {
20
- background-color: ${token(
21
- 'color.background.warning.hovered',
22
- colors.Y75,
23
- )};
24
- }
25
- }
20
+ &:hover {
21
+ background-color: ${token('color.background.warning.hovered', colors.Y75)};
22
+ }
23
+ }
26
24
  `;
27
25
 
28
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
26
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
27
  export const greenOnHoverStyles = css`
30
- background-color: ${token('color.background.danger.bold', 'red')};
31
- height: 8px;
32
- width: 8px;
28
+ background-color: ${token('color.background.danger.bold', 'red')};
29
+ height: 8px;
30
+ width: 8px;
33
31
 
34
- .${ROW_CLASSNAME}:hover & {
35
- background-color: ${token(
36
- 'color.background.success.bold.hovered',
37
- 'green',
38
- )};
39
- }
32
+ .${ROW_CLASSNAME}:hover & {
33
+ background-color: ${token('color.background.success.bold.hovered', 'green')};
34
+ }
40
35
  `;
package/package.json CHANGED
@@ -1,80 +1,78 @@
1
1
  {
2
- "name": "@atlaskit/media-table",
3
- "version": "15.0.18",
4
- "description": "Table UI component",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "af:exports": {
26
- ".": "./src/index.ts"
27
- },
28
- "atlassian": {
29
- "team": "Media Experience",
30
- "inPublicMirror": true,
31
- "releaseModel": "continuous",
32
- "website": {
33
- "name": "Media Client"
34
- }
35
- },
36
- "dependencies": {
37
- "@atlaskit/analytics-next": "^9.3.0",
38
- "@atlaskit/button": "^17.14.0",
39
- "@atlaskit/dynamic-table": "^14.16.0",
40
- "@atlaskit/icon": "^22.1.0",
41
- "@atlaskit/media-client": "^27.0.0",
42
- "@atlaskit/media-client-react": "^2.0.0",
43
- "@atlaskit/media-ui": "^25.10.0",
44
- "@atlaskit/media-viewer": "^48.5.0",
45
- "@atlaskit/theme": "^12.7.0",
46
- "@atlaskit/tokens": "^1.45.0",
47
- "@atlaskit/tooltip": "^18.3.0",
48
- "@babel/runtime": "^7.0.0",
49
- "memoize-one": "^6.0.0"
50
- },
51
- "peerDependencies": {
52
- "@atlaskit/media-core": "^34.2.0",
53
- "@emotion/react": "^11.7.1",
54
- "react": "^16.8.0",
55
- "react-dom": "^16.8.0",
56
- "react-intl-next": "npm:react-intl@^5.18.1"
57
- },
58
- "devDependencies": {
59
- "@atlaskit/icon-file-type": "^6.4.0",
60
- "@atlaskit/media-core": "^34.2.0",
61
- "@atlaskit/media-test-helpers": "^33.0.0",
62
- "@atlaskit/range": "^7.2.0",
63
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
64
- "@emotion/react": "^11.7.1",
65
- "date-fns": "^2.17.0",
66
- "enzyme": "^3.10.0",
67
- "react": "^16.8.0",
68
- "react-dom": "^16.8.0",
69
- "typescript": "~5.4.2"
70
- },
71
- "techstack": {
72
- "@repo/internal": {
73
- "design-tokens": [
74
- "color",
75
- "spacing"
76
- ]
77
- }
78
- },
79
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
80
- }
2
+ "name": "@atlaskit/media-table",
3
+ "version": "15.0.20",
4
+ "description": "Table UI component",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "af:exports": {
26
+ ".": "./src/index.ts"
27
+ },
28
+ "atlassian": {
29
+ "team": "Media Experience",
30
+ "inPublicMirror": true,
31
+ "releaseModel": "continuous",
32
+ "website": {
33
+ "name": "Media Client"
34
+ }
35
+ },
36
+ "dependencies": {
37
+ "@atlaskit/analytics-next": "^9.3.0",
38
+ "@atlaskit/button": "^19.0.0",
39
+ "@atlaskit/dynamic-table": "^14.18.0",
40
+ "@atlaskit/icon": "^22.6.0",
41
+ "@atlaskit/media-client": "^27.3.0",
42
+ "@atlaskit/media-client-react": "^2.0.0",
43
+ "@atlaskit/media-ui": "^25.10.0",
44
+ "@atlaskit/media-viewer": "^48.6.0",
45
+ "@atlaskit/theme": "^12.11.0",
46
+ "@atlaskit/tokens": "^1.56.0",
47
+ "@atlaskit/tooltip": "^18.5.0",
48
+ "@babel/runtime": "^7.0.0",
49
+ "memoize-one": "^6.0.0"
50
+ },
51
+ "peerDependencies": {
52
+ "@atlaskit/media-core": "^34.2.0",
53
+ "@emotion/react": "^11.7.1",
54
+ "react": "^16.8.0",
55
+ "react-dom": "^16.8.0",
56
+ "react-intl-next": "npm:react-intl@^5.18.1"
57
+ },
58
+ "devDependencies": {
59
+ "@atlaskit/icon-file-type": "^6.4.0",
60
+ "@atlaskit/media-core": "^34.2.0",
61
+ "@atlaskit/media-test-helpers": "^34.0.0",
62
+ "@atlaskit/range": "^7.3.0",
63
+ "@emotion/react": "^11.7.1",
64
+ "date-fns": "^2.17.0",
65
+ "enzyme": "^3.10.0",
66
+ "react": "^16.8.0",
67
+ "react-dom": "^16.8.0",
68
+ "typescript": "~5.4.2"
69
+ },
70
+ "techstack": {
71
+ "@repo/internal": {
72
+ "design-tokens": [
73
+ "color",
74
+ "spacing"
75
+ ]
76
+ }
77
+ }
78
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/media-table"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -33,46 +34,44 @@ import { WrappedComponentProps } from 'react-intl-next';
33
34
 
34
35
  // @public (undocumented)
35
36
  export const MediaTable: React_2.ComponentType<
36
- WithMediaClientConfigProps<
37
- Omit<
38
- React_2.PropsWithChildren<
39
- WithIntlProps<MediaTableProps & WrappedComponentProps<'intl'>>
40
- >,
41
- keyof WithAnalyticsEventsProps
42
- > &
43
- React_2.RefAttributes<any>
44
- >
37
+ WithMediaClientConfigProps<
38
+ Omit<
39
+ React_2.PropsWithChildren<WithIntlProps<MediaTableProps & WrappedComponentProps<'intl'>>>,
40
+ keyof WithAnalyticsEventsProps
41
+ > &
42
+ React_2.RefAttributes<any>
43
+ >
45
44
  >;
46
45
 
47
46
  // @public (undocumented)
48
47
  export interface MediaTableItem {
49
- // (undocumented)
50
- data: RowData;
51
- // (undocumented)
52
- identifier: FileIdentifier;
53
- rowProps?: RowProps;
48
+ // (undocumented)
49
+ data: RowData;
50
+ // (undocumented)
51
+ identifier: FileIdentifier;
52
+ rowProps?: RowProps;
54
53
  }
55
54
 
56
55
  // @public (undocumented)
57
56
  export interface MediaTableProps {
58
- columns: HeadType;
59
- // (undocumented)
60
- createAnalyticsEvent: CreateUIAnalyticsEvent;
61
- highlightedRowIndex?: number[];
62
- isLoading?: boolean;
63
- items: MediaTableItem[];
64
- itemsPerPage?: number;
65
- // (undocumented)
66
- mediaClient: MediaClient;
67
- onPreviewClose?: () => void;
68
- onPreviewOpen?: () => void;
69
- onRowClick?: (rowData: RowData, index: number) => boolean;
70
- onSetPage?: (pageNumber: number) => void;
71
- onSort?: (key: string, sortOrder: SortOrderType) => void;
72
- pageNumber?: number;
73
- sortKey?: string;
74
- sortOrder?: SortOrderType;
75
- totalItems: number;
57
+ columns: HeadType;
58
+ // (undocumented)
59
+ createAnalyticsEvent: CreateUIAnalyticsEvent;
60
+ highlightedRowIndex?: number[];
61
+ isLoading?: boolean;
62
+ items: MediaTableItem[];
63
+ itemsPerPage?: number;
64
+ // (undocumented)
65
+ mediaClient: MediaClient;
66
+ onPreviewClose?: () => void;
67
+ onPreviewOpen?: () => void;
68
+ onRowClick?: (rowData: RowData, index: number) => boolean;
69
+ onSetPage?: (pageNumber: number) => void;
70
+ onSort?: (key: string, sortOrder: SortOrderType) => void;
71
+ pageNumber?: number;
72
+ sortKey?: string;
73
+ sortOrder?: SortOrderType;
74
+ totalItems: number;
76
75
  }
77
76
 
78
77
  // @public (undocumented)
@@ -80,20 +79,20 @@ export const NameCell: FC<NameCellProps>;
80
79
 
81
80
  // @public (undocumented)
82
81
  export interface NameCellProps extends TruncateProps {
83
- // (undocumented)
84
- mediaType?: MediaType;
82
+ // (undocumented)
83
+ mediaType?: MediaType;
85
84
  }
86
85
 
87
86
  // @public (undocumented)
88
87
  interface RowData {
89
- // (undocumented)
90
- [key: string]: React.ReactNode | string;
88
+ // (undocumented)
89
+ [key: string]: React.ReactNode | string;
91
90
  }
92
91
 
93
92
  // @public (undocumented)
94
93
  interface RowProps {
95
- // (undocumented)
96
- className?: string;
94
+ // (undocumented)
95
+ className?: string;
97
96
  }
98
97
 
99
98
  export { SortOrderType };
@@ -109,11 +108,11 @@ export { SortOrderType };
109
108
 
110
109
  ```json
111
110
  {
112
- "@atlaskit/media-core": "^34.1.2",
113
- "@emotion/react": "^11.7.1",
114
- "react": "^16.8.0",
115
- "react-dom": "^16.8.0",
116
- "react-intl-next": "npm:react-intl@^5.18.1"
111
+ "@atlaskit/media-core": "^34.1.2",
112
+ "@emotion/react": "^11.7.1",
113
+ "react": "^16.8.0",
114
+ "react-dom": "^16.8.0",
115
+ "react-intl-next": "npm:react-intl@^5.18.1"
117
116
  }
118
117
  ```
119
118