@atlaskit/media-viewer 47.1.2 → 47.2.0

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

@@ -6,6 +6,11 @@ import { css } from '@emotion/react'; // AFP-2532 TODO: Fix automatic suppressio
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { colors } from '@atlaskit/theme';
-export var codeViewWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  overflow: auto;\n"])), colors.N20);
-export var codeViewerHeaderBarStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 75px;\n  background-color: #0e1624;\n"])));
+import { token } from '@atlaskit/tokens';
+export var codeViewWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  overflow: auto;\n"])), token('elevation.surface', colors.N20));
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+export var codeViewerHeaderBarStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 75px;\n  background-color: #1d2125;\n"])));
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 export var codeViewerHTMLStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  line-height: 20px;\n  overflow-x: auto;\n  white-space: pre;\n  font-size: 12px;\n  padding: 8px;\n"])));

package/dist/esm/viewers/doc/pdfRenderer.js

@@ -29,9 +29,13 @@ import ErrorMessage from '../../errorMessage';
 import { MediaViewerError } from '../../errors';
 import { ZoomLevel } from '../../domain/zoomLevel';
 export var pdfViewerClassName = 'pdfViewer';
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 var globalStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    margin-top: 64px;\n    margin-bottom: 64px;\n    .page {\n      margin: 1px auto -8px auto;\n      border: 9px solid transparent;\n      position: relative;\n\n      .canvasWrapper {\n        overflow: hidden;\n      }\n\n      .textLayer {\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        line-height: 1;\n        font-family: sans-serif;\n        opacity: 0.8;\n\n        ::selection {\n          background: rgb(0, 0, 255);\n        }\n      }\n\n      .annotationLayer {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n      }\n\n      .textLayer > div,\n      .annotationLayer > section {\n        color: transparent;\n        position: absolute;\n        white-space: pre;\n        cursor: text;\n        transform-origin: 0% 0%;\n      }\n      .linkAnnotation > a {\n        position: absolute;\n        font-size: 1em;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n\n      .linkAnnotation > a {\n        background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')\n          0 0 repeat;\n      }\n\n      .linkAnnotation > a:hover {\n        opacity: 0.2;\n        background: #ff0;\n        box-shadow: 0 2px 10px #ff0;\n      }\n    }\n  }\n"])), pdfViewerClassName);
 /* eslint-enable no-unused-expressions */
 
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 pdfjsLib.GlobalWorkerOptions.workerSrc = '/'; // TODO: use web workers instead of fake worker.
 
 var fetchPdf = function fetchPdf(url) {

package/dist/esm/viewers/image/interactive-img.js

@@ -254,9 +254,11 @@ export var InteractiveImgComponent = /*#__PURE__*/function (_React$Component) {
 
       if (!isHDAvailable) {
         return null;
-      }
+      } // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+
+
+      var hdPrimaryColor = isHDActivating ? B75 : isHDActive ? B200 : DN400; // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 
-      var hdPrimaryColor = isHDActivating ? B75 : isHDActive ? B200 : DN400;
       var hdSecondaryColor = isHDActive && !isHDActivating ? N0 : DN60;
       var testId = isHDActivating ? 'hd-activating' : isHDActive ? 'hd-active' : 'hd-inactive';
       return /*#__PURE__*/React.createElement(HDIconGroupWrapper, {

package/dist/esm/viewers/useThemeObserverHoc.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+
+var withThemeObserverHOC = function withThemeObserverHOC(Component) {
+  return function (props) {
+    var theme = useThemeObserver();
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      theme: theme
+    }, props));
+  };
+};
+
+export default withThemeObserverHOC;

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

@@ -9,7 +9,9 @@ export interface AsyncMediaViewerState {
     MediaViewer?: MediaViewerWithMediaClientConfigComponent;
     MediaViewerErrorBoundary?: MediaViewerErrorBoundaryComponent;
 }
-export default class AsyncMediaViewer extends React.PureComponent<MediaViewerWithMediaClientConfigProps & AsyncMediaViewerState, AsyncMediaViewerState> {
+export declare class AsyncMediaViewer extends React.PureComponent<MediaViewerWithMediaClientConfigProps & AsyncMediaViewerState & {
+    theme: 'light' | 'dark' | 'none';
+}, AsyncMediaViewerState> {
     static displayName: string;
     static MediaViewer?: MediaViewerWithMediaClientConfigComponent;
     static MediaViewerErrorBoundary?: MediaViewerErrorBoundaryComponent;
@@ -17,4 +19,5 @@ export default class AsyncMediaViewer extends React.PureComponent<MediaViewerWit
     UNSAFE_componentWillMount(): Promise<void>;
     render(): JSX.Element;
 }
-export {};
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/dist/types/header.d.ts

@@ -13,6 +13,7 @@ export declare type Props = {
     readonly onSidebarButtonClick?: () => void;
     readonly isSidebarVisible?: boolean;
     readonly featureFlags?: MediaFeatureFlags;
+    readonly onSetArchiveSideBarVisible?: (isVisible: boolean) => void;
 };
 export declare type State = {
     item: Outcome<FileState, MediaViewerError>;

package/dist/types/list.d.ts

@@ -18,6 +18,7 @@ export declare type Props = Readonly<{
 export declare type State = {
     selectedItem: Identifier;
     previewCount: number;
+    isArchiveSideBarVisible: boolean;
 };
 export declare class List extends React.Component<Props, State> {
     state: State;

package/dist/types/navigation.d.ts

@@ -7,6 +7,7 @@ export declare type NavigationProps = Readonly<{
     items: Identifier[];
     selectedItem: Identifier;
     onChange: (item: Identifier) => void;
+    isArchiveSideBarVisible?: boolean;
 }> & WithAnalyticsEventsProps;
 export declare const nextNavButtonId = "media-viewer-navigation-next";
 export declare const prevNavButtonId = "media-viewer-navigation-prev";

package/dist/types/styleWrappers.d.ts

@@ -13,8 +13,11 @@ declare type DataTestID = {
 };
 declare type BlanketProps = DataTestID & Children & ClassName;
 export declare const Blanket: ({ "data-testid": datatestId, className, children, }: BlanketProps) => jsx.JSX.Element;
+declare type HeaderWrapperProps = {
+    isArchiveSideBarVisible: boolean;
+};
 export declare const HeaderWrapper: {
-    ({ className, children, }: ClassName & Children): jsx.JSX.Element;
+    ({ className, children, isArchiveSideBarVisible, }: ClassName & Children & HeaderWrapperProps): jsx.JSX.Element;
     displayName: string;
 };
 export declare const ListWrapper: {
@@ -47,7 +50,10 @@ 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 const LeftWrapper: ({ children }: Children) => jsx.JSX.Element;
+export declare 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 = {
     isArchiveSideBarVisible: boolean;

package/dist/types/styles.d.ts

@@ -1,7 +1,11 @@
 import { MediaType } from '@atlaskit/media-client';
-export declare const blanketColor = "#1B2638";
+export declare const blanketColor = "#22272B";
+export declare const headerAndSidebarBackgroundColor = "#101214";
 export declare const blanketStyles: import("@emotion/react").SerializedStyles;
-export declare const headerWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare type HeaderWrapperProps = {
+    isArchiveSideBarVisible: boolean;
+};
+export declare const headerWrapperStyles: ({ isArchiveSideBarVisible, }: HeaderWrapperProps) => import("@emotion/react").SerializedStyles;
 export interface ContentWrapperProps {
     showControls: boolean;
 }
@@ -21,7 +25,10 @@ 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 const leftWrapperStyles: import("@emotion/react").SerializedStyles;
+export declare 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 = {
     isArchiveSideBarVisible: boolean;
@@ -53,5 +60,4 @@ export declare const downloadButtonWrapperStyles: import("@emotion/react").Seria
 export declare const customVideoPlayerWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const sidebarWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const spinnerWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const errorReasonTipStyles: import("@emotion/react").SerializedStyles;
 export declare const formattedMessageWrapperStyles: import("@emotion/react").SerializedStyles;

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

@@ -2,11 +2,12 @@ import React from 'react';
 import { ZipEntry } from 'unzipit';
 import { MediaClient } from '@atlaskit/media-client';
 import { ArchiveViewerError } from '../../errors';
+declare type Entries = {
+    [key: string]: ZipEntry;
+};
 export interface ArchiveSidebarFolderProps {
     root: string;
-    entries: {
-        [key: string]: ZipEntry;
-    };
+    entries: Entries;
     onEntrySelected: (selectedEntry: ZipEntry) => void;
     hideHeader?: boolean;
     name?: string;
@@ -19,7 +20,8 @@ export declare class ArchiveSidebarFolderEntry extends React.Component<ArchiveSi
     private renderEntryIcon;
     private renderDownloadButton;
     private downloadZipEntry;
-    private isDirectChild;
     private formatName;
+    private renderSidebarContent;
     render(): JSX.Element;
 }
+export {};

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

@@ -11,7 +11,6 @@ export declare const separatorStyles: import("@emotion/react").SerializedStyles;
 export declare const sidebarHeaderWrapperStyles: import("@emotion/react").SerializedStyles;
 export declare const sidebarHeaderIconStyles: import("@emotion/react").SerializedStyles;
 export declare const sidebarHeaderEntryStyles: import("@emotion/react").SerializedStyles;
-/** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
 export declare const itemStyle: {
     backgroundColor: string;
     fill: string;
@@ -20,4 +19,8 @@ export declare const itemStyle: {
         backgroundColor: string;
         color: string;
     };
+    ':active': {
+        backgroundColor: string;
+        color: string;
+    };
 };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const withThemeObserverHOC: (Component: any) => (props: any) => JSX.Element;
+export default withThemeObserverHOC;

package/example-helpers/styles.ts

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+import { token } from '@atlaskit/tokens';
 
 export const containerStyles = css`
   display: flex;
@@ -21,7 +22,7 @@ export const mVSidebarStyles = css`
   overflow: auto;
 
   h2 {
-    color: white;
+    color: ${token('color.text', '#c7d1db')};
     margin-bottom: 16px;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-viewer",
-  "version": "47.1.2",
+  "version": "47.2.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/"
@@ -12,13 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "af:exports": {
@@ -35,16 +28,17 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-file-type": "^6.3.0",
-    "@atlaskit/media-client": "^18.0.0",
-    "@atlaskit/media-common": "^2.16.0",
-    "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/side-navigation": "^1.3.0",
-    "@atlaskit/spinner": "^15.0.0",
+    "@atlaskit/media-client": "^19.0.0",
+    "@atlaskit/media-common": "^2.17.0",
+    "@atlaskit/media-ui": "^22.2.0",
+    "@atlaskit/side-navigation": "^1.4.0",
+    "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/tokens": "^0.11.1",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "@kenjiuno/msgreader": "^1.2.6",
@@ -61,9 +55,9 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/media-card": "^74.1.0",
+    "@atlaskit/media-card": "^74.3.0",
     "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
@@ -86,5 +80,10 @@
     "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "techstack": {
+    "@repo/internal": {
+      "theming": "tokens"
+    }
+  }
 }

package/report.api.md

@@ -1,50 +1,38 @@
-## API Report File for "@atlaskit/media-viewer".
+<!-- API Report Version: 2.2 -->
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+## API Report File for "@atlaskit/media-viewer"
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { Identifier } from '@atlaskit/media-client';
 import { MediaClient } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client';
 
-declare interface AsyncMediaViewerState {
-  MediaViewer?: MediaViewerWithMediaClientConfigComponent;
-  MediaViewerErrorBoundary?: MediaViewerErrorBoundaryComponent;
-}
-
-export declare class MediaViewer extends React_2.PureComponent<
-  MediaViewerWithMediaClientConfigProps & AsyncMediaViewerState,
-  AsyncMediaViewerState
-> {
-  static displayName: string;
-  static MediaViewer?: MediaViewerWithMediaClientConfigComponent;
-  static MediaViewerErrorBoundary?: MediaViewerErrorBoundaryComponent;
-  state: AsyncMediaViewerState;
-  UNSAFE_componentWillMount(): Promise<void>;
-  render(): JSX.Element;
-}
+// @public (undocumented)
+export const MediaViewer: (props: any) => JSX.Element;
 
-declare type MediaViewerAnalyticsErrorBoundaryProps = {
-  data?: {
-    [k: string]: any;
-  };
-};
-
-export declare interface MediaViewerDataSource {
-  list?: Array<Identifier>;
+// @public (undocumented)
+export interface MediaViewerDataSource {
+  // (undocumented)
   collectionName?: string;
+  // (undocumented)
+  list?: Array<Identifier>;
 }
 
-declare type MediaViewerErrorBoundaryComponent = React_2.ComponentType<
-  MediaViewerAnalyticsErrorBoundaryProps
->;
-
-export declare interface MediaViewerExtensions {
+// @public (undocumented)
+export interface MediaViewerExtensions {
+  // (undocumented)
   sidebar?: {
     icon: ReactNode;
     renderer: (
@@ -54,29 +42,35 @@ export declare interface MediaViewerExtensions {
   };
 }
 
-export declare interface MediaViewerExtensionsActions {
+// @public (undocumented)
+export interface MediaViewerExtensionsActions {
+  // (undocumented)
   close: () => void;
 }
 
-export declare interface MediaViewerProps {
-  readonly mediaClient: MediaClient;
-  readonly selectedItem: Identifier;
-  readonly dataSource: MediaViewerDataSource;
+// @public (undocumented)
+export interface MediaViewerProps {
+  // (undocumented)
   readonly collectionName: string;
-  readonly pageSize?: number;
-  readonly onClose?: () => void;
-  readonly featureFlags?: MediaFeatureFlags;
-  readonly extensions?: MediaViewerExtensions;
+  // (undocumented)
   readonly contextId?: string;
+  // (undocumented)
+  readonly dataSource: MediaViewerDataSource;
+  // (undocumented)
+  readonly extensions?: MediaViewerExtensions;
+  // (undocumented)
+  readonly featureFlags?: MediaFeatureFlags;
+  // (undocumented)
+  readonly mediaClient: MediaClient;
+  // (undocumented)
+  readonly onClose?: () => void;
+  // (undocumented)
+  readonly pageSize?: number;
+  // (undocumented)
+  readonly selectedItem: Identifier;
 }
 
-declare type MediaViewerWithMediaClientConfigComponent = React_2.ComponentType<
-  MediaViewerWithMediaClientConfigProps
->;
-
-declare type MediaViewerWithMediaClientConfigProps = WithMediaClientConfigProps<
-  MediaViewerProps
->;
-
-export {};
+// (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/dist/types-ts4.0/analytics/events/index.d.ts

@@ -1,14 +0,0 @@
-import { CommencedEventPayload } from './operational/commenced';
-import { LoadFailedEventPayload } from './operational/loadFailed';
-import { LoadSucceededEventPayload } from './operational/loadSucceeded';
-import { PreviewUnsupportedEventPayload } from './operational/previewUnsupported';
-import { ZipEntryLoadFailedEventPayload } from './operational/zipEntryLoadFailed';
-import { ZipEntryLoadSucceededEventPayload } from './operational/zipEntryLoadSucceeded';
-import { ModalEventPayload } from './screen/modal';
-import { ClosedEventPayload } from './ui/closed';
-import { DownloadButtonClickedEventPayload } from './ui/downloadButtonClicked';
-import { FailedPreviewDownloadButtonClickedEventPayload } from './ui/failedPreviewDownloadButtonClicked';
-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;

package/dist/types-ts4.0/analytics/events/operational/_mediaFile.d.ts

@@ -1,3 +0,0 @@
-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'>;

package/dist/types-ts4.0/analytics/events/operational/commenced.d.ts

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

package/dist/types-ts4.0/analytics/events/operational/loadFailed.d.ts

@@ -1,6 +0,0 @@
-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?: FileState | undefined) => LoadFailedEventPayload;

package/dist/types-ts4.0/analytics/events/operational/loadSucceeded.d.ts

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

package/dist/types-ts4.0/analytics/events/operational/previewUnsupported.d.ts

@@ -1,6 +0,0 @@
-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 declare const createPreviewUnsupportedEvent: (fileState: FileState) => PreviewUnsupportedEventPayload;

package/dist/types-ts4.0/analytics/events/operational/zipEntryLoadFailed.d.ts

@@ -1,13 +0,0 @@
-import { FileState } from '@atlaskit/media-client';
-import { ZipEntry } from 'unzipit';
-import { MediaFileEventPayload } from './_mediaFile';
-import { MediaViewerFailureAttributes } from '../..';
-import { MediaViewerError } from '../../../errors';
-export declare 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;

package/dist/types-ts4.0/analytics/events/operational/zipEntryLoadSucceeded.d.ts

@@ -1,12 +0,0 @@
-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 & {
-    size: number;
-    encrypted: boolean;
-    compressedSize: number;
-    mimeType: string;
-};
-export declare type ZipEntryLoadSucceededEventPayload = MediaFileEventPayload<ZipEntryLoadSucceededAttributes, 'zipEntryLoadSucceeded'>;
-export declare const createZipEntryLoadSucceededEvent: (fileState: FileState, zipEntry: ZipEntry) => ZipEntryLoadSucceededEventPayload;

package/dist/types-ts4.0/analytics/events/screen/modal.d.ts

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

package/dist/types-ts4.0/analytics/events/ui/_clickedButton.d.ts

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

package/dist/types-ts4.0/analytics/events/ui/closed.d.ts

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

package/dist/types-ts4.0/analytics/events/ui/downloadButtonClicked.d.ts

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

package/dist/types-ts4.0/analytics/events/ui/failedPreviewDownloadButtonClicked.d.ts

@@ -1,10 +0,0 @@
-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 & {
-    fileProcessingStatus: FileStatus;
-    failReason: PrimaryErrorReason;
-};
-export declare type FailedPreviewDownloadButtonClickedEventPayload = ButtonClickEventPayload<FailedPreviewDownloadButtonClickedAttributes>;
-export declare const createFailedPreviewDownloadButtonClickedEvent: (fileState: FileState, error: MediaViewerError) => FailedPreviewDownloadButtonClickedEventPayload;

package/dist/types-ts4.0/analytics/events/ui/navigated.d.ts

@@ -1,12 +0,0 @@
-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 & {
-    input: 'button' | 'keys';
-};
-export declare type NavigatedEventPayload = UIEventPayload<NavigatedAttributes, 'navigated', 'file'> & {
-    actionSubjectId: 'next' | 'previous';
-};
-export declare 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-ts4.0/analytics/events/ui/zoomInButtonClicked.d.ts

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

package/dist/types-ts4.0/analytics/events/ui/zoomOutButtonClicked.d.ts

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

package/dist/types-ts4.0/analytics/index.d.ts

@@ -1,28 +0,0 @@
-import { FileState, RequestMetadata } from '@atlaskit/media-client';
-import { FileAttributes, WithFileAttributes, FailureAttributes } from '@atlaskit/media-common';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { PrimaryErrorReason } from '../errors';
-import { MediaViewerEventPayload } from './events';
-declare const componentName = "mediaViewer";
-declare const packageName: string;
-declare const packageVersion: string;
-export { packageName, packageVersion, componentName, componentName as component, };
-export declare const relevantFlags: {
-    newCardExperience: boolean;
-    captions: boolean;
-    timestampOnVideo: boolean;
-    observedWidth: boolean;
-    mediaInline: boolean;
-    folderUploads: boolean;
-    mediaUploadApiV2: boolean;
-    memoryCacheLogging: boolean;
-};
-export declare const LOGGED_FEATURE_FLAGS: (keyof import("@atlaskit/media-common").MediaFeatureFlags)[];
-export declare const LOGGED_FEATURE_FLAG_KEYS: string[];
-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'> & {
-    failReason: PrimaryErrorReason;
-    request?: RequestMetadata;
-} & WithFileAttributes;
-export declare function fireAnalytics(payload: MediaViewerEventPayload, props: WithAnalyticsEventsProps): void;

package/dist/types-ts4.0/analytics/ufoExperiences.d.ts

@@ -1,19 +0,0 @@
-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 = {
-    failReason?: PrimaryErrorReason;
-    error?: string;
-    errorDetail?: string;
-    request?: RequestMetadata;
-    fileAttributes: FileAttributes;
-    fileStateFlags?: FileStateFlags;
-};
-export declare 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;