@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 +8 -0
- package/dist/cjs/toolbar.js +14 -5
- package/dist/es2019/toolbar.js +14 -5
- package/dist/esm/toolbar.js +14 -5
- package/package.json +1 -1
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
|
package/dist/cjs/toolbar.js
CHANGED
|
@@ -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
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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),
|
package/dist/es2019/toolbar.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
467
|
+
icon: LinkExternalIcon,
|
|
468
|
+
iconFallback: OpenIcon,
|
|
460
469
|
metadata: metadata,
|
|
461
470
|
className: 'hyperlink-open-link',
|
|
462
471
|
title: intl.formatMessage(linkMessages.openLink),
|
package/dist/esm/toolbar.js
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
470
|
+
icon: LinkExternalIcon,
|
|
471
|
+
iconFallback: OpenIcon,
|
|
463
472
|
metadata: metadata,
|
|
464
473
|
className: 'hyperlink-open-link',
|
|
465
474
|
title: intl.formatMessage(linkMessages.openLink),
|