@atlaskit/media-viewer 52.4.37 → 52.5.1

package/dist/types-ts4.5/styleWrappers.d.ts

@@ -1,4 +1,4 @@
-import React, { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
+import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
 import { type MediaType } from '@atlaskit/media-client';
 export interface IconWrapperProps {
     type: MediaType;
@@ -13,63 +13,63 @@ type DataTestID = {
     'data-testid'?: string | undefined;
 };
 type BlanketProps = DataTestID & Children & ClassName;
-export declare const Blanket: (props: BlanketProps) => React.JSX.Element;
+export declare const Blanket: ({ "data-testid": datatestId, className, children }: BlanketProps) => JSX.Element;
 type HeaderWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const HeaderWrapper: {
-    (props: ClassName & Children & HeaderWrapperProps): React.JSX.Element;
+    ({ className, children, isArchiveSideBarVisible, }: ClassName & Children & HeaderWrapperProps): JSX.Element;
     displayName: string;
 };
 export declare const ListWrapper: {
-    (props: Children): React.JSX.Element;
+    ({ children }: Children): JSX.Element;
     displayName: string;
 };
-export declare const ArrowsWrapper: (props: Children) => React.JSX.Element;
-export declare const CloseButtonWrapper: (props: ClassName & Children) => React.JSX.Element;
+export declare const ArrowsWrapper: ({ children }: Children) => JSX.Element;
+export declare const CloseButtonWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
 type ContentWrapperProps = {
     isSidebarVisible: boolean | undefined;
 } & Children;
-export declare const ContentWrapper: (props: ContentWrapperProps) => React.JSX.Element;
-export declare const ZoomWrapper: (props: ClassName & Children) => React.JSX.Element;
-export declare const ZoomCenterControls: (props: Children) => React.JSX.Element;
-export declare const ZoomRightControls: (props: Children) => React.JSX.Element;
-export declare const ZoomLevelIndicator: (props: Children) => React.JSX.Element;
-export declare const HDIconGroupWrapper: (props: ClassName & Children) => React.JSX.Element;
+export declare const ContentWrapper: ({ isSidebarVisible, children }: ContentWrapperProps) => JSX.Element;
+export declare const ZoomWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
+export declare const ZoomCenterControls: ({ children }: Children) => JSX.Element;
+export declare const ZoomRightControls: ({ children }: Children) => JSX.Element;
+export declare const ZoomLevelIndicator: ({ children }: Children) => JSX.Element;
+export declare const HDIconGroupWrapper: ({ className, children }: ClassName & Children) => JSX.Element;
 type ErrorMessageWrapperProps = DataTestID & Children;
-export declare const ErrorMessageWrapper: (props: ErrorMessageWrapperProps) => React.JSX.Element;
+export declare const ErrorMessageWrapper: ({ "data-testid": datatestId, children, }: ErrorMessageWrapperProps) => JSX.Element;
 type ErrorImageProps = {
     alt: string | undefined;
     src: string;
 };
-export declare const ErrorImage: (props: ErrorImageProps) => React.JSX.Element;
+export declare const ErrorImage: ({ src, alt }: ErrorImageProps) => JSX.Element;
 type VideoProps = {
     controls: boolean;
     src: string;
     autoPlay: boolean;
 };
-export declare const Video: (props: VideoProps) => React.JSX.Element;
-export declare const PDFWrapper: React.ForwardRefExoticComponent<DataTestID & Children & React.RefAttributes<HTMLDivElement>>;
-export declare const Arrow: (props: ClassName & Children) => React.JSX.Element;
+export declare const Video: ({ autoPlay, controls, src }: VideoProps) => JSX.Element;
+export declare const PDFWrapper: import("react").ForwardRefExoticComponent<DataTestID & Children & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
 export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
-export declare const LeftWrapper: (props: Children & LeftWrapperProps) => React.JSX.Element;
-export declare const RightWrapper: (props: Children) => React.JSX.Element;
+export declare const LeftWrapper: ({ children, isArchiveSideBarVisible }: Children & LeftWrapperProps) => JSX.Element;
+export declare const RightWrapper: ({ children }: Children) => JSX.Element;
 export type HeaderProps = {
     isArchiveSideBarVisible: boolean;
 };
-export declare const Header: (props: Children & HeaderProps & ClassName) => React.JSX.Element;
-export declare const LeftHeader: (props: Children) => React.JSX.Element;
+export declare const Header: ({ children, isArchiveSideBarVisible, className, }: Children & HeaderProps & ClassName) => JSX.Element;
+export declare const LeftHeader: ({ children }: Children) => JSX.Element;
 export type ImageWrapperProps = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
 } & Children & DataTestID;
-export declare const ImageWrapper: React.ForwardRefExoticComponent<{
+export declare const ImageWrapper: import("react").ForwardRefExoticComponent<{
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
-} & Children & DataTestID & ClassName & React.RefAttributes<HTMLDivElement>>;
-export declare const BaselineExtend: () => React.JSX.Element;
+} & Children & DataTestID & ClassName & import("react").RefAttributes<unknown>>;
+export declare const BaselineExtend: () => JSX.Element;
 export type ImgProps = {
     canDrag: boolean;
     isDragging: boolean;
@@ -79,24 +79,24 @@ export type ImgProps = {
     onLoad: (ev: React.SyntheticEvent<HTMLImageElement>) => void;
     onMouseDown: (ev: MouseEvent<{}>) => void;
     onError: (() => void) | undefined;
-    alt: string;
+    alt?: string;
 } & DataTestID & ClassName;
-export declare const Img: (props: ImgProps) => React.JSX.Element;
-export declare const MedatadataTextWrapper: (props: Children) => React.JSX.Element;
-export declare const MetadataWrapper: (props: Children) => React.JSX.Element;
+export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, onMouseDown, alt, className, }: ImgProps) => JSX.Element;
+export declare const MedatadataTextWrapper: ({ children }: Children) => JSX.Element;
+export declare const MetadataWrapper: ({ children }: Children) => JSX.Element;
 type MetadataFileNameProps = DataTestID & Children;
