@atlaskit/media-viewer 52.9.4 → 52.9.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-viewer
 
+## 52.9.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 52.9.4
 
 ### Patch Changes

package/dist/es2019/viewers/codeViewer/CodeRendererAdvanced/theme.js

@@ -1,7 +1,6 @@
 import { EditorView as CodeMirror } from '@codemirror/view';
 import { HighlightStyle } from '@codemirror/language';
 import { tags } from '@lezer/highlight';
-
 /**
  * These styles are copied directly from
  * packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts

package/dist/esm/viewers/codeViewer/CodeRendererAdvanced/theme.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { EditorView as CodeMirror } from '@codemirror/view';
 import { HighlightStyle } from '@codemirror/language';
 import { tags } from '@lezer/highlight';
-
 /**
  * These styles are copied directly from
  * packages/editor/editor-plugin-code-block-advanced/src/nodeviews/codeBlockAdvanced.ts

package/dist/types/errorMessage.d.ts

@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
 import { type FileState } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
+import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
+import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
 import { type FileStateFlags } from './components/types';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = Readonly<{
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
 export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
     private getErrorInfo;
     componentDidMount(): void;
-    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): import("./analytics/events/operational/loadFailed").LoadFailedEventPayload | import("./analytics/events/operational/previewUnsupported").PreviewUnsupportedEventPayload;
+    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
     render(): React.JSX.Element;
 }
 declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;

package/dist/types/styleWrappers.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
+import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
 import { type MediaType } from '@atlaskit/media-client';
 export interface IconWrapperProps {
     type: MediaType;
@@ -49,7 +49,7 @@ type VideoProps = {
     autoPlay: boolean;
 };
 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 PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
 export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
 export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
 } & Children & DataTestID;
-export declare const ImageWrapper: import("react").ForwardRefExoticComponent<{
+export declare const ImageWrapper: ForwardRefExoticComponent<{
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
-} & Children & DataTestID & ClassName & import("react").RefAttributes<unknown>>;
+} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
 export declare const BaselineExtend: () => JSX.Element;
 export type ImgProps = {
     canDrag: boolean;
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
 export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
 type AudioPlayerProps = DataTestID & Children;
 export declare const AudioPlayer: {
-    ({ "data-testid": datatestId, children }: AudioPlayerProps): JSX.Element;
+    (props: AudioPlayerProps): JSX.Element;
     displayName: string;
 };
 type AudioProps = {
@@ -105,7 +105,7 @@ type AudioProps = {
     src: string | undefined;
     preload: string;
 };
-export declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
 type AudioCoverProps = {
     alt: string | undefined;
     src: string;

package/dist/types/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ZipEntry } from 'unzipit';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type ArchiveViewerError } from '../../errors';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 type Entries = {
     [key: string]: ZipEntry;
 };
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
     shouldRenderAbuseModal: boolean;
     fileId?: string;
 }
-export declare const ArchiveSidebarFolderEntry: React.FC<import("react-intl-next").WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
+export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
 };
 export {};

package/dist/types/viewers/archiveSidebar/styleWrappers.d.ts

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode, type MouseEvent, type Key } from 'react';
+import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
 export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
 type Children = {
     children?: ReactNode;
@@ -13,7 +13,7 @@ type OnClick = {
 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 ArchiveSideBar: ForwardRefExoticComponent<Children & 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;

package/dist/types/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts

@@ -1,3 +1,4 @@
 import { HighlightStyle } from '@codemirror/language';
-export declare const cmTheme: import("@codemirror/state").Extension;
+import type { Extension } from '@codemirror/state';
+export declare const cmTheme: Extension;
 export declare const highlightStyle: HighlightStyle;

package/dist/types/viewers/codeViewer/codeViewerRenderer-compiled.d.ts

@@ -1,12 +1,12 @@
-import { type ReactNode, Component } from 'react';
+import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
 import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import type { SupportedLanguages } from '@atlaskit/code/types';
 import { MediaViewerError } from '../../errors';
-export declare const CodeViewWrapper: import("react").ForwardRefExoticComponent<{
+export declare const CodeViewWrapper: ForwardRefExoticComponent<{
     children: ReactNode;
     'data-testid': string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;
 export declare const CodeViewerHeaderBar: () => JSX.Element;
 export type Props = {
     item: Exclude<FileState, ErrorFileState>;

package/dist/types/viewers/codeViewer/styles.d.ts

@@ -1,3 +1,4 @@
-export declare const codeViewWrapperStyles: import("@emotion/utils").SerializedStyles;
-export declare const codeViewerHeaderBarStyles: import("@emotion/utils").SerializedStyles;
-export declare const codeViewerHTMLStyles: import("@emotion/utils").SerializedStyles;
+import { type SerializedStyles } from '@emotion/react';
+export declare const codeViewWrapperStyles: SerializedStyles;
+export declare const codeViewerHeaderBarStyles: SerializedStyles;
+export declare const codeViewerHTMLStyles: SerializedStyles;

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

@@ -4,6 +4,8 @@ import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl-n
 import { type FileState } from '@atlaskit/media-client';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type PrimaryErrorReason, type SecondaryErrorReason, type MediaViewerError } from './errors';
+import { type LoadFailedEventPayload } from './analytics/events/operational/loadFailed';
+import { type PreviewUnsupportedEventPayload } from './analytics/events/operational/previewUnsupported';
 import { type FileStateFlags } from './components/types';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export type Props = Readonly<{
@@ -24,7 +26,7 @@ export declare const getErrorMessageFromError: (error: MediaViewerError) => Mess
 export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
     private getErrorInfo;
     componentDidMount(): void;
-    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): import("./analytics/events/operational/loadFailed").LoadFailedEventPayload | import("./analytics/events/operational/previewUnsupported").PreviewUnsupportedEventPayload;
+    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState, traceContext?: MediaTraceContext): PreviewUnsupportedEventPayload | LoadFailedEventPayload;
     render(): React.JSX.Element;
 }
 declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;

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

@@ -1,4 +1,4 @@
-import { type CSSProperties, type MouseEvent, type ReactNode } from 'react';
+import { type CSSProperties, type ForwardRefExoticComponent, type MouseEvent, type ReactNode, type RefAttributes } from 'react';
 import { type MediaType } from '@atlaskit/media-client';
 export interface IconWrapperProps {
     type: MediaType;
@@ -49,7 +49,7 @@ type VideoProps = {
     autoPlay: boolean;
 };
 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 PDFWrapper: ForwardRefExoticComponent<DataTestID & Children & RefAttributes<HTMLDivElement>>;
 export declare const Arrow: ({ className, children }: ClassName & Children) => JSX.Element;
 export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
@@ -65,10 +65,10 @@ export type ImageWrapperProps = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
 } & Children & DataTestID;
-export declare const ImageWrapper: import("react").ForwardRefExoticComponent<{
+export declare const ImageWrapper: ForwardRefExoticComponent<{
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
-} & Children & DataTestID & ClassName & import("react").RefAttributes<unknown>>;
+} & Children & DataTestID & ClassName & RefAttributes<unknown>>;
 export declare const BaselineExtend: () => JSX.Element;
 export type ImgProps = {
     canDrag: boolean;
@@ -96,7 +96,7 @@ export declare const RightHeader: ({ children }: Children) => JSX.Element;
 export declare const CustomAudioPlayerWrapper: ({ children }: Children) => JSX.Element;
 type AudioPlayerProps = DataTestID & Children;
 export declare const AudioPlayer: {
-    ({ "data-testid": datatestId, children }: AudioPlayerProps): JSX.Element;
+    (props: AudioPlayerProps): JSX.Element;
     displayName: string;
 };
 type AudioProps = {
@@ -105,7 +105,7 @@ type AudioProps = {
     src: string | undefined;
     preload: string;
 };
-export declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+export declare const Audio: ForwardRefExoticComponent<AudioProps & RefAttributes<HTMLAudioElement>>;
 type AudioCoverProps = {
     alt: string | undefined;
     src: string;

package/dist/types-ts4.5/viewers/archiveSidebar/archive-sidebar-folder-entry.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ZipEntry } from 'unzipit';
 import { type MediaClient } from '@atlaskit/media-client';
 import { type ArchiveViewerError } from '../../errors';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 type Entries = {
     [key: string]: ZipEntry;
 };
@@ -18,7 +18,7 @@ export interface ArchiveSidebarFolderProps {
     shouldRenderAbuseModal: boolean;
     fileId?: string;
 }
-export declare const ArchiveSidebarFolderEntry: React.FC<import("react-intl-next").WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
+export declare const ArchiveSidebarFolderEntry: React.FC<WithIntlProps<ArchiveSidebarFolderProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ArchiveSidebarFolderProps & WrappedComponentProps>;
 };
 export {};

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

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { type ReactNode, type MouseEvent, type Key } from 'react';
+import { type ReactNode, type MouseEvent, type Key, type ForwardRefExoticComponent, type RefAttributes } from 'react';
 export declare const ARCHIVE_SIDE_BAR_WIDTH = 300;
 type Children = {
     children?: ReactNode;
@@ -13,7 +13,7 @@ type OnClick = {
 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 ArchiveSideBar: ForwardRefExoticComponent<Children & 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;

package/dist/types-ts4.5/viewers/codeViewer/CodeRendererAdvanced/theme.d.ts

@@ -1,3 +1,4 @@
 import { HighlightStyle } from '@codemirror/language';
-export declare const cmTheme: import("@codemirror/state").Extension;
+import type { Extension } from '@codemirror/state';
+export declare const cmTheme: Extension;
 export declare const highlightStyle: HighlightStyle;

package/dist/types-ts4.5/viewers/codeViewer/codeViewerRenderer-compiled.d.ts

@@ -1,12 +1,12 @@
-import { type ReactNode, Component } from 'react';
+import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, Component } from 'react';
 import { type ErrorFileState, type FileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
 import type { SupportedLanguages } from '@atlaskit/code/types';
 import { MediaViewerError } from '../../errors';
-export declare const CodeViewWrapper: import("react").ForwardRefExoticComponent<{
+export declare const CodeViewWrapper: ForwardRefExoticComponent<{
     children: ReactNode;
     'data-testid': string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;
 export declare const CodeViewerHeaderBar: () => JSX.Element;
 export type Props = {
     item: Exclude<FileState, ErrorFileState>;

package/dist/types-ts4.5/viewers/codeViewer/styles.d.ts

@@ -1,3 +1,4 @@
-export declare const codeViewWrapperStyles: import("@emotion/utils").SerializedStyles;
-export declare const codeViewerHeaderBarStyles: import("@emotion/utils").SerializedStyles;
-export declare const codeViewerHTMLStyles: import("@emotion/utils").SerializedStyles;
+import { type SerializedStyles } from '@emotion/react';
+export declare const codeViewWrapperStyles: SerializedStyles;
+export declare const codeViewerHeaderBarStyles: SerializedStyles;
+export declare const codeViewerHTMLStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.9.4",
+	"version": "52.9.5",
 	"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/"
@@ -53,7 +53,7 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -90,7 +90,7 @@
 		"@atlaskit/media-test-data": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/toggle": "^15.3.0",
+		"@atlaskit/toggle": "^15.4.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ufo": "^0.7.0",