@atlaskit/media-viewer 46.2.0 → 46.3.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/media-viewer
 
+## 46.3.0
+
+### Minor Changes
+
+- [`d2e212a2676`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2e212a2676) - Added media environment to UFO payload
+
+### Patch Changes
+
+- Updated dependencies
+
+## 46.2.2
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 46.2.1
+
+### Patch Changes
+
+- [`a44c7c42fa7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a44c7c42fa7) - Added payload publisher wrapper for logging ufo events in examples
+- [`5a79ea6f7d6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a79ea6f7d6) - Add support for assessing the mimetype of a file when deciding what viewer to show
+- [`065ae19cb44`](https://bitbucket.org/atlassian/atlassian-frontend/commits/065ae19cb44) - Enforced "up to date" logged feature flags via type checks
+- Updated dependencies
+
 ## 46.2.0
 
 ### Minor Changes

package/classnames/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/classnames.js",
   "module": "../dist/esm/classnames.js",
   "module:es2019": "../dist/es2019/classnames.js",
+  "sideEffects": false,
   "types": "../dist/types/classnames.d.ts"
 }

package/dist/cjs/analytics/ufoExperiences.js

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _ufo = require("@atlaskit/ufo");
 
+var _mediaClient = require("@atlaskit/media-client");
+
 var _version = require("../version.json");
 
 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; }
@@ -45,7 +47,9 @@ var succeedMediaFileUfoExperience = function succeedMediaFileUfoExperience(prope
     metadata: {
       fileAttributes: properties,
       packageName: _version.name,
-      packageVersion: _version.version
+      packageVersion: _version.version,
+      mediaEnvironment: (0, _mediaClient.getMediaEnvironment)(),
+      mediaRegion: (0, _mediaClient.getMediaRegion)()
     }
   });
 };
