@atlaskit/editor-plugin-card 4.3.3 → 4.3.4

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,13 @@
1
1
  # @atlaskit/editor-plugin-card
2
2
 
3
+ ## 4.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#152823](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152823)
8
+ [`0ec705650807f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ec705650807f) -
9
+ [ux] ED-25090: ED-25090: Migrated link toolbar and panel toolbar to use the new icons
10
+
3
11
  ## 4.3.3
4
12
 
5
13
  ### Patch Changes
@@ -19,8 +19,12 @@ var _ui = require("@atlaskit/editor-common/ui");
19
19
  var _utils = require("@atlaskit/editor-common/utils");
20
20
  var _state = require("@atlaskit/editor-prosemirror/state");
21
21
  var _utils2 = require("@atlaskit/editor-prosemirror/utils");
22
+ var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
23
+ var _linkBroken = _interopRequireDefault(require("@atlaskit/icon/core/link-broken"));
24
+ var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
25
+ var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
22
26
  var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
23
- var _settings = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
27
+ var _settings2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/settings"));
24
28
  var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
25
29
  var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
26
30
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -253,7 +257,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
253
257
  var toolbarItems = [].concat(editItems, [{
254
258
  id: 'editor.link.openLink',
255
259
  type: 'button',
256
- icon: _shortcut.default,
260
+ icon: _linkExternal.default,
261
+ iconFallback: _shortcut.default,
257
262
  metadata: metadata,
258
263
  className: 'hyperlink-open-link',
259
264
  title: intl.formatMessage(_messages.linkMessages.openLink),
@@ -277,7 +282,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
277
282
  focusEditoronEnter: true,
278
283
  type: 'button',
279
284
  appearance: 'danger',
280
- icon: _remove.default,
285
+ icon: _delete.default,
286
+ iconFallback: _remove.default,
281
287
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
282
288
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
283
289
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
@@ -364,7 +370,8 @@ var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inli
364
370
  focusEditoronEnter: true,
365
371
  type: 'button',
366
372
  title: intl.formatMessage(_messages.linkToolbarMessages.unlink),
367
- icon: _unlink.default,
373
+ icon: _linkBroken.default,
374
+ iconFallback: _unlink.default,
368
375
  onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
369
376
  }, {
370
377
  type: 'separator'
@@ -375,6 +382,7 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
375
382
  id: 'editor.link.settings',
376
383
  type: 'button',
377
384
  icon: _settings.default,
385
+ iconFallback: _settings2.default,
378
386
  title: intl.formatMessage(_messages.linkToolbarMessages.settingsLink),
379
387
  onClick: openLinkSettings(editorAnalyticsApi, userPreferencesLink),
380
388
  href: userPreferencesLink || (0, _link.getLinkPreferencesURLFromENV)(),
@@ -469,7 +477,8 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
469
477
  toolbarItems.push({
470
478
  id: 'editor.link.openLink',
471
479
  type: 'button',
472
- icon: _shortcut.default,
480
+ icon: _linkExternal.default,
481
+ iconFallback: _shortcut.default,
473
482
  metadata: metadata,
474
483
  className: 'hyperlink-open-link',
475
484
  title: intl.formatMessage(_messages.linkMessages.openLink),
@@ -9,6 +9,10 @@ import { SmallerEditIcon } from '@atlaskit/editor-common/ui';
9
9
  import { canRenderDatasource } from '@atlaskit/editor-common/utils';
10
10
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
11
11
  import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
12
+ import DeleteIcon from '@atlaskit/icon/core/delete';
13
+ import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
14
+ import LinkExternalIcon from '@atlaskit/icon/core/link-external';
15
+ import SettingsIcon from '@atlaskit/icon/core/settings';
12
16
  import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
13
17
  import CogIcon from '@atlaskit/icon/glyph/editor/settings';
14
18
  import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
@@ -245,7 +249,8 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
245
249
  const toolbarItems = [...editItems, {
246
250
  id: 'editor.link.openLink',
247
251
  type: 'button',
248
- icon: OpenIcon,
252
+ icon: LinkExternalIcon,
253
+ iconFallback: OpenIcon,
249
254
  metadata: metadata,
250
255
  className: 'hyperlink-open-link',
251
256
  title: intl.formatMessage(linkMessages.openLink),
@@ -269,7 +274,8 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
269
274
  focusEditoronEnter: true,
270
275
  type: 'button',
271
276
  appearance: 'danger',
272
- icon: RemoveIcon,
277
+ icon: DeleteIcon,
278
+ iconFallback: RemoveIcon,
273
279
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
274
280
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
275
281
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
@@ -351,7 +357,8 @@ const getUnlinkButtonGroup = (state, intl, node, inlineCard, editorAnalyticsApi)
351
357
  focusEditoronEnter: true,
352
358
  type: 'button',
353
359
  title: intl.formatMessage(linkToolbarMessages.unlink),
354
- icon: UnlinkIcon,
360
+ icon: LinkBrokenIcon,
361
+ iconFallback: UnlinkIcon,
355
362
  onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
356
363
  }, {
357
364
  type: 'separator'
@@ -361,7 +368,8 @@ export const getSettingsButton = (intl, editorAnalyticsApi, userPreferencesLink)
361
368
  return {
362
369
  id: 'editor.link.settings',
363
370
  type: 'button',
364
- icon: CogIcon,
371
+ icon: SettingsIcon,
372
+ iconFallback: CogIcon,
365
373
  title: intl.formatMessage(linkToolbarMessages.settingsLink),
366
374
  onClick: openLinkSettings(editorAnalyticsApi, userPreferencesLink),
367
375
  href: userPreferencesLink || getLinkPreferencesURLFromENV(),
@@ -456,7 +464,8 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
456
464
  toolbarItems.push({
457
465
  id: 'editor.link.openLink',
458
466
  type: 'button',
459
- icon: OpenIcon,
467
+ icon: LinkExternalIcon,
468
+ iconFallback: OpenIcon,
460
469
  metadata: metadata,
461
470
  className: 'hyperlink-open-link',
462
471
  title: intl.formatMessage(linkMessages.openLink),
@@ -13,6 +13,10 @@ import { SmallerEditIcon } from '@atlaskit/editor-common/ui';
13
13
  import { canRenderDatasource } from '@atlaskit/editor-common/utils';
14
14
  import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
15
15
  import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
16
+ import DeleteIcon from '@atlaskit/icon/core/delete';
17
+ import LinkBrokenIcon from '@atlaskit/icon/core/link-broken';
18
+ import LinkExternalIcon from '@atlaskit/icon/core/link-external';
19
+ import SettingsIcon from '@atlaskit/icon/core/settings';
16
20
  import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
17
21
  import CogIcon from '@atlaskit/icon/glyph/editor/settings';
18
22
  import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
@@ -243,7 +247,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
243
247
  var toolbarItems = [].concat(editItems, [{
244
248
  id: 'editor.link.openLink',
245
249
  type: 'button',
246
- icon: OpenIcon,
250
+ icon: LinkExternalIcon,
251
+ iconFallback: OpenIcon,
247
252
  metadata: metadata,
248
253
  className: 'hyperlink-open-link',
249
254
  title: intl.formatMessage(linkMessages.openLink),
@@ -267,7 +272,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
267
272
  focusEditoronEnter: true,
268
273
  type: 'button',
269
274
  appearance: 'danger',
270
- icon: RemoveIcon,
275
+ icon: DeleteIcon,
276
+ iconFallback: RemoveIcon,
271
277
  onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
272
278
  onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false),
273
279
  onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true),
@@ -354,7 +360,8 @@ var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inli
354
360
  focusEditoronEnter: true,
355
361
  type: 'button',
356
362
  title: intl.formatMessage(linkToolbarMessages.unlink),
357
- icon: UnlinkIcon,
363
+ icon: LinkBrokenIcon,
364
+ iconFallback: UnlinkIcon,
358
365
  onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
359
366
  }, {
360
367
  type: 'separator'
@@ -364,7 +371,8 @@ export var getSettingsButton = function getSettingsButton(intl, editorAnalyticsA
364
371
  return {
365
372
  id: 'editor.link.settings',
366
373
  type: 'button',
367
- icon: CogIcon,
374
+ icon: SettingsIcon,
375
+ iconFallback: CogIcon,
368
376
  title: intl.formatMessage(linkToolbarMessages.settingsLink),
369
377
  onClick: openLinkSettings(editorAnalyticsApi, userPreferencesLink),
370
378
  href: userPreferencesLink || getLinkPreferencesURLFromENV(),
@@ -459,7 +467,8 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
459
467
  toolbarItems.push({
460
468
  id: 'editor.link.openLink',
461
469
  type: 'button',
462
- icon: OpenIcon,
470
+ icon: LinkExternalIcon,
471
+ iconFallback: OpenIcon,
463
472
  metadata: metadata,
464
473
  className: 'hyperlink-open-link',
465
474
  title: intl.formatMessage(linkMessages.openLink),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-card",
3
- "version": "4.3.3",
3
+ "version": "4.3.4",
4
4
  "description": "Card plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",