@atlaskit/media-viewer 47.6.0 → 47.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-viewer
 
+## 47.6.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 47.6.0
 
 ### Minor Changes

package/classnames/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/classnames.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/classnames.d.ts"
+        "../dist/types-ts4.5/classnames.d.ts"
       ]
     }
   }

package/dist/cjs/analytics/index.js

@@ -12,7 +12,7 @@ var componentName = 'mediaViewer';
 exports.component = exports.componentName = componentName;
 var packageName = "@atlaskit/media-viewer";
 exports.packageName = packageName;
-var packageVersion = "47.6.0";
+var packageVersion = "47.6.1";
 exports.packageVersion = packageVersion;
 function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.6.0";
+var packageVersion = "47.6.1";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "47.6.0",
+	"version": "47.6.1",
 	"sideEffects": false
 }

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "47.6.0";
+const packageVersion = "47.6.1";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "47.6.0";
+const packageVersion = "47.6.1";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "47.6.0",
+	"version": "47.6.1",
 	"sideEffects": false
 }

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.6.0";
+var packageVersion = "47.6.1";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "47.6.0";
+var packageVersion = "47.6.1";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "47.6.0",
+	"version": "47.6.1",
 	"sideEffects": false
 }

package/dist/types/analytics/events/index.d.ts

@@ -11,4 +11,4 @@ import { FailedPreviewDownloadButtonClickedEventPayload } from './ui/failedPrevi
 import { NavigatedEventPayload } from './ui/navigated';
 import { ZoomInButtonClickEventPayload } from './ui/zoomInButtonClicked';
 import { ZoomOutButtonClickEventPayload } from './ui/zoomOutButtonClicked';
-export declare type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;
+export type MediaViewerEventPayload = CommencedEventPayload | LoadFailedEventPayload | LoadSucceededEventPayload | PreviewUnsupportedEventPayload | ZipEntryLoadFailedEventPayload | ZipEntryLoadSucceededEventPayload | ModalEventPayload | ClosedEventPayload | DownloadButtonClickedEventPayload | FailedPreviewDownloadButtonClickedEventPayload | NavigatedEventPayload | ZoomInButtonClickEventPayload | ZoomOutButtonClickEventPayload;

package/dist/types/analytics/events/operational/_mediaFile.d.ts

@@ -1,3 +1,3 @@
 import { OperationalEventPayload, OperationalAttributes } from '@atlaskit/media-common';
 /** common definition used by other mediaFile events */
-export declare type MediaFileEventPayload<Attributes extends OperationalAttributes, Action extends 'commenced' | 'loadSucceeded' | 'loadFailed' | 'previewUnsupported' | 'zipEntryLoadSucceeded' | 'zipEntryLoadFailed'> = OperationalEventPayload<Attributes, Action, 'mediaFile'>;
+export type MediaFileEventPayload<Attributes extends OperationalAttributes, Action extends 'commenced' | 'loadSucceeded' | 'loadFailed' | 'previewUnsupported' | 'zipEntryLoadSucceeded' | 'zipEntryLoadFailed'> = OperationalEventPayload<Attributes, Action, 'mediaFile'>;

package/dist/types/analytics/events/operational/commenced.d.ts

@@ -1,5 +1,5 @@
 import { MediaTraceContext, WithFileAttributes, WithTraceContext } from '@atlaskit/media-common';
 import { MediaFileEventPayload } from './_mediaFile';
-export declare type CommencedAttributes = WithFileAttributes & WithTraceContext;
-export declare type CommencedEventPayload = MediaFileEventPayload<CommencedAttributes, 'commenced'>;
+export type CommencedAttributes = WithFileAttributes & WithTraceContext;
+export type CommencedEventPayload = MediaFileEventPayload<CommencedAttributes, 'commenced'>;
 export declare const createCommencedEvent: (fileId: string, traceContext: MediaTraceContext) => CommencedEventPayload;

package/dist/types/analytics/events/operational/loadFailed.d.ts

@@ -3,5 +3,5 @@ import { MediaFileEventPayload } from './_mediaFile';
 import { MediaViewerFailureAttributes } from '../..';
 import { MediaViewerError } from '../../../errors';
 import { MediaTraceContext } from '@atlaskit/media-common';
-export declare type LoadFailedEventPayload = MediaFileEventPayload<MediaViewerFailureAttributes, 'loadFailed'>;
-export declare const createLoadFailedEvent: (fileId: string, error: MediaViewerError, fileState?: FileState | undefined, traceContext?: MediaTraceContext | undefined) => LoadFailedEventPayload;
+export type LoadFailedEventPayload = MediaFileEventPayload<MediaViewerFailureAttributes, 'loadFailed'>;
+export declare const createLoadFailedEvent: (fileId: string, error: MediaViewerError, fileState?: FileState, traceContext?: MediaTraceContext) => LoadFailedEventPayload;

package/dist/types/analytics/events/operational/loadSucceeded.d.ts

@@ -1,5 +1,5 @@
 import { SuccessAttributes, WithFileAttributes, FileAttributes, MediaTraceContext, WithTraceContext } from '@atlaskit/media-common';
 import { MediaFileEventPayload } from './_mediaFile';
-export declare type LoadSucceededAttributes = SuccessAttributes & WithFileAttributes & WithTraceContext;
-export declare type LoadSucceededEventPayload = MediaFileEventPayload<LoadSucceededAttributes, 'loadSucceeded'>;
-export declare const createLoadSucceededEvent: ({ fileId, fileMediatype, fileMimetype, fileSize }: FileAttributes, traceContext?: MediaTraceContext | undefined) => LoadSucceededEventPayload;
+export type LoadSucceededAttributes = SuccessAttributes & WithFileAttributes & WithTraceContext;
+export type LoadSucceededEventPayload = MediaFileEventPayload<LoadSucceededAttributes, 'loadSucceeded'>;
+export declare const createLoadSucceededEvent: ({ fileId, fileMediatype, fileMimetype, fileSize }: FileAttributes, traceContext?: MediaTraceContext) => LoadSucceededEventPayload;

