@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 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 _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
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(_statusWarningWarning.default, {
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 _videoPlayVidPlay = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-play--vid-play"));
20
- var _videoPauseVidPause = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-pause--vid-pause"));
21
- var _fullscreenEnterVidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on"));
22
- var _shrinkDiagonalVidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off"));
23
- var _volumeHighHipchatOutgoingSound = _interopRequireDefault(require("@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound"));
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(_volumeHighHipchatOutgoingSound.default, {
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(_shrinkDiagonalVidFullScreenOff.default, {
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(_fullscreenEnterVidFullScreenOn.default, {
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(_videoPauseVidPause.default, {
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(_videoPlayVidPlay.default, {
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 = "28.7.18";
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 _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
11
- var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
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(_statusSuccessCheckCircle.default, {
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(_statusErrorError.default, {
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 = "28.7.18";
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 _videoPlayVidPlay = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-play--vid-play"));
20
- var _videoPauseVidPause = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-pause--vid-pause"));
21
- var _fullscreenEnterVidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on"));
22
- var _shrinkDiagonalVidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off"));
23
- var _volumeHighHipchatOutgoingSound = _interopRequireDefault(require("@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound"));
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(_volumeHighHipchatOutgoingSound.default, {
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(_shrinkDiagonalVidFullScreenOff.default, {
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(_fullscreenEnterVidFullScreenOn.default, {
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(_videoPauseVidPause.default, {
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(_videoPlayVidPlay.default, {
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/migration/status-warning--warning';
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/migration/video-play--vid-play';
11
- import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
12
- import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
13
- import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
14
- import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
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 = "28.7.18";
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/migration/status-success--check-circle';
4
- import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
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 = "28.7.18";
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/migration/video-play--vid-play';
11
- import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
12
- import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
13
- import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
14
- import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
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/migration/status-warning--warning';
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/migration/video-play--vid-play';
20
- import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
21
- import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
22
- import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
23
- import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
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 = "28.7.18";
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/migration/status-success--check-circle';
4
- import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
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 = "28.7.18";
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/migration/video-play--vid-play';
20
- import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
21
- import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
22
- import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
23
- import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
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.19",
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.7.0",
28
+ "@atlaskit/button": "^23.9.0",
29
29
  "@atlaskit/code": "^17.4.0",
30
- "@atlaskit/css": "^0.17.0",
31
- "@atlaskit/flag": "^17.6.0",
32
- "@atlaskit/form": "^15.0.0",
33
- "@atlaskit/icon": "^29.0.0",
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.12.0",
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.8.0",
41
+ "@atlaskit/modal-dialog": "^14.9.0",
43
42
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
- "@atlaskit/primitives": "^16.4.0",
43
+ "@atlaskit/primitives": "^17.0.0",
45
44
  "@atlaskit/range": "^9.3.0",
46
- "@atlaskit/react-ufo": "^4.15.0",
47
- "@atlaskit/select": "^21.5.0",
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": "^8.4.0",
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",