@atlaskit/media-ui 25.0.7 → 25.0.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-ui
 
+## 25.0.9
+
+### Patch Changes
+
+- [#56822](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56822) [`77f4fbf44e93`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77f4fbf44e93) - ECA11Y-78: Added announce for the selected file
+
+## 25.0.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 25.0.7
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -51,7 +51,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; } } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.0.7";
+var packageVersion = "25.0.9";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/cjs/messages.js

@@ -645,5 +645,35 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.media.zip_entry_load_failed',
     defaultMessage: "We couldn't load that zip file item to preview",
     description: 'Zip entry failed to load'
+  },
+  file_image_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Image {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded image'
+  },
+  file_video_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Video {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded video'
+  },
+  file_audio_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Audio {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded audio'
+  },
+  file_doc_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Document {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded document'
+  },
+  file_archive_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Archive {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded archive'
+  },
+  file_unknown_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'File {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded file'
   }
 });

package/dist/es2019/customMediaPlayer/index.js

@@ -34,7 +34,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "25.0.7";
+const packageVersion = "25.0.9";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/es2019/messages.js

@@ -639,5 +639,35 @@ export const messages = defineMessages({
     id: 'fabric.media.zip_entry_load_failed',
     defaultMessage: `We couldn't load that zip file item to preview`,
     description: 'Zip entry failed to load'
+  },
+  file_image_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Image {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded image'
+  },
+  file_video_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Video {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded video'
+  },
+  file_audio_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Audio {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded audio'
+  },
+  file_doc_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Document {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded document'
+  },
+  file_archive_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Archive {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded archive'
+  },
+  file_unknown_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'File {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded file'
   }
 });

package/dist/esm/customMediaPlayer/index.js

@@ -44,7 +44,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.0.7";
+var packageVersion = "25.0.9";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/esm/messages.js

@@ -639,5 +639,35 @@ export var messages = defineMessages({
     id: 'fabric.media.zip_entry_load_failed',
     defaultMessage: "We couldn't load that zip file item to preview",
     description: 'Zip entry failed to load'
+  },
+  file_image_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Image {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded image'
+  },
+  file_video_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Video {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded video'
+  },
+  file_audio_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Audio {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded audio'
+  },
+  file_doc_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Document {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded document'
+  },
+  file_archive_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'Archive {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded archive'
+  },
+  file_unknown_is_selected: {
+    id: 'fabric.media.file_is_selected',
+    defaultMessage: 'File {name} is selected',
+    description: '{name} it is the parameter, which saying alt text or file name of uploaded file'
   }
 });

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export 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' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | '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' | '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' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'image_url_invalid_error' | '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' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'give_feedback' | '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' | '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' | 'zip_entry_load_fail' | RequestAccessMessageKey;
+export 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' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | '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' | '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' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'image_url_invalid_error' | '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' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'give_feedback' | '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' | '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' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

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

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export 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' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | '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' | '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' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'image_url_invalid_error' | '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' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'give_feedback' | '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' | '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' | 'zip_entry_load_fail' | RequestAccessMessageKey;
+export 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' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | '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' | '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' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'image_url_invalid_error' | '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' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'give_feedback' | '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' | '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' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "25.0.7",
+  "version": "25.0.9",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.16.0",
-    "@atlaskit/code": "^14.6.0",
+    "@atlaskit/button": "^16.17.0",
+    "@atlaskit/code": "^15.1.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/locale": "^2.6.0",
@@ -33,7 +33,7 @@
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/width-detector": "^4.1.0",
     "@babel/runtime": "^7.0.0",

package/tmp/api-report-tmp.d.ts