-export declare const MetadataFileName: (props: MetadataFileNameProps) => React.JSX.Element;
+export declare const MetadataFileName: ({ "data-testid": datatestId, children, }: MetadataFileNameProps) => JSX.Element;
 type MetadataSubTextProps = DataTestID & Children;
-export declare const MetadataSubText: (props: MetadataSubTextProps) => React.JSX.Element;
-export declare const MetadataIconWrapper: (props: Children) => React.JSX.Element;
+export declare const MetadataSubText: ({ "data-testid": datatestId, children }: MetadataSubTextProps) => JSX.Element;
+export declare const MetadataIconWrapper: ({ children }: Children) => JSX.Element;
 export interface IconWrapperProps {
     type: MediaType;
 }
-export declare const RightHeader: (props: Children) => React.JSX.Element;
-export declare const CustomAudioPlayerWrapper: (props: Children) => React.JSX.Element;
+export declare const RightHeader: ({ children }: Children) => JSX.Element;
+export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
 type AudioPlayerProps = DataTestID & Children;
 export declare const AudioPlayer: {
-    (props: AudioPlayerProps): React.JSX.Element;
+    ({ "data-testid": datatestId, children }: AudioPlayerProps): JSX.Element;
     displayName: string;
 };
 type AudioProps = {
@@ -105,18 +105,18 @@ type AudioProps = {
     src: string | undefined;
     preload: string;
 };
-export declare const Audio: React.ForwardRefExoticComponent<AudioProps & React.RefAttributes<HTMLAudioElement>>;
+export declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<HTMLAudioElement>>;
 type AudioCoverProps = {
     alt: string | undefined;
     src: string;
 };
-export declare const AudioCover: (props: AudioCoverProps) => React.JSX.Element;
-export declare const DefaultCoverWrapper: (props: Children) => React.JSX.Element;
-export declare const DownloadButtonWrapper: (props: Children) => React.JSX.Element;
+export declare const AudioCover: ({ src, alt }: AudioCoverProps) => JSX.Element;
+export declare const DefaultCoverWrapper: ({ children }: Children) => JSX.Element;
+export declare const DownloadButtonWrapper: ({ children }: Children) => JSX.Element;
 type CustomVideoPlayerWrapperProps = DataTestID & Children;
-export declare const CustomVideoPlayerWrapper: (props: CustomVideoPlayerWrapperProps) => React.JSX.Element;
+export declare const CustomVideoPlayerWrapper: ({ "data-testid": datatestId, children, }: CustomVideoPlayerWrapperProps) => JSX.Element;
 type SidebarWrapperProps = DataTestID & Children;
-export declare const SidebarWrapper: (props: SidebarWrapperProps) => React.JSX.Element;
-export declare const SpinnerWrapper: (props: Children) => React.JSX.Element;
-export declare const FormattedMessageWrapper: (props: Children) => React.JSX.Element;
+export declare const SidebarWrapper: ({ "data-testid": datatestId, children }: SidebarWrapperProps) => JSX.Element;
+export declare const SpinnerWrapper: ({ children }: Children) => JSX.Element;
+export declare const FormattedMessageWrapper: ({ children }: Children) => JSX.Element;
 export {};

package/dist/types-ts4.5/viewers/archiveSidebar/nativePdfViewer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type Props = {
+    src: string;
+    children: React.ReactNode;
+    onSuccess: () => void;
+    onError: () => void;
+};
+export declare const NativePdfViewer: ({ src, children, onSuccess, onError }: Props) => JSX.Element;
+export {};

package/dist/types-ts4.5/viewers/archiveSidebar/styleWrappers.d.ts

@@ -1,23 +1,30 @@
-import React, { type ReactNode, type MouseEvent, type Key } from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ReactNode, type MouseEvent, type Key } from 'react';
+export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
 type Children = {
     children?: ReactNode;
 };
 type OnClick = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
 };
