@atlaskit/media-viewer 52.9.4 → 52.9.6
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 +12 -0
- package/dist/cjs/analytics/index.js +1 -1
- package/dist/cjs/analytics/ufoExperiences.js +1 -1
- package/dist/es2019/analytics/index.js +1 -1
- package/dist/es2019/analytics/ufoExperiences.js +1 -1
- package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/theme.js +0 -1
- package/dist/esm/analytics/index.js +1 -1
- package/dist/esm/analytics/ufoExperiences.js +1 -1
- package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/theme.js +0 -1
- package/dist/types/errorMessage.d.ts +3 -1
- package/dist/types/styleWrappers.d.ts +11 -11
- package/dist/types/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +2 -2
- package/dist/types/viewers/archiveSidebar/styleWrappers.d.ts +4 -4
- package/dist/types/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts +2 -1
- package/dist/types/viewers/codeViewer/codeViewerRenderer-compiled.d.ts +3 -3
- package/dist/types/viewers/codeViewer/msg-parser.d.ts +1 -1
- package/dist/types/viewers/codeViewer/styles.d.ts +4 -3
- package/dist/types/viewers/doc/passwordInput.d.ts +1 -1
- package/dist/types-ts4.5/errorMessage.d.ts +3 -1
- package/dist/types-ts4.5/styleWrappers.d.ts +11 -11
- package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts +2 -2
- package/dist/types-ts4.5/viewers/archiveSidebar/styleWrappers.d.ts +4 -4
- package/dist/types-ts4.5/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts +2 -1
- package/dist/types-ts4.5/viewers/codeViewer/codeViewerRenderer-compiled.d.ts +3 -3
- package/dist/types-ts4.5/viewers/codeViewer/msg-parser.d.ts +1 -1
- package/dist/types-ts4.5/viewers/codeViewer/styles.d.ts +4 -3
- package/dist/types-ts4.5/viewers/doc/passwordInput.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
|
|
|
10
10
|
var _analytics = require("@atlaskit/media-common/analytics");
|
|
11
11
|
var componentName = exports.component = exports.componentName = 'mediaViewer';
|
|
12
12
|
var packageName = exports.packageName = "@atlaskit/media-viewer";
|
|
13
|
-
var packageVersion = exports.packageVersion = "
|
|
13
|
+
var packageVersion = exports.packageVersion = "52.9.6";
|
|
14
14
|
function getFileAttributes(fileState) {
|
|
15
15
|
if (!fileState) {
|
|
16
16
|
return {
|
|
@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
13
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
14
|
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) { (0, _defineProperty2.default)(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; }
|
|
15
15
|
var packageName = "@atlaskit/media-viewer";
|
|
16
|
-
var packageVersion = "
|
|
16
|
+
var packageVersion = "52.9.6";
|
|
17
17
|
var ufoExperience;
|
|
18
18
|
var getExperience = function getExperience() {
|
|
19
19
|
if (!ufoExperience) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
const componentName = 'mediaViewer';
|
|
3
3
|
const packageName = "@atlaskit/media-viewer";
|
|
4
|
-
const packageVersion = "
|
|
4
|
+
const packageVersion = "52.9.6";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
3
3
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
5
|
const packageName = "@atlaskit/media-viewer";
|
|
6
|
-
const packageVersion = "
|
|
6
|
+
const packageVersion = "52.9.6";
|
|
7
7
|
let ufoExperience;
|
|
8
8
|
const getExperience = () => {
|
|
9
9
|
if (!ufoExperience) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { EditorView as CodeMirror } from '@codemirror/view';
|
|
2
2
|
import { HighlightStyle } from '@codemirror/language';
|
|
3
3
|
import { tags } from '@lezer/highlight';
|
|
4
|
-
|
|
5
4
|
/**
|
|
6
5
|
* These styles are copied directly from
|
|
7
6
|
* packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
|
|
2
2
|
var componentName = 'mediaViewer';
|
|
3
3
|
var packageName = "@atlaskit/media-viewer";
|
|
4
|
-
var packageVersion = "
|
|
4
|
+
var packageVersion = "52.9.6";
|
|
5
5
|
export { packageName, packageVersion, componentName, componentName as component };
|
|
6
6
|
export function getFileAttributes(fileState) {
|
|
7
7
|
if (!fileState) {
|
|
@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
6
6
|
import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
var packageName = "@atlaskit/media-viewer";
|
|
9
|
-
var packageVersion = "
|
|
9
|
+
var packageVersion = "52.9.6";
|
|
10
10
|
var ufoExperience;
|
|
11
11
|
var getExperience = function getExperience() {
|
|
12
12
|
if (!ufoExperience) {
|
|
@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import { EditorView as CodeMirror } from '@codemirror/view';
|
|
3
3
|
import { HighlightStyle } from '@codemirror/language';
|
|
4
4
|
import { tags } from '@lezer/highlight';
|
|
5
|
-
|
|
6
5
|
/**
|
|
7
6
|
* These styles are copied directly from
|
|
8
7
|
* packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts
|
|
@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
|
|
|
4
4
|
import { type FileState } from '@atlaskit/media-client';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
6
|
import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
|
|
7
|
+
import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
|
|
8
|
+
import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
|
|
7
9
|
import { type FileStateFlags } from './components/types';
|
|
8
10
|
import { type MediaTraceContext } from '@atlaskit/media-common';
|
|
9
11
|
export type Props = Readonly<{
|
|
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
|
|
|
24
26
|
export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
|
|
25
27
|
private getErrorInfo;
|
|
26
28
|
componentDidMount(): void;
|
|
27
|
-
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext):
|
|
29
|
+
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
|
|
28
30
|
render(): React.JSX.Element;
|
|
29
31
|
}
|
|
30
32
|
declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
|
|
1
|
+
import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
|
|
2
2
|
import { type MediaType } from '@atlaskit/media-client';
|
|
3
3
|
export interface IconWrapperProps {
|
|
4
4
|
type: MediaType;
|
|
@@ -13,7 +13,7 @@ type DataTestID = {
|
|
|
13
13
|
'data-testid'?: string | undefined;
|
|
14
14
|
};
|
|
15
15
|
type BlanketProps = DataTestID & Children & ClassName;
|
|
16
|
-
export declare const Blanket: ({ "data-testid": datatestId, className, children }: BlanketProps) => JSX.Element;
|
|
16
|
+
export declare const Blanket: ({ "data-testid": datatestId, className, children, }: BlanketProps) => JSX.Element;
|
|
17
17
|
type HeaderWrapperProps = {
|
|
18
18
|
isArchiveSideBarVisible: boolean;
|
|
19
19
|
};
|
|
@@ -30,7 +30,7 @@ export declare const CloseButtonWrapper: ({ className, children }: ClassName & C
|
|
|
30
30
|
type ContentWrapperProps = {
|
|
31
31
|
isSidebarVisible: boolean | undefined;
|
|
32
32
|
} & Children;
|
|
33
|
-
export declare const ContentWrapper: ({ isSidebarVisible, children }: ContentWrapperProps) => JSX.Element;
|
|
33
|
+
export declare const ContentWrapper: ({ isSidebarVisible, children, }: ContentWrapperProps) => JSX.Element;
|
|
34
34
|
export declare const ZoomWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
35
35
|
export declare const ZoomCenterControls: ({ children }: Children) => JSX.Element;
|
|
36
36
|
export declare const ZoomRightControls: ({ children }: Children) => JSX.Element;
|
|
@@ -49,12 +49,12 @@ type VideoProps = {
|
|
|
49
49
|
autoPlay: boolean;
|
|
50
50
|
};
|
|
51
51
|
export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
|
|
52
|
-
export declare const PDFWrapper:
|
|
52
|
+
export declare const PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
|
|
53
53
|
export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
54
54
|
export type LeftWrapperProps = {
|
|
55
55
|
isArchiveSideBarVisible: boolean;
|
|
56
56
|
};
|
|
57
|
-
export declare const LeftWrapper: ({ children, isArchiveSideBarVisible }: Children & LeftWrapperProps) => JSX.Element;
|
|
57
|
+
export declare const LeftWrapper: ({ children, isArchiveSideBarVisible, }: Children & LeftWrapperProps) => JSX.Element;
|
|
58
58
|
export declare const RightWrapper: ({ children }: Children) => JSX.Element;
|
|
59
59
|
export type HeaderProps = {
|
|
60
60
|
isArchiveSideBarVisible: boolean;
|
|
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
|
|
|
65
65
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
66
66
|
style: CSSProperties;
|
|
67
67
|
} & Children & DataTestID;
|
|
68
|
-
export declare const ImageWrapper:
|
|
68
|
+
export declare const ImageWrapper: ForwardRefExoticComponent<{
|
|
69
69
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
70
70
|
style: CSSProperties;
|
|
71
|
-
} & Children & DataTestID & ClassName &
|
|
71
|
+
} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
|
|
72
72
|
export declare const BaselineExtend: () => JSX.Element;
|
|
73
73
|
export type ImgProps = {
|
|
74
74
|
canDrag: boolean;
|
|
@@ -87,7 +87,7 @@ export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
|
|
|
87
87
|
type MetadataFileNameProps = DataTestID & Children;
|
|
88
88
|
export declare const MetadataFileName: ({ "data-testid": datatestId, children, }: MetadataFileNameProps) => JSX.Element;
|
|
89
89
|
type MetadataSubTextProps = DataTestID & Children;
|
|
90
|
-
export declare const MetadataSubText: ({ "data-testid": datatestId, children }: MetadataSubTextProps) => JSX.Element;
|
|
90
|
+
export declare const MetadataSubText: ({ "data-testid": datatestId, children, }: MetadataSubTextProps) => JSX.Element;
|
|
91
91
|
export declare const MetadataIconWrapper: ({ children }: Children) => JSX.Element;
|
|
92
92
|
export interface IconWrapperProps {
|
|
93
93
|
type: MediaType;
|
|
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
|
|
|
96
96
|
export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
|
|
97
97
|
type AudioPlayerProps = DataTestID & Children;
|
|
98
98
|
export declare const AudioPlayer: {
|
|
99
|
-
(
|
|
99
|
+
(props: AudioPlayerProps): JSX.Element;
|
|
100
100
|
displayName: string;
|
|
101
101
|
};
|
|
102
102
|
type AudioProps = {
|
|
@@ -105,7 +105,7 @@ type AudioProps = {
|
|
|
105
105
|
src: string | undefined;
|
|
106
106
|
preload: string;
|
|
107
107
|
};
|
|
108
|
-
export declare const Audio:
|
|
108
|
+
export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
|
|
109
109
|
type AudioCoverProps = {
|
|
110
110
|
alt: string | undefined;
|
|
111
111
|
src: string;
|
|
@@ -116,7 +116,7 @@ export declare const DownloadButtonWrapper: ({ children }: Children) => JSX.Elem
|
|
|
116
116
|
type CustomVideoPlayerWrapperProps = DataTestID & Children;
|
|
117
117
|
export declare const CustomVideoPlayerWrapper: ({ "data-testid": datatestId, children, }: CustomVideoPlayerWrapperProps) => JSX.Element;
|
|
118
118
|
type SidebarWrapperProps = DataTestID & Children;
|
|
119
|
-
export declare const SidebarWrapper: ({ "data-testid": datatestId, children }: SidebarWrapperProps) => JSX.Element;
|
|
119
|
+
export declare const SidebarWrapper: ({ "data-testid": datatestId, children, }: SidebarWrapperProps) => JSX.Element;
|
|
120
120
|
export declare const SpinnerWrapper: ({ children }: Children) => JSX.Element;
|
|
121
121
|
export declare const FormattedMessageWrapper: ({ children }: Children) => JSX.Element;
|
|
122
122
|
export {};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type ZipEntry } from 'unzipit';
|
|
3
3
|
import { type MediaClient } from '@atlaskit/media-client';
|
|
4
4
|
import { type ArchiveViewerError } from '../../errors';
|
|
5
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
5
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
6
6
|
type Entries = {
|
|
7
7
|
[key: string]: ZipEntry;
|
|
8
8
|
};
|
|
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
|
|
|
18
18
|
shouldRenderAbuseModal: boolean;
|
|
19
19
|
fileId?: string;
|
|
20
20
|
}
|
|
21
|
-
export declare const ArchiveSidebarFolderEntry: React.FC<
|
|
21
|
+
export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
|
|
22
22
|
WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
|
|
23
23
|
};
|
|
24
24
|
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { type ReactNode, type MouseEvent, type Key } from 'react';
|
|
5
|
+
import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
6
6
|
export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
|
|
7
7
|
type Children = {
|
|
8
8
|
children?: ReactNode;
|
|
@@ -13,12 +13,12 @@ type OnClick = {
|
|
|
13
13
|
export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
|
|
14
14
|
fullHeight?: boolean;
|
|
15
15
|
}) => JSX.Element;
|
|
16
|
-
export declare const ArchiveSideBar:
|
|
16
|
+
export declare const ArchiveSideBar: ForwardRefExoticComponent<Children & RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
|
|
18
|
-
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
|
|
18
|
+
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick, }: Children & OnClick) => JSX.Element;
|
|
19
19
|
export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
|
|
20
20
|
export declare const SidebarItemWrapper: ({ children }: Children) => JSX.Element;
|
|
21
|
-
export declare const ArchiveSidebarFileEntryWrapper: ({ children, index }: {
|
|
21
|
+
export declare const ArchiveSidebarFileEntryWrapper: ({ children, index, }: {
|
|
22
22
|
index: Key;
|
|
23
23
|
} & Children) => JSX.Element;
|
|
24
24
|
export declare const ArchiveLayout: ({ children }: Children) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { HighlightStyle } from '@codemirror/language';
|
|
2
|
-
|
|
2
|
+
import type { Extension } from '@codemirror/state';
|
|
3
|
+
export declare const cmTheme: Extension;
|
|
3
4
|
export declare const highlightStyle: HighlightStyle;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { type ReactNode, Component } from 'react';
|
|
1
|
+
import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
|
|
2
2
|
import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
|
|
3
3
|
import { Outcome } from '../../domain';
|
|
4
4
|
import type { SupportedLanguages } from '@atlaskit/code/types';
|
|
5
5
|
import { MediaViewerError } from '../../errors';
|
|
6
|
-
export declare const CodeViewWrapper:
|
|
6
|
+
export declare const CodeViewWrapper: ForwardRefExoticComponent<{
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
'data-testid': string | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const CodeViewerHeaderBar: () => JSX.Element;
|
|
11
11
|
export type Props = {
|
|
12
12
|
item: Exclude<FileState, ErrorFileState>;
|
|
@@ -5,4 +5,4 @@ export declare function formatMessage(text: string): string;
|
|
|
5
5
|
export declare function parseHeaders(headers: string): {
|
|
6
6
|
[key: string]: string;
|
|
7
7
|
};
|
|
8
|
-
export declare function getMsgDate(rawHeaders: string): Date |
|
|
8
|
+
export declare function getMsgDate(rawHeaders: string): Date | '-';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const codeViewWrapperStyles: SerializedStyles;
|
|
3
|
+
export declare const codeViewerHeaderBarStyles: SerializedStyles;
|
|
4
|
+
export declare const codeViewerHTMLStyles: SerializedStyles;
|
|
@@ -6,5 +6,5 @@ interface PDFPasswordInputProps {
|
|
|
6
6
|
hasPasswordError?: boolean;
|
|
7
7
|
onRender?: () => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender }: PDFPasswordInputProps) => JSX.Element;
|
|
9
|
+
export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender, }: PDFPasswordInputProps) => JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
|
|
|
4
4
|
import { type FileState } from '@atlaskit/media-client';
|
|
5
5
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
6
|
import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
|
|
7
|
+
import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
|
|
8
|
+
import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
|
|
7
9
|
import { type FileStateFlags } from './components/types';
|
|
8
10
|
import { type MediaTraceContext } from '@atlaskit/media-common';
|
|
9
11
|
export type Props = Readonly<{
|
|
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
|
|
|
24
26
|
export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
|
|
25
27
|
private getErrorInfo;
|
|
26
28
|
componentDidMount(): void;
|
|
27
|
-
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext):
|
|
29
|
+
static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
|
|
28
30
|
render(): React.JSX.Element;
|
|
29
31
|
}
|
|
30
32
|
declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
|
|
1
|
+
import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
|
|
2
2
|
import { type MediaType } from '@atlaskit/media-client';
|
|
3
3
|
export interface IconWrapperProps {
|
|
4
4
|
type: MediaType;
|
|
@@ -13,7 +13,7 @@ type DataTestID = {
|
|
|
13
13
|
'data-testid'?: string | undefined;
|
|
14
14
|
};
|
|
15
15
|
type BlanketProps = DataTestID & Children & ClassName;
|
|
16
|
-
export declare const Blanket: ({ "data-testid": datatestId, className, children }: BlanketProps) => JSX.Element;
|
|
16
|
+
export declare const Blanket: ({ "data-testid": datatestId, className, children, }: BlanketProps) => JSX.Element;
|
|
17
17
|
type HeaderWrapperProps = {
|
|
18
18
|
isArchiveSideBarVisible: boolean;
|
|
19
19
|
};
|
|
@@ -30,7 +30,7 @@ export declare const CloseButtonWrapper: ({ className, children }: ClassName & C
|
|
|
30
30
|
type ContentWrapperProps = {
|
|
31
31
|
isSidebarVisible: boolean | undefined;
|
|
32
32
|
} & Children;
|
|
33
|
-
export declare const ContentWrapper: ({ isSidebarVisible, children }: ContentWrapperProps) => JSX.Element;
|
|
33
|
+
export declare const ContentWrapper: ({ isSidebarVisible, children, }: ContentWrapperProps) => JSX.Element;
|
|
34
34
|
export declare const ZoomWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
35
35
|
export declare const ZoomCenterControls: ({ children }: Children) => JSX.Element;
|
|
36
36
|
export declare const ZoomRightControls: ({ children }: Children) => JSX.Element;
|
|
@@ -49,12 +49,12 @@ type VideoProps = {
|
|
|
49
49
|
autoPlay: boolean;
|
|
50
50
|
};
|
|
51
51
|
export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
|
|
52
|
-
export declare const PDFWrapper:
|
|
52
|
+
export declare const PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
|
|
53
53
|
export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
|
|
54
54
|
export type LeftWrapperProps = {
|
|
55
55
|
isArchiveSideBarVisible: boolean;
|
|
56
56
|
};
|
|
57
|
-
export declare const LeftWrapper: ({ children, isArchiveSideBarVisible }: Children & LeftWrapperProps) => JSX.Element;
|
|
57
|
+
export declare const LeftWrapper: ({ children, isArchiveSideBarVisible, }: Children & LeftWrapperProps) => JSX.Element;
|
|
58
58
|
export declare const RightWrapper: ({ children }: Children) => JSX.Element;
|
|
59
59
|
export type HeaderProps = {
|
|
60
60
|
isArchiveSideBarVisible: boolean;
|
|
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
|
|
|
65
65
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
66
66
|
style: CSSProperties;
|
|
67
67
|
} & Children & DataTestID;
|
|
68
|
-
export declare const ImageWrapper:
|
|
68
|
+
export declare const ImageWrapper: ForwardRefExoticComponent<{
|
|
69
69
|
onClick: (event: MouseEvent<HTMLDivElement>) => void;
|
|
70
70
|
style: CSSProperties;
|
|
71
|
-
} & Children & DataTestID & ClassName &
|
|
71
|
+
} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
|
|
72
72
|
export declare const BaselineExtend: () => JSX.Element;
|
|
73
73
|
export type ImgProps = {
|
|
74
74
|
canDrag: boolean;
|
|
@@ -87,7 +87,7 @@ export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
|
|
|
87
87
|
type MetadataFileNameProps = DataTestID & Children;
|
|
88
88
|
export declare const MetadataFileName: ({ "data-testid": datatestId, children, }: MetadataFileNameProps) => JSX.Element;
|
|
89
89
|
type MetadataSubTextProps = DataTestID & Children;
|
|
90
|
-
export declare const MetadataSubText: ({ "data-testid": datatestId, children }: MetadataSubTextProps) => JSX.Element;
|
|
90
|
+
export declare const MetadataSubText: ({ "data-testid": datatestId, children, }: MetadataSubTextProps) => JSX.Element;
|
|
91
91
|
export declare const MetadataIconWrapper: ({ children }: Children) => JSX.Element;
|
|
92
92
|
export interface IconWrapperProps {
|
|
93
93
|
type: MediaType;
|
|
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
|
|
|
96
96
|
export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
|
|
97
97
|
type AudioPlayerProps = DataTestID & Children;
|
|
98
98
|
export declare const AudioPlayer: {
|
|
99
|
-
(
|
|
99
|
+
(props: AudioPlayerProps): JSX.Element;
|
|
100
100
|
displayName: string;
|
|
101
101
|
};
|
|
102
102
|
type AudioProps = {
|
|
@@ -105,7 +105,7 @@ type AudioProps = {
|
|
|
105
105
|
src: string | undefined;
|
|
106
106
|
preload: string;
|
|
107
107
|
};
|
|
108
|
-
export declare const Audio:
|
|
108
|
+
export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
|
|
109
109
|
type AudioCoverProps = {
|
|
110
110
|
alt: string | undefined;
|
|
111
111
|
src: string;
|
|
@@ -116,7 +116,7 @@ export declare const DownloadButtonWrapper: ({ children }: Children) => JSX.Elem
|
|
|
116
116
|
type CustomVideoPlayerWrapperProps = DataTestID & Children;
|
|
117
117
|
export declare const CustomVideoPlayerWrapper: ({ "data-testid": datatestId, children, }: CustomVideoPlayerWrapperProps) => JSX.Element;
|
|
118
118
|
type SidebarWrapperProps = DataTestID & Children;
|
|
119
|
-
export declare const SidebarWrapper: ({ "data-testid": datatestId, children }: SidebarWrapperProps) => JSX.Element;
|
|
119
|
+
export declare const SidebarWrapper: ({ "data-testid": datatestId, children, }: SidebarWrapperProps) => JSX.Element;
|
|
120
120
|
export declare const SpinnerWrapper: ({ children }: Children) => JSX.Element;
|
|
121
121
|
export declare const FormattedMessageWrapper: ({ children }: Children) => JSX.Element;
|
|
122
122
|
export {};
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type ZipEntry } from 'unzipit';
|
|
3
3
|
import { type MediaClient } from '@atlaskit/media-client';
|
|
4
4
|
import { type ArchiveViewerError } from '../../errors';
|
|
5
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
5
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
6
6
|
type Entries = {
|
|
7
7
|
[key: string]: ZipEntry;
|
|
8
8
|
};
|
|
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
|
|
|
18
18
|
shouldRenderAbuseModal: boolean;
|
|
19
19
|
fileId?: string;
|
|
20
20
|
}
|
|
21
|
-
export declare const ArchiveSidebarFolderEntry: React.FC<
|
|
21
|
+
export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
|
|
22
22
|
WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
|
|
23
23
|
};
|
|
24
24
|
export {};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { type ReactNode, type MouseEvent, type Key } from 'react';
|
|
5
|
+
import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
6
6
|
export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
|
|
7
7
|
type Children = {
|
|
8
8
|
children?: ReactNode;
|
|
@@ -13,12 +13,12 @@ type OnClick = {
|
|
|
13
13
|
export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
|
|
14
14
|
fullHeight?: boolean;
|
|
15
15
|
}) => JSX.Element;
|
|
16
|
-
export declare const ArchiveSideBar:
|
|
16
|
+
export declare const ArchiveSideBar: ForwardRefExoticComponent<Children & RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
|
|
18
|
-
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
|
|
18
|
+
export declare const ArchiveDownloadButtonWrapper: ({ children, onClick, }: Children & OnClick) => JSX.Element;
|
|
19
19
|
export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
|
|
20
20
|
export declare const SidebarItemWrapper: ({ children }: Children) => JSX.Element;
|
|
21
|
-
export declare const ArchiveSidebarFileEntryWrapper: ({ children, index }: {
|
|
21
|
+
export declare const ArchiveSidebarFileEntryWrapper: ({ children, index, }: {
|
|
22
22
|
index: Key;
|
|
23
23
|
} & Children) => JSX.Element;
|
|
24
24
|
export declare const ArchiveLayout: ({ children }: Children) => JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { HighlightStyle } from '@codemirror/language';
|
|
2
|
-
|
|
2
|
+
import type { Extension } from '@codemirror/state';
|
|
3
|
+
export declare const cmTheme: Extension;
|
|
3
4
|
export declare const highlightStyle: HighlightStyle;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { type ReactNode, Component } from 'react';
|
|
1
|
+
import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
|
|
2
2
|
import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
|
|
3
3
|
import { Outcome } from '../../domain';
|
|
4
4
|
import type { SupportedLanguages } from '@atlaskit/code/types';
|
|
5
5
|
import { MediaViewerError } from '../../errors';
|
|
6
|
-
export declare const CodeViewWrapper:
|
|
6
|
+
export declare const CodeViewWrapper: ForwardRefExoticComponent<{
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
'data-testid': string | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const CodeViewerHeaderBar: () => JSX.Element;
|
|
11
11
|
export type Props = {
|
|
12
12
|
item: Exclude<FileState, ErrorFileState>;
|
|
@@ -5,4 +5,4 @@ export declare function formatMessage(text: string): string;
|
|
|
5
5
|
export declare function parseHeaders(headers: string): {
|
|
6
6
|
[key: string]: string;
|
|
7
7
|
};
|
|
8
|
-
export declare function getMsgDate(rawHeaders: string): Date |
|
|
8
|
+
export declare function getMsgDate(rawHeaders: string): Date | '-';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const codeViewWrapperStyles: SerializedStyles;
|
|
3
|
+
export declare const codeViewerHeaderBarStyles: SerializedStyles;
|
|
4
|
+
export declare const codeViewerHTMLStyles: SerializedStyles;
|
|
@@ -6,5 +6,5 @@ interface PDFPasswordInputProps {
|
|
|
6
6
|
hasPasswordError?: boolean;
|
|
7
7
|
onRender?: () => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender }: PDFPasswordInputProps) => JSX.Element;
|
|
9
|
+
export declare const PasswordInput: ({ onSubmit, hasPasswordError, onRender, }: PDFPasswordInputProps) => JSX.Element;
|
|
10
10
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-viewer",
|
|
3
|
-
"version": "52.9.
|
|
3
|
+
"version": "52.9.6",
|
|
4
4
|
"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
"@atlaskit/media-ui": "^28.7.0",
|
|
49
49
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
50
50
|
"@atlaskit/portal": "^5.4.0",
|
|
51
|
-
"@atlaskit/primitives": "^
|
|
51
|
+
"@atlaskit/primitives": "^19.0.0",
|
|
52
52
|
"@atlaskit/side-navigation": "^11.1.0",
|
|
53
53
|
"@atlaskit/spinner": "^19.1.0",
|
|
54
54
|
"@atlaskit/textfield": "^8.3.0",
|
|
55
55
|
"@atlaskit/theme": "^23.0.0",
|
|
56
|
-
"@atlaskit/tokens": "^
|
|
56
|
+
"@atlaskit/tokens": "^13.0.0",
|
|
57
57
|
"@atlaskit/tooltip": "^21.1.0",
|
|
58
58
|
"@atlaskit/ufo": "^0.4.0",
|
|
59
59
|
"@babel/runtime": "^7.0.0",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
91
91
|
"@atlaskit/media-test-helpers": "^40.0.0",
|
|
92
92
|
"@atlaskit/ssr": "workspace:^",
|
|
93
|
-
"@atlaskit/toggle": "^15.
|
|
93
|
+
"@atlaskit/toggle": "^15.5.0",
|
|
94
94
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
95
95
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
96
96
|
"@atlassian/ufo": "^0.7.0",
|