@@ -1,680 +0,0 @@
-## API Report File for "@atlaskit/media-ui"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { Appearance } from '@atlaskit/button/types';
-import { Component } from 'react';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { MediaType } from '@atlaskit/media-common';
-import { MessageDescriptor } from 'react-intl-next';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { default as React_2 } from 'react';
-import { ReactElement } from 'react';
-import { RefObject } from 'react';
-import SourceCodeIcon from '@atlaskit/icon-file-type/glyph/source-code/24';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export const absolute: (top?: number, left?: number) => string;
-
-// @public (undocumented)
-export interface AccessContext {
-    // (undocumented)
-    accessType?: AccessTypes;
-    // (undocumented)
-    cloudId?: string;
-    // (undocumented)
-    smartLinksAccessMetadataExperimentCohort?: 'control' | 'experiment' | 'not-enrolled';
-    // (undocumented)
-    url?: string;
-}
-
-// @public (undocumented)
-export type AccessTypes = 'ACCESS_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'DENIED_REQUEST_EXISTS' | 'DIRECT_ACCESS' | 'FORBIDDEN' | 'PENDING_REQUEST_EXISTS' | 'REQUEST_ACCESS';
-
-// @public (undocumented)
-export const borderRadius: string;
-
-// @public (undocumented)
-export const borderRadiusBottom: string;
-
-// @public (undocumented)
-export class Bounds extends Rectangle {
-    constructor(x: number, y: number, width: number, height: number);
-    // (undocumented)
-    get bottom(): number;
-    // (undocumented)
-    get center(): Vector2;
-    // (undocumented)
-    clone(): Bounds;
-    // (undocumented)
-    get corner(): Vector2;
-    // (undocumented)
-    equals(bounds: Bounds): boolean;
-    // (undocumented)
-    flipped(): Bounds;
-    // (undocumented)
-    readonly height: number;
-    // (undocumented)
-    hFlipWithin(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;
-    // (undocumented)
-    vFlipWithin(containerBounds: Bounds): Bounds;
-    // (undocumented)
-    readonly width: number;
-    // (undocumented)
-    readonly x: number;
-    // (undocumented)
-    readonly y: number;
-}
-
-// @public (undocumented)
-export class Camera {
-    constructor(viewport: Rectangle, originalImg: Rectangle);
-    // (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;
-}
-
-// @public (undocumented)
-export const center = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n";
-
-// @public (undocumented)
-export const CustomMediaPlayer: React_2.ComponentType<CustomMediaPlayerProps & WithAnalyticsEventsProps>;
-
-// @public (undocumented)
-interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
-    // (undocumented)
-    readonly featureFlags?: MediaFeatureFlags;
-    // (undocumented)
-    readonly fileId?: string;
-    // (undocumented)
-    readonly isShortcutEnabled?: boolean;
-    // (undocumented)
-    readonly lastWatchTimeConfig?: TimeSaverConfig;
-    // (undocumented)
-    readonly onCanPlay?: () => 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;
-    // (undocumented)
-    readonly poster?: string;
-    // (undocumented)
-    readonly src: string;
-    // (undocumented)
-    readonly type: CustomMediaPlayerType;
-}
-
-// @public (undocumented)
-type CustomMediaPlayerType = 'audio' | 'video';
-
-// @public (undocumented)
-export function dataURItoFile(dataURI: string, filename?: string): File;
-
-// @public (undocumented)
-export const easeInOutCubic = "cubic-bezier(0.645, 0.045, 0.355, 1)";
-
-// @public (undocumented)
-export const Ellipsify: ({ text, lines, endLength, inline, testId, }: EllipsifyProps) => JSX.Element;
-
-// @public (undocumented)
-export interface EllipsifyProps {
-    // (undocumented)
-    endLength?: number;
-    // (undocumented)
-    inline?: boolean;
-    // (undocumented)
-    lines: number;
-    // (undocumented)
-    testId?: string;
-    // (undocumented)
-    text?: string;
-}
-
-// @public (undocumented)
-export const ellipsis: (maxWidth?: number | string) => string;
-
-// @public (undocumented)
-export const errorIcon: JSX.Element;
-
-// @public (undocumented)
-export const ExifOrientation: {
-    [key: string]: number;
-};
-
-// @public (undocumented)
-export type FileInfo = {
-    file: File;
-    src: string;
-};
-
-// @public (undocumented)
-export function fileToArrayBuffer(file: File): Promise<Uint8Array>;
-
-// @public (undocumented)
-export function fileToDataURI(blob: Blob): Promise<string>;
-
-// @public (undocumented)
-export const findParentByClassname: (element: HTMLElement, className: string, maxParentElement?: HTMLElement) => HTMLElement | undefined;
-
-// @public (undocumented)
-export const formatDate: (timestamp: number, locale?: string) => string;
-
-// @public (undocumented)
-export const formatDuration: (seconds: number) => string;
-
-// @public (undocumented)
-export const getCssFromImageOrientation: (orientation: number) => string;
-
-// @public (undocumented)
-export function getFileInfo(file: File, src?: string): Promise<FileInfo>;
-
-// @public (undocumented)
-export function getFileInfoFromSrc(src: string, file?: File): Promise<FileInfo>;
-
-// @public (undocumented)
-export function getImageInfo(fileInfo: FileInfo): Promise<ImageInfo | null>;
-
-// @public (undocumented)
-export function getMetaTagNumericValue(tags: ImageMetaDataTags, key: string, defaultValue: number): number;
-
-// @public (undocumented)
-export function getMimeIcon(mimeType: string, fileName: string): MimeTypesRepresentation | undefined | {
-    label: string;
-    icon: typeof SourceCodeIcon;
-};
-
-// @public (undocumented)
-export function getOrientation(file: File): Promise<number>;
-
-// @public (undocumented)
-export function getScaleFactor(file: File, tags: ImageMetaDataTags | null): number;
-
-// @public (undocumented)
-export function getScaleFactorFromFile(file: File): null | number;
-
-// @public (undocumented)
-export const hideControlsClassName = "mvng-hide-controls";
-
-// @public (undocumented)
-export type ImageInfo = {
-    scaleFactor: number;
-    width: number;
-    height: number;
-};
-
-// @public (undocumented)
-export type ImageMetaData = {
-    type: string;
-    width: number;
-    height: number;
-    naturalWidth: number;
-    naturalHeight: number;
-    tags: ImageMetaDataTags | null;
-};
-
-// @public (undocumented)
-export type ImageMetaDataTags = {
-    Orientation?: string;
-    PixelPerUnitX?: number;
-    PixelPerUnitY?: number;
-    [key: string]: number | string | undefined;
-};
-
-// @public
-export class InactivityDetector extends Component<InactivityDetectorProps, InactivityDetectorState> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    state: InactivityDetectorState;
-}
-
-// @public (undocumented)
-interface InactivityDetectorProps {
-    // (undocumented)
-    children: (triggerActivityCallback: () => void) => ReactElement;
-}
-
-// @public (undocumented)
-interface InactivityDetectorState {
-    // (undocumented)
-    controlsAreVisible: boolean;
-}
-
-// @public (undocumented)
-type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
-
-// @public (undocumented)
-export const isIntersectionObserverSupported: () => boolean;
-
-// @public
-export const isRotated: (orientation: number) => boolean;
-
-// @public (undocumented)
-export const keyCodes: {
-    space: string;
-    m: string;
-    rightArrow: string;
-    leftArrow: string;
-};
-
-// @public (undocumented)
-export const languages: {
-    zh: string;
-    cs: string;
-    da: string;
-    nl: string;
-    en: string;
-    en_GB: string;
-    et: string;
-    fi: string;
-    fr: string;
-    de: string;
-    hu: string;
-    is: string;
-    it: string;
-    ja: string;
-    ko: string;
-    nb: string;
-    pl: string;
-    pt_BR: string;
-    pt_PT: string;
-    ro: string;
-    ru: string;
-    sk: string;
-    es: string;
-    sv: string;
-};
-
-// @public (undocumented)
-export function loadImage(src: string): Promise<HTMLImageElement>;
-
-// @public (undocumented)
-export const locales: {
-    [key: string]: any;
-};
-
-// @public (undocumented)
-export function MediaButton({ appearance, buttonRef, ...rest }: Props): JSX.Element;
-
-// @public (undocumented)
-type MediaButtonAppearance = Appearance;
-
-// @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 }
-
-// @public (undocumented)
-export interface MediaImageProps {
-    // (undocumented)
-    alt?: string;
-    // (undocumented)
-    crop?: boolean;
-    // (undocumented)
-    crossOrigin?: '' | 'anonymous' | 'use-credentials';
-    // (undocumented)
-    dataURI: string;
-    // (undocumented)
-    forceSyncDisplay?: boolean;
-    // (undocumented)
-    loading?: 'eager' | 'lazy';
-    // (undocumented)
-    onImageError?: () => void;
-    // (undocumented)
-    onImageLoad?: (loadedImage: HTMLImageElement) => void;
-    // (undocumented)
-    previewOrientation?: 'from-image' | number;
-    // (undocumented)
-    stretch?: boolean;
-}
-
-// @public (undocumented)
-export interface MediaImageState {
-    // (undocumented)
-    imgHeight: number;
-    // (undocumented)
-    imgWidth: number;
-    // (undocumented)
-    isImageLoaded: boolean;
-    // (undocumented)
-    parentHeight: number;
-    // (undocumented)
-    parentWidth: number;
-}
-
-// @public (undocumented)
-export class MediaInlineCardErroredView extends React_2.Component<MediaInlineCardErroredViewProps> {
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    renderMessage: () => JSX.Element;
-}
-
-// @public (undocumented)
-export interface MediaInlineCardErroredViewProps {
-    // (undocumented)
-    icon?: React_2.ReactNode;
-    isSelected?: boolean;
-    message: string;
-    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
-    testId?: string;
-}
-
-// @public (undocumented)
-export class MediaInlineCardLoadedView extends React_2.Component<MediaInlineCardLoadedViewProps> {
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export interface MediaInlineCardLoadedViewProps {
-    icon?: React_2.ReactNode;
-    isSelected?: boolean;
-    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
-    testId?: string;
-    title?: string;
-    titlePrefix?: React_2.ReactNode;
-}
-
-// @public (undocumented)
-export class MediaInlineCardLoadingView extends React_2.Component<MediaInlineCardLoadingViewProps> {
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export interface MediaInlineCardLoadingViewProps {
-    // (undocumented)
-    inlinePreloaderStyle?: InlinePreloaderStyle;
-    isSelected?: boolean;
-    message: string;
-    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
-    testId?: string;
-    // (undocumented)
-    withoutHover?: boolean;
-}
-
-// @public (undocumented)
-type MediaTypeProps = {
-    testId?: string;
-    mediaType?: MediaType;
-    mimeType?: string;
-    name?: string;
-    size?: 'large' | 'small';
-};
-
-// @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' | 'avatar_picker_back_btn_label' | 'cancel' | 'cant_preview_file_type' | 'cant_retrieve_files' | 'cant_retrieve_gifs' | 'changeView' | 'check_your_network' | 'close' | 'close_and_reopen' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_description' | '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' | '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' | 'image_url_invalid_error' | 'insert_files' | 'invalid_permissions' | 'invalid_permissions_description' | 'item_not_found_in_list' | 'learn_more' | 'load_more_gifs' | 'loading' | 'loading_file' | 'might_be_a_hiccup' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'no_pdf_artifacts' | 'not_found_description' | 'not_found_title' | 'or' | 'or_select_default_avatars' | 'pause' | 'play' | 'playbackDefaultSpeed' | 'playbackSpeed' | 'preview' | 'preview_currently_unavailable' | 'preview_unavailable' | 'recent_uploads' | 'remove_image' | 'retry' | 'save' | 'search' | 'search_all_gifs' | 'select_an_avatar' | 'select_an_avatar_from_all_defaults' | 'share_files_instantly' | 'show_more_avatars_btn_label' | 'skipBackward' | 'skipForward' | 'something_went_wrong' | 'text' | 'try_again' | 'try_another_account' | 'try_downloading_file' | 'unable_to_annotate_image' | 'unknown' | 'unlink_account' | 'upload' | 'upload_an_avatar' | 'upload_file' | 'upload_file_from' | 'upload_image' | 'upload_photo' | 'video' | 'view' | 'viewIn' | 'viewOriginal' | 'viewer_rateLimited' | 'webgl_warning_description' | 'zip_entry_load_fail' | 'zoom_in' | 'zoom_out' | RequestAccessMessageKey;
-
-// @public (undocumented)
-type Messages = {
-    [K in MessageKey]: MessageDescriptor;
-};
-
-// @public (undocumented)
-export const messages: Messages;
-
-// @public (undocumented)
-export const MimeTypeIcon: ({ mediaType, mimeType, name, testId, size, }: MediaTypeProps) => JSX.Element;
-
-// @public (undocumented)
-interface MimeTypesRepresentation {
-    // (undocumented)
-    icon: any;
-    // (undocumented)
-    label: string;
-    // (undocumented)
-    mimeTypes: string[];
-}
-
-// @public (undocumented)
-export const ModalSpinner: ({ blankedColor, invertSpinnerColor }: Props_2) => JSX.Element;
-
-// @public (undocumented)
-type Props = WithMediaButtonAppearance<CustomThemeButtonProps> & {
-    buttonRef?: RefObject<HTMLButtonElement>;
-};
-
-// @public (undocumented)
-interface Props_2 {
-    // (undocumented)
-    blankedColor?: string;
-    // (undocumented)
-    invertSpinnerColor?: boolean;
-}
-
-// @public (undocumented)
-export function readImageMetaData(fileInfo: FileInfo): Promise<ImageMetaData | null>;
-
-// @public (undocumented)
-export class Rectangle {
-    constructor(width: number, height: number);
-    // (undocumented)
-    get aspectRatio(): number;
-    // (undocumented)
-    get center(): Vector2;
-    // (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;
-    // (undocumented)
-    readonly width: number;
-}
-
-// @public (undocumented)
-type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-
-// @public (undocumented)
-export class Shortcut extends Component<ShortcutProps, {}> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    render(): null;
-}
-
-// @public (undocumented)
-export type ShortcutProps = {
-    handler: () => void;
-} & WithCode;
-
-// @public (undocumented)
-export const size: (value?: number | string) => string;
-
-// @public (undocumented)
-export class TimeRange extends Component<TimeRangeProps, TimeRangeState> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (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;
-}
-
-// @public (undocumented)
-export interface TimeRangeProps {
-    // (undocumented)
-    bufferedTime: number;
-    // (undocumented)
-    currentTime: number;
-    // (undocumented)
-    disableThumbTooltip: boolean;
-    // (undocumented)
-    duration: number;
-    // (undocumented)
-    isAlwaysActive: boolean;
-    // (undocumented)
-    onChange: (newTime: number) => void;
-    // (undocumented)
-    onChanged?: () => void;
-}
-
-// @public (undocumented)
-export interface TimeRangeState {
-    // (undocumented)
-    dragStartClientX: number;
-    // (undocumented)
-    isDragging: boolean;
-}
-
-// @public (undocumented)
-interface TimeSaverConfig {
-    // (undocumented)
-    contentId: string;
-}
-
-// @public
-export function toHumanReadableMediaSize(size: number): string;
-
-// @public (undocumented)
-export const Truncate: React_2.FC<TruncateProps>;
-
-// @public (undocumented)
-export type TruncateProps = {
-    text: string;
-    fontSizePX?: number;
-    startFixedChars?: number;
-    endFixedChars?: number;
-};
-
-// @public (undocumented)
-export class Vector2 {
-    constructor(x: number, y: number);
-    // (undocumented)
-    add({ x: thatX, y: thatY }: Vector2): 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;
-}
-
-// @public (undocumented)
-type WithCode = {
-    code: string;
-    keyCode?: never;
-};
-
-// @public (undocumented)
-type WithMediaButtonAppearance<T> = Omit<T, 'appearance'> & {
-    appearance?: MediaButtonAppearance;
-};
-
-// @public (undocumented)
-type WithPlaybackProps = {
-    readonly isAutoPlay: boolean;
-    readonly isHDAvailable?: boolean;
-    readonly isHDActive?: boolean;
-};
-
-// @public (undocumented)
-export interface WithShowControlMethodProp {
-    // (undocumented)
-    showControls?: () => void;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```