@atlaskit/media-ui 28.7.42 → 29.0.0
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 +19 -0
- package/dist/cjs/abuseModal/abuseModal.js +2 -2
- package/dist/cjs/customMediaPlayer/index.js +3 -3
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captionsAdminControls.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/captionsSelectControls.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +2 -2
- package/dist/cjs/customMediaPlayer/mediaPlayer/useTextTracks.js +2 -2
- package/dist/cjs/customMediaPlayer/playbackSpeedControls.js +3 -3
- package/dist/cjs/customMediaPlayer/timeRange.js +2 -2
- package/dist/cjs/messages.js +38 -38
- package/dist/cjs/test-helpers/mountWithIntlContext.js +4 -4
- package/dist/cjs/test-helpers/renderWithIntl.js +2 -2
- package/dist/es2019/abuseModal/abuseModal.js +1 -1
- package/dist/es2019/customMediaPlayer/index.js +2 -2
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captionsAdminControls.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/useTextTracks.js +1 -1
- package/dist/es2019/customMediaPlayer/playbackSpeedControls.js +1 -1
- package/dist/es2019/customMediaPlayer/timeRange.js +1 -1
- package/dist/es2019/messages.js +37 -37
- package/dist/es2019/test-helpers/mountWithIntlContext.js +1 -1
- package/dist/es2019/test-helpers/renderWithIntl.js +1 -1
- package/dist/esm/abuseModal/abuseModal.js +1 -1
- package/dist/esm/customMediaPlayer/index.js +2 -2
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captionsAdminControls.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captionsSelectControls.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/useTextTracks.js +1 -1
- package/dist/esm/customMediaPlayer/playbackSpeedControls.js +1 -1
- package/dist/esm/customMediaPlayer/timeRange.js +1 -1
- package/dist/esm/messages.js +37 -37
- package/dist/esm/test-helpers/mountWithIntlContext.js +1 -1
- package/dist/esm/test-helpers/renderWithIntl.js +1 -1
- package/dist/types/abuseModal/abuseModal.d.ts +1 -1
- package/dist/types/customMediaPlayer/index-compiled.d.ts +1 -1
- package/dist/types/customMediaPlayer/index.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts +1 -1
- package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +2 -2
- package/dist/types/customMediaPlayer/playbackSpeedControls.d.ts +1 -1
- package/dist/types/customMediaPlayer/timeRange.d.ts +1 -1
- package/dist/types/messages.d.ts +1 -1
- package/dist/types/test-helpers/mountWithIntlContext.d.ts +1 -1
- package/dist/types-ts4.5/abuseModal/abuseModal.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/index-compiled.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/index.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts +2 -2
- package/dist/types-ts4.5/customMediaPlayer/playbackSpeedControls.d.ts +1 -1
- package/dist/types-ts4.5/customMediaPlayer/timeRange.d.ts +1 -1
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/dist/types-ts4.5/test-helpers/mountWithIntlContext.d.ts +1 -1
- package/package.json +8 -8
- package/report.api.md +2 -2
|
@@ -4,7 +4,7 @@ import { BrowserPicker } from './filePickers/browser';
|
|
|
4
4
|
import { createUploadCaptionsFn, UploadCaptionsForm } from './captions';
|
|
5
5
|
import ApiFeedback from '../apiFeedback';
|
|
6
6
|
import { messages } from '../../../../messages';
|
|
7
|
-
import { injectIntl } from 'react-intl
|
|
7
|
+
import { injectIntl } from 'react-intl';
|
|
8
8
|
const CaptionsUploaderBrowser = ({
|
|
9
9
|
identifier,
|
|
10
10
|
isOpen,
|
package/dist/es2019/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.js
CHANGED
|
@@ -4,7 +4,7 @@ import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition
|
|
|
4
4
|
import { useMediaClient } from '@atlaskit/media-client-react';
|
|
5
5
|
import { parseError } from './artifactUploader/captions/util';
|
|
6
6
|
import ApiFeedback from './apiFeedback';
|
|
7
|
-
import { injectIntl } from 'react-intl
|
|
7
|
+
import { injectIntl } from 'react-intl';
|
|
8
8
|
import { messages } from '../../../messages';
|
|
9
9
|
import { getRandomTelemetryId } from '@atlaskit/media-common';
|
|
10
10
|
const CaptionDeleteConfirmationModal = ({
|
|
@@ -4,7 +4,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
|
|
|
4
4
|
import SettingsIcon from '@atlaskit/icon/core/settings';
|
|
5
5
|
import { messages } from '../../messages';
|
|
6
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
7
|
-
import { injectIntl } from 'react-intl
|
|
7
|
+
import { injectIntl } from 'react-intl';
|
|
8
8
|
import { formatLocale } from './captions';
|
|
9
9
|
import MediaButton from '../../MediaButton';
|
|
10
10
|
import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { memo, useMemo } from 'react';
|
|
2
|
-
import { injectIntl } from 'react-intl
|
|
2
|
+
import { injectIntl } from 'react-intl';
|
|
3
3
|
import Tooltip from '@atlaskit/tooltip';
|
|
4
4
|
import { SplitButton } from '@atlaskit/button/new';
|
|
5
5
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
|
|
|
6
6
|
import { useTextTracks } from './useTextTracks';
|
|
7
7
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
8
|
const packageName = "@atlaskit/media-ui";
|
|
9
|
-
const packageVersion = "
|
|
9
|
+
const packageVersion = "0.0.0-development";
|
|
10
10
|
export const MediaPlayerWihtoutContext = ({
|
|
11
11
|
onPlay,
|
|
12
12
|
...props
|
|
@@ -13,7 +13,7 @@ import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
|
13
13
|
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
14
14
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
15
15
|
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
16
|
-
import { injectIntl } from 'react-intl
|
|
16
|
+
import { injectIntl } from 'react-intl';
|
|
17
17
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
18
18
|
import MediaButton from '../../MediaButton';
|
|
19
19
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -2,7 +2,7 @@ import { hasArtifacts } from '@atlaskit/media-client';
|
|
|
2
2
|
import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
|
|
3
3
|
import { useMediaClient, useMediaSettings } from '@atlaskit/media-client-react';
|
|
4
4
|
import { getUserCaptionsEnabled, getUserCaptionsLocale, findPreselectedTrackIndex, setUserCaptionsEnabled, setUserCaptionsLocale } from './captions';
|
|
5
|
-
import { useIntl } from 'react-intl
|
|
5
|
+
import { useIntl } from 'react-intl';
|
|
6
6
|
import { getRandomTelemetryId } from '@atlaskit/media-common';
|
|
7
7
|
import { createCaptionDisplayFailedEventPayload, fireAnalyticsEvent } from '../analytics';
|
|
8
8
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Component } from 'react';
|
|
4
4
|
import { PopupSelect } from '@atlaskit/select';
|
|
5
|
-
import { FormattedMessage, injectIntl } from 'react-intl
|
|
5
|
+
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
6
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
7
7
|
import MediaButton from '../MediaButton';
|
|
8
8
|
import { messages } from '../messages';
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import { Component } from 'react';
|
|
4
4
|
import { CurrentTimeTooltip as CompiledCurrentTimeTooltip, TimeRangeWrapper as CompiledTimeRangeWrapper } from './styled-compiled';
|
|
5
5
|
import { formatDuration, secondsToTime } from '../formatDuration';
|
|
6
|
-
import { injectIntl } from 'react-intl
|
|
6
|
+
import { injectIntl } from 'react-intl';
|
|
7
7
|
import { messages } from '../messages';
|
|
8
8
|
import { BufferedTime, CurrentTimeLine, CurrentTimeLineThumb, TimeLine } from './styled';
|
|
9
9
|
export class TimeRangeBase extends Component {
|
package/dist/es2019/messages.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineMessages } from 'react-intl
|
|
1
|
+
import { defineMessages } from 'react-intl';
|
|
2
2
|
export const messages = defineMessages({
|
|
3
3
|
click_to_join: {
|
|
4
4
|
id: 'fabric.media.click_to_join',
|
|
@@ -43,7 +43,7 @@ export const messages = defineMessages({
|
|
|
43
43
|
retry: {
|
|
44
44
|
id: 'fabric.media.retry',
|
|
45
45
|
defaultMessage: 'Retry',
|
|
46
|
-
description: '
|
|
46
|
+
description: 'The text is shown on a button in the media UI when an action has failed and the user can attempt it again, such as retrying a failed upload or file load.'
|
|
47
47
|
},
|
|
48
48
|
failed_to_load: {
|
|
49
49
|
id: 'fabric.media.failed_to_load',
|
|
@@ -88,27 +88,27 @@ export const messages = defineMessages({
|
|
|
88
88
|
upload: {
|
|
89
89
|
id: 'fabric.media.upload',
|
|
90
90
|
defaultMessage: 'Upload',
|
|
91
|
-
description: 'upload'
|
|
91
|
+
description: 'The text is shown on a button in the media UI that initiates the upload of a selected file to the server.'
|
|
92
92
|
},
|
|
93
93
|
cancel: {
|
|
94
94
|
id: 'fabric.media.cancel',
|
|
95
95
|
defaultMessage: 'Cancel',
|
|
96
|
-
description: '
|
|
96
|
+
description: 'The text is shown on a button in the media UI that cancels the current operation, such as an in-progress upload or file selection.'
|
|
97
97
|
},
|
|
98
98
|
delete: {
|
|
99
99
|
id: 'fabric.media.delete',
|
|
100
100
|
defaultMessage: 'Delete',
|
|
101
|
-
description: '
|
|
101
|
+
description: 'The text is shown on a button in the media UI that permanently deletes the selected media file.'
|
|
102
102
|
},
|
|
103
103
|
success: {
|
|
104
104
|
id: 'fabric.media.success',
|
|
105
105
|
defaultMessage: 'Success',
|
|
106
|
-
description: '
|
|
106
|
+
description: 'The text is shown as a status indicator in the media UI when an operation, such as uploading or saving a file, has completed successfully.'
|
|
107
107
|
},
|
|
108
108
|
error: {
|
|
109
109
|
id: 'fabric.media.error',
|
|
110
110
|
defaultMessage: 'Error',
|
|
111
|
-
description: 'error'
|
|
111
|
+
description: 'The text is shown as a status indicator in the media UI when an operation has encountered an error, such as a failed upload or file load.'
|
|
112
112
|
},
|
|
113
113
|
search_all_gifs: {
|
|
114
114
|
id: 'fabric.media.search_all_gifs',
|
|
@@ -133,7 +133,7 @@ export const messages = defineMessages({
|
|
|
133
133
|
try_again: {
|
|
134
134
|
id: 'fabric.media.try_again',
|
|
135
135
|
defaultMessage: 'Try again',
|
|
136
|
-
description: '
|
|
136
|
+
description: 'The text is shown on a button in the media UI when a previous action has failed and the user is prompted to attempt it again, such as retrying a failed file preview or upload.'
|
|
137
137
|
},
|
|
138
138
|
try_another_account: {
|
|
139
139
|
id: 'fabric.media.try_another_account',
|
|
@@ -153,12 +153,12 @@ export const messages = defineMessages({
|
|
|
153
153
|
load_more_gifs: {
|
|
154
154
|
id: 'fabric.media.load_more_gifs',
|
|
155
155
|
defaultMessage: 'Load more GIFs',
|
|
156
|
-
description: '
|
|
156
|
+
description: 'The text is shown on a button in the media GIF picker that loads the next page of GIF search results when clicked.'
|
|
157
157
|
},
|
|
158
158
|
add_account: {
|
|
159
159
|
id: 'fabric.media.add_account',
|
|
160
160
|
defaultMessage: 'Add account',
|
|
161
|
-
description: '
|
|
161
|
+
description: 'The text is shown on a button in the media file picker that allows the user to connect an additional cloud storage account (e.g. Google Drive, Dropbox) as a media source.'
|
|
162
162
|
},
|
|
163
163
|
unlink_account: {
|
|
164
164
|
id: 'fabric.media.unlink_account',
|
|
@@ -243,17 +243,17 @@ export const messages = defineMessages({
|
|
|
243
243
|
loading_file: {
|
|
244
244
|
id: 'fabric.media.loading_file',
|
|
245
245
|
defaultMessage: 'Loading file...',
|
|
246
|
-
description: '
|
|
246
|
+
description: 'The text is shown as a loading indicator on a media card while the file is being fetched from the server and is not yet ready to display.'
|
|
247
247
|
},
|
|
248
248
|
save: {
|
|
249
249
|
id: 'fabric.media.save',
|
|
250
250
|
defaultMessage: 'Save',
|
|
251
|
-
description: '
|
|
251
|
+
description: 'The text is shown on a primary action button in the media editor or settings panel that saves the current changes made by the user.'
|
|
252
252
|
},
|
|
253
253
|
or: {
|
|
254
254
|
id: 'fabric.media.or',
|
|
255
255
|
defaultMessage: 'or',
|
|
256
|
-
description: '
|
|
256
|
+
description: 'The text is shown as a conjunction between two alternative upload options in the media picker, separating options such as drag-and-drop and file browsing.'
|
|
257
257
|
},
|
|
258
258
|
upload_photo: {
|
|
259
259
|
id: 'fabric.media.upload_photo',
|
|
@@ -263,7 +263,7 @@ export const messages = defineMessages({
|
|
|
263
263
|
default_avatars: {
|
|
264
264
|
id: 'fabric.media.default_avatars',
|
|
265
265
|
defaultMessage: 'Default avatars',
|
|
266
|
-
description: '
|
|
266
|
+
description: 'The text is shown as a section heading above the list of pre-built default avatars that users can choose from in the avatar selection UI.'
|
|
267
267
|
},
|
|
268
268
|
avatar_picker_back_btn_label: {
|
|
269
269
|
id: 'fabric.media.avatar_picker_back_btn_label',
|
|
@@ -278,12 +278,12 @@ export const messages = defineMessages({
|
|
|
278
278
|
alt_text: {
|
|
279
279
|
id: 'fabric.media.alt_text_label',
|
|
280
280
|
defaultMessage: 'Alt text',
|
|
281
|
-
description: '
|
|
281
|
+
description: 'The text is shown as the label above the alt text input field in the media editor, prompting the user to enter a text description for the selected image for accessibility purposes.'
|
|
282
282
|
},
|
|
283
283
|
alt_text_description: {
|
|
284
284
|
id: 'fabric.media.alt_text_helper_message',
|
|
285
285
|
defaultMessage: 'How would you describe the selected image to someone with low vision?',
|
|
286
|
-
description: '
|
|
286
|
+
description: 'The text is shown as helper text below the alt text input field in the media editor, guiding users to write a description of the image for people with visual impairments.'
|
|
287
287
|
},
|
|
288
288
|
image_url_invalid_error: {
|
|
289
289
|
id: 'fabric.media.image_url_invalid_error',
|
|
@@ -293,12 +293,12 @@ export const messages = defineMessages({
|
|
|
293
293
|
image_format_invalid_error: {
|
|
294
294
|
id: 'fabric.media.image_format_invalid_error',
|
|
295
295
|
defaultMessage: 'Could not load image, the format is invalid.',
|
|
296
|
-
description: 'The
|
|
296
|
+
description: 'The text is shown as an error message in the media image editor when the uploaded image file has an unsupported or invalid format and cannot be loaded.'
|
|
297
297
|
},
|
|
298
298
|
image_size_too_large_error: {
|
|
299
299
|
id: 'fabric.media.image_size_too_large_error',
|
|
300
300
|
defaultMessage: 'Image is too large, must be no larger than {MAX_SIZE_MB}Mb',
|
|
301
|
-
description: 'The
|
|
301
|
+
description: 'The text is shown as an error message in the media image editor when the uploaded image exceeds the maximum allowed file size. The placeholder {MAX_SIZE_MB} will be substituted with the maximum allowed size in megabytes.'
|
|
302
302
|
},
|
|
303
303
|
something_went_wrong: {
|
|
304
304
|
id: 'fabric.media.something_went_wrong',
|
|
@@ -353,12 +353,12 @@ export const messages = defineMessages({
|
|
|
353
353
|
password: {
|
|
354
354
|
id: 'fabric.media.password',
|
|
355
355
|
defaultMessage: 'Password',
|
|
356
|
-
description: '
|
|
356
|
+
description: 'The text is shown as the label for the password input field in the media file access form, indicating that the user must enter a password to access the protected file.'
|
|
357
357
|
},
|
|
358
358
|
enter_password: {
|
|
359
359
|
id: 'fabric.media.enter_password',
|
|
360
360
|
defaultMessage: 'Enter password',
|
|
361
|
-
description: '
|
|
361
|
+
description: 'The text is shown as the placeholder hint inside the password input field in the media file access form, prompting the user to type in the password required to open the file.'
|
|
362
362
|
},
|
|
363
363
|
incorrect_password: {
|
|
364
364
|
id: 'fabric.media.incorrect_password',
|
|
@@ -508,17 +508,17 @@ export const messages = defineMessages({
|
|
|
508
508
|
zoom_out: {
|
|
509
509
|
id: 'fabric.media.zoom_out',
|
|
510
510
|
defaultMessage: 'zoom out',
|
|
511
|
-
description: '
|
|
511
|
+
description: 'The text is shown as the accessible label for the zoom-out button in the media viewer toolbar, allowing the user to decrease the zoom level of the currently displayed file.'
|
|
512
512
|
},
|
|
513
513
|
zoom_in: {
|
|
514
514
|
id: 'fabric.media.zoom_in',
|
|
515
515
|
defaultMessage: 'zoom in',
|
|
516
|
-
description: '
|
|
516
|
+
description: 'The text is shown as the accessible label for the zoom-in button in the media viewer toolbar, allowing the user to increase the zoom level of the currently displayed file.'
|
|
517
517
|
},
|
|
518
518
|
remove_image: {
|
|
519
519
|
id: 'fabric.media.remove_image',
|
|
520
520
|
defaultMessage: 'Remove image',
|
|
521
|
-
description: '
|
|
521
|
+
description: 'The text is shown on a button in the media image editor or avatar picker that removes the currently selected or uploaded image, clearing the selection.'
|
|
522
522
|
},
|
|
523
523
|
play: {
|
|
524
524
|
id: 'fabric.media.play',
|
|
@@ -603,7 +603,7 @@ export const messages = defineMessages({
|
|
|
603
603
|
displayThumbnail: {
|
|
604
604
|
id: 'fabric.media.display_thumbnail',
|
|
605
605
|
defaultMessage: 'Display thumbnail',
|
|
606
|
-
description: '
|
|
606
|
+
description: 'The text is shown as a label for the thumbnail display option in the media viewer settings, allowing the user to switch the file view to a thumbnail representation.'
|
|
607
607
|
},
|
|
608
608
|
search: {
|
|
609
609
|
id: 'fabric.media.search',
|
|
@@ -743,32 +743,32 @@ export const messages = defineMessages({
|
|
|
743
743
|
preview_unavailable: {
|
|
744
744
|
id: 'fabric.media.preview_unavailable',
|
|
745
745
|
defaultMessage: 'Preview unavailable',
|
|
746
|
-
description: '
|
|
746
|
+
description: 'The text is shown on a media card when a preview of the file cannot be generated or displayed, indicating to the user that no visual preview is available for this file.'
|
|
747
747
|
},
|
|
748
748
|
couldnt_load_file: {
|
|
749
749
|
id: 'fabric.media.couldnt_load_file',
|
|
750
750
|
defaultMessage: "We couldn't load the file.",
|
|
751
|
-
description: '
|
|
751
|
+
description: 'The text is shown on a media card as an error message when the file cannot be loaded because the request has been rate limited and no file metadata is available.'
|
|
752
752
|
},
|
|
753
753
|
error_429: {
|
|
754
754
|
id: 'fabric.media.error_429',
|
|
755
755
|
defaultMessage: 'Error 429',
|
|
756
|
-
description: '
|
|
756
|
+
description: 'The text is shown as the error code label on a media card or viewer when an HTTP 429 Too Many Requests error occurs, indicating the user has been rate limited.'
|
|
757
757
|
},
|
|
758
758
|
close_and_reopen: {
|
|
759
759
|
id: 'fabric.media.close_and_reopen',
|
|
760
760
|
defaultMessage: 'Try closing this file and reopening.',
|
|
761
|
-
description: 'The preview is rate limited'
|
|
761
|
+
description: 'The text is shown as an instructional message on a media card or viewer when the file preview is rate limited, guiding the user to close and reopen the file to try again.'
|
|
762
762
|
},
|
|
763
763
|
viewer_rateLimited: {
|
|
764
764
|
id: 'fabric.media.viewer_rateLimited',
|
|
765
765
|
defaultMessage: `We're having difficulties loading your file.`,
|
|
766
|
-
description: '
|
|
766
|
+
description: 'The text is shown in the media viewer when the viewer has been rate limited and cannot display the file. This message is composed from other sibling messages (error code, instructional text).'
|
|
767
767
|
},
|
|
768
768
|
zip_entry_load_fail: {
|
|
769
769
|
id: 'fabric.media.zip_entry_load_failed',
|
|
770
770
|
defaultMessage: `We couldn't load that zip file item to preview`,
|
|
771
|
-
description: '
|
|
771
|
+
description: 'The text is shown in the media viewer when a specific entry (file) inside a ZIP archive fails to load or cannot be displayed.'
|
|
772
772
|
},
|
|
773
773
|
file_image_is_selected: {
|
|
774
774
|
id: 'fabric.media.file_is_selected',
|
|
@@ -813,22 +813,22 @@ export const messages = defineMessages({
|
|
|
813
813
|
video_seeker_label_assistive_text: {
|
|
814
814
|
id: 'fabric.media.video_seeker_label_assistive_text',
|
|
815
815
|
defaultMessage: 'Seek slider',
|
|
816
|
-
description: '
|
|
816
|
+
description: 'The text is shown as the accessible aria-label for the seek slider control in the media video player, allowing users relying on assistive technology to understand this control adjusts the video playback position.'
|
|
817
817
|
},
|
|
818
818
|
abuse_modal_body: {
|
|
819
819
|
id: 'fabric.media.abuse_modal_body',
|
|
820
820
|
defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
|
|
821
|
-
description: '
|
|
821
|
+
description: 'The text is shown as the body content of a warning modal that appears before a user downloads a file flagged as potentially malicious by an automated security scan.'
|
|
822
822
|
},
|
|
823
823
|
abuse_modal_title: {
|
|
824
824
|
id: 'fabric.media.abuse_modal_title',
|
|
825
825
|
defaultMessage: 'Warning',
|
|
826
|
-
description: '
|
|
826
|
+
description: 'The text is shown as the heading of the warning modal that appears before a user downloads a file flagged as potentially malicious by the automated security system.'
|
|
827
827
|
},
|
|
828
828
|
abuse_modal_submit: {
|
|
829
829
|
id: 'fabric.media.abuse_modal_submit',
|
|
830
830
|
defaultMessage: 'Proceed with download',
|
|
831
|
-
description: '
|
|
831
|
+
description: 'The text is shown on the confirm button in the security warning modal, allowing the user to proceed with downloading a file that has been flagged as potentially malicious.'
|
|
832
832
|
},
|
|
833
833
|
image_cropper_arrow_keys_label: {
|
|
834
834
|
id: 'media.media-avatar-picker.image-cropper.arrow-keys.label',
|
|
@@ -863,12 +863,12 @@ export const messages = defineMessages({
|
|
|
863
863
|
svg_base_alt: {
|
|
864
864
|
id: 'media.media-viewer.base-svg.alt',
|
|
865
865
|
defaultMessage: 'Svg Image',
|
|
866
|
-
description: '
|
|
866
|
+
description: 'The text is shown as the alt attribute for the SVG image element in the media viewer, providing an accessible text description for screen reader users.'
|
|
867
867
|
},
|
|
868
868
|
svg_image_preview_label_assistive_text: {
|
|
869
869
|
id: 'media.media-viewer.svg-wrapper.label_assistive_text',
|
|
870
870
|
defaultMessage: 'Close Image Preview',
|
|
871
|
-
description: '
|
|
871
|
+
description: 'The text is shown as the aria-label for the interactive SVG image wrapper in the media viewer, indicating to assistive technology users that clicking it closes the image preview.'
|
|
872
872
|
},
|
|
873
873
|
archive_download_label_assistive_text: {
|
|
874
874
|
id: 'media.media-viewer.archive-sidebar.wrapper.label_assistive_text',
|
|
@@ -878,6 +878,6 @@ export const messages = defineMessages({
|
|
|
878
878
|
media_card_wrapper_label_assistive_text: {
|
|
879
879
|
id: 'media.media-card.wrapper.label_assistive_text',
|
|
880
880
|
defaultMessage: 'Media file card',
|
|
881
|
-
description: '
|
|
881
|
+
description: 'The text is shown as the aria-label for the media file card wrapper element, providing an accessible name that identifies this component as a media file card to screen reader users.'
|
|
882
882
|
}
|
|
883
883
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl
|
|
2
|
+
import { RawIntlProvider, createIntl, IntlProvider } from 'react-intl';
|
|
3
3
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
4
4
|
import { mount, shallow } from 'enzyme';
|
|
5
5
|
const mockIntl = createIntl({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IntlProvider } from 'react-intl
|
|
2
|
+
import { IntlProvider } from 'react-intl';
|
|
3
3
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
4
4
|
import { render } from '@testing-library/react';
|
|
5
5
|
export const renderWithIntl = component => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { injectIntl } from 'react-intl
|
|
2
|
+
import { injectIntl } from 'react-intl';
|
|
3
3
|
import Button from '@atlaskit/button/new';
|
|
4
4
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
5
5
|
import { messages } from '../messages';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { injectIntl } from 'react-intl
|
|
2
|
+
import { injectIntl } from 'react-intl';
|
|
3
3
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
4
|
import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-compiled';
|
|
5
5
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
|
|
|
7
7
|
return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
|
|
8
8
|
};
|
|
9
9
|
var packageName = "@atlaskit/media-ui";
|
|
10
|
-
var packageVersion = "
|
|
10
|
+
var packageVersion = "0.0.0-development";
|
|
11
11
|
|
|
12
12
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
13
13
|
export var CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
|
|
3
3
|
import SuccessIcon from '@atlaskit/icon/core/status-success';
|
|
4
4
|
import ErrorIcon from '@atlaskit/icon/core/status-error';
|
|
5
|
-
import { injectIntl } from 'react-intl
|
|
5
|
+
import { injectIntl } from 'react-intl';
|
|
6
6
|
import { messages } from '../../../messages';
|
|
7
7
|
function ApiFeedback(_ref) {
|
|
8
8
|
var notificationType = _ref.notificationType,
|
package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js
CHANGED
|
@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
3
3
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
4
4
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
5
|
import React, { useEffect, useState } from 'react';
|
|
6
|
-
import { injectIntl } from 'react-intl
|
|
6
|
+
import { injectIntl } from 'react-intl';
|
|
7
7
|
import Button from '@atlaskit/button/new';
|
|
8
8
|
import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
9
9
|
import LocaleSelect from '@atlaskit/locale/LocaleSelect';
|
package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js
CHANGED
|
@@ -5,7 +5,7 @@ import { BrowserPicker } from './filePickers/browser';
|
|
|
5
5
|
import { createUploadCaptionsFn, UploadCaptionsForm } from './captions';
|
|
6
6
|
import ApiFeedback from '../apiFeedback';
|
|
7
7
|
import { messages } from '../../../../messages';
|
|
8
|
-
import { injectIntl } from 'react-intl
|
|
8
|
+
import { injectIntl } from 'react-intl';
|
|
9
9
|
var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
|
|
10
10
|
var identifier = _ref.identifier,
|
|
11
11
|
isOpen = _ref.isOpen,
|
|
@@ -7,7 +7,7 @@ import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition
|
|
|
7
7
|
import { useMediaClient } from '@atlaskit/media-client-react';
|
|
8
8
|
import { parseError } from './artifactUploader/captions/util';
|
|
9
9
|
import ApiFeedback from './apiFeedback';
|
|
10
|
-
import { injectIntl } from 'react-intl
|
|
10
|
+
import { injectIntl } from 'react-intl';
|
|
11
11
|
import { messages } from '../../../messages';
|
|
12
12
|
import { getRandomTelemetryId } from '@atlaskit/media-common';
|
|
13
13
|
var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_ref) {
|
|
@@ -5,7 +5,7 @@ import DeleteIcon from '@atlaskit/icon/core/delete';
|
|
|
5
5
|
import SettingsIcon from '@atlaskit/icon/core/settings';
|
|
6
6
|
import { messages } from '../../messages';
|
|
7
7
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
-
import { injectIntl } from 'react-intl
|
|
8
|
+
import { injectIntl } from 'react-intl';
|
|
9
9
|
import { formatLocale } from './captions';
|
|
10
10
|
import MediaButton from '../../MediaButton';
|
|
11
11
|
import { popupCustomStyles, createPopupSelectComponentsWithIcon } from '../dropdownControlCommon';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import React, { memo, useMemo } from 'react';
|
|
3
|
-
import { injectIntl } from 'react-intl
|
|
3
|
+
import { injectIntl } from 'react-intl';
|
|
4
4
|
import Tooltip from '@atlaskit/tooltip';
|
|
5
5
|
import { SplitButton } from '@atlaskit/button/new';
|
|
6
6
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
|
|
|
8
8
|
import { useTextTracks } from './useTextTracks';
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
var packageName = "@atlaskit/media-ui";
|
|
11
|
-
var packageVersion = "
|
|
11
|
+
var packageVersion = "0.0.0-development";
|
|
12
12
|
export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
|
|
13
13
|
var _onPlay = _ref.onPlay,
|
|
14
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -22,7 +22,7 @@ import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
|
22
22
|
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
23
23
|
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
24
24
|
import DownloadIcon from '@atlaskit/icon/core/download';
|
|
25
|
-
import { injectIntl } from 'react-intl
|
|
25
|
+
import { injectIntl } from 'react-intl';
|
|
26
26
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
27
27
|
import MediaButton from '../../MediaButton';
|
|
28
28
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -7,7 +7,7 @@ import { hasArtifacts } from '@atlaskit/media-client';
|
|
|
7
7
|
import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
|
|
8
8
|
import { useMediaClient, useMediaSettings } from '@atlaskit/media-client-react';
|
|
9
9
|
import { getUserCaptionsEnabled, getUserCaptionsLocale, findPreselectedTrackIndex, setUserCaptionsEnabled, setUserCaptionsLocale } from './captions';
|
|
10
|
-
import { useIntl } from 'react-intl
|
|
10
|
+
import { useIntl } from 'react-intl';
|
|
11
11
|
import { getRandomTelemetryId } from '@atlaskit/media-common';
|
|
12
12
|
import { createCaptionDisplayFailedEventPayload, fireAnalyticsEvent } from '../analytics';
|
|
13
13
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
@@ -9,7 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import { Component } from 'react';
|
|
11
11
|
import { PopupSelect } from '@atlaskit/select';
|
|
12
|
-
import { FormattedMessage, injectIntl } from 'react-intl
|
|
12
|
+
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
13
13
|
import Tooltip from '@atlaskit/tooltip';
|
|
14
14
|
import MediaButton from '../MediaButton';
|
|
15
15
|
import { messages } from '../messages';
|
|
@@ -10,7 +10,7 @@ import React from 'react';
|
|
|
10
10
|
import { Component } from 'react';
|
|
11
11
|
import { CurrentTimeTooltip as CompiledCurrentTimeTooltip, TimeRangeWrapper as CompiledTimeRangeWrapper } from './styled-compiled';
|
|
12
12
|
import { formatDuration, secondsToTime } from '../formatDuration';
|
|
13
|
-
import { injectIntl } from 'react-intl
|
|
13
|
+
import { injectIntl } from 'react-intl';
|
|
14
14
|
import { messages } from '../messages';
|
|
15
15
|
import { BufferedTime, CurrentTimeLine, CurrentTimeLineThumb, TimeLine } from './styled';
|
|
16
16
|
export var TimeRangeBase = /*#__PURE__*/function (_Component) {
|