@atlaskit/media-ui 28.7.19 → 28.7.21
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 +14 -0
- package/dist/cjs/MediaInlineCard/ErroredView/index.js +2 -2
- package/dist/cjs/customMediaPlayer/index-compiled.js +10 -13
- package/dist/cjs/customMediaPlayer/index.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +4 -4
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +10 -13
- package/dist/es2019/MediaInlineCard/ErroredView/index.js +1 -1
- package/dist/es2019/customMediaPlayer/index-compiled.js +5 -8
- package/dist/es2019/customMediaPlayer/index.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +2 -2
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +5 -8
- package/dist/esm/MediaInlineCard/ErroredView/index.js +1 -1
- package/dist/esm/customMediaPlayer/index-compiled.js +5 -8
- package/dist/esm/customMediaPlayer/index.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js +2 -2
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
- package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js +5 -8
- package/package.json +12 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/media-ui
|
|
2
2
|
|
|
3
|
+
## 28.7.21
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
|
|
8
|
+
Icon entrypoint migration
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 28.7.20
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 28.7.19
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -15,7 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
15
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
18
|
-
var
|
|
18
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
19
19
|
var _Frame = require("../Frame");
|
|
20
20
|
var _IconAndTitleLayout = require("../IconAndTitleLayout");
|
|
21
21
|
var _Icon = require("../Icon");
|
|
@@ -45,7 +45,7 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
|
|
|
45
45
|
isSelected: isSelected,
|
|
46
46
|
isError: true
|
|
47
47
|
}, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
|
|
48
|
-
icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(
|
|
48
|
+
icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
|
|
49
49
|
label: "error",
|
|
50
50
|
LEGACY_size: "small",
|
|
51
51
|
color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
|
|
@@ -16,11 +16,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
19
|
+
var _videoPlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play"));
|
|
20
|
+
var _videoPause = _interopRequireDefault(require("@atlaskit/icon/core/video-pause"));
|
|
21
|
+
var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
|
|
22
|
+
var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
|
|
23
|
+
var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
|
|
24
24
|
var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
|
|
25
25
|
var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
|
|
26
26
|
var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
|
|
@@ -43,7 +43,6 @@ var _timeSaver = require("./timeSaver");
|
|
|
43
43
|
var _playbackSpeedControls = _interopRequireDefault(require("./playbackSpeedControls"));
|
|
44
44
|
var _playPauseBlanket = require("./playPauseBlanket");
|
|
45
45
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
46
|
-
var _legacyCustomIcons = require("@atlaskit/legacy-custom-icons");
|
|
47
46
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
48
47
|
var _videoSkipForwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-forward-ten"));
|
|
49
48
|
var _videoSkipBackwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-backward-ten"));
|
|
@@ -218,7 +217,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
|
|
|
218
217
|
}), /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
|
|
219
218
|
testId: "custom-media-player-volume-toggle-button",
|
|
220
219
|
onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
|
|
221
|
-
iconBefore: /*#__PURE__*/_react.default.createElement(
|
|
220
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHigh.default, {
|
|
222
221
|
color: "currentColor",
|
|
223
222
|
label: _this.props.intl.formatMessage(_messages.messages.volumeMuteButtonAria)
|
|
224
223
|
}),
|
|
@@ -263,10 +262,10 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
|
|
|
263
262
|
return;
|
|
264
263
|
}
|
|
265
264
|
var isFullScreenEnabled = _this.state.isFullScreenEnabled;
|
|
266
|
-
var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(
|
|
265
|
+
var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonal.default, {
|
|
267
266
|
color: "currentColor",
|
|
268
267
|
label: formatMessage(_messages.messages.disable_fullscreen)
|
|
269
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
268
|
+
}) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
|
|
270
269
|
color: "currentColor",
|
|
271
270
|
label: formatMessage(_messages.messages.enable_fullscreen)
|
|
272
271
|
});
|
|
@@ -323,11 +322,11 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
|
|
|
323
322
|
});
|
|
324
323
|
(0, _defineProperty2.default)(_this, "renderPlayPauseButton", function (isPlaying) {
|
|
325
324
|
var formatMessage = _this.props.intl.formatMessage;
|
|
326
|
-
var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(
|
|
325
|
+
var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPause.default, {
|
|
327
326
|
spacing: "spacious",
|
|
328
327
|
color: "currentColor",
|
|
329
328
|
label: formatMessage(_messages.messages.pause)
|
|
330
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
329
|
+
}) : /*#__PURE__*/_react.default.createElement(_videoPlay.default, {
|
|
331
330
|
spacing: "spacious",
|
|
332
331
|
color: "currentColor",
|
|
333
332
|
label: formatMessage(_messages.messages.play)
|
|
@@ -351,7 +350,6 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
|
|
|
351
350
|
testId: "custom-media-player-skip-backward-button",
|
|
352
351
|
iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipBackwardTen.default, {
|
|
353
352
|
spacing: "spacious",
|
|
354
|
-
LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenBackwardIcon,
|
|
355
353
|
label: formatMessage(_messages.messages.skipBackward)
|
|
356
354
|
}),
|
|
357
355
|
onClick: _this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
|
|
@@ -366,7 +364,6 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
|
|
|
366
364
|
testId: "custom-media-player-skip-forward-button",
|
|
367
365
|
iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipForwardTen.default, {
|
|
368
366
|
spacing: "spacious",
|
|
369
|
-
LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenForwardIcon,
|
|
370
367
|
label: formatMessage(_messages.messages.skipForward)
|
|
371
368
|
}),
|
|
372
369
|
onClick: _this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')
|
|
@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
|
|
|
14
14
|
return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props);
|
|
15
15
|
};
|
|
16
16
|
var packageName = "@atlaskit/media-ui";
|
|
17
|
-
var packageVersion = "
|
|
17
|
+
var packageVersion = "0.0.0-development";
|
|
18
18
|
|
|
19
19
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
20
20
|
var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _flag = require("@atlaskit/flag");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
|
|
11
|
+
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
13
|
var _messages = require("../../../messages");
|
|
14
14
|
function ApiFeedback(_ref) {
|
|
@@ -21,7 +21,7 @@ function ApiFeedback(_ref) {
|
|
|
21
21
|
if (notificationType === 'success') {
|
|
22
22
|
flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
|
|
23
23
|
id: 'success',
|
|
24
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
24
|
+
icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
|
|
25
25
|
label: "Success",
|
|
26
26
|
color: "var(--ds-icon-success, #6A9A23)",
|
|
27
27
|
LEGACY_size: "medium",
|
|
@@ -34,7 +34,7 @@ function ApiFeedback(_ref) {
|
|
|
34
34
|
} else if (notificationType === 'error') {
|
|
35
35
|
flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
|
|
36
36
|
id: 'error',
|
|
37
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
37
|
+
icon: /*#__PURE__*/_react.default.createElement(_statusError.default, {
|
|
38
38
|
label: "Error",
|
|
39
39
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
40
40
|
LEGACY_size: "medium",
|
|
@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
|
|
|
15
15
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
16
16
|
var _excluded = ["onPlay"];
|
|
17
17
|
var packageName = "@atlaskit/media-ui";
|
|
18
|
-
var packageVersion = "
|
|
18
|
+
var packageVersion = "0.0.0-development";
|
|
19
19
|
var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
|
|
20
20
|
var _onPlay = _ref.onPlay,
|
|
21
21
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -16,11 +16,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
19
|
+
var _videoPlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play"));
|
|
20
|
+
var _videoPause = _interopRequireDefault(require("@atlaskit/icon/core/video-pause"));
|
|
21
|
+
var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
|
|
22
|
+
var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
|
|
23
|
+
var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
|
|
24
24
|
var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
|
|
25
25
|
var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
|
|
26
26
|
var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
|
|
@@ -46,7 +46,6 @@ var _captionsSelectControls = require("./captionsSelectControls");
|
|
|
46
46
|
var _captionsAdminControls = require("./captionsAdminControls");
|
|
47
47
|
var _playPauseBlanket = require("../playPauseBlanket");
|
|
48
48
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
49
|
-
var _legacyCustomIcons = require("@atlaskit/legacy-custom-icons");
|
|
50
49
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
51
50
|
var _videoSkipForwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-forward-ten"));
|
|
52
51
|
var _videoSkipBackwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-backward-ten"));
|
|
@@ -294,7 +293,7 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
294
293
|
onClick: _this.getMediaButtonClickHandler(((_this$actions = _this.actions) === null || _this$actions === void 0 ? void 0 : _this$actions.toggleMute) || function () {
|
|
295
294
|
return undefined;
|
|
296
295
|
}, 'muteButton'),
|
|
297
|
-
iconBefore: /*#__PURE__*/_react.default.createElement(
|
|
296
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHigh.default, {
|
|
298
297
|
color: "currentColor",
|
|
299
298
|
label: _this.props.intl.formatMessage(_messages.messages.volumeMuteButtonAria)
|
|
300
299
|
}),
|
|
@@ -334,10 +333,10 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
334
333
|
return;
|
|
335
334
|
}
|
|
336
335
|
var isFullScreenEnabled = _this.state.isFullScreenEnabled;
|
|
337
|
-
var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(
|
|
336
|
+
var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonal.default, {
|
|
338
337
|
color: "currentColor",
|
|
339
338
|
label: formatMessage(_messages.messages.disable_fullscreen)
|
|
340
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
339
|
+
}) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
|
|
341
340
|
color: "currentColor",
|
|
342
341
|
label: formatMessage(_messages.messages.enable_fullscreen)
|
|
343
342
|
});
|
|
@@ -396,11 +395,11 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
396
395
|
});
|
|
397
396
|
(0, _defineProperty2.default)(_this, "renderPlayPauseButton", function () {
|
|
398
397
|
var formatMessage = _this.props.intl.formatMessage;
|
|
399
|
-
var toggleButtonIcon = _this.isPlaying ? /*#__PURE__*/_react.default.createElement(
|
|
398
|
+
var toggleButtonIcon = _this.isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPause.default, {
|
|
400
399
|
spacing: "spacious",
|
|
401
400
|
color: "currentColor",
|
|
402
401
|
label: formatMessage(_messages.messages.pause)
|
|
403
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
402
|
+
}) : /*#__PURE__*/_react.default.createElement(_videoPlay.default, {
|
|
404
403
|
spacing: "spacious",
|
|
405
404
|
color: "currentColor",
|
|
406
405
|
label: formatMessage(_messages.messages.play)
|
|
@@ -439,7 +438,6 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
439
438
|
testId: "custom-media-player-skip-backward-button",
|
|
440
439
|
iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipBackwardTen.default, {
|
|
441
440
|
spacing: "spacious",
|
|
442
|
-
LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenBackwardIcon,
|
|
443
441
|
label: formatMessage(_messages.messages.skipBackward)
|
|
444
442
|
}),
|
|
445
443
|
onClick: _this.getMediaButtonClickHandler(_this.skipBackward, 'skipBackwardButton')
|
|
@@ -454,7 +452,6 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
454
452
|
testId: "custom-media-player-skip-forward-button",
|
|
455
453
|
iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipForwardTen.default, {
|
|
456
454
|
spacing: "spacious",
|
|
457
|
-
LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenForwardIcon,
|
|
458
455
|
label: formatMessage(_messages.messages.skipForward)
|
|
459
456
|
}),
|
|
460
457
|
onClick: _this.getMediaButtonClickHandler(_this.skipForward, 'skipForwardButton')
|
|
@@ -3,7 +3,7 @@ import "./index.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { R500 } from '@atlaskit/theme/colors';
|
|
6
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
6
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
7
7
|
import { Frame } from '../Frame';
|
|
8
8
|
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
9
9
|
import { AKIconWrapper } from '../Icon';
|
|
@@ -7,11 +7,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
// support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import { Component } from 'react';
|
|
10
|
-
import PlayIcon from '@atlaskit/icon/core/
|
|
11
|
-
import PauseIcon from '@atlaskit/icon/core/
|
|
12
|
-
import FullScreenIconOn from '@atlaskit/icon/core/
|
|
13
|
-
import FullScreenIconOff from '@atlaskit/icon/core/
|
|
14
|
-
import SoundIcon from '@atlaskit/icon/core/
|
|
10
|
+
import PlayIcon from '@atlaskit/icon/core/video-play';
|
|
11
|
+
import PauseIcon from '@atlaskit/icon/core/video-pause';
|
|
12
|
+
import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
13
|
+
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
14
|
+
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
15
15
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
16
16
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
17
17
|
import DownloadIcon from '@atlaskit/icon/core/migration/download';
|
|
@@ -34,7 +34,6 @@ import { TimeSaver } from './timeSaver';
|
|
|
34
34
|
import PlaybackSpeedControls from './playbackSpeedControls';
|
|
35
35
|
import { PlayPauseBlanket } from './playPauseBlanket';
|
|
36
36
|
import Tooltip from '@atlaskit/tooltip';
|
|
37
|
-
import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
|
|
38
37
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
39
38
|
import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
|
|
40
39
|
import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
|
|
@@ -353,7 +352,6 @@ export class CustomMediaPlayerBase extends Component {
|
|
|
353
352
|
testId: "custom-media-player-skip-backward-button",
|
|
354
353
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
|
|
355
354
|
spacing: "spacious",
|
|
356
|
-
LEGACY_fallbackIcon: SkipTenBackwardIcon,
|
|
357
355
|
label: formatMessage(messages.skipBackward)
|
|
358
356
|
}),
|
|
359
357
|
onClick: this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
|
|
@@ -372,7 +370,6 @@ export class CustomMediaPlayerBase extends Component {
|
|
|
372
370
|
testId: "custom-media-player-skip-forward-button",
|
|
373
371
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
|
|
374
372
|
spacing: "spacious",
|
|
375
|
-
LEGACY_fallbackIcon: SkipTenForwardIcon,
|
|
376
373
|
label: formatMessage(messages.skipForward)
|
|
377
374
|
}),
|
|
378
375
|
onClick: this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')
|
|
@@ -5,7 +5,7 @@ import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-
|
|
|
5
5
|
import { withMediaAnalyticsContext } from '@atlaskit/media-common';
|
|
6
6
|
export const CustomMediaPlayerBase = props => /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
|
|
7
7
|
const packageName = "@atlaskit/media-ui";
|
|
8
|
-
const packageVersion = "
|
|
8
|
+
const packageVersion = "0.0.0-development";
|
|
9
9
|
|
|
10
10
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
11
11
|
export const CustomMediaPlayer = withMediaAnalyticsContext({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
|
|
3
|
-
import SuccessIcon from '@atlaskit/icon/core/
|
|
4
|
-
import ErrorIcon from '@atlaskit/icon/core/
|
|
3
|
+
import SuccessIcon from '@atlaskit/icon/core/status-success';
|
|
4
|
+
import ErrorIcon from '@atlaskit/icon/core/status-error';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
6
|
import { messages } from '../../../messages';
|
|
7
7
|
function ApiFeedback({
|
|
@@ -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
|
|
@@ -7,11 +7,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
// support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import { Component } from 'react';
|
|
10
|
-
import PlayIcon from '@atlaskit/icon/core/
|
|
11
|
-
import PauseIcon from '@atlaskit/icon/core/
|
|
12
|
-
import FullScreenIconOn from '@atlaskit/icon/core/
|
|
13
|
-
import FullScreenIconOff from '@atlaskit/icon/core/
|
|
14
|
-
import SoundIcon from '@atlaskit/icon/core/
|
|
10
|
+
import PlayIcon from '@atlaskit/icon/core/video-play';
|
|
11
|
+
import PauseIcon from '@atlaskit/icon/core/video-pause';
|
|
12
|
+
import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
13
|
+
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
14
|
+
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
15
15
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
16
16
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
17
17
|
import DownloadIcon from '@atlaskit/icon/core/migration/download';
|
|
@@ -37,7 +37,6 @@ import { CaptionsSelectControls } from './captionsSelectControls';
|
|
|
37
37
|
import { CaptionsAdminControls } from './captionsAdminControls';
|
|
38
38
|
import { PlayPauseBlanket } from '../playPauseBlanket';
|
|
39
39
|
import Tooltip from '@atlaskit/tooltip';
|
|
40
|
-
import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
|
|
41
40
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
42
41
|
import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
|
|
43
42
|
import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
|
|
@@ -398,7 +397,6 @@ class _MediaPlayerBase extends Component {
|
|
|
398
397
|
testId: "custom-media-player-skip-backward-button",
|
|
399
398
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
|
|
400
399
|
spacing: "spacious",
|
|
401
|
-
LEGACY_fallbackIcon: SkipTenBackwardIcon,
|
|
402
400
|
label: formatMessage(messages.skipBackward)
|
|
403
401
|
}),
|
|
404
402
|
onClick: this.getMediaButtonClickHandler(this.skipBackward, 'skipBackwardButton')
|
|
@@ -417,7 +415,6 @@ class _MediaPlayerBase extends Component {
|
|
|
417
415
|
testId: "custom-media-player-skip-forward-button",
|
|
418
416
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
|
|
419
417
|
spacing: "spacious",
|
|
420
|
-
LEGACY_fallbackIcon: SkipTenForwardIcon,
|
|
421
418
|
label: formatMessage(messages.skipForward)
|
|
422
419
|
}),
|
|
423
420
|
onClick: this.getMediaButtonClickHandler(this.skipForward, 'skipForwardButton')
|
|
@@ -10,7 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
10
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { R500 } from '@atlaskit/theme/colors';
|
|
13
|
-
import WarningIcon from '@atlaskit/icon/core/
|
|
13
|
+
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
14
14
|
import { Frame } from '../Frame';
|
|
15
15
|
import { IconAndTitleLayout } from '../IconAndTitleLayout';
|
|
16
16
|
import { AKIconWrapper } from '../Icon';
|
|
@@ -16,11 +16,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
16
16
|
// support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { Component } from 'react';
|
|
19
|
-
import PlayIcon from '@atlaskit/icon/core/
|
|
20
|
-
import PauseIcon from '@atlaskit/icon/core/
|
|
21
|
-
import FullScreenIconOn from '@atlaskit/icon/core/
|
|
22
|
-
import FullScreenIconOff from '@atlaskit/icon/core/
|
|
23
|
-
import SoundIcon from '@atlaskit/icon/core/
|
|
19
|
+
import PlayIcon from '@atlaskit/icon/core/video-play';
|
|
20
|
+
import PauseIcon from '@atlaskit/icon/core/video-pause';
|
|
21
|
+
import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
22
|
+
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
23
|
+
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
24
24
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
25
25
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
26
26
|
import DownloadIcon from '@atlaskit/icon/core/migration/download';
|
|
@@ -43,7 +43,6 @@ import { TimeSaver } from './timeSaver';
|
|
|
43
43
|
import PlaybackSpeedControls from './playbackSpeedControls';
|
|
44
44
|
import { PlayPauseBlanket } from './playPauseBlanket';
|
|
45
45
|
import Tooltip from '@atlaskit/tooltip';
|
|
46
|
-
import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
|
|
47
46
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
48
47
|
import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
|
|
49
48
|
import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
|
|
@@ -345,7 +344,6 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
345
344
|
testId: "custom-media-player-skip-backward-button",
|
|
346
345
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
|
|
347
346
|
spacing: "spacious",
|
|
348
|
-
LEGACY_fallbackIcon: SkipTenBackwardIcon,
|
|
349
347
|
label: formatMessage(messages.skipBackward)
|
|
350
348
|
}),
|
|
351
349
|
onClick: _this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
|
|
@@ -360,7 +358,6 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
360
358
|
testId: "custom-media-player-skip-forward-button",
|
|
361
359
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
|
|
362
360
|
spacing: "spacious",
|
|
363
|
-
LEGACY_fallbackIcon: SkipTenForwardIcon,
|
|
364
361
|
label: formatMessage(messages.skipForward)
|
|
365
362
|
}),
|
|
366
363
|
onClick: _this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')
|
|
@@ -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({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
|
|
3
|
-
import SuccessIcon from '@atlaskit/icon/core/
|
|
4
|
-
import ErrorIcon from '@atlaskit/icon/core/
|
|
3
|
+
import SuccessIcon from '@atlaskit/icon/core/status-success';
|
|
4
|
+
import ErrorIcon from '@atlaskit/icon/core/status-error';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
6
|
import { messages } from '../../../messages';
|
|
7
7
|
function ApiFeedback(_ref) {
|
|
@@ -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);
|
|
@@ -16,11 +16,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
16
16
|
// support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { Component } from 'react';
|
|
19
|
-
import PlayIcon from '@atlaskit/icon/core/
|
|
20
|
-
import PauseIcon from '@atlaskit/icon/core/
|
|
21
|
-
import FullScreenIconOn from '@atlaskit/icon/core/
|
|
22
|
-
import FullScreenIconOff from '@atlaskit/icon/core/
|
|
23
|
-
import SoundIcon from '@atlaskit/icon/core/
|
|
19
|
+
import PlayIcon from '@atlaskit/icon/core/video-play';
|
|
20
|
+
import PauseIcon from '@atlaskit/icon/core/video-pause';
|
|
21
|
+
import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
|
|
22
|
+
import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
|
|
23
|
+
import SoundIcon from '@atlaskit/icon/core/volume-high';
|
|
24
24
|
import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
|
|
25
25
|
import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
|
|
26
26
|
import DownloadIcon from '@atlaskit/icon/core/migration/download';
|
|
@@ -46,7 +46,6 @@ import { CaptionsSelectControls } from './captionsSelectControls';
|
|
|
46
46
|
import { CaptionsAdminControls } from './captionsAdminControls';
|
|
47
47
|
import { PlayPauseBlanket } from '../playPauseBlanket';
|
|
48
48
|
import Tooltip from '@atlaskit/tooltip';
|
|
49
|
-
import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
|
|
50
49
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
51
50
|
import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
|
|
52
51
|
import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
|
|
@@ -433,7 +432,6 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
433
432
|
testId: "custom-media-player-skip-backward-button",
|
|
434
433
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
|
|
435
434
|
spacing: "spacious",
|
|
436
|
-
LEGACY_fallbackIcon: SkipTenBackwardIcon,
|
|
437
435
|
label: formatMessage(messages.skipBackward)
|
|
438
436
|
}),
|
|
439
437
|
onClick: _this.getMediaButtonClickHandler(_this.skipBackward, 'skipBackwardButton')
|
|
@@ -448,7 +446,6 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
448
446
|
testId: "custom-media-player-skip-forward-button",
|
|
449
447
|
iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
|
|
450
448
|
spacing: "spacious",
|
|
451
|
-
LEGACY_fallbackIcon: SkipTenForwardIcon,
|
|
452
449
|
label: formatMessage(messages.skipForward)
|
|
453
450
|
}),
|
|
454
451
|
onClick: _this.getMediaButtonClickHandler(_this.skipForward, 'skipForwardButton')
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "28.7.
|
|
3
|
+
"version": "28.7.21",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,29 +25,28 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@atlaskit/afm-i18n-platform-media-media-ui": "2.7.0",
|
|
27
27
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
28
|
-
"@atlaskit/button": "^23.
|
|
28
|
+
"@atlaskit/button": "^23.9.0",
|
|
29
29
|
"@atlaskit/code": "^17.4.0",
|
|
30
|
-
"@atlaskit/css": "^0.
|
|
31
|
-
"@atlaskit/flag": "^17.
|
|
32
|
-
"@atlaskit/form": "^15.
|
|
33
|
-
"@atlaskit/icon": "^29.
|
|
30
|
+
"@atlaskit/css": "^0.19.0",
|
|
31
|
+
"@atlaskit/flag": "^17.7.0",
|
|
32
|
+
"@atlaskit/form": "^15.1.0",
|
|
33
|
+
"@atlaskit/icon": "^29.3.0",
|
|
34
34
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
35
|
-
"@atlaskit/icon-lab": "^5.
|
|
36
|
-
"@atlaskit/legacy-custom-icons": "^0.22.0",
|
|
35
|
+
"@atlaskit/icon-lab": "^5.13.0",
|
|
37
36
|
"@atlaskit/locale": "^3.0.0",
|
|
38
37
|
"@atlaskit/media-client": "^35.7.0",
|
|
39
38
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
40
39
|
"@atlaskit/media-common": "^12.3.0",
|
|
41
40
|
"@atlaskit/media-state": "^1.8.0",
|
|
42
|
-
"@atlaskit/modal-dialog": "^14.
|
|
41
|
+
"@atlaskit/modal-dialog": "^14.9.0",
|
|
43
42
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
|
-
"@atlaskit/primitives": "^
|
|
43
|
+
"@atlaskit/primitives": "^17.0.0",
|
|
45
44
|
"@atlaskit/range": "^9.3.0",
|
|
46
|
-
"@atlaskit/react-ufo": "^4.
|
|
47
|
-
"@atlaskit/select": "^21.
|
|
45
|
+
"@atlaskit/react-ufo": "^4.16.0",
|
|
46
|
+
"@atlaskit/select": "^21.6.0",
|
|
48
47
|
"@atlaskit/spinner": "^19.0.0",
|
|
49
48
|
"@atlaskit/theme": "^21.0.0",
|
|
50
|
-
"@atlaskit/tokens": "^
|
|
49
|
+
"@atlaskit/tokens": "^9.0.0",
|
|
51
50
|
"@atlaskit/tooltip": "^20.11.0",
|
|
52
51
|
"@atlaskit/width-detector": "^5.0.0",
|
|
53
52
|
"@babel/runtime": "^7.0.0",
|