@@ -55,7 +59,9 @@ exports.succeedMediaFileUfoExperience = succeedMediaFileUfoExperience;
 var failMediaFileUfoExperience = function failMediaFileUfoExperience(properties) {
   var refinedMetadata = _objectSpread(_objectSpread({}, properties), {}, {
     packageName: _version.name,
-    packageVersion: _version.version
+    packageVersion: _version.version,
+    mediaEnvironment: (0, _mediaClient.getMediaEnvironment)(),
+    mediaRegion: (0, _mediaClient.getMediaRegion)()
   });
 
   getExperience().failure({

package/dist/cjs/header.js

@@ -117,10 +117,10 @@ var Header = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderFileTypeText", function (item) {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if ((0, _codeViewer.isCodeViewerItem)(item.name)) {
+      if ((0, _codeViewer.isCodeViewerItem)(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        var language = (0, _codeViewer.getLanguageType)(item.name);
+        var language = (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
         var ext = (0, _codeViewer.getExtension)(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/cjs/item-viewer.js

@@ -238,7 +238,7 @@ var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
         previewCount: previewCount
       };
 
-      if ((0, _codeViewer.isCodeViewerItem)(fileState.name)) {
+      if ((0, _codeViewer.isCodeViewerItem)(fileState.name, fileState.mimeType)) {
         return /*#__PURE__*/_react.default.createElement(CodeViewer, (0, _extends2.default)({
           onSuccess: this.onSuccess,
           onError: this.onLoadFail

package/dist/cjs/media-viewer.js

@@ -212,7 +212,14 @@ var MediaViewer = (0, _mediaCommon.withMediaAnalyticsContext)({
   component: _analytics.component,
   componentName: _analytics.componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: (0, _mediaCommon.filterFeatureFlagNames)({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/cjs/version.json

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

package/dist/cjs/viewers/codeViewer/index.js

@@ -225,7 +225,7 @@ var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "getCodeLanguage",
     value: function getCodeLanguage(item) {
       if (!(0, _mediaClient.isErrorFileState)(item)) {
-        return (0, _codeViewer.getLanguageType)(item.name);
+        return (0, _codeViewer.getLanguageType)(item.name, item.mimeType);
       }
 
       return _util.DEFAULT_LANGUAGE;

package/dist/es2019/analytics/ufoExperiences.js

@@ -1,4 +1,5 @@
 import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { name as packageName, version as packageVersion } from '../version.json';
 let ufoExperience;
 
@@ -25,14 +26,18 @@ export const succeedMediaFileUfoExperience = properties => {
     metadata: {
       fileAttributes: properties,
       packageName,
-      packageVersion
+      packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
     }
   });
 };
 export const failMediaFileUfoExperience = properties => {
   const refinedMetadata = { ...properties,
     packageName,
-    packageVersion
+    packageVersion,
+    mediaEnvironment: getMediaEnvironment(),
+    mediaRegion: getMediaRegion()
   };
   getExperience().failure({
     metadata: refinedMetadata

package/dist/es2019/header.js

@@ -70,10 +70,10 @@ export class Header extends React.Component {
 
     _defineProperty(this, "renderFileTypeText", item => {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if (isCodeViewerItem(item.name)) {
+      if (isCodeViewerItem(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        const language = getLanguageType(item.name);
+        const language = getLanguageType(item.name, item.mimeType);
         const ext = getExtension(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/es2019/item-viewer.js

@@ -124,7 +124,7 @@ export class ItemViewerBase extends React.Component {
       previewCount
     };
 
-    if (isCodeViewerItem(fileState.name)) {
+    if (isCodeViewerItem(fileState.name, fileState.mimeType)) {
       return /*#__PURE__*/React.createElement(CodeViewer, _extends({
         onSuccess: this.onSuccess,
         onError: this.onLoadFail

package/dist/es2019/media-viewer.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -172,7 +172,14 @@ export const MediaViewer = withMediaAnalyticsContext({
   component,
   componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: filterFeatureFlagNames({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })(withAnalyticsEvents()(injectIntl(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/es2019/version.json

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

package/dist/es2019/viewers/codeViewer/index.js

@@ -81,7 +81,7 @@ export class CodeViewer extends BaseViewer {
 
   getCodeLanguage(item) {
     if (!isErrorFileState(item)) {
-      return getLanguageType(item.name);
+      return getLanguageType(item.name, item.mimeType);
     }
 
     return DEFAULT_LANGUAGE;

package/dist/esm/analytics/ufoExperiences.js

@@ -5,6 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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; }
 
 import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { name as packageName, version as packageVersion } from '../version.json';
 var ufoExperience;
 
@@ -31,14 +32,18 @@ export var succeedMediaFileUfoExperience = function succeedMediaFileUfoExperienc
     metadata: {
       fileAttributes: properties,
       packageName: packageName,
-      packageVersion: packageVersion
+      packageVersion: packageVersion,
+      mediaEnvironment: getMediaEnvironment(),
+      mediaRegion: getMediaRegion()
     }
   });
 };
 export var failMediaFileUfoExperience = function failMediaFileUfoExperience(properties) {
   var refinedMetadata = _objectSpread(_objectSpread({}, properties), {}, {
     packageName: packageName,
-    packageVersion: packageVersion
+    packageVersion: packageVersion,
+    mediaEnvironment: getMediaEnvironment(),
+    mediaRegion: getMediaRegion()
   });
 
   getExperience().failure({

package/dist/esm/header.js

@@ -95,10 +95,10 @@ export var Header = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderFileTypeText", function (item) {
       // render appropriate header if its a code/email item and the feature flag is enabled
-      if (isCodeViewerItem(item.name)) {
+      if (isCodeViewerItem(item.name, item.mimeType)) {
         // gather language and extension
         // i.e test.py would have a language of 'python' and an extension of 'py'
-        var language = getLanguageType(item.name);
+        var language = getLanguageType(item.name, item.mimeType);
         var ext = getExtension(item.name); // specific cases for if we want a certain word translated in other languages
 
         switch (ext) {

package/dist/esm/item-viewer.js

@@ -186,7 +186,7 @@ export var ItemViewerBase = /*#__PURE__*/function (_React$Component) {
         previewCount: previewCount
       };
 
-      if (isCodeViewerItem(fileState.name)) {
+      if (isCodeViewerItem(fileState.name, fileState.mimeType)) {
         return /*#__PURE__*/React.createElement(CodeViewer, _extends({
           onSuccess: this.onSuccess,
           onError: this.onLoadFail

package/dist/esm/media-viewer.js

@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { withMediaAnalyticsContext } from '@atlaskit/media-common';
+import { withMediaAnalyticsContext, filterFeatureFlagNames } from '@atlaskit/media-common';
 import { IntlProvider, injectIntl } from 'react-intl-next';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -187,7 +187,14 @@ export var MediaViewer = withMediaAnalyticsContext({
   component: component,
   componentName: componentName
 }, {
-  filterFeatureFlags: []
+  filterFeatureFlags: filterFeatureFlagNames({
+    newCardExperience: false,
+    captions: false,
+    timestampOnVideo: false,
+    observedWidth: false,
+    mediaInline: false,
+    folderUploads: false
+  })
 })(withAnalyticsEvents()(injectIntl(MediaViewerComponent, {
   enforceContext: false
 })));

package/dist/esm/version.json

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

package/dist/esm/viewers/codeViewer/index.js

@@ -197,7 +197,7 @@ export var CodeViewer = /*#__PURE__*/function (_BaseViewer) {
     key: "getCodeLanguage",
     value: function getCodeLanguage(item) {
       if (!isErrorFileState(item)) {
-        return getLanguageType(item.name);
+        return getLanguageType(item.name, item.mimeType);
       }
 
       return DEFAULT_LANGUAGE;

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

@@ -1,5 +1,6 @@
+import { FileState } from '@atlaskit/media-client';
 import { MediaFileEventPayload } from './_mediaFile';
 import { MediaViewerFailureAttributes } from '../..';
 import { MediaViewerError } from '../../../errors';
 export declare type LoadFailedEventPayload = MediaFileEventPayload<MediaViewerFailureAttributes, 'loadFailed'>;
-export declare const createLoadFailedEvent: (fileId: string, error: MediaViewerError, fileState?: import("@atlaskit/media-client").UploadingFileState | import("@atlaskit/media-client").ProcessingFileState | import("@atlaskit/media-client").ProcessedFileState | import("@atlaskit/media-client").ErrorFileState | import("@atlaskit/media-client").ProcessingFailedState | undefined) => LoadFailedEventPayload;
+export declare const createLoadFailedEvent: (fileId: string, error: MediaViewerError, fileState?: FileState | undefined) => LoadFailedEventPayload;

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

@@ -8,5 +8,5 @@ export declare type NavigatedEventPayload = UIEventPayload<NavigatedAttributes,
     actionSubjectId: 'next' | 'previous';
 };
 export declare type NavigatedInput = 'button' | 'keys';
-export declare const inputFromSource: (source: NavigationSource) => "button" | "keys";
+export declare const inputFromSource: (source: NavigationSource) => NavigatedInput;
 export declare const createNavigatedEvent: (direction: NavigationDirection, source: NavigationSource, identifier: Identifier) => NavigatedEventPayload;

package/dist/types/errorMessage.d.ts

@@ -12,12 +12,15 @@ export declare type Props = Readonly<{
     children?: ReactNode;
 }>;
 export declare type FormatMessageFn = (messageDescriptor: MessageDescriptor) => string;
-export declare const errorReasonToMessages: Array<[PrimaryErrorReason | SecondaryErrorReason, MessageDescriptor]>;
+export declare const errorReasonToMessages: Array<[
+    PrimaryErrorReason | SecondaryErrorReason,
+    MessageDescriptor
+]>;
 export declare const getErrorMessageFromError: (error: MediaViewerError) => MessageDescriptor | undefined;
 export declare class ErrorMessage extends React.Component<Props & WrappedComponentProps & WithAnalyticsEventsProps, {}> {
     private getErrorInfo;
     componentDidMount(): void;
-    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState): import("@atlaskit/media-common").OperationalEventPayload<import("./analytics").MediaViewerFailureAttributes, "loadFailed", "mediaFile", string> | import("@atlaskit/media-common").OperationalEventPayload<import("@atlaskit/media-common").WithFileAttributes, "previewUnsupported", "mediaFile", string>;
+    static getEventPayload(error: MediaViewerError, fileId: string, fileState?: FileState): import("./analytics/events/operational/loadFailed").LoadFailedEventPayload | import("./analytics/events/operational/previewUnsupported").PreviewUnsupportedEventPayload;
     render(): JSX.Element;
 }
 declare const ErroMsg: React.ComponentType<Props & WithAnalyticsEventsProps>;

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

@@ -38,4 +38,4 @@ export declare class ItemViewerBase extends React.Component<Props, State> {
     private needsReset;
     private release;
 }
-export declare const ItemViewer: React.ForwardRefExoticComponent<Pick<Props, "mediaClient" | "identifier" | "onClose" | "featureFlags" | "showControls" | "contextId" | "previewCount"> & React.RefAttributes<any>>;
+export declare const ItemViewer: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/navigation.d.ts

@@ -16,4 +16,4 @@ export declare class NavigationBase extends Component<NavigationProps, {}> {
     get selectedIndex(): number;
     render(): JSX.Element | null;
 }
-export declare const Navigation: React.ForwardRefExoticComponent<Pick<NavigationProps, "items" | "selectedItem" | "onChange"> & React.RefAttributes<any>>;
+export declare const Navigation: React.ForwardRefExoticComponent<Omit<NavigationProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/styled.d.ts

@@ -1,61 +1,61 @@
 /// <reference types="react" />
 import { MediaType } from '@atlaskit/media-client';
 export declare const blanketColor = "#1B2638";
-export declare const Blanket: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const HeaderWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const Blanket: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const HeaderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export interface ContentWrapperProps {
     showControls: boolean;
 }
-export declare const ListWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArrowsWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const CloseButtonWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ListWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArrowsWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const CloseButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const ContentWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     isSidebarVisible?: boolean | undefined;
 }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     isSidebarVisible?: boolean | undefined;
 }>;
-export declare const ZoomWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ZoomControlsWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ZoomLevelIndicator: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export declare const HDIconGroupWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const HDIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorImage: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, any, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-export declare const Video: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, any, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>>;
-export declare const PDFWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Arrow: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export declare const LeftWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const RightWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ZoomWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ZoomControlsWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ZoomLevelIndicator: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
+export declare const HDIconGroupWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const HDIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorImage: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>>;
+export declare const Video: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement>, any, import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement>>;
+export declare const PDFWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const Arrow: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
+export declare const LeftWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const RightWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare type HeaderProps = {
     isArchiveSideBarVisible: boolean;
 };
 export declare const Header: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderProps>;
-export declare const LeftHeader: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ImageWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const BaselineExtend: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const LeftHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ImageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const BaselineExtend: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare type ImgProps = {
     canDrag: boolean;
     isDragging: boolean;
     shouldPixelate: boolean;
 };
 export declare const Img: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & ImgProps, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & ImgProps>;
-export declare const MedatadataTextWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MetadataWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MetadataFileName: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MetadataSubText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const MetadataIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const MedatadataTextWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const MetadataWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const MetadataFileName: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const MetadataSubText: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const MetadataIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 export interface IconWrapperProps {
     type: MediaType;
 }
-export declare const RightHeader: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const CustomAudioPlayerWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const AudioPlayer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Audio: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, any, import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>>;
-export declare const AudioCover: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, any, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-export declare const DefaultCoverWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const DownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const CustomVideoPlayerWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const SidebarWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const SpinnerWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ErrorReasonTip: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const FormattedMessageWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const RightHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const CustomAudioPlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const AudioPlayer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const Audio: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLAudioElement> & import("react").AudioHTMLAttributes<HTMLAudioElement>, any, import("react").ClassAttributes<HTMLAudioElement> & import("react").AudioHTMLAttributes<HTMLAudioElement>>;
+export declare const AudioCover: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>>;
+export declare const DefaultCoverWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const DownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const CustomVideoPlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const SidebarWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const SpinnerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ErrorReasonTip: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const FormattedMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;

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

@@ -32,4 +32,4 @@ export declare class ArchiveViewerBase extends BaseViewer<Content, Props> {
     private renderArchiveItemViewer;
     private renderPreviewError;
 }
-export declare const ArchiveViewer: React.ForwardRefExoticComponent<Pick<Props, "onError" | "mediaClient" | "item" | "collectionName" | "onSuccess"> & React.RefAttributes<any>>;
+export declare const ArchiveViewer: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

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

@@ -1,17 +1,17 @@
 /// <reference types="react" />
 export declare const ArchiveSideBarWidth = 300;
-export declare const ArchiveItemViewerWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveSideBar: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveSidebarFolderWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveDownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const SidebarItemWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveSidebarFileEntryWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveLayout: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const ArchiveViewerWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Separator: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const SidebarHeaderWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-export declare const SidebarHeaderIcon: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const SidebarHeaderEntry: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const ArchiveItemViewerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveSideBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveSidebarFolderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveDownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const SidebarItemWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveSidebarFileEntryWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveLayout: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const ArchiveViewerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const Separator: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const SidebarHeaderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
+export declare const SidebarHeaderIcon: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const SidebarHeaderEntry: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
 /** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
 export declare const itemStyle: {
     backgroundColor: string;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const CodeViewWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const CodeViewerHeaderBar: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const CodeViewWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+export declare const CodeViewerHeaderBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

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

@@ -38,4 +38,4 @@ export declare class InteractiveImgComponent extends React.Component<Props, Stat
     private stopDragging;
     private panImage;
 }
-export declare const InteractiveImg: React.ForwardRefExoticComponent<Pick<Props, "onError" | "onLoad" | "src" | "originalBinaryImageSrc" | "orientation" | "onClose" | "onBlanketClicked"> & React.RefAttributes<any>>;
+export declare const InteractiveImg: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "46.2.0",
+  "version": "46.3.0",
   "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/"
@@ -28,13 +28,13 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
-    "@atlaskit/media-client": "^15.0.0",
-    "@atlaskit/media-common": "^2.11.0",
-    "@atlaskit/media-ui": "^21.0.0",
+    "@atlaskit/media-client": "^16.0.0",
+    "@atlaskit/media-common": "^2.13.0",
+    "@atlaskit/media-ui": "^22.0.0",
     "@atlaskit/side-navigation": "^1.2.3",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
@@ -54,17 +54,18 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^73.4.0",
-    "@atlaskit/media-core": "^32.3.0",
-    "@atlaskit/media-integration-test-helpers": "^2.5.0",
-    "@atlaskit/media-test-helpers": "^29.3.0",
+    "@atlaskit/media-card": "^73.6.0",
+    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/media-integration-test-helpers": "^2.6.0",
+    "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/ufo": "^0.1.10",
     "@types/deep-equal": "^1.0.1",
     "@types/enzyme": "^3.1.15",
     "@types/mime": "^2.0.1",
@@ -75,7 +76,7 @@
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "rxjs": "^5.5.0",
-    "typescript": "3.9.6",
+    "typescript": "4.2.4",
     "wait-for-expect": "^1.2.0"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"