@atlaskit/media-table 10.0.3 → 12.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +98 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/es2019/version.json +1 -1
  4. package/dist/esm/version.json +1 -1
  5. package/dist/types/component/mediaTable.d.ts +1 -1
  6. package/dist/types/component/styled.d.ts +3 -3
  7. package/package.json +10 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,103 @@
1
1
  # @atlaskit/media-table
2
2
 
3
+ ## 12.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 11.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
14
+ - Updated dependencies
15
+
16
+ ## 11.0.0
17
+
18
+ ### Minor Changes
19
+
20
+ - [`f862d5ae7aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f862d5ae7aa) - remove RxJs peer dependency
21
+ - [`118f3af101f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/118f3af101f) - Media Client APIs has been updated to use MediaSubscribable which provides subscription functionality (similar to RxJs observables).
22
+ It exposes subscribe method that is called with MediaObserver as an argument and returns MediaSubscription.
23
+ MediaSubscription exposes unsubscribe method.
24
+
25
+ getFileState:
26
+ The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
27
+
28
+ ```
29
+ import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
30
+
31
+ const mediaClient = new MediaClient({ authProvider });
32
+
33
+ const fileStateSubscribable: MediaSubscribable<FileState> = mediaClient.file.getFileState(id);
34
+
35
+ const mediaObserver: MediaObserver<FileState> = {
36
+ next: (fileState) => {
37
+ nextCallback(fileState)
38
+ },
39
+ error: (error) => {
40
+ errorCallback(error)
41
+ },
42
+ };
43
+
44
+ const subscription: MediaSubscription = fileStateSubscribable.subscribe(mediaObserver);
45
+
46
+ subscription.unsubscribe();
47
+ ```
48
+
49
+ upload:
50
+ The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
51
+
52
+ ```
53
+ import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
54
+
55
+ const mediaClient = new MediaClient({ authProvider });
56
+
57
+ const uploadFileSubscribable: MediaSubscribable<FileState> = mediaClient.file.upload(uploadableFile);
58
+
59
+ const mediaObserver: MediaObserver<FileState> = {
60
+ next: (fileState) => {
61
+ nextCallback(fileState)
62
+ },
63
+ error: (error) => {
64
+ errorCallback(error)
65
+ },
66
+ };
67
+
68
+ const subscription: MediaSubscription = uploadFileSubscribable.subscribe(mediaObserver);
69
+
70
+ subscription.unsubscribe();
71
+ ```
72
+
73
+ getItems:
74
+ The returned type of this function has changed from RxJs ReplaySubject to MediaSubscribable.
75
+
76
+ ```
77
+ import { MediaClient, MediaObserver, MediaSubscribable, MediaSubscription } from '@atlaskit/media-client';
78
+
79
+ const mediaClient = new MediaClient({ authProvider });
80
+
81
+ const collectionItemsSubscribable: MediaSubscribable<MediaCollectionItem[]> = mediaClient.collection.getItems(collectionName);
82
+
83
+ const mediaObserver: MediaObserver<MediaCollectionItem[]> = {
84
+ next: (items) => {
85
+ nextCallback(items)
86
+ },
87
+ error: (error) => {
88
+ errorCallback(error)
89
+ },
90
+ };
91
+
92
+ const subscription: MediaSubscription = collectionItemsSubscribable.subscribe(mediaObserver);
93
+
94
+ subscription.unsubscribe();
95
+ ```
96
+
97
+ ### Patch Changes
98
+
99
+ - Updated dependencies
100
+
3
101
  ## 10.0.3
4
102
 
5
103
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "10.0.3",
3
+ "version": "12.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "10.0.3",
3
+ "version": "12.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "10.0.3",
3
+ "version": "12.0.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/component/mediaTable.d.ts CHANGED
@@ -21,5 +21,5 @@ export declare class MediaTable extends Component<MediaTableProps & WrappedCompo
21
21
  private renderMediaViewer;
22
22
  render(): JSX.Element;
23
23
  }
24
- 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>>>;
24
+ declare const _default: React.ComponentType<import("@atlaskit/media-client").WithMediaClientConfigProps<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
25
25
  export default _default;
package/dist/types/component/styled.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- export declare const NameCellWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
3
- export declare const TruncateWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
4
- export declare const MediaTableWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
2
+ export declare const NameCellWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
3
+ export declare const TruncateWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
4
+ export declare const MediaTableWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "10.0.3",
3
+ "version": "12.0.0",
4
4
  "description": "Table UI component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,31 +27,30 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@atlaskit/analytics-next": "^8.0.0",
30
- "@atlaskit/button": "^16.2.0",
30
+ "@atlaskit/button": "^16.3.0",
31
31
  "@atlaskit/dynamic-table": "^14.5.0",
32
32
  "@atlaskit/icon": "^21.10.0",
33
- "@atlaskit/media-client": "^14.4.0",
34
- "@atlaskit/media-ui": "^20.0.0",
35
- "@atlaskit/media-viewer": "^46.1.0",
33
+ "@atlaskit/media-client": "^16.0.0",
34
+ "@atlaskit/media-ui": "^22.0.0",
35
+ "@atlaskit/media-viewer": "^46.3.0",
36
36
  "@atlaskit/theme": "^12.1.0",
37
37
  "@atlaskit/tooltip": "^17.5.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "memoize-one": "^6.0.0"
40
40
  },
41
41
  "peerDependencies": {
42
- "@atlaskit/media-core": "^32.2.0",
42
+ "@atlaskit/media-core": "^33.0.0",
43
43
  "react": "^16.8.0",
44
44
  "react-dom": "^16.8.0",
45
45
  "react-intl-next": "npm:react-intl@^5.18.1",
46
- "rxjs": "^5.5.0",
47
46
  "styled-components": "^3.2.6"
48
47
  },
49
48
  "devDependencies": {
50
49
  "@atlaskit/docs": "^9.0.0",
51
50
  "@atlaskit/icon-file-type": "^6.3.0",
52
- "@atlaskit/media-common": "^2.11.0",
53
- "@atlaskit/media-core": "^32.2.0",
54
- "@atlaskit/media-test-helpers": "^29.2.0",
51
+ "@atlaskit/media-common": "^2.13.0",
52
+ "@atlaskit/media-core": "^33.0.0",
53
+ "@atlaskit/media-test-helpers": "^30.0.0",
55
54
  "@atlaskit/range": "^6.0.0",
56
55
  "@atlaskit/ssr": "*",
57
56
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -59,9 +58,8 @@
59
58
  "enzyme": "^3.10.0",
60
59
  "react": "^16.8.0",
61
60
  "react-dom": "^16.8.0",
62
- "rxjs": "^5.5.0",
63
61
  "styled-components": "^3.2.6",
64
- "typescript": "3.9.6"
62
+ "typescript": "4.2.4"
65
63
  },
66
64
  "resolutions": {
67
65
  "lru-fast": "0.2.2"