package/dist/types/analytics/events/operational/previewUnsupported.d.ts

@@ -1,6 +1,6 @@
 import { FileState } from '@atlaskit/media-client';
 import { WithFileAttributes } from '@atlaskit/media-common';
 import { MediaFileEventPayload } from './_mediaFile';
-export declare type PreviewUnsupportedAttributes = WithFileAttributes;
-export declare type PreviewUnsupportedEventPayload = MediaFileEventPayload<PreviewUnsupportedAttributes, 'previewUnsupported'>;
+export type PreviewUnsupportedAttributes = WithFileAttributes;
+export type PreviewUnsupportedEventPayload = MediaFileEventPayload<PreviewUnsupportedAttributes, 'previewUnsupported'>;
 export declare const createPreviewUnsupportedEvent: (fileState: FileState) => PreviewUnsupportedEventPayload;

package/dist/types/analytics/events/operational/zipEntryLoadFailed.d.ts

@@ -3,11 +3,11 @@ import { ZipEntry } from 'unzipit';
 import { MediaFileEventPayload } from './_mediaFile';
 import { MediaViewerFailureAttributes } from '../..';
 import { MediaViewerError } from '../../../errors';
-export declare type ZipEntryLoadFailedAttributes = MediaViewerFailureAttributes & {
+export type ZipEntryLoadFailedAttributes = MediaViewerFailureAttributes & {
     size: number;
     encrypted: boolean;
     compressedSize: number;
     mimeType: string;
 };
-export declare type ZipEntryLoadFailedEventPayload = MediaFileEventPayload<ZipEntryLoadFailedAttributes, 'zipEntryLoadFailed'>;
-export declare const createZipEntryLoadFailedEvent: (fileState: FileState, error: MediaViewerError, zipEntry?: ZipEntry | undefined) => ZipEntryLoadFailedEventPayload;
+export type ZipEntryLoadFailedEventPayload = MediaFileEventPayload<ZipEntryLoadFailedAttributes, 'zipEntryLoadFailed'>;
+export declare const createZipEntryLoadFailedEvent: (fileState: FileState, error: MediaViewerError, zipEntry?: ZipEntry) => ZipEntryLoadFailedEventPayload;

package/dist/types/analytics/events/operational/zipEntryLoadSucceeded.d.ts

@@ -2,11 +2,11 @@ import { FileState } from '@atlaskit/media-client';
 import { SuccessAttributes, WithFileAttributes } from '@atlaskit/media-common/analytics';
 import { ZipEntry } from 'unzipit';
 import { MediaFileEventPayload } from './_mediaFile';
-export declare type ZipEntryLoadSucceededAttributes = SuccessAttributes & WithFileAttributes & {
+export type ZipEntryLoadSucceededAttributes = SuccessAttributes & WithFileAttributes & {
     size: number;
     encrypted: boolean;
     compressedSize: number;
     mimeType: string;
 };
-export declare type ZipEntryLoadSucceededEventPayload = MediaFileEventPayload<ZipEntryLoadSucceededAttributes, 'zipEntryLoadSucceeded'>;
+export type ZipEntryLoadSucceededEventPayload = MediaFileEventPayload<ZipEntryLoadSucceededAttributes, 'zipEntryLoadSucceeded'>;
 export declare const createZipEntryLoadSucceededEvent: (fileState: FileState, zipEntry: ZipEntry) => ZipEntryLoadSucceededEventPayload;

package/dist/types/analytics/events/screen/modal.d.ts

@@ -1,3 +1,3 @@
 import { ScreenEventPayload, ScreenAttributes } from '@atlaskit/media-common';
-export declare type ModalEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerModal'>, 'attributes'>;
+export type ModalEventPayload = Omit<ScreenEventPayload<ScreenAttributes, 'mediaViewerModal'>, 'attributes'>;
 export declare const createModalEvent: () => ModalEventPayload;

package/dist/types/analytics/events/ui/_clickedButton.d.ts

@@ -1,2 +1,2 @@
 import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
-export declare type ButtonClickEventPayload<Attributes extends UIAttributes> = UIEventPayload<Attributes, 'clicked', 'button'>;
+export type ButtonClickEventPayload<Attributes extends UIAttributes> = UIEventPayload<Attributes, 'clicked', 'button'>;

package/dist/types/analytics/events/ui/closed.d.ts

@@ -1,8 +1,8 @@
 import { UIEventPayload } from '@atlaskit/media-common';
-export declare type ClosedInputType = 'button' | 'blanket' | 'escKey';
+export type ClosedInputType = 'button' | 'blanket' | 'escKey';
 export interface ClosedAttributes {
     input: ClosedInputType;
     sessionDurationMs: number;
 }
-export declare type ClosedEventPayload = UIEventPayload<ClosedAttributes, 'closed', 'mediaViewer'>;
+export type ClosedEventPayload = UIEventPayload<ClosedAttributes, 'closed', 'mediaViewer'>;
 export declare const createClosedEvent: (input: ClosedInputType) => ClosedEventPayload;

package/dist/types/analytics/events/ui/downloadButtonClicked.d.ts

@@ -1,8 +1,8 @@
 import { WithFileAttributes } from '@atlaskit/media-common';
 import { FileStatus, FileState } from '@atlaskit/media-client';
 import { ButtonClickEventPayload } from './_clickedButton';
-export declare type DownloadButtonClickedAttributes = WithFileAttributes & {
+export type DownloadButtonClickedAttributes = WithFileAttributes & {
     fileProcessingStatus: FileStatus;
 };
-export declare type DownloadButtonClickedEventPayload = ButtonClickEventPayload<DownloadButtonClickedAttributes>;
+export type DownloadButtonClickedEventPayload = ButtonClickEventPayload<DownloadButtonClickedAttributes>;
 export declare const createDownloadButtonClickedEvent: (fileState: FileState) => DownloadButtonClickedEventPayload;

package/dist/types/analytics/events/ui/failedPreviewDownloadButtonClicked.d.ts

@@ -2,9 +2,9 @@ import { WithFileAttributes } from '@atlaskit/media-common';
 import { FileStatus, FileState } from '@atlaskit/media-client';
 import { ButtonClickEventPayload } from './_clickedButton';
 import { PrimaryErrorReason, MediaViewerError } from '../../../errors';
-export declare type FailedPreviewDownloadButtonClickedAttributes = WithFileAttributes & {
+export type FailedPreviewDownloadButtonClickedAttributes = WithFileAttributes & {
     fileProcessingStatus: FileStatus;
     failReason: PrimaryErrorReason;
 };
-export declare type FailedPreviewDownloadButtonClickedEventPayload = ButtonClickEventPayload<FailedPreviewDownloadButtonClickedAttributes>;
+export type FailedPreviewDownloadButtonClickedEventPayload = ButtonClickEventPayload<FailedPreviewDownloadButtonClickedAttributes>;
 export declare const createFailedPreviewDownloadButtonClickedEvent: (fileState: FileState, error: MediaViewerError) => FailedPreviewDownloadButtonClickedEventPayload;

package/dist/types/analytics/events/ui/navigated.d.ts

@@ -1,12 +1,12 @@
 import { UIEventPayload, UIAttributes, WithFileAttributes } from '@atlaskit/media-common';
 import { Identifier } from '@atlaskit/media-client';
 import { NavigationDirection, NavigationSource } from '../../../navigation';
-export declare type NavigatedAttributes = UIAttributes & WithFileAttributes & {
+export type NavigatedAttributes = UIAttributes & WithFileAttributes & {
     input: 'button' | 'keys';
 };
-export declare type NavigatedEventPayload = UIEventPayload<NavigatedAttributes, 'navigated', 'file'> & {
+export type NavigatedEventPayload = UIEventPayload<NavigatedAttributes, 'navigated', 'file'> & {
     actionSubjectId: 'next' | 'previous';
 };
-export declare type NavigatedInput = 'button' | 'keys';
+export type NavigatedInput = 'button' | 'keys';
 export declare const inputFromSource: (source: NavigationSource) => NavigatedInput;
 export declare const createNavigatedEvent: (direction: NavigationDirection, source: NavigationSource, identifier: Identifier) => NavigatedEventPayload;

package/dist/types/analytics/events/ui/zoomInButtonClicked.d.ts

@@ -1,8 +1,8 @@
 import { ButtonClickEventPayload } from './_clickedButton';
-export declare type ZoomButtonClickAttributes = {
+export type ZoomButtonClickAttributes = {
     zoomScale: number;
 };
-export declare type ZoomInButtonClickEventPayload = ButtonClickEventPayload<ZoomButtonClickAttributes> & {
+export type ZoomInButtonClickEventPayload = ButtonClickEventPayload<ZoomButtonClickAttributes> & {
     actionSubjectId: 'zoomIn';
 };
 export declare function createZoomInButtonClickEvent(zoomScale: number): ZoomInButtonClickEventPayload;

package/dist/types/analytics/events/ui/zoomOutButtonClicked.d.ts

@@ -1,6 +1,6 @@
 import { ButtonClickEventPayload } from './_clickedButton';
 import { ZoomButtonClickAttributes } from './zoomInButtonClicked';
-export declare type ZoomOutButtonClickEventPayload = ButtonClickEventPayload<ZoomButtonClickAttributes> & {
+export type ZoomOutButtonClickEventPayload = ButtonClickEventPayload<ZoomButtonClickAttributes> & {
     actionSubjectId: 'zoomOut';
 };
 export declare function createZoomOutButtonClickedEvent(zoomScale: number): ZoomOutButtonClickEventPayload;

package/dist/types/analytics/index.d.ts

@@ -9,7 +9,7 @@ declare const packageVersion: string;
 export { packageName, packageVersion, componentName, componentName as component, };
 export declare function getFileAttributes(fileState?: FileState): FileAttributes;
 /** This type takes FailureAttributes and redefines `failReason` to be the strong media-viewer type */
-export declare type MediaViewerFailureAttributes = Omit<FailureAttributes, 'failReason'> & {
+export type MediaViewerFailureAttributes = Omit<FailureAttributes, 'failReason'> & {
     failReason: PrimaryErrorReason;
     request?: RequestMetadata;
 } & WithFileAttributes & WithTraceContext;

package/dist/types/analytics/ufoExperiences.d.ts

@@ -2,7 +2,7 @@ import { FileAttributes } from '@atlaskit/media-common';
 import { RequestMetadata } from '@atlaskit/media-client';
 import { PrimaryErrorReason } from '../errors';
 import { FileStateFlags } from '../components/types';
-export declare type UFOFailedEventPayload = {
+export type UFOFailedEventPayload = {
     failReason?: PrimaryErrorReason;
     error?: string;
     errorDetail?: string;
@@ -10,10 +10,10 @@ export declare type UFOFailedEventPayload = {
     fileAttributes: FileAttributes;
     fileStateFlags?: FileStateFlags;
 };
-export declare type UFOSucceedEventPayload = {
+export type UFOSucceedEventPayload = {
     fileAttributes: FileAttributes;
     fileStateFlags?: FileStateFlags;
 };
 export declare const startMediaFileUfoExperience: () => void;
-export declare const succeedMediaFileUfoExperience: (properties?: UFOSucceedEventPayload | undefined) => void;
-export declare const failMediaFileUfoExperience: (properties?: UFOFailedEventPayload | undefined) => void;
+export declare const succeedMediaFileUfoExperience: (properties?: UFOSucceedEventPayload) => void;
+export declare const failMediaFileUfoExperience: (properties?: UFOFailedEventPayload) => void;

package/dist/types/components/media-viewer-analytics-error-boundary.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type MediaViewerAnalyticsErrorBoundaryProps = {
+export type MediaViewerAnalyticsErrorBoundaryProps = {
     data?: {
         [k: string]: any;
     };

package/dist/types/components/media-viewer-loader.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
 import type { MediaViewerProps } from './types';
 import type { MediaViewerAnalyticsErrorBoundaryProps } from './media-viewer-analytics-error-boundary';
-export declare type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<MediaViewerProps>;
-declare type MediaViewerWithMediaClientConfigComponent = React.ComponentType<MediaViewerWithMediaClientConfigProps>;
-declare type MediaViewerErrorBoundaryComponent = React.ComponentType<MediaViewerAnalyticsErrorBoundaryProps>;
+export type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<MediaViewerProps>;
+type MediaViewerWithMediaClientConfigComponent = React.ComponentType<MediaViewerWithMediaClientConfigProps>;
+type MediaViewerErrorBoundaryComponent = React.ComponentType<MediaViewerAnalyticsErrorBoundaryProps>;
 export interface AsyncMediaViewerState {
     MediaViewer?: MediaViewerWithMediaClientConfigComponent;
     MediaViewerErrorBoundary?: MediaViewerErrorBoundaryComponent;

package/dist/types/components/normaliseInput.d.ts

@@ -1,6 +1,6 @@
 import { MediaViewerDataSource } from './types';
 import { Identifier } from '@atlaskit/media-client';
-declare type NormaliseInputParams = {
+type NormaliseInputParams = {
     dataSource?: MediaViewerDataSource;
     selectedItem: Identifier;
     items?: Array<Identifier>;

package/dist/types/components/types.d.ts

@@ -5,7 +5,7 @@ export interface MediaViewerDataSource {
     list?: Array<Identifier>;
     collectionName?: string;
 }
-export declare type FileStateFlags = {
+export type FileStateFlags = {
     wasStatusProcessing: boolean;
     wasStatusUploading: boolean;
 };

package/dist/types/domain/outcome.d.ts

@@ -1,15 +1,15 @@
-export declare type PendingState = {
+export type PendingState = {
     status: 'PENDING';
 };
-export declare type SuccessfulState<Data> = {
+export type SuccessfulState<Data> = {
     status: 'SUCCESSFUL';
     data: Data;
 };
-export declare type FailedState<Err> = {
+export type FailedState<Err> = {
     status: 'FAILED';
     err: Err;
 };
-export declare type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err>;
+export type State<Data, Err> = PendingState | SuccessfulState<Data> | FailedState<Err>;
 export declare class Outcome<Data, Err = Error> {
     private readonly state;
     private constructor();

package/dist/types/download.d.ts

@@ -2,19 +2,19 @@ import { FileState, Identifier, MediaClient } from '@atlaskit/media-client';
 import { MediaButton } from '@atlaskit/media-ui';
 import React from 'react';
 import { MediaViewerError } from './errors';
-declare type DownloadButtonProps = React.ComponentProps<typeof MediaButton> & {
+type DownloadButtonProps = React.ComponentProps<typeof MediaButton> & {
     analyticspayload: Record<string, any>;
 };
 export declare function DownloadButton({ analyticspayload, onClick: providedOnClick, ...rest }: DownloadButtonProps): JSX.Element;
-export declare const createItemDownloader: (file: FileState, mediaClient: MediaClient, collectionName?: string | undefined) => () => Promise<void>;
-export declare type ErrorViewDownloadButtonProps = {
+export declare const createItemDownloader: (file: FileState, mediaClient: MediaClient, collectionName?: string) => () => Promise<void>;
+export type ErrorViewDownloadButtonProps = {
     fileState: FileState;
     mediaClient: MediaClient;
     error: MediaViewerError;
     collectionName?: string;
 };
 export declare const ErrorViewDownloadButton: (props: ErrorViewDownloadButtonProps) => JSX.Element;
-export declare type ToolbarDownloadButtonProps = {
+export type ToolbarDownloadButtonProps = {
     state: FileState;
     identifier: Identifier;
     mediaClient: MediaClient;

package/dist/types/errorMessage.d.ts

@@ -6,7 +6,7 @@ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { PrimaryErrorReason, SecondaryErrorReason, MediaViewerError } from './errors';
 import { FileStateFlags } from './components/types';
 import { MediaTraceContext } from '@atlaskit/media-common';
-export declare type Props = Readonly<{
+export type Props = Readonly<{
     error: MediaViewerError;
     supressAnalytics?: boolean;
     fileId: string;
@@ -15,7 +15,7 @@ export declare type Props = Readonly<{
     fileStateFlags?: FileStateFlags;
     traceContext?: MediaTraceContext;
 }>;
-export declare type FormatMessageFn = (messageDescriptor: MessageDescriptor) => string;
+export type FormatMessageFn = (messageDescriptor: MessageDescriptor) => string;
 export declare const errorReasonToMessages: Array<[
     PrimaryErrorReason | SecondaryErrorReason,
     MessageDescriptor

package/dist/types/errors.d.ts

@@ -13,10 +13,10 @@ export declare class ArchiveViewerError extends MediaViewerError {
     constructor(primaryReason: ArchiveViewerErrorReason, secondaryError?: Error | undefined, zipEntry?: ZipEntry | undefined);
 }
 export declare function isArchiveViewerError(err: Error): err is ArchiveViewerError;
-export declare type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'unsupported';
-export declare type ArchiveViewerErrorReason = 'archiveviewer-bundle-loader' | 'archiveviewer-read-binary' | 'archiveviewer-create-url' | 'archiveviewer-imageviewer-onerror' | 'archiveviewer-videoviewer-onerror' | 'archiveviewer-audioviewer-onerror' | 'archiveviewer-docviewer-onerror' | 'archiveviewer-codeviewer-onerror' | 'archiveviewer-codeviewer-file-size-exceeds' | 'archiveviewer-missing-name-src' | 'archiveviewer-unsupported' | 'archiveviewer-encrypted-entry';
-export declare type PrimaryErrorReason = MediaViewerErrorReason | ArchiveViewerErrorReason;
-export declare type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeError' | undefined;
+export type MediaViewerErrorReason = 'collection-fetch-metadata' | 'header-fetch-metadata' | 'itemviewer-onerror' | 'itemviewer-fetch-metadata' | 'itemviewer-file-error-status' | 'itemviewer-file-failed-processing-status' | 'imageviewer-external-onerror' | 'imageviewer-fetch-url' | 'imageviewer-src-onerror' | 'audioviewer-fetch-url' | 'audioviewer-missing-artefact' | 'audioviewer-playback' | 'videoviewer-fetch-url' | 'videoviewer-missing-artefact' | 'videoviewer-playback' | 'docviewer-fetch-url' | 'docviewer-fetch-pdf' | 'codeviewer-fetch-src' | 'codeviewer-load-src' | 'codeviewer-file-size-exceeds' | 'codeviewer-parse-email' | 'unsupported';
+export type ArchiveViewerErrorReason = 'archiveviewer-bundle-loader' | 'archiveviewer-read-binary' | 'archiveviewer-create-url' | 'archiveviewer-imageviewer-onerror' | 'archiveviewer-videoviewer-onerror' | 'archiveviewer-audioviewer-onerror' | 'archiveviewer-docviewer-onerror' | 'archiveviewer-codeviewer-onerror' | 'archiveviewer-codeviewer-file-size-exceeds' | 'archiveviewer-missing-name-src' | 'archiveviewer-unsupported' | 'archiveviewer-encrypted-entry';
+export type PrimaryErrorReason = MediaViewerErrorReason | ArchiveViewerErrorReason;
+export type SecondaryErrorReason = MediaClientErrorReason | 'unknown' | 'nativeError' | undefined;
 export declare function getPrimaryErrorReason(error: MediaViewerError): PrimaryErrorReason;
 export declare function getSecondaryErrorReason(error: MediaViewerError): SecondaryErrorReason;
 export declare function getErrorDetail(error?: Error): string | undefined;

package/dist/types/header.d.ts

@@ -5,7 +5,7 @@ import { Outcome } from './domain';
 import { MediaViewerExtensions } from './components/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { MediaViewerError } from './errors';
-export declare type Props = {
+export type Props = {
     readonly identifier: Identifier;
     readonly mediaClient: MediaClient;
     readonly onClose?: () => void;
@@ -15,7 +15,7 @@ export declare type Props = {
     readonly featureFlags?: MediaFeatureFlags;
     readonly onSetArchiveSideBarVisible?: (isVisible: boolean) => void;
 };
-export declare type State = {
+export type State = {
     item: Outcome<FileState, MediaViewerError>;
 };
 export declare class Header extends React.Component<Props & WrappedComponentProps, State> {

package/dist/types/item-viewer.d.ts

@@ -5,7 +5,7 @@ import { Outcome } from './domain';
 import { MediaViewerError } from './errors';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-export declare type Props = Readonly<{
+export type Props = Readonly<{
     identifier: Identifier;
     mediaClient: MediaClient;
     onClose?: () => void;
@@ -13,10 +13,10 @@ export declare type Props = Readonly<{
     contextId?: string;
     featureFlags?: MediaFeatureFlags;
 }> & WithAnalyticsEventsProps & WithShowControlMethodProp;
-export declare type FileItem = FileState | 'external-image';
+export type FileItem = FileState | 'external-image';
 export declare const isExternalImageItem: (fileItem: FileItem) => fileItem is "external-image";
 export declare const isFileStateItem: (fileItem: FileItem) => fileItem is FileState;
-export declare type State = {
+export type State = {
     item: Outcome<FileItem, MediaViewerError>;
 };
 export declare const MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER: number;

package/dist/types/list.d.ts

@@ -3,7 +3,7 @@ import { MediaClient, Identifier } from '@atlaskit/media-client';
 import { WithShowControlMethodProp } from '@atlaskit/media-ui';
 import { MediaViewerExtensions } from './components/types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-export declare type Props = Readonly<{
+export type Props = Readonly<{
     onClose?: () => void;
     onNavigationChange?: (selectedItem: Identifier) => void;
     defaultSelectedItem: Identifier;
@@ -15,7 +15,7 @@ export declare type Props = Readonly<{
     contextId?: string;
     featureFlags?: MediaFeatureFlags;
 } & WithShowControlMethodProp>;
-export declare type State = {
+export type State = {
     selectedItem: Identifier;
     previewCount: number;
     isArchiveSideBarVisible: boolean;

package/dist/types/media-viewer.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { SyntheticEvent } from 'react';
 import { MediaClient, Identifier } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { MediaViewerExtensions } from './components/types';
-export declare type Props = {
+export type Props = {
     onClose?: () => void;
     selectedItem?: Identifier;
     featureFlags?: MediaFeatureFlags;
@@ -25,7 +26,7 @@ export declare class MediaViewerComponent extends React.Component<Props & Wrappe
     state: State;
     UNSAFE_componentWillMount(): void;
     onShortcutClosed: () => void;
-    onContentClose: (_e?: React.SyntheticEvent<Element, Event> | undefined, analyticsEvent?: UIAnalyticsEvent | undefined) => void;
+    onContentClose: (_e?: SyntheticEvent, analyticsEvent?: UIAnalyticsEvent) => void;
     private toggleSidebar;
     private get defaultSelectedItem();
     renderSidebar: () => JSX.Element | undefined;

package/dist/types/navigation.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { Component } from 'react';
 import { Identifier } from '@atlaskit/media-client';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-export declare type NavigationDirection = 'prev' | 'next';
-export declare type NavigationProps = Readonly<{
+export type NavigationDirection = 'prev' | 'next';
+export type NavigationProps = Readonly<{
     items: Identifier[];
     selectedItem: Identifier;
     onChange: (item: Identifier) => void;
@@ -11,7 +11,7 @@ export declare type NavigationProps = Readonly<{
 }> & WithAnalyticsEventsProps;
 export declare const nextNavButtonId = "media-viewer-navigation-next";
 export declare const prevNavButtonId = "media-viewer-navigation-prev";
-export declare type NavigationSource = 'keyboard' | 'mouse';
+export type NavigationSource = 'keyboard' | 'mouse';
 export declare class NavigationBase extends Component<NavigationProps, {}> {
     private navigate;
     get selectedIndex(): number;

package/dist/types/styleWrappers.d.ts

@@ -2,18 +2,18 @@
 import { jsx } from '@emotion/react';
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { MediaType } from '@atlaskit/media-client';
-declare type Children = {
+type Children = {
     children: ReactNode;
 };
-declare type ClassName = {
+type ClassName = {
     className: string;
 };
-declare type DataTestID = {
+type DataTestID = {
     'data-testid'?: string | undefined;
 };
-declare type BlanketProps = DataTestID & Children & ClassName;
+type BlanketProps = DataTestID & Children & ClassName;
 export declare const Blanket: ({ "data-testid": datatestId, className, children, }: BlanketProps) => jsx.JSX.Element;
-declare type HeaderWrapperProps = {
+type HeaderWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const HeaderWrapper: {
@@ -26,7 +26,7 @@ export declare const ListWrapper: {
 };
 export declare const ArrowsWrapper: ({ children }: Children) => jsx.JSX.Element;
 export declare const CloseButtonWrapper: ({ className, children, }: ClassName & Children) => jsx.JSX.Element;
-declare type ContentWrapperProps = {
+type ContentWrapperProps = {
     isSidebarVisible: boolean | undefined;
 } & Children;
 export declare const ContentWrapper: ({ isSidebarVisible, children, }: ContentWrapperProps) => jsx.JSX.Element;
@@ -35,14 +35,14 @@ export declare const ZoomControlsWrapper: ({ children }: Children) => jsx.JSX.El
 export declare const ZoomLevelIndicator: ({ children }: Children) => jsx.JSX.Element;
 export declare const HDIconGroupWrapper: ({ className, children, }: ClassName & Children) => jsx.JSX.Element;
 export declare const HDIconWrapper: ({ children }: Children) => jsx.JSX.Element;
-declare type ErrorMessageWrapperProps = DataTestID & Children;
+type ErrorMessageWrapperProps = DataTestID & Children;
 export declare const ErrorMessageWrapper: ({ "data-testid": datatestId, children, }: ErrorMessageWrapperProps) => jsx.JSX.Element;
-declare type ErrorImageProps = {
+type ErrorImageProps = {
     alt: string | undefined;
     src: string;
 };
 export declare const ErrorImage: ({ src, alt }: ErrorImageProps) => jsx.JSX.Element;
-declare type VideoProps = {
+type VideoProps = {
     controls: boolean;
     src: string;
     autoPlay: boolean;
@@ -50,17 +50,17 @@ declare type VideoProps = {
 export declare const Video: ({ autoPlay, controls, src }: VideoProps) => jsx.JSX.Element;
 export declare const PDFWrapper: import("react").ForwardRefExoticComponent<DataTestID & Children & import("react").RefAttributes<unknown>>;
 export declare const Arrow: ({ className, children }: ClassName & Children) => jsx.JSX.Element;
-export declare type LeftWrapperProps = {
+export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const LeftWrapper: ({ children, isArchiveSideBarVisible, }: Children & LeftWrapperProps) => jsx.JSX.Element;
 export declare const RightWrapper: ({ children }: Children) => jsx.JSX.Element;
-export declare type HeaderProps = {
+export type HeaderProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const Header: ({ children, isArchiveSideBarVisible, className, }: Children & HeaderProps & ClassName) => jsx.JSX.Element;
 export declare const LeftHeader: ({ children }: Children) => jsx.JSX.Element;
-export declare type ImageWrapperProps = {
+export type ImageWrapperProps = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
     style: CSSProperties;
 } & Children & DataTestID;
@@ -69,7 +69,7 @@ export declare const ImageWrapper: import("react").ForwardRefExoticComponent<{
     style: CSSProperties;
 } & Children & DataTestID & ClassName & import("react").RefAttributes<unknown>>;
 export declare const BaselineExtend: () => jsx.JSX.Element;
-export declare type ImgProps = {
+export type ImgProps = {
     canDrag: boolean;
     isDragging: boolean;
     shouldPixelate: boolean;
@@ -82,9 +82,9 @@ export declare type ImgProps = {
 export declare const Img: ({ canDrag, isDragging, shouldPixelate, "data-testid": datatestId, src, style, onLoad, onError, onMouseDown, className, }: ImgProps) => jsx.JSX.Element;
 export declare const MedatadataTextWrapper: ({ children }: Children) => jsx.JSX.Element;
 export declare const MetadataWrapper: ({ children }: Children) => jsx.JSX.Element;
-declare type MetadataFileNameProps = DataTestID & Children;
+type MetadataFileNameProps = DataTestID & Children;
 export declare const MetadataFileName: ({ "data-testid": datatestId, children, }: MetadataFileNameProps) => jsx.JSX.Element;
-declare type MetadataSubTextProps = DataTestID & Children;
+type MetadataSubTextProps = DataTestID & Children;
 export declare const MetadataSubText: ({ "data-testid": datatestId, children, }: MetadataSubTextProps) => jsx.JSX.Element;
 export declare const MetadataIconWrapper: ({ children }: Children) => jsx.JSX.Element;
 export interface IconWrapperProps {
@@ -92,28 +92,28 @@ export interface IconWrapperProps {
 }
 export declare const RightHeader: ({ children }: Children) => jsx.JSX.Element;
 export declare const CustomAudioPlayerWrapper: ({ children }: Children) => jsx.JSX.Element;
-declare type AudioPlayerProps = DataTestID & Children;
+type AudioPlayerProps = DataTestID & Children;
 export declare const AudioPlayer: {
     ({ "data-testid": datatestId, children, }: AudioPlayerProps): jsx.JSX.Element;
     displayName: string;
 };
-declare type AudioProps = {
+type AudioProps = {
     autoPlay: boolean;
     controls: boolean;
     src: string | undefined;
     preload: string;
 };
 export declare const Audio: import("react").ForwardRefExoticComponent<AudioProps & import("react").RefAttributes<unknown>>;
-declare type AudioCoverProps = {
+type AudioCoverProps = {
     alt: string | undefined;
     src: string;
 };
 export declare const AudioCover: ({ src, alt }: AudioCoverProps) => jsx.JSX.Element;
 export declare const DefaultCoverWrapper: ({ children }: Children) => jsx.JSX.Element;
 export declare const DownloadButtonWrapper: ({ children }: Children) => jsx.JSX.Element;
-declare type CustomVideoPlayerWrapperProps = DataTestID & Children;
+type CustomVideoPlayerWrapperProps = DataTestID & Children;
 export declare const CustomVideoPlayerWrapper: ({ "data-testid": datatestId, children, }: CustomVideoPlayerWrapperProps) => jsx.JSX.Element;
-declare type SidebarWrapperProps = DataTestID & Children;
+type SidebarWrapperProps = DataTestID & Children;
 export declare const SidebarWrapper: ({ "data-testid": datatestId, children, }: SidebarWrapperProps) => jsx.JSX.Element;
 export declare const SpinnerWrapper: ({ children }: Children) => jsx.JSX.Element;
 export declare const FormattedMessageWrapper: ({ children }: Children) => jsx.JSX.Element;

package/dist/types/styles.d.ts

@@ -1,7 +1,7 @@
 import { MediaType } from '@atlaskit/media-client';
 export declare const blanketColor = "#22272B";
 export declare const blanketStyles: import("@emotion/react").SerializedStyles;
-export declare type HeaderWrapperProps = {
+export type HeaderWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const headerWrapperStyles: ({ isArchiveSideBarVisible, }: HeaderWrapperProps) => import("@emotion/react").SerializedStyles;
@@ -24,19 +24,19 @@ export declare const errorImageStyles: import("@emotion/react").SerializedStyles
 export declare const videoStyles: import("@emotion/react").SerializedStyles;
 export declare const pdfWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const arrowStyles: import("@emotion/react").SerializedStyles;
-export declare type LeftWrapperProps = {
+export type LeftWrapperProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const leftWrapperStyles: ({ isArchiveSideBarVisible, }: LeftWrapperProps) => import("@emotion/react").SerializedStyles;
 export declare const rightWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare type HeaderProps = {
+export type HeaderProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const headerStyles: ({ isArchiveSideBarVisible }: HeaderProps) => import("@emotion/react").SerializedStyles;
 export declare const leftHeaderStyles: import("@emotion/react").SerializedStyles;
 export declare const imageWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const baselineExtendStyles: import("@emotion/react").SerializedStyles;
-export declare type ImgProps = {
+export type ImgProps = {
     cursor: string;
     shouldPixelate: boolean;
 };

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ZipEntry } from 'unzipit';
 import { MediaClient } from '@atlaskit/media-client';
 import { ArchiveViewerError } from '../../errors';
-declare type Entries = {
+type Entries = {
     [key: string]: ZipEntry;
 };
 export interface ArchiveSidebarFolderProps {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type HeaderProps = {
+export type HeaderProps = {
     folderName: string;
     onHeaderClick: () => void;
 };

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

@@ -13,7 +13,7 @@ export interface ArchiveSidebarProps {
     isArchiveEntryLoading: boolean;
     onError: (error: ArchiveViewerError, entry?: ZipEntry) => void;
 }
-export declare type ArchiveSidebarState = {
+export type ArchiveSidebarState = {
     currentArchiveSidebarFolder: ArchiveSidebarFolderProps;
 };
 export declare class ArchiveSidebar extends React.Component<ArchiveSidebarProps, ArchiveSidebarState> {

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

@@ -6,8 +6,8 @@ import { BaseViewer } from '../base-viewer';
 import { ArchiveViewerProps } from './types';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { ArchiveViewerError } from '../../errors';
-export declare type Props = ArchiveViewerProps & WithAnalyticsEventsProps;
-export declare type Content = {
+export type Props = ArchiveViewerProps & WithAnalyticsEventsProps;
+export type Content = {
     src?: string;
     name?: string;
     isDirectory?: boolean;
@@ -17,7 +17,7 @@ export declare type Content = {
     codeViewerSrc?: string;
     isCodeMimeType?: boolean;
 };
-export declare const getArchiveEntriesFromFileState: (fileState: FileState, mediaClient: MediaClient, collectionName?: string | undefined) => Promise<ZipInfo>;
+export declare const getArchiveEntriesFromFileState: (fileState: FileState, mediaClient: MediaClient, collectionName?: string) => Promise<ZipInfo>;
 export declare class ArchiveViewerBase extends BaseViewer<Content, Props> {
     protected init(): Promise<void>;
     protected get initialState(): {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ArchiveViewerProps } from './types';
-export declare type archiveViewerState = {
+export type archiveViewerState = {
     ArchiveViewer?: React.ComponentType<ArchiveViewerProps>;
     isErrored: boolean;
 };

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

@@ -1,10 +1,10 @@
 /** @jsx jsx */
 import { ReactNode, MouseEvent, Key } from 'react';
 import { jsx } from '@emotion/react';
-declare type Children = {
+type Children = {
     children?: ReactNode;
 };
-declare type OnClick = {
+type OnClick = {
     onClick: (event: MouseEvent<HTMLDivElement>) => void;
 };
 export declare const ArchiveItemViewerWrapper: ({ children }: Children) => jsx.JSX.Element;

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

@@ -1,6 +1,6 @@
 import { MediaClient, FileState, ErrorFileState } from '@atlaskit/media-client';
 import { ArchiveViewerError } from '../../errors';
-export declare type ArchiveViewerProps = {
+export type ArchiveViewerProps = {
     item: Exclude<FileState, ErrorFileState>;
     mediaClient: MediaClient;
     collectionName?: string;

package/dist/types/viewers/audio.d.ts

@@ -4,7 +4,7 @@ import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { BaseState, BaseViewer } from './base-viewer';
 import { WithShowControlMethodProp } from '@atlaskit/media-ui';
-export declare type Props = Readonly<{
+export type Props = Readonly<{
     item: FileState;
     mediaClient: MediaClient;
     collectionName?: string;
@@ -12,7 +12,7 @@ export declare type Props = Readonly<{
     onCanPlay: () => void;
     onError: (error: MediaViewerError) => void;
 } & WithShowControlMethodProp>;
-export declare type State = BaseState<string> & {
+export type State = BaseState<string> & {
     coverUrl?: string;
 };
 export declare class AudioViewer extends BaseViewer<string, Props, State> {

package/dist/types/viewers/base-viewer.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import { MediaClient, FileState } from '@atlaskit/media-client';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
-export declare type BaseProps = {
+export type BaseProps = {
     mediaClient: MediaClient;
     item: FileState;
     collectionName?: string;
 };
-export declare type BaseState<Content> = {
+export type BaseState<Content> = {
     content: Outcome<Content, MediaViewerError>;
 };
 export declare abstract class BaseViewer<Content, Props extends BaseProps, State extends BaseState<Content> = BaseState<Content>> extends React.Component<Props, State> {
@@ -16,7 +16,7 @@ export declare abstract class BaseViewer<Content, Props extends BaseProps, State
     componentWillUnmount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: Readonly<Props>): void;
     componentDidUpdate(prevProps: Props): void;
-    render(): React.ReactNode;
+    render(): boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null | undefined;
     private getInitialState;
     private renderDownloadButton;
     protected onMediaDisplayed: () => void;

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

@@ -10,7 +10,7 @@ export declare const CodeViewWrapper: ({ children, "data-testid": testId, }: {
     'data-testid': string | undefined;
 }) => jsx.JSX.Element;
 export declare const CodeViewerHeaderBar: () => jsx.JSX.Element;
-export declare type Props = {
+export type Props = {
     item: Exclude<FileState, ErrorFileState>;
     src: string;
     language: SupportedLanguages;
@@ -19,7 +19,7 @@ export declare type Props = {
     onSuccess?: () => void;
     onError?: (error: MediaViewerError) => void;
 };
-export declare type State = {
+export type State = {
     doc: Outcome<any, MediaViewerError>;
 };
 export declare class CodeViewRenderer extends Component<Props, State> {

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

@@ -4,7 +4,7 @@ import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
 import { Props as RendererProps } from './codeViewerRenderer';
 import { BaseViewer } from '../base-viewer';
-export declare type Props = {
+export type Props = {
     mediaClient: MediaClient;
     item: Exclude<FileState, ErrorFileState>;
     collectionName?: string;

package/dist/types/viewers/doc/index.d.ts

@@ -4,7 +4,7 @@ import { MediaViewerError } from '../../errors';
 import { Props as RendererProps } from './pdfRenderer';
 import { ComponentClass } from 'react';
 import { BaseViewer } from '../base-viewer';
-export declare type Props = {
+export type Props = {
     mediaClient: MediaClient;
     item: FileState;
     collectionName?: string;
@@ -12,7 +12,7 @@ export declare type Props = {
     onError: (error: MediaViewerError) => void;
     onSuccess: () => void;
 };
-export declare type State = {
+export type State = {
     content: Outcome<string, MediaViewerError>;
 };
 export declare class DocViewer extends BaseViewer<string, Props> {

package/dist/types/viewers/doc/pdfRenderer.d.ts

@@ -4,14 +4,14 @@ import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export declare const pdfViewerClassName = "pdfViewer";
-export declare type Props = {
+export type Props = {
     item: FileState;
     src: string;
     onClose?: () => void;
     onSuccess?: () => void;
     onError?: (error: MediaViewerError) => void;
 };
-export declare type State = {
+export type State = {
     doc: Outcome<any, MediaViewerError>;
     zoomLevel: ZoomLevel;
 };

package/dist/types/viewers/image/index.d.ts

@@ -4,8 +4,8 @@ import { Outcome } from '../../domain';
 import { MediaViewerError } from '../../errors';
 import { BaseViewer } from '../base-viewer';
 import { MediaTraceContext } from '@atlaskit/media-common';
-export declare type ObjectUrl = string;
-export declare type ImageViewerProps = {
+export type ObjectUrl = string;
+export type ImageViewerProps = {
     mediaClient: MediaClient;
     item: FileState;
     collectionName?: string;

package/dist/types/viewers/image/interactive-img.d.ts

@@ -12,7 +12,7 @@ export interface Props extends WithAnalyticsEventsProps {
     onError?: () => void;
     onBlanketClicked?: () => void;
 }
-export declare type State = {
+export type State = {
     zoomLevel: ZoomLevel;
     isHDActive: boolean;
     isHDAvailable: boolean;

package/dist/types/viewers/video.d.ts

@@ -4,7 +4,7 @@ import { WithShowControlMethodProp } from '@atlaskit/media-ui';
 import { Outcome } from '../domain';
 import { MediaViewerError } from '../errors';
 import { BaseState, BaseViewer } from './base-viewer';
-export declare type Props = Readonly<{
+export type Props = Readonly<{
     item: FileState;
     mediaClient: MediaClient;
     collectionName?: string;
@@ -12,7 +12,7 @@ export declare type Props = Readonly<{
     onCanPlay: () => void;
     onError: (error: MediaViewerError) => void;
 } & WithShowControlMethodProp>;
-export declare type State = BaseState<string> & {
+export type State = BaseState<string> & {
     isHDActive: boolean;
     coverUrl?: string;
 };

package/dist/types/zoomControls.d.ts

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import { ZoomLevel } from './domain/zoomLevel';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare type ZoomControlsProps = Readonly<{
+export type ZoomControlsProps = Readonly<{
     onChange: (newZoomLevel: ZoomLevel) => void;
     zoomLevel: ZoomLevel;
 }> & WithAnalyticsEventsProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "47.6.0",
+  "version": "47.6.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/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -38,7 +46,7 @@
     "@atlaskit/side-navigation": "^1.7.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
     "@kenjiuno/msgreader": "^1.2.6",
@@ -77,7 +85,7 @@
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "rxjs": "^5.5.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",