@atlaskit/media-ui 30.2.0 → 30.3.1

package/AGENTS.md

@@ -26,11 +26,11 @@
 > codebase and the docs after any code change. Use the `generate` subcommand to bootstrap the index
 > in a new repository.
 
-**Entry point:** `.agents/knowledge-index/INDEX.md` **Unit doc:**
-`.agents/knowledge-index/domains/media/units/atlaskit-media-ui.md` **CLI:**
-`python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
-**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources`
-first, edit, then `kg.py edit <path> --message "<reason>"`.
+**Entry point:** `.agents/knowledge-index/INDEX.md`
+**Unit doc:** `.agents/knowledge-index/domains/media/units/atlaskit-media-ui.md`
+**Standards page:** `.agents/knowledge-index/domains/media/units/atlaskit-media-ui/standards-and-patterns.md`
+**CLI:** `python3 .agents/skills/knowledge-index/scripts/kg.py {find,read,edit,investigate,validate,init,explore,generate} …`
+**Refresh protocol:** never silently bump `Last verified` — always re-read the listed `Sources` first, edit, then `kg.py edit <path> --message "<reason>"`.
 
 ## Key source files
 

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/media-ui
 
+## 30.3.1
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- [`3a1dcbc4999da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a1dcbc4999da) -
+  A11Y fix (A11Y-41905): Add new `open_file_in_viewer_aria_label` message
+  (`'Open {name} in fullscreen'`) to provide screen reader users with clearer context about the
+  button action. The original `open_file_in_viewer` message is unchanged. `OpenMediaViewerButton`
+  now applies this aria-label when the `create_modernization_ga_fixes_drop_2` gate is enabled.
+- Updated dependencies
+
+## 30.3.0
+
+### Minor Changes
+
+- [`758e07b536b13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/758e07b536b13) -
+  [ux] Show a clear "Unsupported file format" message for non-ZIP archives (e.g. 7z, tar, gzip) in
+  the media viewer instead of a generic error, and remove the empty sidebar gap. Behind feature gate
+  platform_media_archive_zip_guard.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 30.2.0
 
 ### Minor Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "30.1.0";
+var packageVersion = "30.3.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["onPlay"];
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "30.1.0";
+var packageVersion = "30.3.0";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/messages.js

@@ -386,6 +386,16 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Try downloading the file to view it.',
     description: 'We show this message to allow users to download a file'
   },
+  archive_format_not_supported: {
+    id: 'fabric.media.archive_format_not_supported',
+    defaultMessage: 'Preview is not available for this file type.',
+    description: 'Error message shown in the archive viewer when a non-ZIP archive file (e.g. RAR, TAR, 7z) is opened. Only ZIP is supported by the browser-based viewer.'
+  },
+  unsupported_file_format: {
+    id: 'fabric.media.unsupported_file_format',
+    defaultMessage: 'Unsupported file format',
+    description: 'Heading shown when a file type cannot be previewed (e.g. non-ZIP archives like RAR, TAR, 7z).'
+  },
   webgl_warning_description: {
     id: 'fabric.media.webgl_warning_description',
     defaultMessage: 'Your browser does not support WebGL. Use a WebGL enabled browser to annotate images.',
@@ -816,6 +826,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Open {name}',
     description: 'Shown when user focuses on preview to open the full screen viewer of the file with {name}'
   },
