@atlaskit/media-viewer 47.1.2 → 47.2.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 (136) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/analytics/index.js +1 -1
  3. package/dist/cjs/analytics/ufoExperiences.js +1 -1
  4. package/dist/cjs/components/media-viewer-loader.js +13 -6
  5. package/dist/cjs/header.js +6 -1
  6. package/dist/cjs/list.js +17 -5
  7. package/dist/cjs/navigation.js +16 -8
  8. package/dist/cjs/styleWrappers.js +11 -5
  9. package/dist/cjs/styles.js +33 -23
  10. package/dist/cjs/version.json +1 -1
  11. package/dist/cjs/viewers/archiveSidebar/archive-sidebar-folder-entry.js +30 -16
  12. package/dist/cjs/viewers/archiveSidebar/archive.js +2 -1
  13. package/dist/cjs/viewers/archiveSidebar/archiveViewerLoader.js +4 -4
  14. package/dist/cjs/viewers/archiveSidebar/styles.js +15 -11
  15. package/dist/cjs/viewers/audio.js +3 -1
  16. package/dist/cjs/viewers/codeViewer/styles.js +8 -2
  17. package/dist/cjs/viewers/doc/pdfRenderer.js +4 -0
  18. package/dist/cjs/viewers/image/interactive-img.js +4 -2
  19. package/dist/cjs/viewers/useThemeObserverHoc.js +26 -0
  20. package/dist/es2019/analytics/index.js +1 -1
  21. package/dist/es2019/analytics/ufoExperiences.js +1 -1
  22. package/dist/es2019/components/media-viewer-loader.js +11 -5
  23. package/dist/es2019/header.js +6 -1
  24. package/dist/es2019/list.js +12 -5
  25. package/dist/es2019/navigation.js +16 -7
  26. package/dist/es2019/styleWrappers.js +17 -9
  27. package/dist/es2019/styles.js +48 -25
  28. package/dist/es2019/version.json +1 -1
  29. package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-entry.js +30 -7
  30. package/dist/es2019/viewers/archiveSidebar/archive.js +4 -1
  31. package/dist/es2019/viewers/archiveSidebar/archiveViewerLoader.js +3 -3
  32. package/dist/es2019/viewers/archiveSidebar/styles.js +21 -14
  33. package/dist/es2019/viewers/audio.js +3 -1
  34. package/dist/es2019/viewers/codeViewer/styles.js +7 -2
  35. package/dist/es2019/viewers/doc/pdfRenderer.js +4 -0
  36. package/dist/es2019/viewers/image/interactive-img.js +4 -2
  37. package/dist/es2019/viewers/useThemeObserverHoc.js +14 -0
  38. package/dist/esm/analytics/index.js +1 -1
  39. package/dist/esm/analytics/ufoExperiences.js +1 -1
  40. package/dist/esm/components/media-viewer-loader.js +7 -6
  41. package/dist/esm/header.js +6 -1
  42. package/dist/esm/list.js +17 -5
  43. package/dist/esm/navigation.js +17 -7
  44. package/dist/esm/styleWrappers.js +12 -6
  45. package/dist/esm/styles.js +28 -21
  46. package/dist/esm/version.json +1 -1
  47. package/dist/esm/viewers/archiveSidebar/archive-sidebar-folder-entry.js +30 -14
  48. package/dist/esm/viewers/archiveSidebar/archive.js +4 -1
  49. package/dist/esm/viewers/archiveSidebar/archiveViewerLoader.js +3 -3
  50. package/dist/esm/viewers/archiveSidebar/styles.js +15 -12
  51. package/dist/esm/viewers/audio.js +3 -1
  52. package/dist/esm/viewers/codeViewer/styles.js +7 -2
  53. package/dist/esm/viewers/doc/pdfRenderer.js +4 -0
  54. package/dist/esm/viewers/image/interactive-img.js +4 -2
  55. package/dist/esm/viewers/useThemeObserverHoc.js +14 -0
  56. package/dist/types/components/media-viewer-loader.d.ts +5 -2
  57. package/dist/types/header.d.ts +1 -0
  58. package/dist/types/list.d.ts +1 -0
  59. package/dist/types/navigation.d.ts +1 -0
  60. package/dist/types/styleWrappers.d.ts +8 -2
  61. package/dist/types/styles.d.ts +10 -4
  62. package/dist/types/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +6 -4
  63. package/dist/types/viewers/archiveSidebar/styles.d.ts +4 -1
  64. package/dist/types/viewers/useThemeObserverHoc.d.ts +3 -0
  65. package/example-helpers/styles.ts +2 -1
  66. package/package.json +16 -17
  67. package/report.api.md +46 -52
  68. package/dist/types-ts4.0/analytics/events/index.d.ts +0 -14
  69. package/dist/types-ts4.0/analytics/events/operational/_mediaFile.d.ts +0 -3
  70. package/dist/types-ts4.0/analytics/events/operational/commenced.d.ts +0 -5
  71. package/dist/types-ts4.0/analytics/events/operational/loadFailed.d.ts +0 -6
  72. package/dist/types-ts4.0/analytics/events/operational/loadSucceeded.d.ts +0 -5
  73. package/dist/types-ts4.0/analytics/events/operational/previewUnsupported.d.ts +0 -6
  74. package/dist/types-ts4.0/analytics/events/operational/zipEntryLoadFailed.d.ts +0 -13
  75. package/dist/types-ts4.0/analytics/events/operational/zipEntryLoadSucceeded.d.ts +0 -12
  76. package/dist/types-ts4.0/analytics/events/screen/modal.d.ts +0 -3
  77. package/dist/types-ts4.0/analytics/events/ui/_clickedButton.d.ts +0 -2
  78. package/dist/types-ts4.0/analytics/events/ui/closed.d.ts +0 -8
  79. package/dist/types-ts4.0/analytics/events/ui/downloadButtonClicked.d.ts +0 -8
  80. package/dist/types-ts4.0/analytics/events/ui/failedPreviewDownloadButtonClicked.d.ts +0 -10
  81. package/dist/types-ts4.0/analytics/events/ui/navigated.d.ts +0 -12
  82. package/dist/types-ts4.0/analytics/events/ui/zoomInButtonClicked.d.ts +0 -8
  83. package/dist/types-ts4.0/analytics/events/ui/zoomOutButtonClicked.d.ts +0 -6
  84. package/dist/types-ts4.0/analytics/index.d.ts +0 -28
  85. package/dist/types-ts4.0/analytics/ufoExperiences.d.ts +0 -19
  86. package/dist/types-ts4.0/classnames.d.ts +0 -5
  87. package/dist/types-ts4.0/collection.d.ts +0 -36
  88. package/dist/types-ts4.0/components/media-viewer-analytics-error-boundary.d.ts +0 -10
  89. package/dist/types-ts4.0/components/media-viewer-loader.d.ts +0 -20
  90. package/dist/types-ts4.0/components/media-viewer.d.ts +0 -7
  91. package/dist/types-ts4.0/components/types.d.ts +0 -31
  92. package/dist/types-ts4.0/content.d.ts +0 -10
  93. package/dist/types-ts4.0/domain/index.d.ts +0 -10
  94. package/dist/types-ts4.0/domain/outcome.d.ts +0 -32
  95. package/dist/types-ts4.0/domain/zoomLevel.d.ts +0 -15
  96. package/dist/types-ts4.0/download.d.ts +0 -24
  97. package/dist/types-ts4.0/error-images.d.ts +0 -2
  98. package/dist/types-ts4.0/errorMessage.d.ts +0 -29
  99. package/dist/types-ts4.0/errors.d.ts +0 -23
  100. package/dist/types-ts4.0/header.d.ts +0 -40
  101. package/dist/types-ts4.0/index.d.ts +0 -2
  102. package/dist/types-ts4.0/item-viewer.d.ts +0 -44
  103. package/dist/types-ts4.0/list.d.ts +0 -27
  104. package/dist/types-ts4.0/loading.d.ts +0 -2
  105. package/dist/types-ts4.0/media-viewer.d.ts +0 -33
  106. package/dist/types-ts4.0/navigation.d.ts +0 -19
  107. package/dist/types-ts4.0/styleWrappers.d.ts +0 -114
  108. package/dist/types-ts4.0/styles.d.ts +0 -57
  109. package/dist/types-ts4.0/utils/closeOnDirectClick.d.ts +0 -2
  110. package/dist/types-ts4.0/utils/getIdentifierCollection.d.ts +0 -2
  111. package/dist/types-ts4.0/utils/getObjectUrlFromFileState.d.ts +0 -2
  112. package/dist/types-ts4.0/utils/index.d.ts +0 -10
  113. package/dist/types-ts4.0/utils/isIE.d.ts +0 -1
  114. package/dist/types-ts4.0/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +0 -25
  115. package/dist/types-ts4.0/viewers/archiveSidebar/archive-sidebar-header.d.ts +0 -9
  116. package/dist/types-ts4.0/viewers/archiveSidebar/archive-sidebar-renderer.d.ts +0 -26
  117. package/dist/types-ts4.0/viewers/archiveSidebar/archive-sidebar.d.ts +0 -26
  118. package/dist/types-ts4.0/viewers/archiveSidebar/archive.d.ts +0 -37
  119. package/dist/types-ts4.0/viewers/archiveSidebar/archiveViewerLoader.d.ts +0 -12
  120. package/dist/types-ts4.0/viewers/archiveSidebar/consts.d.ts +0 -2
  121. package/dist/types-ts4.0/viewers/archiveSidebar/styleWrappers.d.ts +0 -24
  122. package/dist/types-ts4.0/viewers/archiveSidebar/styles.d.ts +0 -23
  123. package/dist/types-ts4.0/viewers/archiveSidebar/types.d.ts +0 -9
  124. package/dist/types-ts4.0/viewers/audio.d.ts +0 -31
  125. package/dist/types-ts4.0/viewers/base-viewer.d.ts +0 -28
  126. package/dist/types-ts4.0/viewers/codeViewer/codeViewerRenderer.d.ts +0 -31
  127. package/dist/types-ts4.0/viewers/codeViewer/index.d.ts +0 -25
  128. package/dist/types-ts4.0/viewers/codeViewer/msg-parser.d.ts +0 -8
  129. package/dist/types-ts4.0/viewers/codeViewer/styles.d.ts +0 -3
  130. package/dist/types-ts4.0/viewers/codeViewer/util.d.ts +0 -4
  131. package/dist/types-ts4.0/viewers/doc/index.d.ts +0 -27
  132. package/dist/types-ts4.0/viewers/doc/pdfRenderer.d.ts +0 -30
  133. package/dist/types-ts4.0/viewers/image/index.d.ts +0 -32
  134. package/dist/types-ts4.0/viewers/image/interactive-img.d.ts +0 -41
  135. package/dist/types-ts4.0/viewers/video.d.ts +0 -30
  136. package/dist/types-ts4.0/zoomControls.d.ts +0 -15
