@atlaskit/media-client 17.0.0 → 17.1.2

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 (56) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/client/collection-fetcher.js +4 -4
  3. package/dist/cjs/client/file-fetcher/index.js +5 -7
  4. package/dist/cjs/index.js +2 -2
  5. package/dist/cjs/uploader/index.js +112 -37
  6. package/dist/cjs/utils/{toMediaSubscribable.js → mediaSubscribable/fromObservable.js} +4 -4
  7. package/dist/cjs/utils/mediaSubscribable/index.js +27 -0
  8. package/dist/cjs/utils/{mediaSubscribableToPromise.js → mediaSubscribable/toPromise.js} +3 -3
  9. package/dist/cjs/utils/mediaSubscribable/types.js +5 -0
  10. package/dist/cjs/version.json +1 -1
  11. package/dist/es2019/client/collection-fetcher.js +2 -2
  12. package/dist/es2019/client/file-fetcher/index.js +5 -6
  13. package/dist/es2019/index.js +1 -1
  14. package/dist/es2019/uploader/index.js +13 -7
  15. package/dist/es2019/utils/{toMediaSubscribable.js → mediaSubscribable/fromObservable.js} +3 -3
  16. package/dist/es2019/utils/mediaSubscribable/index.js +2 -0
  17. package/dist/es2019/utils/{mediaSubscribableToPromise.js → mediaSubscribable/toPromise.js} +1 -1
  18. package/dist/es2019/utils/mediaSubscribable/types.js +1 -0
  19. package/dist/es2019/version.json +1 -1
  20. package/dist/esm/client/collection-fetcher.js +3 -3
  21. package/dist/esm/client/file-fetcher/index.js +6 -7
  22. package/dist/esm/client/media-client.js +1 -1
  23. package/dist/esm/client/media-store/index.js +1 -1
  24. package/dist/esm/client/media-store/resolveAuth.js +1 -1
  25. package/dist/esm/client/stargate-client.js +1 -1
  26. package/dist/esm/index.js +1 -1
  27. package/dist/esm/uploader/index.js +113 -38
  28. package/dist/esm/utils/createFileDataLoader.js +1 -1
  29. package/dist/esm/utils/getDimensionsFromBlob.js +1 -1
  30. package/dist/esm/utils/getVideoDimensionsFromBlob.js +1 -1
  31. package/dist/esm/utils/hashing/hasherCreator.js +1 -1
  32. package/dist/esm/utils/{toMediaSubscribable.js → mediaSubscribable/fromObservable.js} +3 -3
  33. package/dist/esm/utils/mediaSubscribable/index.js +2 -0
  34. package/dist/esm/utils/{mediaSubscribableToPromise.js → mediaSubscribable/toPromise.js} +1 -1
  35. package/dist/esm/utils/mediaSubscribable/types.js +1 -0
  36. package/dist/esm/utils/mobileUpload/helpers.js +1 -1
  37. package/dist/esm/utils/mobileUpload/stateMachine/index.js +1 -1
  38. package/dist/esm/utils/polling/index.js +1 -1
  39. package/dist/esm/utils/request/helpers.js +1 -1
  40. package/dist/esm/utils/request/index.js +1 -1
  41. package/dist/esm/utils/shouldFetchRemoteFileStates.js +1 -1
  42. package/dist/esm/version.json +1 -1
  43. package/dist/types/client/collection-fetcher.d.ts +1 -1
  44. package/dist/types/client/file-fetcher/index.d.ts +1 -1
  45. package/dist/types/index.d.ts +3 -3
  46. package/dist/types/utils/mediaSubscribable/fromObservable.d.ts +5 -0
  47. package/dist/types/utils/mediaSubscribable/index.d.ts +3 -0
  48. package/dist/types/utils/{mediaSubscribableToPromise.d.ts → mediaSubscribable/toPromise.d.ts} +3 -3
  49. package/dist/types/utils/mediaSubscribable/types.d.ts +16 -0
  50. package/dist/types/utils/safeUnsubscribe.d.ts +1 -1
  51. package/example-helpers/styles.ts +99 -0
  52. package/example-helpers/stylesWrapper.tsx +82 -0
  53. package/package.json +8 -7
  54. package/report.api.md +1389 -0
  55. package/dist/types/utils/toMediaSubscribable.d.ts +0 -20
  56. package/example-helpers/styled.ts +0 -77