+  open_file_in_viewer_aria_label: {
+    id: 'fabric.media.open_file_in_viewer_aria_label',
+    defaultMessage: 'Open {name} in fullscreen',
+    description: 'Aria label for the button that opens the full screen viewer. Provides additional context for screen reader users that the action opens a fullscreen viewer.'
+  },
   video_seeker_assistive_text_time_value: {
     id: 'fabric.media.video_seeker_assistive_text_time_value',
     defaultMessage: '{currentTimeHours} {currentTimeMinutes} {currentTimeSeconds} of {videoTotalHours} {videoTotalMinutes} {videoTotalSeconds}',

package/dist/es2019/customMediaPlayer/index.js

@@ -5,7 +5,7 @@ import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "30.1.0";
+const packageVersion = "30.3.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "30.1.0";
+const packageVersion = "30.3.0";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

package/dist/es2019/messages.js

@@ -380,6 +380,16 @@ export const messages = defineMessages({
     defaultMessage: 'Try downloading the file to view it.',
     description: 'We show this message to allow users to download a file'
   },
+  archive_format_not_supported: {
+    id: 'fabric.media.archive_format_not_supported',
+    defaultMessage: 'Preview is not available for this file type.',
+    description: 'Error message shown in the archive viewer when a non-ZIP archive file (e.g. RAR, TAR, 7z) is opened. Only ZIP is supported by the browser-based viewer.'
+  },
+  unsupported_file_format: {
+    id: 'fabric.media.unsupported_file_format',
+    defaultMessage: 'Unsupported file format',
+    description: 'Heading shown when a file type cannot be previewed (e.g. non-ZIP archives like RAR, TAR, 7z).'
+  },
   webgl_warning_description: {
     id: 'fabric.media.webgl_warning_description',
     defaultMessage: 'Your browser does not support WebGL. Use a WebGL enabled browser to annotate images.',
@@ -810,6 +820,11 @@ export const messages = defineMessages({
     defaultMessage: 'Open {name}',
     description: 'Shown when user focuses on preview to open the full screen viewer of the file with {name}'
   },
+  open_file_in_viewer_aria_label: {
+    id: 'fabric.media.open_file_in_viewer_aria_label',
+    defaultMessage: 'Open {name} in fullscreen',
+    description: 'Aria label for the button that opens the full screen viewer. Provides additional context for screen reader users that the action opens a fullscreen viewer.'
+  },
   video_seeker_assistive_text_time_value: {
     id: 'fabric.media.video_seeker_assistive_text_time_value',
     defaultMessage: '{currentTimeHours} {currentTimeMinutes} {currentTimeSeconds} of {videoTotalHours} {videoTotalMinutes} {videoTotalSeconds}',

package/dist/esm/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "30.1.0";
+var packageVersion = "30.3.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "30.1.0";
+var packageVersion = "30.3.0";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/messages.js

@@ -380,6 +380,16 @@ export var messages = defineMessages({
     defaultMessage: 'Try downloading the file to view it.',
     description: 'We show this message to allow users to download a file'
   },
+  archive_format_not_supported: {
+    id: 'fabric.media.archive_format_not_supported',
+    defaultMessage: 'Preview is not available for this file type.',
+    description: 'Error message shown in the archive viewer when a non-ZIP archive file (e.g. RAR, TAR, 7z) is opened. Only ZIP is supported by the browser-based viewer.'
+  },
+  unsupported_file_format: {
+    id: 'fabric.media.unsupported_file_format',
+    defaultMessage: 'Unsupported file format',
+    description: 'Heading shown when a file type cannot be previewed (e.g. non-ZIP archives like RAR, TAR, 7z).'
+  },
   webgl_warning_description: {
     id: 'fabric.media.webgl_warning_description',
     defaultMessage: 'Your browser does not support WebGL. Use a WebGL enabled browser to annotate images.',
@@ -810,6 +820,11 @@ export var messages = defineMessages({
     defaultMessage: 'Open {name}',
     description: 'Shown when user focuses on preview to open the full screen viewer of the file with {name}'
   },
+  open_file_in_viewer_aria_label: {
+    id: 'fabric.media.open_file_in_viewer_aria_label',
+    defaultMessage: 'Open {name} in fullscreen',
+    description: 'Aria label for the button that opens the full screen viewer. Provides additional context for screen reader users that the action opens a fullscreen viewer.'
+  },
   video_seeker_assistive_text_time_value: {
     id: 'fabric.media.video_seeker_assistive_text_time_value',
     defaultMessage: '{currentTimeHours} {currentTimeMinutes} {currentTimeSeconds} of {videoTotalHours} {videoTotalMinutes} {videoTotalSeconds}',

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl';
 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' | 'check_internet_connection' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'delete' | 'success' | 'error' | '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' | 'alt_text' | 'alt_text_description' | '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' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | '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' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'sizeOptions' | 'fileDisplayOptions' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'expand' | 'preview' | 'preview_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' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | 'abuse_modal_body' | 'abuse_modal_title' | 'abuse_modal_submit' | 'image_cropper_arrow_keys_label' | 'image_cropper_image_moved' | 'image_cropper_zoom_out' | 'image_cropper_zoom_in' | 'image_cropper_zoom_slider' | 'image_placer_img_alt' | 'video_captions_enable' | 'video_captions_select_captions' | 'video_captions_upload_captions_form_header' | 'video_captions_upload_captions_form_language_picker' | 'video_captions_upload_success_description' | 'video_captions_upload_error_description' | 'video_captions_delete_captions_confirmation_header' | 'video_captions_delete_captions_confirmation_description' | 'video_captions_delete_success_description' | 'video_captions_delete_error_description' | 'manage_captions' | 'add_captions' | 'svg_base_alt' | 'archive_download_label_assistive_text' | RequestAccessMessageKey;
+export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'check_internet_connection' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'delete' | 'success' | 'error' | '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' | 'alt_text' | 'alt_text_description' | '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' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'archive_format_not_supported' | 'unsupported_file_format' | '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' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'sizeOptions' | 'fileDisplayOptions' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'expand' | 'preview' | 'preview_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' | 'open_file_in_viewer' | 'open_file_in_viewer_aria_label' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | 'abuse_modal_body' | 'abuse_modal_title' | 'abuse_modal_submit' | 'image_cropper_arrow_keys_label' | 'image_cropper_image_moved' | 'image_cropper_zoom_out' | 'image_cropper_zoom_in' | 'image_cropper_zoom_slider' | 'image_placer_img_alt' | 'video_captions_enable' | 'video_captions_select_captions' | 'video_captions_upload_captions_form_header' | 'video_captions_upload_captions_form_language_picker' | 'video_captions_upload_success_description' | 'video_captions_upload_error_description' | 'video_captions_delete_captions_confirmation_header' | 'video_captions_delete_captions_confirmation_description' | 'video_captions_delete_success_description' | 'video_captions_delete_error_description' | 'manage_captions' | 'add_captions' | 'svg_base_alt' | 'archive_download_label_assistive_text' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "30.2.0",
+	"version": "30.3.1",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,21 +41,22 @@
 		"@atlaskit/icon": "^36.0.0",
 		"@atlaskit/icon-file-type": "^8.0.0",
 		"@atlaskit/locale": "^5.0.0",
-		"@atlaskit/media-client": "^37.0.0",
+		"@atlaskit/media-client": "^37.1.0",
 		"@atlaskit/media-client-react": "^6.0.0",
-		"@atlaskit/media-common": "^14.0.0",
+		"@atlaskit/media-common": "^14.1.0",
 		"@atlaskit/media-state": "^3.0.0",
 		"@atlaskit/modal-dialog": "^16.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
 		"@atlaskit/range": "^11.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
-		"@atlaskit/select": "^22.0.0",
+		"@atlaskit/select": "^22.1.0",
 		"@atlaskit/spinner": "^20.0.0",
 		"@atlaskit/theme": "^26.0.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/width-detector": "^6.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/styled": "^11.0.0",
@@ -79,7 +80,6 @@
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",
@@ -91,7 +91,7 @@
 		"jsverify": "^0.8.3",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-intl": "^6.6.2",
+		"react-intl": "^7.0.0",
 		"wait-for-expect": "^1.2.0"
 	},
 	"platform-feature-flags": {