-export declare const ArchiveItemViewerWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveSideBar: (props: Children) => React.JSX.Element;
-export declare const ArchiveSidebarFolderWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveDownloadButtonWrapper: (props: Children & OnClick) => React.JSX.Element;
-export declare const DisabledArchiveDownloadButtonWrapper: (props: Children) => React.JSX.Element;
-export declare const SidebarItemWrapper: (props: Children) => React.JSX.Element;
-export declare const ArchiveSidebarFileEntryWrapper: (props: {
+export declare const ArchiveItemViewerWrapper: ({ children, fullHeight, }: Children & {
+    fullHeight?: boolean;
+}) => JSX.Element;
+export declare const ArchiveSideBar: import("react").ForwardRefExoticComponent<Children & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ArchiveSidebarFolderWrapper: ({ children }: Children) => JSX.Element;
+export declare const ArchiveDownloadButtonWrapper: ({ children, onClick }: Children & OnClick) => JSX.Element;
+export declare const DisabledArchiveDownloadButtonWrapper: ({ children }: Children) => JSX.Element;
+export declare const SidebarItemWrapper: ({ children }: Children) => JSX.Element;
+export declare const ArchiveSidebarFileEntryWrapper: ({ children, index }: {
     index: Key;
-} & Children) => React.JSX.Element;
-export declare const ArchiveLayout: (props: Children) => React.JSX.Element;
-export declare const ArchiveViewerWrapper: (props: Children) => React.JSX.Element;
-export declare const Separator: () => React.JSX.Element;
-export declare const SidebarHeaderWrapper: (props: Children) => React.JSX.Element;
-export declare const SidebarHeaderIcon: (props: Children) => React.JSX.Element;
-export declare const SidebarHeaderEntry: (props: Children) => React.JSX.Element;
+} & Children) => JSX.Element;
+export declare const ArchiveLayout: ({ children }: Children) => JSX.Element;
+export declare const ArchiveViewerWrapper: ({ children }: Children) => JSX.Element;
+export declare const Separator: () => JSX.Element;
+export declare const SidebarHeaderWrapper: ({ children }: Children) => JSX.Element;
+export declare const SidebarHeaderIcon: ({ children }: Children) => JSX.Element;
+export declare const SidebarHeaderEntry: ({ children }: Children) => JSX.Element;
 export {};

package/dist/types-ts4.5/viewers/doc/index.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { type MediaClient, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
-import { MediaViewerError } from '../../errors';
+import { type MediaViewerError } from '../../errors';
 import { BaseViewer } from '../base-viewer';
 import { type MediaTraceContext } from '@atlaskit/media-common';
+import { ZoomLevel } from '../../domain/zoomLevel';
 export type Props = {
     mediaClient: MediaClient;
     item: FileState;
@@ -15,14 +16,21 @@ export type Props = {
 };
 export type State = {
     content: Outcome<string, MediaViewerError>;
+    zoomLevel: ZoomLevel;
+    isPasswordProtected: boolean;
+    password?: string;
+    hasPasswordError: boolean;
 };
 export declare class DocViewer extends BaseViewer<string, Props, State> {
     private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
+        zoomLevel: ZoomLevel;
+        isPasswordProtected: boolean;
+        hasPasswordError: boolean;
     };
     protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
-    protected renderSuccessful(content: string): React.JSX.Element;
+    protected renderSuccessful(): React.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.4.37",
+	"version": "52.5.1",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,15 +32,15 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/code": "^17.3.0",
+		"@atlaskit/button": "^23.7.0",
+		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/css": "^0.17.0",
-		"@atlaskit/form": "^14.3.0",
+		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.12.0",
-		"@atlaskit/media-client": "^35.6.0",
+		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-document-viewer": "^0.6.0",
@@ -51,10 +51,10 @@
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/side-navigation": "^11.0.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textfield": "^8.1.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^8.4.0",
-		"@atlaskit/tooltip": "^20.10.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/language": "6.10.8",
@@ -67,7 +67,6 @@
 		"deep-equal": "^1.0.1",
 		"fflate": "^0.8.1",
 		"mime": "^2.4.6",
-		"pdfjs-dist": "2.16.105",
 		"perf-marks": "^1.5.0",
 		"react-error-boundary": "^3.1.3",
 		"react-focus-lock": "^2.9.5",
@@ -90,7 +89,7 @@
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.1.0",
+		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
@@ -123,6 +122,9 @@
 		},
 		"media_document_viewer": {
 			"type": "boolean"
+		},
+		"media_viewer_prevent_rerender_on_polling": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {