@atlaskit/media-ui 22.1.2 → 22.2.0

package/report.api.md

@@ -1,6 +1,17 @@
+<!-- API Report Version: 2.2 -->
+
 ## API Report File for "@atlaskit/media-ui"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> 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
 /// <reference types="react" />
@@ -18,106 +29,168 @@ import { RefObject } from 'react';
 import SourceCodeIcon from '@atlaskit/icon-file-type/glyph/source-code/24';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 
-export declare const absolute: (top?: number, left?: number) => string;
+// @public (undocumented)
+export const absolute: (top?: number, left?: number) => string;
 
-export declare interface AccessContext {
+// @public (undocumented)
+export interface AccessContext {
+  // (undocumented)
   accessType?: AccessTypes;
+  // (undocumented)
   cloudId?: string;
-  url?: string;
+  // (undocumented)
   smartLinksAccessMetadataExperimentCohort?:
-    | 'experiment'
     | 'control'
+    | 'experiment'
     | 'not-enrolled';
+  // (undocumented)
+  url?: string;
 }
 
-export declare type AccessTypes =
-  | 'REQUEST_ACCESS'
-  | 'PENDING_REQUEST_EXISTS'
-  | 'FORBIDDEN'
-  | 'DIRECT_ACCESS'
-  | 'DENIED_REQUEST_EXISTS'
+// @public (undocumented)
+export type AccessTypes =
+  | 'ACCESS_EXISTS'
   | 'APPROVED_REQUEST_EXISTS'
-  | 'ACCESS_EXISTS';
+  | 'DENIED_REQUEST_EXISTS'
+  | 'DIRECT_ACCESS'
+  | 'FORBIDDEN'
+  | 'PENDING_REQUEST_EXISTS'
+  | 'REQUEST_ACCESS';
 
-export declare const borderRadius: string;
+// @public (undocumented)
+export const borderRadius: string;
 
-export declare const borderRadiusBottom: string;
+// @public (undocumented)
+export const borderRadiusBottom: string;
 
-export declare class Bounds extends Rectangle {
-  readonly x: number;
-  readonly y: number;
-  readonly width: number;
-  readonly height: number;
+// @public (undocumented)
+export class Bounds extends Rectangle {
   constructor(x: number, y: number, width: number, height: number);
-  get origin(): Vector2;
-  get corner(): Vector2;
-  get center(): Vector2;
-  get rect(): Rectangle;
-  get left(): number;
-  get top(): number;
-  get right(): number;
+  // (undocumented)
   get bottom(): number;
-  flipped(): Bounds;
-  scaled(scale: number): Bounds;
-  relativeTo(bounds: Bounds): Bounds;
+  // (undocumented)
+  get center(): Vector2;
+  // (undocumented)
   clone(): Bounds;
-  map(fn: (value: number) => number): Bounds;
+  // (undocumented)
+  get corner(): Vector2;
+  // (undocumented)
+  equals(bounds: Bounds): boolean;
+  // (undocumented)
+  flipped(): Bounds;
+  // (undocumented)
+  readonly height: number;
+  // (undocumented)
   hFlipWithin(containerBounds: Bounds): Bounds;
-  vFlipWithin(containerBounds: Bounds): Bounds;
+  // (undocumented)
+  get left(): number;
+  // (undocumented)
+  map(fn: (value: number) => number): Bounds;
+  // (undocumented)
+  get origin(): Vector2;
+  // (undocumented)
+  get rect(): Rectangle;
+  // (undocumented)
+  relativeTo(bounds: Bounds): Bounds;
+  // (undocumented)
+  get right(): number;
+  // (undocumented)
   rotate90DegWithin(containerBounds: Bounds): Bounds;
+  // (undocumented)
+  scaled(scale: number): Bounds;
+  // (undocumented)
+  get top(): number;
+  // (undocumented)
   translated(xDelta: number, yDelta: number): Bounds;
-  equals(bounds: Bounds): boolean;
+  // (undocumented)
+  vFlipWithin(containerBounds: Bounds): Bounds;
+  // (undocumented)
+  readonly width: number;
+  // (undocumented)
+  readonly x: number;
+  // (undocumented)
+  readonly y: number;
 }
 
-export declare class Camera {
-  readonly viewport: Rectangle;
-  readonly originalImg: Rectangle;
+// @public (undocumented)
+export class Camera {
   constructor(viewport: Rectangle, originalImg: Rectangle);
-  resizedViewport(newViewport: Rectangle): Camera;
-  get scaleToFit(): number;
-  get scaleDownToFit(): number;
+  // (undocumented)
   get fittedImg(): Rectangle;
+  // (undocumented)
+  readonly originalImg: Rectangle;
+  // (undocumented)
+  resizedViewport(newViewport: Rectangle): Camera;
+  // (undocumented)
   scaledImg(newScale: number): Rectangle;
+  // (undocumented)
   scaledOffset(
     prevOffset: Vector2,
     prevScale: number,
     newScale: number,
   ): Vector2;
+  // (undocumented)
+  get scaleDownToFit(): number;
+  // (undocumented)
+  get scaleToFit(): number;
+  // (undocumented)
+  readonly viewport: Rectangle;
 }
 
-export declare const center =
+// @public (undocumented)
+export const center =
   '\n  display: flex;\n  align-items: center;\n  justify-content: center;\n';
 
-export declare const CustomMediaPlayer: React_2.ComponentType<
+// @public (undocumented)
+export const CustomMediaPlayer: React_2.ComponentType<
   CustomMediaPlayerProps & WithAnalyticsEventsProps
 >;
 
-declare interface CustomMediaPlayerProps
+// @public (undocumented)
+interface CustomMediaPlayerProps
   extends WithPlaybackProps,
     WithShowControlMethodProp {
-  readonly type: CustomMediaPlayerType;
-  readonly src: string;
+  // (undocumented)
+  readonly featureFlags?: MediaFeatureFlags;
+  // (undocumented)
   readonly fileId?: string;
-  readonly onHDToggleClick?: () => void;
+  // (undocumented)
   readonly isShortcutEnabled?: boolean;
+  // (undocumented)
   readonly lastWatchTimeConfig?: TimeSaverConfig;
+  // (undocumented)
   readonly onCanPlay?: () => void;
-  readonly onError?: () => void;
+  // (undocumented)
   readonly onDownloadClick?: () => void;
+  // (undocumented)
+  readonly onError?: () => void;
+  // (undocumented)
   readonly onFirstPlay?: () => void;
+  // (undocumented)
   readonly onFullscreenChange?: (fullscreen: boolean) => void;
+  // (undocumented)
+  readonly onHDToggleClick?: () => void;
+  // (undocumented)
   readonly originalDimensions?: NumericalCardDimensions;
-  readonly featureFlags?: MediaFeatureFlags;
+  // (undocumented)
   readonly poster?: string;
+  // (undocumented)
+  readonly src: string;
+  // (undocumented)
+  readonly type: CustomMediaPlayerType;
 }
 
-declare type CustomMediaPlayerType = 'audio' | 'video';
+// @public (undocumented)
+type CustomMediaPlayerType = 'audio' | 'video';
 
-export declare function dataURItoFile(dataURI: string, filename?: string): File;
+// @public (undocumented)
+export function dataURItoFile(dataURI: string, filename?: string): File;
 
-export declare const easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
+// @public (undocumented)
+export const easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
 
-export declare const Ellipsify: ({
+// @public (undocumented)
+export const Ellipsify: ({
   text,
   lines,
   endLength,
@@ -125,96 +198,114 @@ export declare const Ellipsify: ({
   testId,
 }: EllipsifyProps) => JSX.Element;
 
-export declare interface EllipsifyProps {
-  text?: string;
-  lines: number;
+// @public (undocumented)
+export interface EllipsifyProps {
+  // (undocumented)
   endLength?: number;
+  // (undocumented)
   inline?: boolean;
+  // (undocumented)
+  lines: number;
+  // (undocumented)
   testId?: string;
+  // (undocumented)
+  text?: string;
 }
 
-export declare const ellipsis: (maxWidth?: string | number) => string;
+// @public (undocumented)
+export const ellipsis: (maxWidth?: number | string) => string;
 
-export declare const errorIcon: JSX.Element;
+// @public (undocumented)
+export const errorIcon: JSX.Element;
 
-export declare const ExifOrientation: {
+// @public (undocumented)
+export const ExifOrientation: {
   [key: string]: number;
 };
 
-export declare const fadeIn: string;
+// @public (undocumented)
+export const fadeIn: string;
 
-export declare type FileInfo = {
+// @public (undocumented)
+export type FileInfo = {
   file: File;
   src: string;
 };
 
-export declare function fileToArrayBuffer(file: File): Promise<Uint8Array>;
+// @public (undocumented)
+export function fileToArrayBuffer(file: File): Promise<Uint8Array>;
 
-export declare function fileToDataURI(blob: Blob): Promise<string>;
+// @public (undocumented)
+export function fileToDataURI(blob: Blob): Promise<string>;
 
-export declare const findParentByClassname: (
+// @public (undocumented)
+export const findParentByClassname: (
   element: HTMLElement,
   className: string,
   maxParentElement?: HTMLElement,
 ) => HTMLElement | undefined;
 
-export declare const formatDate: (timestamp: number, locale?: string) => string;
+// @public (undocumented)
+export const formatDate: (timestamp: number, locale?: string) => string;
 
-export declare const formatDuration: (seconds: number) => string;
+// @public (undocumented)
+export const formatDuration: (seconds: number) => string;
 
-export declare const getCssFromImageOrientation: (
-  orientation: number,
-) => string;
+// @public (undocumented)
+export const getCssFromImageOrientation: (orientation: number) => string;
 
-export declare function getFileInfo(
-  file: File,
-  src?: string,
-): Promise<FileInfo>;
+// @public (undocumented)
+export function getFileInfo(file: File, src?: string): Promise<FileInfo>;
 
-export declare function getFileInfoFromSrc(
-  src: string,
-  file?: File,
-): Promise<FileInfo>;
+// @public (undocumented)
+export function getFileInfoFromSrc(src: string, file?: File): Promise<FileInfo>;
 
-export declare function getImageInfo(
-  fileInfo: FileInfo,
-): Promise<ImageInfo | null>;
+// @public (undocumented)
+export function getImageInfo(fileInfo: FileInfo): Promise<ImageInfo | null>;
 
-export declare function getMetaTagNumericValue(
+// @public (undocumented)
+export function getMetaTagNumericValue(
   tags: ImageMetaDataTags,
   key: string,
   defaultValue: number,
 ): number;
 
-export declare function getMimeIcon(
+// @public (undocumented)
+export function getMimeIcon(
   mimeType: string,
   fileName: string,
 ):
   | MimeTypesRepresentation
+  | undefined
   | {
       label: string;
       icon: typeof SourceCodeIcon;
-    }
-  | undefined;
+    };
 
-export declare function getOrientation(file: File): Promise<number>;
+// @public (undocumented)
+export function getOrientation(file: File): Promise<number>;
 
-export declare function getScaleFactor(
+// @public (undocumented)
+export function getScaleFactor(
   file: File,
   tags: ImageMetaDataTags | null,
 ): number;
 
-export declare function getScaleFactorFromFile(file: File): number | null;
+// @public (undocumented)
+export function getScaleFactorFromFile(file: File): null | number;
 
-export declare const hideControlsClassName = 'mvng-hide-controls';
+// @public (undocumented)
+export const hideControlsClassName = 'mvng-hide-controls';
 
-export declare type ImageInfo = {
+// @public (undocumented)
+export type ImageInfo = {
   scaleFactor: number;
   width: number;
   height: number;
 };
 
-export declare type ImageMetaData = {
+// @public (undocumented)
+export type ImageMetaData = {
   type: string;
   width: number;
   height: number;
@@ -223,61 +314,62 @@ export declare type ImageMetaData = {
   tags: ImageMetaDataTags | null;
 };
 
-export declare type ImageMetaDataTags = {
+// @public (undocumented)
+export type ImageMetaDataTags = {
   Orientation?: string;
   PixelPerUnitX?: number;
   PixelPerUnitY?: number;
-  [key: string]: string | number | undefined;
+  [key: string]: number | string | undefined;
 };
 
-/**
- * Hides all the child elements with `hideControlsClassName` classname when user is inactive,
- * which means they haven't moved mouse over the component for `mouseMovementDelay` ms.
- * Exception is if user holding mouse over one of the hideable elements (those that have specified classname).
- *
- */
-export declare class InactivityDetector extends Component<
+// @public
+export class InactivityDetector extends Component<
   InactivityDetectorProps,
   InactivityDetectorState
 > {
-  private checkActivityTimeout?;
-  private contentWrapperElement;
-  state: InactivityDetectorState;
-  private clearTimeout;
-  private hideControls;
-  private checkMouseMovement;
+  // (undocumented)
   componentDidMount(): void;
+  // (undocumented)
   componentWillUnmount(): void;
+  // (undocumented)
   render(): JSX.Element;
+  // (undocumented)
+  state: InactivityDetectorState;
 }
 
-declare interface InactivityDetectorProps {
+// @public (undocumented)
+interface InactivityDetectorProps {
+  // (undocumented)
   children: (triggerActivityCallback: () => void) => ReactElement;
 }
 
-declare interface InactivityDetectorState {
+// @public (undocumented)
+interface InactivityDetectorState {
+  // (undocumented)
   controlsAreVisible: boolean;
 }
 
-declare type InlinePreloaderStyle =
+// @public (undocumented)
+type InlinePreloaderStyle =
   | 'on-left-with-skeleton'
   | 'on-right-without-skeleton';
 
-export declare const isIntersectionObserverSupported: () => boolean;
+// @public (undocumented)
+export const isIntersectionObserverSupported: () => boolean;
 
-/**
- * Returns true if image rotated 90 or 270 degrees (on it's side)
- */
-export declare const isRotated: (orientation: number) => boolean;
+// @public
+export const isRotated: (orientation: number) => boolean;
 
-export declare const keyCodes: {
+// @public (undocumented)
+export const keyCodes: {
   space: string;
   m: string;
   rightArrow: string;
   leftArrow: string;
 };
 
-export declare const languages: {
+// @public (undocumented)
+export const languages: {
   zh: string;
   cs: string;
   da: string;
@@ -304,243 +396,268 @@ export declare const languages: {
   sv: string;
 };
 
-export declare function loadImage(src: string): Promise<HTMLImageElement>;
+// @public (undocumented)
+export function loadImage(src: string): Promise<HTMLImageElement>;
 
-export declare const locales: {
+// @public (undocumented)
+export const locales: {
   [key: string]: any;
 };
 
-export declare function MediaButton({
+// @public (undocumented)
+export function MediaButton({
   appearance,
   buttonRef,
   ...rest
 }: Props): JSX.Element;
 
-declare type MediaButtonAppearance = Appearance;
+// @public (undocumented)
+type MediaButtonAppearance = Appearance;
 
-declare class MediaImage_2 extends Component<MediaImageProps, MediaImageState> {
-  static defaultProps: Partial<MediaImageProps>;
-  imageRef: React_2.RefObject<HTMLImageElement>;
+// @public (undocumented)
+class MediaImage_2 extends Component<MediaImageProps, MediaImageState> {
   constructor(props: MediaImageProps);
+  // (undocumented)
   componentDidMount(): void;
+  // (undocumented)
+  static defaultProps: Partial<MediaImageProps>;
+  // (undocumented)
+  imageRef: React_2.RefObject<HTMLImageElement>;
+  // (undocumented)
   onImageLoad: (e: React_2.SyntheticEvent<HTMLImageElement>) => void;
+  // (undocumented)
   render(): JSX.Element;
 }
 export { MediaImage_2 as MediaImage };
 
-export declare interface MediaImageProps {
-  dataURI: string;
+// @public (undocumented)
+export interface MediaImageProps {
+  // (undocumented)
   alt?: string;
+  // (undocumented)
   crop?: boolean;
-  stretch?: boolean;
-  previewOrientation?: number;
+  // (undocumented)
   crossOrigin?: '' | 'anonymous' | 'use-credentials';
-  onImageLoad?: (loadedImage: HTMLImageElement) => void;
-  onImageError?: () => void;
-  loading?: 'auto' | 'lazy' | 'eager';
+  // (undocumented)
+  dataURI: string;
+  // (undocumented)
   forceSyncDisplay?: boolean;
+  // (undocumented)
+  loading?: 'auto' | 'eager' | 'lazy';
+  // (undocumented)
+  onImageError?: () => void;
+  // (undocumented)
+  onImageLoad?: (loadedImage: HTMLImageElement) => void;
+  // (undocumented)
+  previewOrientation?: number;
+  // (undocumented)
+  stretch?: boolean;
 }
 
-export declare interface MediaImageState {
-  isImageLoaded: boolean;
-  imgWidth: number;
+// @public (undocumented)
+export interface MediaImageState {
+  // (undocumented)
   imgHeight: number;
-  parentWidth: number;
+  // (undocumented)
+  imgWidth: number;
+  // (undocumented)
+  isImageLoaded: boolean;
+  // (undocumented)
   parentHeight: number;
+  // (undocumented)
+  parentWidth: number;
 }
 
-export declare class MediaInlineCardErroredView extends React_2.Component<
-  MediaInlineCardErroredViewProps
-> {
-  renderMessage: () => JSX.Element;
+// @public (undocumented)
+export class MediaInlineCardErroredView extends React_2.Component<MediaInlineCardErroredViewProps> {
+  // (undocumented)
   render(): JSX.Element;
+  // (undocumented)
+  renderMessage: () => JSX.Element;
 }
 
-export declare interface MediaInlineCardErroredViewProps {
-  /** The error message to display */
-  message: string;
-  /** The optional click handler */
-  onClick?: React_2.EventHandler<React_2.MouseEvent | React_2.KeyboardEvent>;
-  /** A flag that determines whether the card is selected in edit mode. */
+// @public (undocumented)
+export interface MediaInlineCardErroredViewProps {
+  // (undocumented)
+  icon?: React_2.ReactNode;
   isSelected?: boolean;
-  /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+  message: string;
+  onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
   testId?: string;
-  icon?: React_2.ReactNode;
 }
 
-export declare class MediaInlineCardLoadedView extends React_2.Component<
-  MediaInlineCardLoadedViewProps
-> {
+// @public (undocumented)
+export class MediaInlineCardLoadedView extends React_2.Component<MediaInlineCardLoadedViewProps> {
+  // (undocumented)
   render(): JSX.Element;
 }
 
-export declare interface MediaInlineCardLoadedViewProps {
-  /** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
+// @public (undocumented)
+export interface MediaInlineCardLoadedViewProps {
   icon?: React_2.ReactNode;
-  /** The name of the resource */
-  title?: string;
-  /** A flag that determines whether the card is selected in edit mode. */
   isSelected?: boolean;
-  /** The optional click handler */
-  onClick?: React_2.EventHandler<React_2.MouseEvent | React_2.KeyboardEvent>;
-  /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+  onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
   testId?: string;
-  /** The Emoji icon prefix that was added to the title text via Add emoji button */
+  title?: string;
   titlePrefix?: React_2.ReactNode;
 }
 
-export declare class MediaInlineCardLoadingView extends React_2.Component<
-  MediaInlineCardLoadingViewProps
-> {
+// @public (undocumented)
+export class MediaInlineCardLoadingView extends React_2.Component<MediaInlineCardLoadingViewProps> {
+  // (undocumented)
   render(): JSX.Element;
 }
 
-export declare interface MediaInlineCardLoadingViewProps {
-  /** The file name to display */
-  message: string;
+// @public (undocumented)
+export interface MediaInlineCardLoadingViewProps {
+  // (undocumented)
   inlinePreloaderStyle?: InlinePreloaderStyle;
-  /** The optional click handler */
-  onClick?: React_2.EventHandler<React_2.MouseEvent | React_2.KeyboardEvent>;
-  /** A flag that determines whether the card is selected in edit mode. */
   isSelected?: boolean;
-  /** A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests */
+  message: string;
+  onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
   testId?: string;
+  // (undocumented)
   withoutHover?: boolean;
 }
 
-declare type MediaTypeProps = {
+// @public (undocumented)
+type MediaTypeProps = {
   testId?: string;
   mediaType?: MediaType;
   mimeType?: string;
   name?: string;
-  size?: 'small' | 'large';
+  size?: 'large' | 'small';
 };
 
-export declare type MessageKey =
-  | 'retry'
-  | 'failed_to_load'
-  | 'failed_to_upload'
-  | 'recent_uploads'
-  | 'upload_file'
-  | 'drag_and_drop_your_files'
-  | 'drag_and_drop_your_files_and_folders'
-  | 'drop_your_files'
-  | 'upload'
+// @public (undocumented)
+export type MessageKey =
+  | 'accounts'
+  | 'actions'
+  | 'add_account'
+  | 'annotate'
+  | 'annotate_confirmation_close_anyway'
+  | 'annotate_confirmation_content'
+  | 'annotate_confirmation_heading'
+  | 'annotate_tool_arrow'
+  | 'annotate_tool_blur'
+  | 'annotate_tool_brush'
+  | 'annotate_tool_color'
+  | 'annotate_tool_line_thickness'
+  | 'annotate_tool_shape'
+  | 'annotate_tool_text'
+  | 'archive'
+  | 'audio'
   | 'cancel'
-  | 'search_all_gifs'
-  | 'cant_retrieve_gifs'
+  | 'cant_preview_file_type'
   | 'cant_retrieve_files'
+  | 'cant_retrieve_gifs'
+  | 'changeView'
   | 'check_your_network'
-  | 'try_again'
-  | 'try_another_account'
-  | 'no_gifs_found'
-  | 'no_gifs_found_suggestion'
-  | 'load_more_gifs'
-  | 'add_account'
-  | 'unlink_account'
-  | 'upload_file_from'
-  | 'connect_to'
+  | 'close'
+  | 'close_and_reopen'
   | 'connect_account_description'
   | 'connect_link_account'
   | 'connect_link_account_card'
-  | 'connect_link_account_card_name'
   | 'connect_link_account_card_description'
-  | 'invalid_permissions'
-  | 'invalid_permissions_description'
-  | 'upload_an_avatar'
-  | 'loading'
-  | 'loading_file'
-  | 'save'
-  | 'or'
-  | 'upload_photo'
+  | 'connect_link_account_card_name'
+  | 'connect_to'
+  | 'could_not_load_editor'
+  | 'could_not_load_link'
+  | 'could_not_save_image'
+  | 'couldnt_generate_encrypted_entry_preview'
+  | 'couldnt_generate_preview'
+  | 'couldnt_load_file'
+  | 'creating_preview'
   | 'default_avatars'
+  | 'disable_fullscreen'
+  | 'displayThumbnail'
+  | 'document'
+  | 'download'
   | 'drag_and_drop_images_here'
-  | 'upload_image'
-  | 'image_url_invalid_error'
+  | 'drag_and_drop_your_files'
+  | 'drag_and_drop_your_files_and_folders'
+  | 'drop_your_files'
+  | 'drop_your_files_here'
+  | 'email'
+  | 'enable_fullscreen'
+  | 'error_429'
+  | 'error_generating_preview'
+  | 'error_hint_critical'
+  | 'error_hint_retry'
+  | 'error_loading_file'
+  | 'failed_to_load'
+  | 'failed_to_upload'
+  | 'give_feedback'
+  | 'image'
   | 'image_format_invalid_error'
   | 'image_size_too_large_error'
-  | 'something_went_wrong'
-  | 'might_be_a_hiccup'
-  | 'couldnt_generate_preview'
-  | 'couldnt_generate_encrypted_entry_preview'
-  | 'cant_preview_file_type'
+  | 'image_url_invalid_error'
+  | 'insert_files'
+  | 'invalid_permissions'
+  | 'invalid_permissions_description'
   | 'item_not_found_in_list'
-  | 'not_found_title'
-  | 'not_found_description'
+  | 'learn_more'
+  | 'load_more_gifs'
+  | 'loading'
+  | 'loading_file'
+  | 'might_be_a_hiccup'
+  | 'no_gifs_found'
+  | 'no_gifs_found_suggestion'
   | 'no_pdf_artifacts'
-  | 'give_feedback'
+  | 'not_found_description'
+  | 'not_found_title'
+  | 'or'
+  | 'pause'
+  | 'play'
+  | 'playbackDefaultSpeed'
+  | 'playbackSpeed'
+  | 'preview'
+  | 'preview_currently_unavailable'
+  | 'preview_unavailable'
+  | 'recent_uploads'
+  | 'remove_image'
+  | 'retry'
+  | 'save'
+  | 'search'
+  | 'search_all_gifs'
+  | 'share_files_instantly'
+  | 'skipBackward'
+  | 'skipForward'
+  | 'something_went_wrong'
+  | 'text'
+  | 'try_again'
+  | 'try_another_account'
   | 'try_downloading_file'
-  | 'webgl_warning_description'
   | 'unable_to_annotate_image'
-  | 'learn_more'
-  | 'accounts'
-  | 'actions'
-  | 'error_hint_retry'
-  | 'error_hint_critical'
-  | 'close'
-  | 'could_not_load_editor'
-  | 'could_not_save_image'
-  | 'could_not_load_link'
-  | 'annotate'
-  | 'annotate_tool_arrow'
-  | 'annotate_tool_text'
-  | 'annotate_tool_shape'
-  | 'annotate_tool_brush'
-  | 'annotate_tool_blur'
-  | 'annotate_tool_line_thickness'
-  | 'annotate_tool_color'
-  | 'annotate_confirmation_close_anyway'
-  | 'annotate_confirmation_heading'
-  | 'annotate_confirmation_content'
-  | 'drop_your_files_here'
-  | 'share_files_instantly'
-  | 'insert_files'
-  | 'zoom_out'
-  | 'zoom_in'
-  | 'remove_image'
-  | 'play'
-  | 'pause'
-  | 'disable_fullscreen'
-  | 'enable_fullscreen'
-  | 'error_loading_file'
-  | 'error_generating_preview'
-  | 'download'
   | 'unknown'
-  | 'document'
-  | 'audio'
+  | 'unlink_account'
+  | 'upload'
+  | 'upload_an_avatar'
+  | 'upload_file'
+  | 'upload_file_from'
+  | 'upload_image'
+  | 'upload_photo'
   | 'video'
-  | 'image'
-  | 'archive'
-  | 'email'
-  | 'text'
-  | 'displayThumbnail'
-  | 'search'
   | 'view'
   | 'viewIn'
   | 'viewOriginal'
-  | 'changeView'
-  | 'playbackSpeed'
-  | 'skipBackward'
-  | 'skipForward'
-  | 'playbackDefaultSpeed'
-  | 'preview'
-  | 'preview_unavailable'
-  | 'preview_currently_unavailable'
-  | 'creating_preview'
-  | 'couldnt_load_file'
-  | 'error_429'
-  | 'close_and_reopen'
   | 'viewer_rateLimited'
+  | 'webgl_warning_description'
   | 'zip_entry_load_fail'
+  | 'zoom_in'
+  | 'zoom_out'
   | RequestAccessMessageKey;
 
-declare type Messages = {
+// @public (undocumented)
+type Messages = {
   [K in MessageKey]: MessageDescriptor;
 };
 
-export declare const messages: Messages;
+// @public (undocumented)
+export const messages: Messages;
 
-export declare const MimeTypeIcon: ({
+// @public (undocumented)
+export const MimeTypeIcon: ({
   mediaType,
   mimeType,
   name,
@@ -548,158 +665,222 @@ export declare const MimeTypeIcon: ({
   size,
 }: MediaTypeProps) => JSX.Element;
 
-declare interface MimeTypesRepresentation {
+// @public (undocumented)
+interface MimeTypesRepresentation {
+  // (undocumented)
+  icon: any;
+  // (undocumented)
   label: string;
+  // (undocumented)
   mimeTypes: string[];
-  icon: any;
 }
 
-export declare const ModalSpinner: ({
+// @public (undocumented)
+export const ModalSpinner: ({
   blankedColor,
   invertSpinnerColor,
 }: Props_2) => JSX.Element;
 
-declare type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
+// @public (undocumented)
+type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
   buttonRef?: RefObject<HTMLButtonElement>;
 };
 
-declare interface Props_2 {
+// @public (undocumented)
+interface Props_2 {
+  // (undocumented)
   blankedColor?: string;
+  // (undocumented)
   invertSpinnerColor?: boolean;
 }
 
-export declare function readImageMetaData(
+// @public (undocumented)
+export function readImageMetaData(
   fileInfo: FileInfo,
 ): Promise<ImageMetaData | null>;
 
-export declare class Rectangle {
-  readonly width: number;
-  readonly height: number;
+// @public (undocumented)
+export class Rectangle {
   constructor(width: number, height: number);
+  // (undocumented)
   get aspectRatio(): number;
+  // (undocumented)
   get center(): Vector2;
-  scaled(scale: number): Rectangle;
-  resized(width: number, height: number): Rectangle;
+  // (undocumented)
+  clone(): Rectangle;
+  // (undocumented)
   flipped(): Rectangle;
+  // (undocumented)
+  readonly height: number;
+  // (undocumented)
+  resized(width: number, height: number): Rectangle;
+  // (undocumented)
+  scaled(scale: number): Rectangle;
+  // (undocumented)
   scaleToFit(containing: Rectangle): number;
+  // (undocumented)
   scaleToFitLargestSide(containing: Rectangle): number;
+  // (undocumented)
   scaleToFitSmallestSide(containing: Rectangle): number;
-  clone(): Rectangle;
+  // (undocumented)
+  readonly width: number;
 }
 
-declare type RequestAccessMessageKey =
-  | 'request_access_description'
-  | 'click_to_join_description'
-  | 'request_access_pending_description'
+// @public (undocumented)
+type RequestAccessMessageKey =
   | 'click_to_join'
+  | 'click_to_join_description'
+  | 'forbidden_description'
   | 'request_access'
+  | 'request_access_description'
   | 'request_access_pending'
-  | 'forbidden_description'
+  | 'request_access_pending_description'
   | 'request_denied_description';
 
-export declare class Shortcut extends Component<ShortcutProps, {}> {
+// @public (undocumented)
+export class Shortcut extends Component<ShortcutProps, {}> {
+  // (undocumented)
   componentDidMount(): void;
+  // (undocumented)
   componentWillUnmount(): void;
+  // (undocumented)
   render(): null;
-  private keyHandler;
-  private init;
-  private release;
 }
 
-export declare type ShortcutProps = {
+// @public (undocumented)
+export type ShortcutProps = {
   handler: () => void;
-} & (WithKeyCode | WithCode);
+} & (WithCode | WithKeyCode);
 
-export declare const size: (value?: string | number) => string;
+// @public (undocumented)
+export const size: (value?: number | string) => string;
 
-export declare class TimeRange extends Component<
-  TimeRangeProps,
-  TimeRangeState
-> {
-  thumbElement: React_2.RefObject<HTMLDivElement>;
-  wrapperElement: React_2.RefObject<HTMLDivElement>;
-  wrapperElementWidth: number;
-  state: TimeRangeState;
-  static defaultProps: Partial<TimeRangeProps>;
+// @public (undocumented)
+export class TimeRange extends Component<TimeRangeProps, TimeRangeState> {
+  // (undocumented)
   componentDidMount(): void;
+  // (undocumented)
   componentWillUnmount(): void;
-  private setWrapperWidth;
+  // (undocumented)
+  static defaultProps: Partial<TimeRangeProps>;
+  // (undocumented)
   onMouseMove: (e: MouseEvent) => void;
+  // (undocumented)
   onMouseUp: () => void;
+  // (undocumented)
   onThumbMouseDown: (e: React_2.SyntheticEvent<HTMLDivElement>) => void;
+  // (undocumented)
   render(): JSX.Element;
+  // (undocumented)
+  state: TimeRangeState;
+  // (undocumented)
+  thumbElement: React_2.RefObject<HTMLDivElement>;
+  // (undocumented)
+  wrapperElement: React_2.RefObject<HTMLDivElement>;
+  // (undocumented)
+  wrapperElementWidth: number;
 }
 
-export declare interface TimeRangeProps {
-  currentTime: number;
+// @public (undocumented)
+export interface TimeRangeProps {
+  // (undocumented)
   bufferedTime: number;
-  duration: number;
-  onChange: (newTime: number) => void;
+  // (undocumented)
+  currentTime: number;
+  // (undocumented)
   disableThumbTooltip: boolean;
+  // (undocumented)
+  duration: number;
+  // (undocumented)
   isAlwaysActive: boolean;
+  // (undocumented)
+  onChange: (newTime: number) => void;
+  // (undocumented)
   onChanged?: () => void;
 }
 
-export declare interface TimeRangeState {
-  isDragging: boolean;
+// @public (undocumented)
+export interface TimeRangeState {
+  // (undocumented)
   dragStartClientX: number;
+  // (undocumented)
+  isDragging: boolean;
 }
 
-declare interface TimeSaverConfig {
+// @public (undocumented)
+interface TimeSaverConfig {
+  // (undocumented)
   contentId: string;
 }
 
-/**
- * Takes a media (file) size in bytes and returns a human readable string
- */
-export declare function toHumanReadableMediaSize(size: number): string;
+// @public
+export function toHumanReadableMediaSize(size: number): string;
 
-export declare const Truncate: React_2.FC<TruncateProps>;
+// @public (undocumented)
+export const Truncate: React_2.FC<TruncateProps>;
 
-export declare type TruncateProps = {
+// @public (undocumented)
+export type TruncateProps = {
   text: string;
   fontSizePX?: number;
   startFixedChars?: number;
   endFixedChars?: number;
 };
 
-export declare class Vector2 {
-  readonly x: number;
-  readonly y: number;
+// @public (undocumented)
+export class Vector2 {
   constructor(x: number, y: number);
+  // (undocumented)
   add({ x: thatX, y: thatY }: Vector2): Vector2;
-  sub({ x: thatX, y: thatY }: Vector2): Vector2;
-  scaled(scalar: number): Vector2;
-  map(fn: (component: number) => number): Vector2;
+  // (undocumented)
   clone(): Vector2;
+  // (undocumented)
+  map(fn: (component: number) => number): Vector2;
+  // (undocumented)
   rounded(): Vector2;
+  // (undocumented)
+  scaled(scalar: number): Vector2;
+  // (undocumented)
+  sub({ x: thatX, y: thatY }: Vector2): Vector2;
+  // (undocumented)
   toString(): string;
+  // (undocumented)
+  readonly x: number;
+  // (undocumented)
+  readonly y: number;
 }
 
-declare type WithCode = {
+// @public (undocumented)
+type WithCode = {
   code: string;
   keyCode?: never;
 };
 
-declare type WithKeyCode = {
-  /** @deprecated use code: string instead */
+// @public (undocumented)
+type WithKeyCode = {
   keyCode: number;
   code?: never;
 };
 
-declare type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
+// @public (undocumented)
+type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
   appearance?: MediaButtonAppearance;
 };
 
-declare type WithPlaybackProps = {
+// @public (undocumented)
+type WithPlaybackProps = {
   readonly isAutoPlay: boolean;
   readonly isHDAvailable?: boolean;
   readonly isHDActive?: boolean;
 };
 
-export declare interface WithShowControlMethodProp {
+// @public (undocumented)
+export interface WithShowControlMethodProp {
+  // (undocumented)
   showControls?: () => void;
 }
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->