@atlaskit/media-ui 28.2.4 → 28.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/MediaInlineCard/ErroredView/index.compiled.css +1 -0
- package/dist/cjs/MediaInlineCard/ErroredView/index.js +16 -17
- package/dist/cjs/MediaInlineCard/Frame/index.js +3 -1
- package/dist/cjs/MediaInlineCard/Frame/styled-compiled.compiled.css +3 -0
- package/dist/cjs/MediaInlineCard/Frame/styled-compiled.js +6 -3
- package/dist/cjs/MediaInlineCard/Frame/styled-emotion.js +10 -0
- package/dist/cjs/abuseModal/abuseModal.js +4 -28
- package/dist/cjs/customMediaPlayer/analytics/events/operational/captionDeleteFailed.js +24 -0
- package/dist/cjs/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.js +16 -0
- package/dist/cjs/customMediaPlayer/analytics/events/operational/captionUploadFailed.js +24 -0
- package/dist/cjs/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.js +16 -0
- package/dist/cjs/customMediaPlayer/analytics/index.js +28 -0
- package/dist/cjs/customMediaPlayer/analytics/utils/captionAttributes.js +24 -0
- package/dist/cjs/customMediaPlayer/index.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +46 -0
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js +32 -52
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.js +12 -0
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +29 -5
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/index.js +3 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +103 -0
- package/dist/cjs/customMediaPlayer/mediaPlayer/captionsAdminControls.js +6 -3
- package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js +6 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +82 -9
- package/dist/cjs/customMediaPlayer/mediaPlayer/useTextTracks.js +2 -1
- package/dist/cjs/customMediaPlayer/timeRange.js +14 -13
- package/dist/cjs/messages.js +45 -0
- package/dist/es2019/MediaInlineCard/ErroredView/index.compiled.css +1 -0
- package/dist/es2019/MediaInlineCard/ErroredView/index.js +13 -17
- package/dist/es2019/MediaInlineCard/Frame/index.js +3 -1
- package/dist/es2019/MediaInlineCard/Frame/styled-compiled.compiled.css +4 -1
- package/dist/es2019/MediaInlineCard/Frame/styled-compiled.js +4 -2
- package/dist/es2019/MediaInlineCard/Frame/styled-emotion.js +9 -1
- package/dist/es2019/abuseModal/abuseModal.js +4 -28
- package/dist/es2019/customMediaPlayer/analytics/events/operational/captionDeleteFailed.js +15 -0
- package/dist/es2019/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.js +10 -0
- package/dist/es2019/customMediaPlayer/analytics/events/operational/captionUploadFailed.js +15 -0
- package/dist/es2019/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.js +10 -0
- package/dist/es2019/customMediaPlayer/analytics/index.js +4 -0
- package/dist/es2019/customMediaPlayer/analytics/utils/captionAttributes.js +16 -0
- package/dist/es2019/customMediaPlayer/index.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +40 -0
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js +14 -17
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.js +6 -0
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +23 -4
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/index.js +2 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +68 -0
- package/dist/es2019/customMediaPlayer/mediaPlayer/captionsAdminControls.js +4 -3
- package/dist/es2019/customMediaPlayer/mediaPlayer/captionsSelectControls.js +4 -2
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +75 -10
- package/dist/es2019/customMediaPlayer/mediaPlayer/useTextTracks.js +2 -1
- package/dist/es2019/customMediaPlayer/timeRange.js +14 -13
- package/dist/es2019/messages.js +45 -0
- package/dist/esm/MediaInlineCard/ErroredView/index.compiled.css +1 -0
- package/dist/esm/MediaInlineCard/ErroredView/index.js +17 -18
- package/dist/esm/MediaInlineCard/Frame/index.js +3 -1
- package/dist/esm/MediaInlineCard/Frame/styled-compiled.compiled.css +3 -0
- package/dist/esm/MediaInlineCard/Frame/styled-compiled.js +7 -4
- package/dist/esm/MediaInlineCard/Frame/styled-emotion.js +11 -1
- package/dist/esm/abuseModal/abuseModal.js +4 -28
- package/dist/esm/customMediaPlayer/analytics/events/operational/captionDeleteFailed.js +17 -0
- package/dist/esm/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.js +10 -0
- package/dist/esm/customMediaPlayer/analytics/events/operational/captionUploadFailed.js +17 -0
- package/dist/esm/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.js +10 -0
- package/dist/esm/customMediaPlayer/analytics/index.js +4 -0
- package/dist/esm/customMediaPlayer/analytics/utils/captionAttributes.js +17 -0
- package/dist/esm/customMediaPlayer/index.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +39 -0
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js +32 -52
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.js +6 -0
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +28 -4
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/index.js +2 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +94 -0
- package/dist/esm/customMediaPlayer/mediaPlayer/captionsAdminControls.js +6 -3
- package/dist/esm/customMediaPlayer/mediaPlayer/captionsSelectControls.js +6 -2
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +83 -10
- package/dist/esm/customMediaPlayer/mediaPlayer/useTextTracks.js +2 -1
- package/dist/esm/customMediaPlayer/timeRange.js +14 -13
- package/dist/esm/messages.js +45 -0
- package/dist/types/MediaInlineCard/ErroredView/index.d.ts +1 -2
- package/dist/types/MediaInlineCard/Frame/index.d.ts +1 -0
- package/dist/types/MediaInlineCard/Frame/styled-compiled.d.ts +2 -1
- package/dist/types/customMediaPlayer/analytics/events/operational/captionDeleteFailed.d.ts +5 -0
- package/dist/types/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.d.ts +5 -0
- package/dist/types/customMediaPlayer/analytics/events/operational/captionUploadFailed.d.ts +5 -0
- package/dist/types/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.d.ts +5 -0
- package/dist/types/customMediaPlayer/analytics/index.d.ts +4 -0
- package/dist/types/customMediaPlayer/analytics/utils/analytics.d.ts +5 -1
- package/dist/types/customMediaPlayer/analytics/utils/captionAttributes.d.ts +25 -0
- package/dist/types/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +13 -0
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.d.ts +2 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.d.ts +1 -0
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +12 -2
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/index.d.ts +2 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/types.d.ts +6 -3
- package/dist/types/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +19 -0
- package/dist/types/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +2 -1
- package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +1 -0
- package/dist/types/customMediaPlayer/react-video-renderer/text.d.ts +1 -0
- package/dist/types/customMediaPlayer/timeRange.d.ts +3 -3
- package/dist/types/messages.d.ts +1 -1
- package/dist/types-ts4.5/MediaInlineCard/ErroredView/index.d.ts +1 -2
- package/dist/types-ts4.5/MediaInlineCard/Frame/index.d.ts +1 -0
- package/dist/types-ts4.5/MediaInlineCard/Frame/styled-compiled.d.ts +2 -1
- package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionDeleteFailed.d.ts +5 -0
- package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.d.ts +5 -0
- package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionUploadFailed.d.ts +5 -0
- package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.d.ts +5 -0
- package/dist/types-ts4.5/customMediaPlayer/analytics/index.d.ts +4 -0
- package/dist/types-ts4.5/customMediaPlayer/analytics/utils/analytics.d.ts +5 -1
- package/dist/types-ts4.5/customMediaPlayer/analytics/utils/captionAttributes.d.ts +25 -0
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +13 -0
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.d.ts +2 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.d.ts +1 -0
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +12 -2
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/index.d.ts +2 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/types.d.ts +6 -3
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +19 -0
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +2 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +1 -0
- package/dist/types-ts4.5/customMediaPlayer/react-video-renderer/text.d.ts +1 -0
- package/dist/types-ts4.5/customMediaPlayer/timeRange.d.ts +3 -3
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/package.json +13 -9
- package/dist/cjs/MediaInlineCard/styled-compiled.compiled.css +0 -1
- package/dist/cjs/MediaInlineCard/styled-compiled.js +0 -28
- package/dist/cjs/MediaInlineCard/styled-emotion.js +0 -15
- package/dist/cjs/MediaInlineCard/styled.js +0 -14
- package/dist/es2019/MediaInlineCard/styled-compiled.compiled.css +0 -1
- package/dist/es2019/MediaInlineCard/styled-compiled.js +0 -13
- package/dist/es2019/MediaInlineCard/styled-emotion.js +0 -8
- package/dist/es2019/MediaInlineCard/styled.js +0 -5
- package/dist/esm/MediaInlineCard/styled-compiled.compiled.css +0 -1
- package/dist/esm/MediaInlineCard/styled-compiled.js +0 -19
- package/dist/esm/MediaInlineCard/styled-emotion.js +0 -8
- package/dist/esm/MediaInlineCard/styled.js +0 -7
- package/dist/types/MediaInlineCard/styled-compiled.d.ts +0 -2
- package/dist/types/MediaInlineCard/styled-emotion.d.ts +0 -5
- package/dist/types/MediaInlineCard/styled.d.ts +0 -2
- package/dist/types-ts4.5/MediaInlineCard/styled-compiled.d.ts +0 -2
- package/dist/types-ts4.5/MediaInlineCard/styled-emotion.d.ts +0 -5
- package/dist/types-ts4.5/MediaInlineCard/styled.d.ts +0 -2
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type FileIdentifier } from '@atlaskit/media-client';
|
|
3
|
+
import { type WrappedComponentProps } from 'react-intl-next';
|
|
4
|
+
export type CaptionDeleteContext = {
|
|
5
|
+
traceId: string;
|
|
6
|
+
artifactName: string;
|
|
7
|
+
};
|
|
8
|
+
export interface CaptionDeleteConfirmationModalProps {
|
|
9
|
+
identifier: FileIdentifier;
|
|
10
|
+
artifactName?: string;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
onStart?: (context: CaptionDeleteContext) => void;
|
|
13
|
+
onEnd?: (context: CaptionDeleteContext) => void;
|
|
14
|
+
onError?: (error: Error, context: CaptionDeleteContext) => void;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
|
|
17
|
+
WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
|
|
18
|
+
};
|
|
19
|
+
export default _default;
|
|
@@ -4,8 +4,9 @@ import { type WrappedComponentProps } from 'react-intl-next';
|
|
|
4
4
|
export interface CaptionsAdminControlsProps {
|
|
5
5
|
textTracks?: VideoTextTracks;
|
|
6
6
|
onUpload: () => void;
|
|
7
|
+
onDelete: (artifactName: string) => void;
|
|
7
8
|
}
|
|
8
|
-
export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
|
|
9
|
+
export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
|
|
9
10
|
export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
|
|
10
11
|
WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
|
|
11
12
|
};
|
|
@@ -36,6 +36,7 @@ export interface CustomMediaPlayerState extends WithMediaPlayerState {
|
|
|
36
36
|
selectedTracksIndex: number;
|
|
37
37
|
areCaptionsEnabled?: boolean;
|
|
38
38
|
isArtifactUploaderOpen: boolean;
|
|
39
|
+
artifactToDelete?: string;
|
|
39
40
|
}
|
|
40
41
|
export type Action = () => void;
|
|
41
42
|
type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
|
|
@@ -13,6 +13,7 @@ export type VideoTextTrack = {
|
|
|
13
13
|
src: string;
|
|
14
14
|
lang: string;
|
|
15
15
|
label: string;
|
|
16
|
+
artifactName: string;
|
|
16
17
|
};
|
|
17
18
|
export type VideoTextTrackKind = keyof VideoTextTracks;
|
|
18
19
|
export declare const getVideoTextTrackId: (kind: VideoTextTrackKind, lang: string) => string;
|
|
@@ -32,9 +32,9 @@ export declare class TimeRangeBase extends Component<TimeRangeProps & WrappedCom
|
|
|
32
32
|
componentDidUpdate(prevProps: TimeRangeProps & WrappedComponentProps): void;
|
|
33
33
|
componentWillUnmount(): void;
|
|
34
34
|
private setWrapperWidth;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
onPointerMove: (e: PointerEvent) => void;
|
|
36
|
+
onPointerUp: () => void;
|
|
37
|
+
onPointerDown: (e: React.SyntheticEvent<HTMLDivElement>) => void;
|
|
38
38
|
onTimeLineThumbKeydown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
39
39
|
render(): React.JSX.Element;
|
|
40
40
|
}
|
package/dist/types/messages.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
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';
|
|
3
|
-
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' | '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' | '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' | 'video_captions_enable' | 'video_captions_select_captions' | 'video_captions_upload_captions_form_header' | 'video_captions_upload_captions_form_language_picker' | 'video_settings' | RequestAccessMessageKey;
|
|
3
|
+
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' | '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' | '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' | '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' | 'video_settings' | RequestAccessMessageKey;
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
|
@@ -12,6 +12,5 @@ export interface MediaInlineCardErroredViewProps {
|
|
|
12
12
|
innerRef?: React.Ref<HTMLSpanElement>;
|
|
13
13
|
}
|
|
14
14
|
export declare class MediaInlineCardErroredView extends React.Component<MediaInlineCardErroredViewProps> {
|
|
15
|
-
|
|
16
|
-
render(): React.JSX.Element;
|
|
15
|
+
render(): JSX.Element;
|
|
17
16
|
}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export interface FrameViewProps {
|
|
3
3
|
/** A flag that determines whether the card is selected in edit mode. */
|
|
4
4
|
isSelected?: boolean;
|
|
5
|
+
isError?: boolean;
|
|
5
6
|
isInteractive?: boolean;
|
|
6
7
|
children?: React.ReactNode;
|
|
7
8
|
/** The optional click handler */
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface WrapperProps {
|
|
3
3
|
isSelected?: boolean;
|
|
4
|
+
isError?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare const Wrapper: ({ isSelected, children, ...props }: WrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
|
|
6
|
+
export declare const Wrapper: ({ isSelected, isError, children, ...props }: WrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
|
package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionDeleteFailed.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OperationalEventPayload, type OperationalAttributes, type WithTraceContext } from '@atlaskit/media-common';
|
|
2
|
+
import { type CustomMediaPlayerType, type WithCustomMediaPlayerType } from '../../../types';
|
|
3
|
+
import { type CaptionAttributes, type WithCaptionAttributes, type WithErrorAttributes } from '../../utils/captionAttributes';
|
|
4
|
+
export type CaptionDeleteFailedOperationalEventPayload = OperationalEventPayload<OperationalAttributes & WithCaptionAttributes & WithCustomMediaPlayerType & WithTraceContext & WithErrorAttributes, 'deleteFailed', 'mediaPlayerCaption'>;
|
|
5
|
+
export declare function createCaptionDeleteFailedOperationalEvent(type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceId: string, error: Error): CaptionDeleteFailedOperationalEventPayload;
|
package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OperationalAttributes, type OperationalEventPayload, type WithTraceContext } from '@atlaskit/media-common';
|
|
2
|
+
import { type CustomMediaPlayerType, type WithCustomMediaPlayerType } from '../../../types';
|
|
3
|
+
import { type CaptionAttributes, type WithCaptionAttributes } from '../../utils/captionAttributes';
|
|
4
|
+
export type CaptionDeleteSucceededOperationalEventPayload = OperationalEventPayload<OperationalAttributes & WithCaptionAttributes & WithCustomMediaPlayerType & WithTraceContext, 'deleteSucceeded', 'mediaPlayerCaption'>;
|
|
5
|
+
export declare function createCaptionDeleteSucceededOperationalEvent(type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceId: string): CaptionDeleteSucceededOperationalEventPayload;
|
package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionUploadFailed.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OperationalAttributes, type OperationalEventPayload, type WithTraceContext } from '@atlaskit/media-common';
|
|
2
|
+
import { type CustomMediaPlayerType, type WithCustomMediaPlayerType } from '../../../types';
|
|
3
|
+
import { type CaptionAttributes, type WithCaptionAttributes, type WithErrorAttributes } from '../../utils/captionAttributes';
|
|
4
|
+
export type CaptionUploadFailedOperationalEventPayload = OperationalEventPayload<OperationalAttributes & WithCaptionAttributes & WithCustomMediaPlayerType & WithTraceContext & WithErrorAttributes, 'uploadFailed', 'mediaPlayerCaption'>;
|
|
5
|
+
export declare function createCaptionUploadFailedOperationalEvent(type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceId: string, error: Error): CaptionUploadFailedOperationalEventPayload;
|
package/dist/types-ts4.5/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OperationalAttributes, type OperationalEventPayload, type WithTraceContext } from '@atlaskit/media-common';
|
|
2
|
+
import { type CustomMediaPlayerType, type WithCustomMediaPlayerType } from '../../../types';
|
|
3
|
+
import { type CaptionAttributes, type WithCaptionAttributes } from '../../utils/captionAttributes';
|
|
4
|
+
export type CaptionUploadSucceededOperationalEventPayload = OperationalEventPayload<OperationalAttributes & WithCaptionAttributes & WithCustomMediaPlayerType & WithTraceContext, 'uploadSucceeded', 'mediaPlayerCaption'>;
|
|
5
|
+
export declare function createCaptionUploadSucceededOperationalEvent(type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceId: string): CaptionUploadSucceededOperationalEventPayload;
|
|
@@ -4,6 +4,10 @@ export { createPlaybackSpeedChangedEvent } from './events/ui/playbackSpeedChange
|
|
|
4
4
|
export { createPlayPauseBlanketClickedEvent } from './events/ui/playPauseBlanketClicked';
|
|
5
5
|
export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
|
|
6
6
|
export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
|
|
7
|
+
export { createCaptionUploadSucceededOperationalEvent } from './events/operational/captionUploadSucceeded';
|
|
8
|
+
export { createCaptionDeleteSucceededOperationalEvent } from './events/operational/captionDeleteSucceeded';
|
|
9
|
+
export { createCaptionUploadFailedOperationalEvent } from './events/operational/captionUploadFailed';
|
|
10
|
+
export { createCaptionDeleteFailedOperationalEvent } from './events/operational/captionDeleteFailed';
|
|
7
11
|
export { createFirstPlayedTrackEvent } from './events/track/playCount';
|
|
8
12
|
export { createPlayedTrackEvent } from './events/track/played';
|
|
9
13
|
export type { CustomMediaPlayerUIEvent, CustomMediaPlayerUIEventPayload, CustomMediaPlayerAnalyticsEventPayload, } from './utils/analytics';
|
|
@@ -6,6 +6,10 @@ import { type PlaybackSpeedChangeEventPayload } from '../events/ui/playbackSpeed
|
|
|
6
6
|
import { type PlayPauseBlanketClickEventPayload } from '../events/ui/playPauseBlanketClicked';
|
|
7
7
|
import { type ShortcutPressEventPayload } from '../events/ui/shortcutPressed';
|
|
8
8
|
import { type TimeRangeNavigateEventPayload } from '../events/ui/timeRangeNavigated';
|
|
9
|
+
import { type CaptionUploadSucceededOperationalEventPayload } from '../events/operational/captionUploadSucceeded';
|
|
10
|
+
import { type CaptionDeleteSucceededOperationalEventPayload } from '../events/operational/captionDeleteSucceeded';
|
|
11
|
+
import { type CaptionUploadFailedOperationalEventPayload } from '../events/operational/captionUploadFailed';
|
|
12
|
+
import { type CaptionDeleteFailedOperationalEventPayload } from '../events/operational/captionDeleteFailed';
|
|
9
13
|
import { type FirstPlayedTrackEventPayload } from '../events/track/playCount';
|
|
10
14
|
import { type PlayedTrackEventPayload } from '../events/track/played';
|
|
11
15
|
import { type CustomMediaPlayerType } from '../../types';
|
|
@@ -13,6 +17,6 @@ export type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttributes & {
|
|
|
13
17
|
type: CustomMediaPlayerType;
|
|
14
18
|
}, 'default', 'customMediaPlayer'>;
|
|
15
19
|
export type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
|
|
16
|
-
export type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
|
|
20
|
+
export type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CaptionUploadSucceededOperationalEventPayload | CaptionDeleteSucceededOperationalEventPayload | CaptionUploadFailedOperationalEventPayload | CaptionDeleteFailedOperationalEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
|
|
17
21
|
export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
|
|
18
22
|
export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { CustomMediaPlayerType } from '../../types';
|
|
2
|
+
export type CaptionAttributes = {
|
|
3
|
+
selectedTrackIndex: number;
|
|
4
|
+
availableCaptionTracks: number;
|
|
5
|
+
selectedTrackLanguage: string | null;
|
|
6
|
+
artifactName?: string;
|
|
7
|
+
};
|
|
8
|
+
export type WithErrorAttributes = {
|
|
9
|
+
failReason: 'upload-fail' | 'delete-fail';
|
|
10
|
+
error: string;
|
|
11
|
+
errorDetail: string;
|
|
12
|
+
};
|
|
13
|
+
export type WithCaptionAttributes = {
|
|
14
|
+
captionAttributes: CaptionAttributes;
|
|
15
|
+
};
|
|
16
|
+
export declare function generateBaseAttributes(type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId?: string, traceId?: string): {
|
|
17
|
+
traceContext?: {
|
|
18
|
+
traceId: string;
|
|
19
|
+
} | undefined;
|
|
20
|
+
fileAttributes?: {
|
|
21
|
+
fileId: string;
|
|
22
|
+
} | undefined;
|
|
23
|
+
type: CustomMediaPlayerType;
|
|
24
|
+
captionAttributes: CaptionAttributes;
|
|
25
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
+
export type NotificationTypes = 'success' | 'error' | null;
|
|
4
|
+
export interface ApiFeedbackProps {
|
|
5
|
+
notificationType: NotificationTypes;
|
|
6
|
+
onDismissed: () => void;
|
|
7
|
+
successDescription: string;
|
|
8
|
+
errorDescription: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
|
|
11
|
+
WrappedComponent: React.ComponentType<ApiFeedbackProps & WrappedComponentProps>;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import type { MediaClient, FileIdentifier } from '@atlaskit/media-client';
|
|
2
|
-
|
|
2
|
+
import type { ArtifactUploaderProps } from '../types';
|
|
3
|
+
export declare const createUploadCaptionsFn: (mediaClient: MediaClient, identifier: FileIdentifier, onStart?: ArtifactUploaderProps['onStart'], onEnd?: ArtifactUploaderProps['onEnd'], onError?: ArtifactUploaderProps['onError']) => (file: File, locale: string) => Promise<void>;
|
package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const parseError: (error: unknown) => Error;
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { ArtifactUploaderProps } from './types';
|
|
3
|
+
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
4
|
export type CaptionsUploaderBrowserProps = ArtifactUploaderProps & {
|
|
4
5
|
isOpen: boolean;
|
|
5
6
|
onClose: () => void;
|
|
6
7
|
};
|
|
7
|
-
|
|
8
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<ArtifactUploaderProps & {
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
onClose: () => void;
|
|
11
|
+
} & WrappedComponentProps>> & {
|
|
12
|
+
WrappedComponent: React.ComponentType<ArtifactUploaderProps & {
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
onClose: () => void;
|
|
15
|
+
} & WrappedComponentProps>;
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import CaptionsUploaderBrowser from './captionsUploaderBrowser';
|
|
2
|
+
export { CaptionsUploaderBrowser };
|
|
@@ -3,9 +3,12 @@ export declare const artifactUploadTypes: {
|
|
|
3
3
|
captions: string[];
|
|
4
4
|
};
|
|
5
5
|
export type ArtifactSupportedType = keyof typeof artifactUploadTypes;
|
|
6
|
+
export type ArtifactUploaderContext = {
|
|
7
|
+
traceId: string;
|
|
8
|
+
};
|
|
6
9
|
export interface ArtifactUploaderProps {
|
|
7
10
|
identifier: FileIdentifier;
|
|
8
|
-
onStart?: (file: File) => void;
|
|
9
|
-
onEnd?: (metadata: MediaItemDetails) => void;
|
|
10
|
-
onError?: (error: Error) => void;
|
|
11
|
+
onStart?: (file: File, context: ArtifactUploaderContext) => void;
|
|
12
|
+
onEnd?: (metadata: MediaItemDetails, context: ArtifactUploaderContext) => void;
|
|
13
|
+
onError?: (error: Error, context: ArtifactUploaderContext) => void;
|
|
11
14
|
}
|
package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type FileIdentifier } from '@atlaskit/media-client';
|
|
3
|
+
import { type WrappedComponentProps } from 'react-intl-next';
|
|
4
|
+
export type CaptionDeleteContext = {
|
|
5
|
+
traceId: string;
|
|
6
|
+
artifactName: string;
|
|
7
|
+
};
|
|
8
|
+
export interface CaptionDeleteConfirmationModalProps {
|
|
9
|
+
identifier: FileIdentifier;
|
|
10
|
+
artifactName?: string;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
onStart?: (context: CaptionDeleteContext) => void;
|
|
13
|
+
onEnd?: (context: CaptionDeleteContext) => void;
|
|
14
|
+
onError?: (error: Error, context: CaptionDeleteContext) => void;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
|
|
17
|
+
WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
|
|
18
|
+
};
|
|
19
|
+
export default _default;
|
|
@@ -4,8 +4,9 @@ import { type WrappedComponentProps } from 'react-intl-next';
|
|
|
4
4
|
export interface CaptionsAdminControlsProps {
|
|
5
5
|
textTracks?: VideoTextTracks;
|
|
6
6
|
onUpload: () => void;
|
|
7
|
+
onDelete: (artifactName: string) => void;
|
|
7
8
|
}
|
|
8
|
-
export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
|
|
9
|
+
export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
|
|
9
10
|
export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
|
|
10
11
|
WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
|
|
11
12
|
};
|
|
@@ -36,6 +36,7 @@ export interface CustomMediaPlayerState extends WithMediaPlayerState {
|
|
|
36
36
|
selectedTracksIndex: number;
|
|
37
37
|
areCaptionsEnabled?: boolean;
|
|
38
38
|
isArtifactUploaderOpen: boolean;
|
|
39
|
+
artifactToDelete?: string;
|
|
39
40
|
}
|
|
40
41
|
export type Action = () => void;
|
|
41
42
|
type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
|
|
@@ -13,6 +13,7 @@ export type VideoTextTrack = {
|
|
|
13
13
|
src: string;
|
|
14
14
|
lang: string;
|
|
15
15
|
label: string;
|
|
16
|
+
artifactName: string;
|
|
16
17
|
};
|
|
17
18
|
export type VideoTextTrackKind = keyof VideoTextTracks;
|
|
18
19
|
export declare const getVideoTextTrackId: (kind: VideoTextTrackKind, lang: string) => string;
|
|
@@ -32,9 +32,9 @@ export declare class TimeRangeBase extends Component<TimeRangeProps & WrappedCom
|
|
|
32
32
|
componentDidUpdate(prevProps: TimeRangeProps & WrappedComponentProps): void;
|
|
33
33
|
componentWillUnmount(): void;
|
|
34
34
|
private setWrapperWidth;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
onPointerMove: (e: PointerEvent) => void;
|
|
36
|
+
onPointerUp: () => void;
|
|
37
|
+
onPointerDown: (e: React.SyntheticEvent<HTMLDivElement>) => void;
|
|
38
38
|
onTimeLineThumbKeydown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
39
39
|
render(): React.JSX.Element;
|
|
40
40
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
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';
|
|
3
|
-
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' | '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' | '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' | 'video_captions_enable' | 'video_captions_select_captions' | 'video_captions_upload_captions_form_header' | 'video_captions_upload_captions_form_language_picker' | 'video_settings' | RequestAccessMessageKey;
|
|
3
|
+
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' | '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' | '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' | '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' | 'video_settings' | RequestAccessMessageKey;
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "28.
|
|
3
|
+
"version": "28.3.1",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,26 +29,27 @@
|
|
|
29
29
|
"@atlaskit/code": "^17.2.0",
|
|
30
30
|
"@atlaskit/css": "^0.10.0",
|
|
31
31
|
"@atlaskit/dropdown-menu": "^16.0.0",
|
|
32
|
+
"@atlaskit/flag": "^17.1.0",
|
|
32
33
|
"@atlaskit/form": "^12.0.0",
|
|
33
|
-
"@atlaskit/icon": "^
|
|
34
|
+
"@atlaskit/icon": "^27.0.0",
|
|
34
35
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
35
|
-
"@atlaskit/icon-lab": "^
|
|
36
|
+
"@atlaskit/icon-lab": "^5.0.0",
|
|
36
37
|
"@atlaskit/legacy-custom-icons": "^0.22.0",
|
|
37
38
|
"@atlaskit/locale": "^3.0.0",
|
|
38
|
-
"@atlaskit/media-client": "^33.
|
|
39
|
+
"@atlaskit/media-client": "^33.4.0",
|
|
39
40
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
40
|
-
"@atlaskit/media-common": "^12.
|
|
41
|
+
"@atlaskit/media-common": "^12.2.0",
|
|
41
42
|
"@atlaskit/media-state": "^1.6.0",
|
|
42
43
|
"@atlaskit/modal-dialog": "^14.2.0",
|
|
43
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
45
|
"@atlaskit/primitives": "^14.8.0",
|
|
45
|
-
"@atlaskit/range": "^9.
|
|
46
|
+
"@atlaskit/range": "^9.1.0",
|
|
46
47
|
"@atlaskit/react-ufo": "^3.13.0",
|
|
47
|
-
"@atlaskit/select": "^20.
|
|
48
|
+
"@atlaskit/select": "^20.7.0",
|
|
48
49
|
"@atlaskit/spinner": "^18.0.0",
|
|
49
50
|
"@atlaskit/theme": "^18.0.0",
|
|
50
|
-
"@atlaskit/tokens": "^5.
|
|
51
|
-
"@atlaskit/tooltip": "^20.
|
|
51
|
+
"@atlaskit/tokens": "^5.2.0",
|
|
52
|
+
"@atlaskit/tooltip": "^20.3.0",
|
|
52
53
|
"@atlaskit/width-detector": "^5.0.0",
|
|
53
54
|
"@babel/runtime": "^7.0.0",
|
|
54
55
|
"@compiled/react": "^0.18.3",
|
|
@@ -103,6 +104,9 @@
|
|
|
103
104
|
},
|
|
104
105
|
"platform_media_resume_video_on_token_expiry": {
|
|
105
106
|
"type": "boolean"
|
|
107
|
+
},
|
|
108
|
+
"should-render-to-parent-should-be-true-media-exif": {
|
|
109
|
+
"type": "boolean"
|
|
106
110
|
}
|
|
107
111
|
},
|
|
108
112
|
"techstack": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._syazpsu8{color:var(--_vrm7dk)}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* styled-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
"use strict";
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.NoLinkAppearance = void 0;
|
|
10
|
-
require("./styled-compiled.compiled.css");
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
16
|
-
var _excluded = ["children"];
|
|
17
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
|
-
var noLinkAppearanceStyles = null;
|
|
19
|
-
var NoLinkAppearance = exports.NoLinkAppearance = function NoLinkAppearance(_ref) {
|
|
20
|
-
var children = _ref.children,
|
|
21
|
-
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
22
|
-
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
|
|
23
|
-
className: (0, _runtime.ax)(["_syazpsu8"]),
|
|
24
|
-
style: {
|
|
25
|
-
"--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
|
|
26
|
-
}
|
|
27
|
-
}), children);
|
|
28
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.NoLinkAppearance = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
10
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
-
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
|
-
var NoLinkAppearance = exports.NoLinkAppearance = _styled.default.span({
|
|
14
|
-
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")")
|
|
15
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.NoLinkAppearance = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _styledEmotion = require("./styled-emotion");
|
|
10
|
-
var _styledCompiled = require("./styled-compiled");
|
|
11
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
|
-
var NoLinkAppearance = exports.NoLinkAppearance = function NoLinkAppearance(props) {
|
|
13
|
-
return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_styledCompiled.NoLinkAppearance, props) : /*#__PURE__*/_react.default.createElement(_styledEmotion.NoLinkAppearance, props);
|
|
14
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/* styled-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import "./styled-compiled.compiled.css";
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
6
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
7
|
-
const noLinkAppearanceStyles = null;
|
|
8
|
-
export const NoLinkAppearance = ({
|
|
9
|
-
children,
|
|
10
|
-
...props
|
|
11
|
-
}) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
12
|
-
className: ax(["_syaz1wmz"])
|
|
13
|
-
}), children);
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
|
-
export const NoLinkAppearance = styled.span({
|
|
7
|
-
color: `var(--ds-text-subtlest, ${N200})`
|
|
8
|
-
});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NoLinkAppearance as EmotionNoLinkAppearance } from './styled-emotion';
|
|
3
|
-
import { NoLinkAppearance as CompiledNoLinkAppearance } from './styled-compiled';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
-
export const NoLinkAppearance = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledNoLinkAppearance, props) : /*#__PURE__*/React.createElement(EmotionNoLinkAppearance, props);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._syazpsu8{color:var(--_vrm7dk)}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/* styled-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["children"];
|
|
5
|
-
import "./styled-compiled.compiled.css";
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
9
|
-
var noLinkAppearanceStyles = null;
|
|
10
|
-
export var NoLinkAppearance = function NoLinkAppearance(_ref) {
|
|
11
|
-
var children = _ref.children,
|
|
12
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
14
|
-
className: ax(["_syazpsu8"]),
|
|
15
|
-
style: {
|
|
16
|
-
"--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
|
|
17
|
-
}
|
|
18
|
-
}), children);
|
|
19
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import { N200 } from '@atlaskit/theme/colors';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
|
-
export var NoLinkAppearance = styled.span({
|
|
7
|
-
color: "var(--ds-text-subtlest, ".concat(N200, ")")
|
|
8
|
-
});
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NoLinkAppearance as EmotionNoLinkAppearance } from './styled-emotion';
|
|
3
|
-
import { NoLinkAppearance as CompiledNoLinkAppearance } from './styled-compiled';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
-
export var NoLinkAppearance = function NoLinkAppearance(props) {
|
|
6
|
-
return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledNoLinkAppearance, props) : /*#__PURE__*/React.createElement(EmotionNoLinkAppearance, props);
|
|
7
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|