@atlaskit/editor-plugin-media 2.3.15 → 2.3.16

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,14 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 2.3.16
4
+
5
+ ### Patch Changes
6
+
7
+ - [#131525](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131525)
8
+ [`cb8403ffb5a8b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb8403ffb5a8b) -
9
+ ENGHEALTH-23697 Iconography update for editor-plugin-media
10
+ - Updated dependencies
11
+
3
12
  ## 2.3.15
4
13
 
5
14
  ### Patch Changes
@@ -20,7 +20,7 @@ var _media = require("@atlaskit/editor-common/media");
20
20
  var _providerFactory = require("@atlaskit/editor-common/provider-factory");
21
21
  var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
22
22
  var _utils = require("@atlaskit/editor-common/utils");
23
- var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
23
+ var _closeEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--editor-close"));
24
24
  var _mediaCommon = require("@atlaskit/media-common");
25
25
  var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
26
26
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -162,7 +162,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
162
162
  shouldEnableDownloadButton: mediaOptions.enableDownloadButton,
163
163
  actions: [{
164
164
  handler: disabled || !_this.mediaPluginState ? function () {} : _this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
165
- icon: /*#__PURE__*/_react.default.createElement(_close.default, {
165
+ icon: /*#__PURE__*/_react.default.createElement(_closeEditorClose.default, {
166
166
  label: _this.props.intl.formatMessage(_media.nodeViewsMessages.mediaGroupDeleteLabel)
167
167
  })
168
168
  }]
@@ -15,7 +15,7 @@ var _reactIntlNext = require("react-intl-next");
15
15
  var _hooks = require("@atlaskit/editor-common/hooks");
16
16
  var _media = require("@atlaskit/editor-common/media");
17
17
  var _utils = require("@atlaskit/editor-common/utils");
18
- var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
18
+ var _closeEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--editor-close"));
19
19
  var _mediaCommon = require("@atlaskit/media-common");
20
20
  var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
21
21
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -82,7 +82,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
82
82
  shouldEnableDownloadButton: enableDownloadButton,
83
83
  actions: [{
84
84
  handler: handleMediaNodeRemoval.bind(null, undefined, getNodePos),
85
- icon: /*#__PURE__*/_react.default.createElement(_close.default, {
85
+ icon: /*#__PURE__*/_react.default.createElement(_closeEditorClose.default, {
86
86
  label: intl.formatMessage(_media.nodeViewsMessages.mediaGroupDeleteLabel)
87
87
  })
88
88
  }]
@@ -20,8 +20,8 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
20
20
  var _media = require("@atlaskit/editor-common/media");
21
21
  var _ui = require("@atlaskit/editor-common/ui");
22
22
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
23
- var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
24
- var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
23
+ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
24
+ var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
25
25
  var _colors = require("@atlaskit/theme/colors");
26
26
  var _commands = require("../commands");
27
27
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -196,7 +196,7 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
196
196
  css: buttonWrapperStyles
197
197
  }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
198
198
  title: formatMessage(_media.altTextMessages.back),
199
- icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
199
+ icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
200
200
  label: formatMessage(_media.altTextMessages.back)
201
201
  }),
202
202
  tooltipContent: backButtonMessageComponent,
@@ -9,7 +9,7 @@ var _react = require("@emotion/react");
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _adfSchema = require("@atlaskit/adf-schema");
11
11
  var _media = require("@atlaskit/editor-common/media");
12
- var _documentFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/document-filled"));
12
+ var _fileDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--document-filled"));
13
13
  var _colors = require("@atlaskit/theme/colors");
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
  var _media2 = require("../../nodeviews/mediaNodeView/media");
@@ -48,9 +48,9 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
48
48
  var dropPlaceholderLabel = _media.dropPlaceholderMessages.dropPlaceholderLabel;
49
49
  return (0, _react.jsx)("div", {
50
50
  css: iconWrapperStyles
51
- }, (0, _react.jsx)(_documentFilled.default, {
51
+ }, (0, _react.jsx)(_fileDocumentFilled.default, {
52
52
  label: intl.formatMessage(dropPlaceholderLabel),
53
- size: "medium"
53
+ LEGACY_size: "medium"
54
54
  }));
55
55
  };
56
56
  var IntlIconWrapper = (0, _reactIntlNext.injectIntl)(IconWrapperComponent);
@@ -20,8 +20,8 @@ var _media = require("@atlaskit/editor-common/media");
20
20
  var _messages = require("@atlaskit/editor-common/messages");
21
21
  var _ui = require("@atlaskit/editor-common/ui");
22
22
  var _utils = require("@atlaskit/editor-common/utils");
23
- var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
24
- var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
23
+ var _linkBrokenEditorUnlink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-broken--editor-unlink"));
24
+ var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
25
25
  var _colors = require("@atlaskit/theme/colors");
26
26
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
27
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -124,7 +124,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
124
124
  css: buttonWrapper
125
125
  }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
126
126
  title: formatLinkAddressText,
127
- icon: (0, _react2.jsx)(_chevronLeftLarge.default, {
127
+ icon: (0, _react2.jsx)(_chevronLeftChevronLeftLarge.default, {
128
128
  label: formatLinkAddressText
129
129
  }),
130
130
  onClick: function onClick() {
@@ -161,7 +161,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
161
161
  htmlFor: "media-link-search-input"
162
162
  }, formatMessage(_messages.linkToolbarMessages.searchInput)), (0, _utils.normalizeUrl)(displayUrl) && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ui.FloatingToolbarSeparator, null), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
163
163
  title: formatUnlinkText,
164
- icon: (0, _react2.jsx)(_unlink.default, {
164
+ icon: (0, _react2.jsx)(_linkBrokenEditorUnlink.default, {
165
165
  label: formatUnlinkText
166
166
  }),
167
167
  onClick: _this.handleUnlink
@@ -10,7 +10,7 @@ var _reactIntlNext = require("react-intl-next");
10
10
  var _hooks = require("@atlaskit/editor-common/hooks");
11
11
  var _media = require("@atlaskit/editor-common/media");
12
12
  var _uiMenu = require("@atlaskit/editor-common/ui-menu");
13
- var _attachment = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/attachment"));
13
+ var _attachmentEditorAttachment = _interopRequireDefault(require("@atlaskit/icon/core/migration/attachment--editor-attachment"));
14
14
  var onClickMediaButton = function onClickMediaButton(pluginState) {
15
15
  return function () {
16
16
  pluginState.showMediaPicker();
@@ -34,7 +34,7 @@ var ToolbarMedia = function ToolbarMedia(_ref) {
34
34
  disabled: isDisabled,
35
35
  title: intl.formatMessage(toolbarMediaTitle),
36
36
  spacing: isReducedSpacing ? 'none' : 'default',
37
- iconBefore: /*#__PURE__*/_react.default.createElement(_attachment.default, {
37
+ iconBefore: /*#__PURE__*/_react.default.createElement(_attachmentEditorAttachment.default, {
38
38
  label: intl.formatMessage(toolbarMediaTitle)
39
39
  })
40
40
  });
@@ -11,7 +11,6 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
11
11
  var _media = require("@atlaskit/editor-common/media");
12
12
  var _messages = require("@atlaskit/editor-common/messages");
13
13
  var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
14
- var _comment2 = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
15
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
17
16
  var _commentWithDotIcon = require("./assets/commentWithDotIcon");
@@ -47,7 +46,7 @@ var commentButton = exports.commentButton = function commentButton(intl, state,
47
46
  type: 'button',
48
47
  testId: 'add-comment-media-button',
49
48
  icon: _comment.default,
50
- iconFallback: hasActiveComments ? _commentWithDotIcon.CommentWithDotIcon : _comment2.default,
49
+ iconFallback: hasActiveComments ? _commentWithDotIcon.CommentWithDotIcon : _comment.default,
51
50
  title: (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? title : buttonLabel,
52
51
  showTitle: (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? undefined : true,
53
52
  onClick: onClickHandler,
@@ -22,10 +22,10 @@ var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-dia
22
22
  var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image-fullscreen"));
23
23
  var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
24
24
  var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
25
+ var _deleteEditorRemove = _interopRequireDefault(require("@atlaskit/icon/core/migration/delete--editor-remove"));
25
26
  var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
26
27
  var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
27
28
  var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
28
- var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
29
29
  var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
30
30
  var _mediaUi = require("@atlaskit/media-ui");
31
31
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -94,6 +94,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
94
94
  testId: 'file-preview-toolbar-button',
95
95
  type: 'button',
96
96
  icon: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _growDiagonal.default : _maximize.default,
97
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
97
98
  iconFallback: _filePreview.default,
98
99
  title: intl.formatMessage(_mediaUi.messages.preview),
99
100
  onClick: function onClick() {
@@ -173,7 +174,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
173
174
  appearance: 'danger',
174
175
  focusEditoronEnter: true,
175
176
  icon: _delete.default,
176
- iconFallback: _remove.default,
177
+ iconFallback: _deleteEditorRemove.default,
177
178
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, true),
178
179
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, false),
179
180
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, true),
@@ -538,6 +539,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
538
539
  testId: 'file-preview-toolbar-button',
539
540
  type: 'button',
540
541
  icon: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _growDiagonal.default : _maximize.default,
542
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
541
543
  iconFallback: _filePreview.default,
542
544
  title: intl.formatMessage(_mediaUi.messages.preview),
543
545
  onClick: function onClick() {
@@ -586,7 +588,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
586
588
  appearance: 'danger',
587
589
  focusEditoronEnter: true,
588
590
  icon: _delete.default,
589
- iconFallback: _remove.default,
591
+ iconFallback: _deleteEditorRemove.default,
590
592
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true),
591
593
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, false),
592
594
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true),
@@ -624,6 +626,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
624
626
  testId: 'file-preview-toolbar-button',
625
627
  type: 'button',
626
628
  icon: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _growDiagonal.default : _maximize.default,
629
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
627
630
  iconFallback: _filePreview.default,
628
631
  title: intl.formatMessage(_mediaUi.messages.preview),
629
632
  onClick: function onClick() {
@@ -17,10 +17,10 @@ var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-dia
17
17
  var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image-fullscreen"));
18
18
  var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
19
19
  var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
20
+ var _deleteEditorRemove = _interopRequireDefault(require("@atlaskit/icon/core/migration/delete--editor-remove"));
20
21
  var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
21
22
  var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
22
23
  var _filePreview = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file-preview"));
23
- var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
24
24
  var _mediaUi = require("@atlaskit/media-ui");
25
25
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
26
26
  var _linking = require("../../pm-plugins/commands/linking");
@@ -57,6 +57,7 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
57
57
  testId: 'file-preview-toolbar-button',
58
58
  type: 'button',
59
59
  icon: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? _growDiagonal.default : _maximize.default,
60
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
60
61
  iconFallback: _filePreview.default,
61
62
  title: intl.formatMessage(_mediaUi.messages.preview),
62
63
  onClick: function onClick() {
@@ -130,7 +131,7 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
130
131
  appearance: 'danger',
131
132
  focusEditoronEnter: true,
132
133
  icon: _delete.default,
133
- iconFallback: _remove.default,
134
+ iconFallback: _deleteEditorRemove.default,
134
135
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
135
136
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, false),
136
137
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
@@ -381,6 +382,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
381
382
  testId: 'file-preview-toolbar-button',
382
383
  type: 'button',
383
384
  icon: isEditorControlsEnabled ? _growDiagonal.default : _maximize.default,
385
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
384
386
  iconFallback: _filePreview.default,
385
387
  title: intl.formatMessage(_mediaUi.messages.preview),
386
388
  onClick: function onClick() {
@@ -437,7 +439,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
437
439
  appearance: 'danger',
438
440
  focusEditoronEnter: true,
439
441
  icon: _delete.default,
440
- iconFallback: _remove.default,
442
+ iconFallback: _deleteEditorRemove.default,
441
443
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
442
444
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, false),
443
445
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
@@ -6,7 +6,7 @@ import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
6
6
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
7
7
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
8
8
  import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
9
- import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
9
+ import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
10
10
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
11
11
  import { Filmstrip } from '@atlaskit/media-filmstrip';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
3
3
  import { usePreviousState } from '@atlaskit/editor-common/hooks';
4
4
  import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
5
5
  import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
6
- import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
6
+ import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
7
7
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
8
8
  import { Filmstrip } from '@atlaskit/media-filmstrip';
9
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -15,8 +15,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
15
15
  import { altTextMessages as messages } from '@atlaskit/editor-common/media';
16
16
  import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
17
17
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
18
- import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
19
- import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
18
+ import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
19
+ import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
20
20
  import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
21
21
  import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
22
22
  export const MAX_ALT_TEXT_LENGTH = 510; // double tweet length
@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
7
7
  import { injectIntl } from 'react-intl-next';
8
8
  import { hexToRgba } from '@atlaskit/adf-schema';
9
9
  import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
10
- import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
10
+ import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--document-filled';
11
11
  import { B200, B300, B400 } from '@atlaskit/theme/colors';
12
12
  import { borderRadius } from '@atlaskit/theme/constants';
13
13
  import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
@@ -46,7 +46,7 @@ const IconWrapperComponent = props => {
46
46
  css: iconWrapperStyles
47
47
  }, jsx(DocumentFilledIcon, {
48
48
  label: intl.formatMessage(dropPlaceholderLabel),
49
- size: "medium"
49
+ LEGACY_size: "medium"
50
50
  }));
51
51
  };
52
52
  const IntlIconWrapper = injectIntl(IconWrapperComponent);
@@ -15,8 +15,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
15
15
  // Common Translations will live here
16
16
  PanelTextInput } from '@atlaskit/editor-common/ui';
17
17
  import { normalizeUrl } from '@atlaskit/editor-common/utils';
18
- import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
19
- import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
18
+ import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
19
+ import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
20
20
  import { R400 } from '@atlaskit/theme/colors';
21
21
  const validationWrapper = css({
22
22
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
3
3
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
4
  import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
5
5
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
- import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
6
+ import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
7
7
  const onClickMediaButton = pluginState => () => {
8
8
  pluginState.showMediaPicker();
9
9
  return true;
@@ -4,7 +4,6 @@ import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
4
4
  import { commentMessages as messages } from '@atlaskit/editor-common/media';
5
5
  import { annotationMessages } from '@atlaskit/editor-common/messages';
6
6
  import CommentIcon from '@atlaskit/icon/core/comment';
7
- import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
8
7
  import { fg } from '@atlaskit/platform-feature-flags';
9
8
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
9
  import { CommentWithDotIcon } from './assets/commentWithDotIcon';
@@ -39,7 +38,7 @@ export const commentButton = (intl, state, api) => {
39
38
  type: 'button',
40
39
  testId: 'add-comment-media-button',
41
40
  icon: CommentIcon,
42
- iconFallback: hasActiveComments ? CommentWithDotIcon : LegacyCommentIcon,
41
+ iconFallback: hasActiveComments ? CommentWithDotIcon : CommentIcon,
43
42
  title: editorExperiment('platform_editor_controls', 'control') ? title : buttonLabel,
44
43
  showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
45
44
  onClick: onClickHandler,
@@ -12,10 +12,10 @@ import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
12
12
  import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
13
13
  import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
14
14
  import MaximizeIcon from '@atlaskit/icon/core/maximize';
15
+ import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
15
16
  import DownloadIcon from '@atlaskit/icon/core/migration/download';
16
17
  import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
17
18
  import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
18
- import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
19
19
  import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
20
20
  import { messages } from '@atlaskit/media-ui';
21
21
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -81,6 +81,7 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDe
81
81
  testId: 'file-preview-toolbar-button',
82
82
  type: 'button',
83
83
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
84
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
84
85
  iconFallback: FilePreviewIcon,
85
86
  title: intl.formatMessage(messages.preview),
86
87
  onClick: () => {
@@ -533,6 +534,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
533
534
  testId: 'file-preview-toolbar-button',
534
535
  type: 'button',
535
536
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
537
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
536
538
  iconFallback: FilePreviewIcon,
537
539
  title: intl.formatMessage(messages.preview),
538
540
  onClick: () => {
@@ -619,6 +621,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
619
621
  testId: 'file-preview-toolbar-button',
620
622
  type: 'button',
621
623
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
624
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
622
625
  iconFallback: FilePreviewIcon,
623
626
  title: intl.formatMessage(messages.preview),
624
627
  onClick: () => {
@@ -8,10 +8,10 @@ import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
8
8
  import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
9
9
  import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
10
10
  import MaximizeIcon from '@atlaskit/icon/core/maximize';
11
+ import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
11
12
  import DownloadIcon from '@atlaskit/icon/core/migration/download';
12
13
  import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
13
14
  import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
14
- import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
15
15
  import { messages } from '@atlaskit/media-ui';
16
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
17
  import { showLinkingToolbar } from '../../pm-plugins/commands/linking';
@@ -45,6 +45,7 @@ export const generateMediaInlineFloatingToolbar = (state, intl, mediaPluginState
45
45
  testId: 'file-preview-toolbar-button',
46
46
  type: 'button',
47
47
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
48
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
48
49
  iconFallback: FilePreviewIcon,
49
50
  title: intl.formatMessage(messages.preview),
50
51
  onClick: () => {
@@ -370,6 +371,7 @@ const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverDecorati
370
371
  testId: 'file-preview-toolbar-button',
371
372
  type: 'button',
372
373
  icon: isEditorControlsEnabled ? GrowDiagonalIcon : MaximizeIcon,
374
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
373
375
  iconFallback: FilePreviewIcon,
374
376
  title: intl.formatMessage(messages.preview),
375
377
  onClick: () => {
@@ -17,7 +17,7 @@ import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
17
17
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
18
18
  import ReactNodeView from '@atlaskit/editor-common/react-node-view';
19
19
  import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
20
- import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
20
+ import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
21
21
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
22
22
  import { Filmstrip } from '@atlaskit/media-filmstrip';
23
23
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -9,7 +9,7 @@ import { injectIntl } from 'react-intl-next';
9
9
  import { usePreviousState } from '@atlaskit/editor-common/hooks';
10
10
  import { nodeViewsMessages as messages } from '@atlaskit/editor-common/media';
11
11
  import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
12
- import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
12
+ import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
13
13
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
14
14
  import { Filmstrip } from '@atlaskit/media-filmstrip';
15
15
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -22,8 +22,8 @@ import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
22
22
  import { altTextMessages as messages } from '@atlaskit/editor-common/media';
23
23
  import { RECENT_SEARCH_WIDTH_IN_PX as CONTAINER_WIDTH_IN_PX, FloatingToolbarButton as Button, ErrorMessage, PanelTextInput } from '@atlaskit/editor-common/ui';
24
24
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
25
- import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
26
- import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
25
+ import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
26
+ import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
27
27
  import { N200, N30, N80, R400 } from '@atlaskit/theme/colors';
28
28
  import { closeMediaAltTextMenu, closeMediaAltTextMenuAndSave } from '../commands';
29
29
  export var MAX_ALT_TEXT_LENGTH = 510; // double tweet length
@@ -7,7 +7,7 @@ import { css, jsx } from '@emotion/react';
7
7
  import { injectIntl } from 'react-intl-next';
8
8
  import { hexToRgba } from '@atlaskit/adf-schema';
9
9
  import { dropPlaceholderMessages } from '@atlaskit/editor-common/media';
10
- import DocumentFilledIcon from '@atlaskit/icon/glyph/document-filled';
10
+ import DocumentFilledIcon from '@atlaskit/icon/core/migration/file--document-filled';
11
11
  import { B200, B300, B400 } from '@atlaskit/theme/colors';
12
12
  import { borderRadius } from '@atlaskit/theme/constants';
13
13
  import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
@@ -42,7 +42,7 @@ var IconWrapperComponent = function IconWrapperComponent(props) {
42
42
  css: iconWrapperStyles
43
43
  }, jsx(DocumentFilledIcon, {
44
44
  label: intl.formatMessage(dropPlaceholderLabel),
45
- size: "medium"
45
+ LEGACY_size: "medium"
46
46
  }));
47
47
  };
48
48
  var IntlIconWrapper = injectIntl(IconWrapperComponent);
@@ -22,8 +22,8 @@ import { FloatingToolbarButton as Button, ErrorMessage, FloatingToolbarSeparator
22
22
  // Common Translations will live here
23
23
  PanelTextInput } from '@atlaskit/editor-common/ui';
24
24
  import { normalizeUrl } from '@atlaskit/editor-common/utils';
25
- import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
26
- import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
25
+ import EditorUnlinkIcon from '@atlaskit/icon/core/migration/link-broken--editor-unlink';
26
+ import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
27
27
  import { R400 } from '@atlaskit/theme/colors';
28
28
  var validationWrapper = css({
29
29
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl-next';
3
3
  import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
4
4
  import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
5
5
  import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
6
- import AttachmentIcon from '@atlaskit/icon/glyph/editor/attachment';
6
+ import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
7
7
  var onClickMediaButton = function onClickMediaButton(pluginState) {
8
8
  return function () {
9
9
  pluginState.showMediaPicker();
@@ -4,7 +4,6 @@ import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
4
4
  import { commentMessages as messages } from '@atlaskit/editor-common/media';
5
5
  import { annotationMessages } from '@atlaskit/editor-common/messages';
6
6
  import CommentIcon from '@atlaskit/icon/core/comment';
7
- import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
8
7
  import { fg } from '@atlaskit/platform-feature-flags';
9
8
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
9
  import { CommentWithDotIcon } from './assets/commentWithDotIcon';
@@ -40,7 +39,7 @@ export var commentButton = function commentButton(intl, state, api) {
40
39
  type: 'button',
41
40
  testId: 'add-comment-media-button',
42
41
  icon: CommentIcon,
43
- iconFallback: hasActiveComments ? CommentWithDotIcon : LegacyCommentIcon,
42
+ iconFallback: hasActiveComments ? CommentWithDotIcon : CommentIcon,
44
43
  title: editorExperiment('platform_editor_controls', 'control') ? title : buttonLabel,
45
44
  showTitle: editorExperiment('platform_editor_controls', 'control') ? undefined : true,
46
45
  onClick: onClickHandler,
@@ -16,10 +16,10 @@ import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
16
16
  import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
17
17
  import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
18
18
  import MaximizeIcon from '@atlaskit/icon/core/maximize';
19
+ import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
19
20
  import DownloadIcon from '@atlaskit/icon/core/migration/download';
20
21
  import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
21
22
  import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
22
- import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
23
23
  import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
24
24
  import { messages } from '@atlaskit/media-ui';
25
25
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -84,6 +84,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
84
84
  testId: 'file-preview-toolbar-button',
85
85
  type: 'button',
86
86
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
87
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
87
88
  iconFallback: FilePreviewIcon,
88
89
  title: intl.formatMessage(messages.preview),
89
90
  onClick: function onClick() {
@@ -528,6 +529,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
528
529
  testId: 'file-preview-toolbar-button',
529
530
  type: 'button',
530
531
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
532
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
531
533
  iconFallback: FilePreviewIcon,
532
534
  title: intl.formatMessage(messages.preview),
533
535
  onClick: function onClick() {
@@ -614,6 +616,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
614
616
  testId: 'file-preview-toolbar-button',
615
617
  type: 'button',
616
618
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
619
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
617
620
  iconFallback: FilePreviewIcon,
618
621
  title: intl.formatMessage(messages.preview),
619
622
  onClick: function onClick() {
@@ -11,10 +11,10 @@ import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
11
11
  import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
12
12
  import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
13
13
  import MaximizeIcon from '@atlaskit/icon/core/maximize';
14
+ import RemoveIcon from '@atlaskit/icon/core/migration/delete--editor-remove';
14
15
  import DownloadIcon from '@atlaskit/icon/core/migration/download';
15
16
  import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
16
17
  import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
17
- import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
18
18
  import { messages } from '@atlaskit/media-ui';
19
19
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
20
20
  import { showLinkingToolbar } from '../../pm-plugins/commands/linking';
@@ -47,6 +47,7 @@ export var generateMediaInlineFloatingToolbar = function generateMediaInlineFloa
47
47
  testId: 'file-preview-toolbar-button',
48
48
  type: 'button',
49
49
  icon: editorExperiment('platform_editor_controls', 'variant1') ? GrowDiagonalIcon : MaximizeIcon,
50
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
50
51
  iconFallback: FilePreviewIcon,
51
52
  title: intl.formatMessage(messages.preview),
52
53
  onClick: function onClick() {
@@ -371,6 +372,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
371
372
  testId: 'file-preview-toolbar-button',
372
373
  type: 'button',
373
374
  icon: isEditorControlsEnabled ? GrowDiagonalIcon : MaximizeIcon,
375
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
374
376
  iconFallback: FilePreviewIcon,
375
377
  title: intl.formatMessage(messages.preview),
376
378
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "2.3.15",
3
+ "version": "2.3.16",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/adf-schema": "^47.6.0",
38
38
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
39
39
  "@atlaskit/analytics-next": "^11.0.0",
40
- "@atlaskit/button": "^21.1.0",
40
+ "@atlaskit/button": "^22.0.0",
41
41
  "@atlaskit/editor-common": "^102.13.0",
42
42
  "@atlaskit/editor-palette": "^2.1.0",
43
43
  "@atlaskit/editor-plugin-analytics": "^2.2.0",
@@ -56,7 +56,7 @@
56
56
  "@atlaskit/editor-shared-styles": "^3.4.0",
57
57
  "@atlaskit/editor-tables": "^2.9.0",
58
58
  "@atlaskit/form": "^12.0.0",
59
- "@atlaskit/icon": "^25.0.0",
59
+ "@atlaskit/icon": "^25.2.0",
60
60
  "@atlaskit/media-card": "^79.0.0",
61
61
  "@atlaskit/media-client": "^32.0.0",
62
62
  "@atlaskit/media-client-react": "^4.0.0",