@@ -1,20 +0,0 @@
1
- import { ReplaySubject } from 'rxjs/ReplaySubject';
2
- import { MediaSubscribableItem } from './../models/media-subscribable';
3
- export declare type MediaSubscription = {
4
- unsubscribe: () => void;
5
- };
6
- declare type PartialObserver<T extends MediaSubscribableItem> = {
7
- next?: (value: T) => void;
8
- error?: (err: any) => void;
9
- complete?: () => void;
10
- };
11
- declare type NextObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'next'>>;
12
- declare type ErrorObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'error'>>;
13
- declare type CompletionObserver<T extends MediaSubscribableItem> = PartialObserver<T> & Required<Pick<PartialObserver<T>, 'complete'>>;
14
- export declare type MediaObserver<T extends MediaSubscribableItem> = NextObserver<T> | ErrorObserver<T> | CompletionObserver<T> | ((value: T) => void);
15
- export declare type MediaSubscribable<T extends MediaSubscribableItem> = {
16
- subscribe(observer?: MediaObserver<T>): MediaSubscription;
17
- };
18
- export declare function toMediaSubscribable<T extends MediaSubscribableItem>(observable: ReplaySubject<T>): MediaSubscribable<T>;
19
- export declare function createMediaSubscribable<T extends MediaSubscribableItem>(mediaSubscribableItem?: T | Error): MediaSubscribable<T>;
20
- export {};
@@ -1,77 +0,0 @@
1
- import styled from 'styled-components';
2
- import { FileStatus } from '../src';
3
-
4
- export const Wrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.div`
5
- display: flex;
6
- `;
7
-
8
- export const ImagePreview: React.ComponentClass<React.ImgHTMLAttributes<{}>> = styled.img`
9
- width: 300px;
10
- `;
11
-
12
- export const PreviewWrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.div`
13
- flex: 1;
14
- `;
15
-
16
- export const MetadataWrapper: React.ComponentClass<React.HTMLAttributes<{}>> = styled.pre`
17
- width: 400px;
18
- overflow: scroll;
19
- flex: 1;
20
- `;
21
-
22
- export const FileInput: any = styled.input`
23
- color: transparent;
24
- `;
25
-
26
- export const FilesWrapper = styled.div``;
27
-
28
- export interface FilesWrapperProps {
29
- status: FileStatus;
30
- }
31
-
32
- const statusColorMap: { [key in FileStatus]: string } = {
33
- uploading: 'cornflowerblue',
34
- processing: 'peachpuff',
35
- processed: 'darkseagreen',
36
- error: 'indianred',
37
- 'failed-processing': 'indianred',
38
- };
39
-
40
- export const FileWrapper = styled.div`
41
- padding: 5px;
42
- margin: 10px;
43
- display: inline-block;
44
- width: 315px;
45
- background-color: ${({ status }: FilesWrapperProps) =>
46
- statusColorMap[status]};
47
- `;
48
-
49
- export const CardsWrapper = styled.div`
50
- width: 900px;
51
- padding: 10px;
52
- border-right: 1px solid #ccc;
53
-
54
- h1 {
55
- text-align: center;
56
- border-bottom: 1px solid #ccc;
57
- }
58
-
59
- > div {
60
- width: auto;
61
- display: inline-block;
62
- margin: 10px;
63
- }
64
- `;
65
-
66
- export const Header = styled.div`
67
- button {
68
- margin: 5px;
69
- }
70
- `;
71
-
72
- export const FileStateWrapper = styled.div`
73
- border: 1px solid;
74
- margin: 10px;
75
- padding: 10px;
76
- width: 500px;
77
- `;