@@ -1,57 +0,0 @@
1
- import { MediaType } from '@atlaskit/media-client';
2
- export declare const blanketColor = "#1B2638";
3
- export declare const blanketStyles: import("@emotion/react").SerializedStyles;
4
- export declare const headerWrapperStyles: import("@emotion/react").SerializedStyles;
5
- export interface ContentWrapperProps {
6
- showControls: boolean;
7
- }
8
- export declare const listWrapperStyles: import("@emotion/react").SerializedStyles;
9
- export declare const arrowsWrapperStyles: import("@emotion/react").SerializedStyles;
10
- export declare const closeButtonWrapperStyles: import("@emotion/react").SerializedStyles;
11
- export declare const contentWrapperStyles: ({ isSidebarVisible, }: {
12
- isSidebarVisible?: boolean | undefined;
13
- }) => import("@emotion/react").SerializedStyles;
14
- export declare const zoomWrapperStyles: import("@emotion/react").SerializedStyles;
15
- export declare const zoomControlsWrapperStyles: import("@emotion/react").SerializedStyles;
16
- export declare const zoomLevelIndicatorStyles: import("@emotion/react").SerializedStyles;
17
- export declare const hdIconGroupWrapperStyles: import("@emotion/react").SerializedStyles;
18
- export declare const hdIconWrapperStyles: import("@emotion/react").SerializedStyles;
19
- export declare const errorMessageWrapperStyles: import("@emotion/react").SerializedStyles;
20
- export declare const errorImageStyles: import("@emotion/react").SerializedStyles;
21
- export declare const videoStyles: import("@emotion/react").SerializedStyles;
22
- export declare const pdfWrapperStyles: import("@emotion/react").SerializedStyles;
23
- export declare const arrowStyles: import("@emotion/react").SerializedStyles;
24
- export declare const leftWrapperStyles: import("@emotion/react").SerializedStyles;
25
- export declare const rightWrapperStyles: import("@emotion/react").SerializedStyles;
26
- export declare type HeaderProps = {
27
- isArchiveSideBarVisible: boolean;
28
- };
29
- export declare const headerStyles: ({ isArchiveSideBarVisible }: HeaderProps) => import("@emotion/react").SerializedStyles;
30
- export declare const leftHeaderStyles: import("@emotion/react").SerializedStyles;
31
- export declare const imageWrapperStyles: import("@emotion/react").SerializedStyles;
32
- export declare const baselineExtendStyles: import("@emotion/react").SerializedStyles;
33
- export declare type ImgProps = {
34
- cursor: string;
35
- shouldPixelate: boolean;
36
- };
37
- export declare const imgStyles: ({ cursor, shouldPixelate }: ImgProps) => import("@emotion/react").SerializedStyles;
38
- export declare const medatadataTextWrapperStyles: import("@emotion/react").SerializedStyles;
39
- export declare const metadataWrapperStyles: import("@emotion/react").SerializedStyles;
40
- export declare const metadataFileNameStyles: import("@emotion/react").SerializedStyles;
41
- export declare const metadataSubTextStyles: import("@emotion/react").SerializedStyles;
42
- export declare const metadataIconWrapperStyles: import("@emotion/react").SerializedStyles;
43
- export interface IconWrapperProps {
44
- type: MediaType;
45
- }
46
- export declare const rightHeaderStyles: import("@emotion/react").SerializedStyles;
47
- export declare const customAudioPlayerWrapperStyles: import("@emotion/react").SerializedStyles;
48
- export declare const audioPlayerStyles: import("@emotion/react").SerializedStyles;
49
- export declare const audioStyles: import("@emotion/react").SerializedStyles;
50
- export declare const audioCoverStyles: import("@emotion/react").SerializedStyles;
51
- export declare const defaultCoverWrapperStyles: import("@emotion/react").SerializedStyles;
52
- export declare const downloadButtonWrapperStyles: import("@emotion/react").SerializedStyles;
53
- export declare const customVideoPlayerWrapperStyles: import("@emotion/react").SerializedStyles;
54
- export declare const sidebarWrapperStyles: import("@emotion/react").SerializedStyles;
55
- export declare const spinnerWrapperStyles: import("@emotion/react").SerializedStyles;
56
- export declare const errorReasonTipStyles: import("@emotion/react").SerializedStyles;
57
- export declare const formattedMessageWrapperStyles: import("@emotion/react").SerializedStyles;
@@ -1,2 +0,0 @@
1
- import { MouseEventHandler } from 'react';
2
- export declare function closeOnDirectClick<T>(onClose?: () => void): MouseEventHandler<T>;
@@ -1,2 +0,0 @@
1
- import { Identifier } from '@atlaskit/media-client';
2
- export declare const getIdentifierCollection: (identifier: Identifier, defaultCollectionName: string) => string | undefined;
@@ -1,2 +0,0 @@
1
- import { FileState } from '@atlaskit/media-client';
2
- export declare const getObjectUrlFromFileState: (state: FileState) => Promise<string | undefined>;
@@ -1,10 +0,0 @@
1
- import { FileIdentifier, Identifier, MediaCollectionItem, MediaType } from '@atlaskit/media-client';
2
- export declare const toIdentifier: (item: MediaCollectionItem, collectionName: string) => FileIdentifier;
3
- export declare const getSelectedIndex: (items: Identifier[], selectedItem: Identifier) => number;
4
- export declare const getMediaTypeFromFilename: (filename: string) => MediaType;
5
- export declare const getMimeTypeFromFilename: (filename: string) => string;
6
- export declare const getFolderParent: (path: string) => string;
7
- export declare const extractArchiveFolderName: (folderName: string) => string;
8
- export declare const getFormattedFolderName: (folderName: string) => string;
9
- export declare const isMacPrivateFile: (fileName: string) => boolean;
10
- export declare const rejectAfter: <T>(fn: () => Promise<T>, delay?: number) => Promise<T>;
@@ -1 +0,0 @@
1
- export declare const isIE: (navigator?: Navigator) => boolean;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { ZipEntry } from 'unzipit';
3
- import { MediaClient } from '@atlaskit/media-client';
4
- import { ArchiveViewerError } from '../../errors';
5
- export interface ArchiveSidebarFolderProps {
6
- root: string;
7
- entries: {
8
- [key: string]: ZipEntry;
9
- };
10
- onEntrySelected: (selectedEntry: ZipEntry) => void;
11
- hideHeader?: boolean;
12
- name?: string;
13
- mediaClient: MediaClient;
14
- isArchiveEntryLoading: boolean;
15
- onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
16
- }
17
- export declare class ArchiveSidebarFolderEntry extends React.Component<ArchiveSidebarFolderProps> {
18
- renderEntry: (entry: ZipEntry) => JSX.Element;
19
- private renderEntryIcon;
20
- private renderDownloadButton;
21
- private downloadZipEntry;
22
- private isDirectChild;
23
- private formatName;
24
- render(): JSX.Element;
25
- }
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- export declare type HeaderProps = {
3
- folderName: string;
4
- onHeaderClick: () => void;
5
- };
6
- export declare class ArchiveSidebarHeader extends React.Component<HeaderProps> {
7
- private getHeaderIcon;
8
- render(): JSX.Element;
9
- }
@@ -1,26 +0,0 @@
1
- import { Component } from 'react';
2
- import { MediaClient, FileState } from '@atlaskit/media-client';
3
- import { ArchiveViewerError } from '../../errors';
4
- import { ZipEntry } from 'unzipit';
5
- export interface ArchiveSidebarRendererProps {
6
- selectedFileState: FileState;
7
- mediaClient: MediaClient;
8
- onSelectedArchiveEntryChange: (archiveEntry: ZipEntry) => void;
9
- onHeaderClicked: () => void;
10
- isArchiveEntryLoading: boolean;
11
- collectionName?: string;
12
- onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
13
- onSuccess: () => void;
14
- }
15
- interface ArchiveSidebarRendererState {
16
- entries: {
17
- [key: string]: ZipEntry;
18
- };
19
- status: 'loading' | 'loaded';
20
- }
21
- export default class ArchiveSidebarRenderer extends Component<ArchiveSidebarRendererProps, ArchiveSidebarRendererState> {
22
- state: ArchiveSidebarRendererState;
23
- componentDidMount(): Promise<void>;
24
- render(): JSX.Element;
25
- }
26
- export {};
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { ZipEntry } from 'unzipit';
3
- import { MediaClient } from '@atlaskit/media-client';
4
- import { ArchiveSidebarFolderProps } from './archive-sidebar-folder-entry';
5
- import { ArchiveViewerError } from '../../errors';
6
- export interface ArchiveSidebarProps {
7
- entries: {
8
- [key: string]: ZipEntry;
9
- };
10
- onEntrySelected: (selectedEntry: ZipEntry) => void;
11
- mediaClient: MediaClient;
12
- onHeaderClicked: () => void;
13
- isArchiveEntryLoading: boolean;
14
- onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
15
- }
16
- export declare type ArchiveSidebarState = {
17
- currentArchiveSidebarFolder: ArchiveSidebarFolderProps;
18
- };
19
- export declare class ArchiveSidebar extends React.Component<ArchiveSidebarProps, ArchiveSidebarState> {
20
- constructor(props: ArchiveSidebarProps);
21
- private getArchiveFromEntry;
22
- private onEntrySelected;
23
- private onFolderEntrySelected;
24
- private onHeaderClicked;
25
- render(): JSX.Element;
26
- }
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import { ZipInfo, ZipEntry } from 'unzipit';
3
- import { MediaClient, FileState } from '@atlaskit/media-client';
4
- import { Outcome } from '../../domain';
5
- import { BaseViewer } from '../base-viewer';
6
- import { ArchiveViewerProps } from './types';
7
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
8
- import { ArchiveViewerError } from '../../errors';
9
- export declare type Props = ArchiveViewerProps & WithAnalyticsEventsProps;
10
- export declare type Content = {
11
- src?: string;
12
- name?: string;
13
- isDirectory?: boolean;
14
- selectedArchiveEntry?: ZipEntry;
15
- hasLoadedEntries?: boolean;
16
- error?: ArchiveViewerError;
17
- codeViewerSrc?: string;
18
- isCodeMimeType?: boolean;
19
- };
20
- export declare const getArchiveEntriesFromFileState: (fileState: FileState, mediaClient: MediaClient, collectionName?: string | undefined) => Promise<ZipInfo>;
21
- export declare class ArchiveViewerBase extends BaseViewer<Content, Props> {
22
- protected init(): Promise<void>;
23
- protected get initialState(): {
24
- content: Outcome<Content, ArchiveViewerError>;
25
- };
26
- protected release(): void;
27
- private onError;
28
- private onSelectedArchiveEntryChange;
29
- private onHeaderClicked;
30
- private onViewerLoad;
31
- private onViewerError;
32
- private onSidebarLoaded;
33
- protected renderSuccessful(content: Content): JSX.Element;
34
- private renderArchiveItemViewer;
35
- private renderPreviewError;
36
- }
37
- export declare const ArchiveViewer: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { ArchiveViewerProps } from './types';
3
- export declare type archiveViewerState = {
4
- ArchiveViewer?: React.ComponentType<ArchiveViewerProps>;
5
- isErrored: boolean;
6
- };
7
- export default class ArchiveViewerLoader extends React.PureComponent<ArchiveViewerProps> {
8
- static ArchiveViewer?: React.ComponentType<ArchiveViewerProps>;
9
- state: archiveViewerState;
10
- componentDidMount(): Promise<void>;
11
- render(): JSX.Element;
12
- }
@@ -1,2 +0,0 @@
1
- export declare const ENCRYPTED_ENTRY_ERROR_MESSAGE = "encrypted entries not supported";
2
- export declare const NO_NAME_OR_SRC_ERROR_MESSAGE = "no name or src for entry";
@@ -1,24 +0,0 @@
1
- /** @jsx jsx */
2
- import { ReactNode, MouseEvent, Key } from 'react';
3
- import { jsx } from '@emotion/react';
4
- declare type Children = {
5
- children?: ReactNode;
6
- };
7
- declare type OnClick = {
8
- onClick: (event: MouseEvent<HTMLDivElement>) => void;
9
- };
10
- export declare const ArchiveItemViewerWrapper: ({ children }: Children) => jsx.JSX.Element;
11
- export declare const ArchiveSideBar: ({ children }: Children) => jsx.JSX.Element;
12
- export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => jsx.JSX.Element;
13
- export declare const ArchiveDownloadButtonWrapper: ({ children, onClick, }: Children & OnClick) => jsx.JSX.Element;
14
- export declare const SidebarItemWrapper: ({ children }: Children) => jsx.JSX.Element;
15
- export declare const ArchiveSidebarFileEntryWrapper: ({ children, index, }: {
16
- index: Key;
17
- } & Children) => jsx.JSX.Element;
18
- export declare const ArchiveLayout: ({ children }: Children) => jsx.JSX.Element;
19
- export declare const ArchiveViewerWrapper: ({ children }: Children) => jsx.JSX.Element;
20
- export declare const Separator: () => jsx.JSX.Element;
21
- export declare const SidebarHeaderWrapper: ({ children }: Children) => jsx.JSX.Element;
22
- export declare const SidebarHeaderIcon: ({ children }: Children) => jsx.JSX.Element;
23
- export declare const SidebarHeaderEntry: ({ children }: Children) => jsx.JSX.Element;
24
- export {};
@@ -1,23 +0,0 @@
1
- export declare const ArchiveSideBarWidth = 300;
2
- export declare const archiveItemViewerWrapperStyles: import("@emotion/react").SerializedStyles;
3
- export declare const archiveSideBarStyles: import("@emotion/react").SerializedStyles;
4
- export declare const archiveSidebarFolderWrapperStyles: import("@emotion/react").SerializedStyles;
5
- export declare const archiveDownloadButtonWrapperStyles: import("@emotion/react").SerializedStyles;
6
- export declare const sidebarItemWrapperStyles: import("@emotion/react").SerializedStyles;
7
- export declare const archiveSidebarFileEntryWrapperStyles: import("@emotion/react").SerializedStyles;
8
- export declare const archiveLayoutStyles: import("@emotion/react").SerializedStyles;
9
- export declare const archiveViewerWrapperStyles: import("@emotion/react").SerializedStyles;
10
- export declare const separatorStyles: import("@emotion/react").SerializedStyles;
11
- export declare const sidebarHeaderWrapperStyles: import("@emotion/react").SerializedStyles;
12
- export declare const sidebarHeaderIconStyles: import("@emotion/react").SerializedStyles;
13
- export declare const sidebarHeaderEntryStyles: import("@emotion/react").SerializedStyles;
14
- /** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
15
- export declare const itemStyle: {
16
- backgroundColor: string;
17
- fill: string;
18
- color: string;
19
- ':hover': {
20
- backgroundColor: string;
21
- color: string;
22
- };
23
- };
@@ -1,9 +0,0 @@
1
- import { MediaClient, FileState, ErrorFileState } from '@atlaskit/media-client';
2
- import { ArchiveViewerError } from '../../errors';
3
- export declare type ArchiveViewerProps = {
4
- item: Exclude<FileState, ErrorFileState>;
5
- mediaClient: MediaClient;
6
- collectionName?: string;
7
- onError: (error: ArchiveViewerError) => void;
8
- onSuccess: () => void;
9
- };
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import { MediaClient, FileState } from '@atlaskit/media-client';
3
- import { Outcome } from '../domain';
4
- import { MediaViewerError } from '../errors';
5
- import { BaseState, BaseViewer } from './base-viewer';
6
- import { WithShowControlMethodProp } from '@atlaskit/media-ui';
7
- export declare type Props = Readonly<{
8
- item: FileState;
9
- mediaClient: MediaClient;
10
- collectionName?: string;
11
- previewCount: number;
12
- onCanPlay: () => void;
13
- onError: (error: MediaViewerError) => void;
14
- } & WithShowControlMethodProp>;
15
- export declare type State = BaseState<string> & {
16
- coverUrl?: string;
17
- };
18
- export declare class AudioViewer extends BaseViewer<string, Props, State> {
19
- protected get initialState(): {
20
- content: Outcome<string, MediaViewerError>;
21
- };
22
- private renderCover;
23
- private saveAudioElement;
24
- private onFirstPlay;
25
- private onError;
26
- protected renderSuccessful(src: string): JSX.Element;
27
- private loadCover;
28
- private setCoverUrl;
29
- protected init(): Promise<void>;
30
- protected release(): void;
31
- }
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import { MediaClient, FileState } from '@atlaskit/media-client';
3
- import { Outcome } from '../domain';
4
- import { MediaViewerError } from '../errors';
5
- export declare type BaseProps = {
6
- mediaClient: MediaClient;
7
- item: FileState;
8
- collectionName?: string;
9
- };
10
- export declare type BaseState<Content> = {
11
- content: Outcome<Content, MediaViewerError>;
12
- };
13
- export declare abstract class BaseViewer<Content, Props extends BaseProps, State extends BaseState<Content> = BaseState<Content>> extends React.Component<Props, State> {
14
- state: State;
15
- componentDidMount(): void;
16
- componentWillUnmount(): void;
17
- UNSAFE_componentWillReceiveProps(nextProps: Readonly<Props>): void;
18
- componentDidUpdate(prevProps: Props): void;
19
- render(): React.ReactNode;
20
- private getInitialState;
21
- private renderDownloadButton;
22
- protected onMediaDisplayed: () => void;
23
- protected needsReset(propsA: Props, propsB: Props): boolean;
24
- protected abstract init(): void;
25
- protected abstract release(): void;
26
- protected abstract get initialState(): State;
27
- protected abstract renderSuccessful(content: Content): React.ReactNode;
28
- }
@@ -1,31 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/react';
3
- import { ReactNode, Component } from 'react';
4
- import { ErrorFileState, FileState } from '@atlaskit/media-client';
5
- import { Outcome } from '../../domain';
6
- import type { SupportedLanguages } from '@atlaskit/code/types';
7
- import { MediaViewerError } from '../../errors';
8
- export declare const CodeViewWrapper: ({ children, "data-testid": testId, }: {
9
- children: ReactNode;
10
- 'data-testid': string | undefined;
11
- }) => jsx.JSX.Element;
12
- export declare const CodeViewerHeaderBar: () => jsx.JSX.Element;
13
- export declare type Props = {
14
- item: Exclude<FileState, ErrorFileState>;
15
- src: string;
16
- language: SupportedLanguages;
17
- testId?: string;
18
- onClose?: () => void;
19
- onSuccess?: () => void;
20
- onError?: (error: MediaViewerError) => void;
21
- };
22
- export declare type State = {
23
- doc: Outcome<any, MediaViewerError>;
24
- };
25
- export declare class CodeViewRenderer extends Component<Props, State> {
26
- state: State;
27
- componentDidMount(): void;
28
- componentWillUnmount(): void;
29
- private init;
30
- render(): jsx.JSX.Element;
31
- }
@@ -1,25 +0,0 @@
1
- import { ComponentClass } from 'react';
2
- import { MediaClient, FileState, ErrorFileState } from '@atlaskit/media-client';
3
- import { Outcome } from '../../domain';
4
- import { MediaViewerError } from '../../errors';
5
- import { Props as RendererProps } from './codeViewerRenderer';
6
- import { BaseViewer } from '../base-viewer';
7
- export declare type Props = {
8
- mediaClient: MediaClient;
9
- item: Exclude<FileState, ErrorFileState>;
10
- collectionName?: string;
11
- onClose?: () => void;
12
- onError: (error: MediaViewerError) => void;
13
- onSuccess: () => void;
14
- };
15
- export declare class CodeViewer extends BaseViewer<string, Props> {
16
- static CodeViewerComponent: ComponentClass<RendererProps>;
17
- protected get initialState(): {
18
- content: Outcome<string, MediaViewerError>;
19
- };
20
- protected init(): Promise<void>;
21
- private loadCodeViewer;
22
- private getCodeLanguage;
23
- protected release(): void;
24
- protected renderSuccessful(content: string): JSX.Element;
25
- }
@@ -1,8 +0,0 @@
1
- export declare function msgToText(buffer: ArrayBuffer): string | {
2
- error: string | undefined;
3
- };
4
- export declare function formatMessage(text: string): string;
5
- export declare function parseHeaders(headers: string): {
6
- [key: string]: string;
7
- };
8
- export declare function getMsgDate(rawHeaders: string): Date | "-";
@@ -1,3 +0,0 @@
1
- export declare const codeViewWrapperStyles: import("@emotion/react").SerializedStyles;
2
- export declare const codeViewerHeaderBarStyles: import("@emotion/react").SerializedStyles;
3
- export declare const codeViewerHTMLStyles: import("@emotion/react").SerializedStyles;
@@ -1,4 +0,0 @@
1
- export declare const DEFAULT_LANGUAGE = "c";
2
- export declare function getFormat(language: string, ext: string | undefined): string;
3
- export declare const lineCount: (text: string) => number;
4
- export declare const normaliseLineBreaks: (text: string) => string;
@@ -1,27 +0,0 @@
1
- import { MediaClient, FileState } from '@atlaskit/media-client';
2
- import { Outcome } from '../../domain';
3
- import { MediaViewerError } from '../../errors';
4
- import { Props as RendererProps } from './pdfRenderer';
5
- import { ComponentClass } from 'react';
6
- import { BaseViewer } from '../base-viewer';
7
- export declare type Props = {
8
- mediaClient: MediaClient;
9
- item: FileState;
10
- collectionName?: string;
11
- onClose?: () => void;
12
- onError: (error: MediaViewerError) => void;
13
- onSuccess: () => void;
14
- };
15
- export declare type State = {
16
- content: Outcome<string, MediaViewerError>;
17
- };
18
- export declare class DocViewer extends BaseViewer<string, Props> {
19
- static PDFComponent: ComponentClass<RendererProps>;
20
- protected get initialState(): {
21
- content: Outcome<string, MediaViewerError>;
22
- };
23
- protected init(): Promise<void>;
24
- private loadDocViewer;
25
- protected release(): void;
26
- protected renderSuccessful(content: string): JSX.Element;
27
- }
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import { FileState } from '@atlaskit/media-client';
3
- import { Outcome } from '../../domain';
4
- import { MediaViewerError } from '../../errors';
5
- import { ZoomLevel } from '../../domain/zoomLevel';
6
- export declare const pdfViewerClassName = "pdfViewer";
7
- export declare type Props = {
8
- item: FileState;
9
- src: string;
10
- onClose?: () => void;
11
- onSuccess?: () => void;
12
- onError?: (error: MediaViewerError) => void;
13
- };
14
- export declare type State = {
15
- doc: Outcome<any, MediaViewerError>;
16
- zoomLevel: ZoomLevel;
17
- };
18
- export declare class PDFRenderer extends React.Component<Props, State> {
19
- private el?;
20
- private doc?;
21
- private pdfViewer;
22
- state: State;
23
- componentDidMount(): void;
24
- componentWillUnmount(): void;
25
- private init;
26
- private savePdfElement;
27
- private handleZoom;
28
- private scaleToFit;
29
- render(): JSX.Element;
30
- }
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { MediaClient, FileState } from '@atlaskit/media-client';
3
- import { Outcome } from '../../domain';
4
- import { MediaViewerError } from '../../errors';
5
- import { BaseViewer } from '../base-viewer';
6
- export declare type ObjectUrl = string;
7
- export declare type ImageViewerProps = {
8
- mediaClient: MediaClient;
9
- item: FileState;
10
- collectionName?: string;
11
- onLoad: () => void;
12
- onError: (error: MediaViewerError) => void;
13
- onClose?: () => void;
14
- contextId?: string;
15
- };
16
- export interface ImageViewerContent {
17
- objectUrl: ObjectUrl;
18
- originalBinaryImageUrl?: string;
19
- orientation?: number;
20
- }
21
- export declare class ImageViewer extends BaseViewer<ImageViewerContent, ImageViewerProps> {
22
- protected get initialState(): {
23
- content: Outcome<ImageViewerContent, MediaViewerError>;
24
- };
25
- private cancelImageFetch?;
26
- protected init(): Promise<void>;
27
- protected release(): void;
28
- revokeObjectUrl(objectUrl: string): void;
29
- protected renderSuccessful(content: ImageViewerContent): JSX.Element;
30
- private onLoad;
31
- private onImgError;
32
- }
@@ -1,41 +0,0 @@
1
- import React from 'react';
2
- import { Camera, Vector2 } from '@atlaskit/media-ui';
3
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
4
- import { ZoomLevel } from '../../domain/zoomLevel';
5
- export declare function zoomLevelAfterResize(newCamera: Camera, oldCamera: Camera, oldZoomLevel: ZoomLevel): ZoomLevel;
6
- export interface Props extends WithAnalyticsEventsProps {
7
- src: string;
8
- originalBinaryImageSrc?: string;
9
- orientation?: number;
10
- onClose?: () => void;
11
- onLoad?: () => void;
12
- onError?: () => void;
13
- onBlanketClicked?: () => void;
14
- }
15
- export declare type State = {
16
- zoomLevel: ZoomLevel;
17
- isHDActive: boolean;
18
- isHDAvailable: boolean;
19
- isHDActivating: boolean;
20
- camera?: Camera;
21
- isDragging: boolean;
22
- cursorPos: Vector2;
23
- hasBeenLoadedOnce: boolean;
24
- };
25
- export declare class InteractiveImgComponent extends React.Component<Props, State> {
26
- state: State;
27
- private wrapper?;
28
- private saveWrapperRef;
29
- componentDidMount(): void;
30
- componentWillUnmount(): void;
31
- onImageClicked: (e: React.MouseEvent) => void;
32
- private renderHDIndicator;
33
- render(): JSX.Element;
34
- private onImgLoad;
35
- private onResize;
36
- private onZoomChange;
37
- private startDragging;
38
- private stopDragging;
39
- private panImage;
40
- }
41
- export declare const InteractiveImg: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- import { MediaClient, FileState } from '@atlaskit/media-client';
3
- import { WithShowControlMethodProp } from '@atlaskit/media-ui';
4
- import { Outcome } from '../domain';
5
- import { MediaViewerError } from '../errors';
6
- import { BaseState, BaseViewer } from './base-viewer';
7
- export declare type Props = Readonly<{
8
- item: FileState;
9
- mediaClient: MediaClient;
10
- collectionName?: string;
11
- previewCount: number;
12
- onCanPlay: () => void;
13
- onError: (error: MediaViewerError) => void;
14
- } & WithShowControlMethodProp>;
15
- export declare type State = BaseState<string> & {
16
- isHDActive: boolean;
17
- coverUrl?: string;
18
- };
19
- export declare class VideoViewer extends BaseViewer<string, Props, State> {
20
- protected get initialState(): {
21
- content: Outcome<string, MediaViewerError>;
22
- isHDActive: boolean;
23
- };
24
- private onHDChange;
25
- private onFirstPlay;
26
- private onError;
27
- protected renderSuccessful(content: string): JSX.Element;
28
- protected init(isHDActive?: boolean): Promise<void>;
29
- protected release(): void;
30
- }
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { Component } from 'react';
3
- import { ZoomLevel } from './domain/zoomLevel';
4
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
5
- import { WrappedComponentProps } from 'react-intl-next';
6
- export declare type ZoomControlsProps = Readonly<{
7
- onChange: (newZoomLevel: ZoomLevel) => void;
8
- zoomLevel: ZoomLevel;
9
- }> & WithAnalyticsEventsProps;
10
- export declare class ZoomControlsBase extends Component<ZoomControlsProps & WrappedComponentProps, {}> {
11
- zoomIn: () => void;
12
- zoomOut: () => void;
13
- render(): JSX.Element;
14
- }
15
- export declare const ZoomControls: React.ComponentType<ZoomControlsProps>;