@atlaskit/editor-common 110.44.2 → 110.45.0
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 +21 -0
- package/dist/cjs/card/LinkToolbarButtonGroup.js +2 -5
- package/dist/cjs/card/MediaAndEmbedsToolbar/index.js +9 -19
- package/dist/cjs/card/link-toolbar-button-group-options.js +5 -15
- package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +2 -2
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +2 -2
- package/dist/cjs/floating-toolbar/DropdownMenuItem.js +2 -2
- package/dist/cjs/i18n/en.js +1 -1
- package/dist/cjs/i18n/en_GB.js +1 -1
- package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js +4 -4
- package/dist/cjs/link/ConfigureLinkOverlay/index.js +2 -2
- package/dist/cjs/media-inline/views/error-view.js +2 -2
- package/dist/cjs/media-single/CommentBadge.js +1 -4
- package/dist/cjs/media-single/CommentBadgeNext.js +1 -4
- package/dist/cjs/media-single/ExternalImageBadge.js +2 -2
- package/dist/cjs/messages/syncBlock.js +1 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Messages/index.js +4 -4
- package/dist/cjs/ui-color/ColorPalette/Color/index.js +2 -2
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +0 -3
- package/dist/es2019/card/LinkToolbarButtonGroup.js +2 -5
- package/dist/es2019/card/MediaAndEmbedsToolbar/index.js +7 -17
- package/dist/es2019/card/link-toolbar-button-group-options.js +5 -15
- package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +1 -1
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +1 -1
- package/dist/es2019/floating-toolbar/DropdownMenuItem.js +1 -1
- package/dist/es2019/i18n/en.js +1 -1
- package/dist/es2019/i18n/en_GB.js +1 -1
- package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js +2 -2
- package/dist/es2019/link/ConfigureLinkOverlay/index.js +1 -1
- package/dist/es2019/media-inline/views/error-view.js +1 -1
- package/dist/es2019/media-single/CommentBadge.js +1 -4
- package/dist/es2019/media-single/CommentBadgeNext.js +1 -4
- package/dist/es2019/media-single/ExternalImageBadge.js +1 -1
- package/dist/es2019/messages/syncBlock.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Messages/index.js +2 -2
- package/dist/es2019/ui-color/ColorPalette/Color/index.js +1 -1
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +0 -3
- package/dist/esm/card/LinkToolbarButtonGroup.js +2 -5
- package/dist/esm/card/MediaAndEmbedsToolbar/index.js +7 -17
- package/dist/esm/card/link-toolbar-button-group-options.js +5 -15
- package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +1 -1
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +1 -1
- package/dist/esm/floating-toolbar/DropdownMenuItem.js +1 -1
- package/dist/esm/i18n/en.js +1 -1
- package/dist/esm/i18n/en_GB.js +1 -1
- package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js +2 -2
- package/dist/esm/link/ConfigureLinkOverlay/index.js +1 -1
- package/dist/esm/media-inline/views/error-view.js +1 -1
- package/dist/esm/media-single/CommentBadge.js +1 -4
- package/dist/esm/media-single/CommentBadgeNext.js +1 -4
- package/dist/esm/media-single/ExternalImageBadge.js +1 -1
- package/dist/esm/messages/syncBlock.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Messages/index.js +2 -2
- package/dist/esm/ui-color/ColorPalette/Color/index.js +1 -1
- package/dist/esm/ui-menu/ColorPickerButton/index.js +0 -3
- package/dist/types/card/LinkToolbarButtonGroup.d.ts +1 -2
- package/dist/types/card/link-toolbar-button-group-options.d.ts +0 -4
- package/dist/types-ts4.5/card/LinkToolbarButtonGroup.d.ts +1 -2
- package/dist/types-ts4.5/card/link-toolbar-button-group-options.d.ts +0 -4
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 110.45.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
|
|
8
|
+
Migrated and cleaned up legacy iconography usage.
|
|
9
|
+
- [`a436afb117ae3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a436afb117ae3) -
|
|
10
|
+
Update edit at source icon/tooltip
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
16
|
+
## 110.44.3
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
|
|
21
|
+
Icon entrypoint migration
|
|
22
|
+
- Updated dependencies
|
|
23
|
+
|
|
3
24
|
## 110.44.2
|
|
4
25
|
|
|
5
26
|
### Patch Changes
|
|
@@ -26,7 +26,7 @@ var buttonStyleNoneEvent = (0, _react2.css)({
|
|
|
26
26
|
pointerEvents: 'none'
|
|
27
27
|
});
|
|
28
28
|
var DisallowedWrapper = function DisallowedWrapper(_ref) {
|
|
29
|
-
var
|
|
29
|
+
var _disabled = _ref.disabled,
|
|
30
30
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
31
31
|
// adding this ignore to avoid having to use compiled (can be fixed at a later date)
|
|
32
32
|
// @ts-ignore
|
|
@@ -55,7 +55,6 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
|
|
|
55
55
|
tooltipContent = _ref3.tooltipContent,
|
|
56
56
|
title = _ref3.title,
|
|
57
57
|
icon = _ref3.icon,
|
|
58
|
-
iconFallback = _ref3.iconFallback,
|
|
59
58
|
areAnyNewToolbarFlagsEnabled = _ref3.areAnyNewToolbarFlagsEnabled;
|
|
60
59
|
var ButtonIcon = icon;
|
|
61
60
|
return (0, _react2.jsx)(DisallowedWrapper, {
|
|
@@ -67,9 +66,7 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
|
|
|
67
66
|
title: title,
|
|
68
67
|
icon: (0, _react2.jsx)(ButtonIcon, {
|
|
69
68
|
label: title,
|
|
70
|
-
spacing: "spacious"
|
|
71
|
-
LEGACY_size: "medium",
|
|
72
|
-
LEGACY_fallbackIcon: iconFallback
|
|
69
|
+
spacing: "spacious"
|
|
73
70
|
}),
|
|
74
71
|
selected: selected,
|
|
75
72
|
onClick: onClick,
|
|
@@ -18,15 +18,10 @@ var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/core/align
|
|
|
18
18
|
var _alignTextCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-text-center"));
|
|
19
19
|
var _alignTextLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-text-left"));
|
|
20
20
|
var _alignTextRight = _interopRequireDefault(require("@atlaskit/icon/core/align-text-right"));
|
|
21
|
+
var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/content-width-wide"));
|
|
21
22
|
var _contentWrapLeft = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-left"));
|
|
22
23
|
var _contentWrapRight = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-right"));
|
|
23
|
-
var
|
|
24
|
-
var _expandHorizontalEditorMediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/core/migration/expand-horizontal--editor-media-full-width"));
|
|
25
|
-
var _alignImageCenter2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
|
|
26
|
-
var _alignImageLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-left"));
|
|
27
|
-
var _alignImageRight2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
|
|
28
|
-
var _mediaWrapLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-left"));
|
|
29
|
-
var _mediaWrapRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-right"));
|
|
24
|
+
var _expandHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/expand-horizontal"));
|
|
30
25
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
31
26
|
var _analytics = require("../../analytics");
|
|
32
27
|
var _coreUtils = require("../../core-utils");
|
|
@@ -47,8 +42,7 @@ var alignmentIcons = exports.alignmentIcons = [{
|
|
|
47
42
|
return /*#__PURE__*/_react.default.createElement(_alignImageLeft.default, {
|
|
48
43
|
color: "currentColor",
|
|
49
44
|
spacing: "spacious",
|
|
50
|
-
label: "media-toolbar-align-left-icon"
|
|
51
|
-
LEGACY_fallbackIcon: _alignImageLeft2.default
|
|
45
|
+
label: "media-toolbar-align-left-icon"
|
|
52
46
|
});
|
|
53
47
|
}
|
|
54
48
|
}, {
|
|
@@ -58,8 +52,7 @@ var alignmentIcons = exports.alignmentIcons = [{
|
|
|
58
52
|
return /*#__PURE__*/_react.default.createElement(_alignImageCenter.default, {
|
|
59
53
|
color: "currentColor",
|
|
60
54
|
spacing: "spacious",
|
|
61
|
-
label: "media-toolbar-align-center-icon"
|
|
62
|
-
LEGACY_fallbackIcon: _alignImageCenter2.default
|
|
55
|
+
label: "media-toolbar-align-center-icon"
|
|
63
56
|
});
|
|
64
57
|
}
|
|
65
58
|
}, {
|
|
@@ -69,8 +62,7 @@ var alignmentIcons = exports.alignmentIcons = [{
|
|
|
69
62
|
return /*#__PURE__*/_react.default.createElement(_alignImageRight.default, {
|
|
70
63
|
color: "currentColor",
|
|
71
64
|
spacing: "spacious",
|
|
72
|
-
label: "media-toolbar-align-right-icon"
|
|
73
|
-
LEGACY_fallbackIcon: _alignImageRight2.default
|
|
65
|
+
label: "media-toolbar-align-right-icon"
|
|
74
66
|
});
|
|
75
67
|
}
|
|
76
68
|
}];
|
|
@@ -115,8 +107,7 @@ var wrappingIcons = exports.wrappingIcons = [{
|
|
|
115
107
|
return /*#__PURE__*/_react.default.createElement(_contentWrapLeft.default, {
|
|
116
108
|
color: "currentColor",
|
|
117
109
|
spacing: "spacious",
|
|
118
|
-
label: "media-toolbar-wrap-left-icon"
|
|
119
|
-
LEGACY_fallbackIcon: _mediaWrapLeft.default
|
|
110
|
+
label: "media-toolbar-wrap-left-icon"
|
|
120
111
|
});
|
|
121
112
|
}
|
|
122
113
|
}, {
|
|
@@ -126,17 +117,16 @@ var wrappingIcons = exports.wrappingIcons = [{
|
|
|
126
117
|
return /*#__PURE__*/_react.default.createElement(_contentWrapRight.default, {
|
|
127
118
|
color: "currentColor",
|
|
128
119
|
spacing: "spacious",
|
|
129
|
-
label: "media-toolbar-wrap-right-icon"
|
|
130
|
-
LEGACY_fallbackIcon: _mediaWrapRight.default
|
|
120
|
+
label: "media-toolbar-wrap-right-icon"
|
|
131
121
|
});
|
|
132
122
|
}
|
|
133
123
|
}];
|
|
134
124
|
var breakoutIcons = [{
|
|
135
125
|
value: 'wide',
|
|
136
|
-
icon:
|
|
126
|
+
icon: _contentWidthWide.default
|
|
137
127
|
}, {
|
|
138
128
|
value: 'full-width',
|
|
139
|
-
icon:
|
|
129
|
+
icon: _expandHorizontal.default
|
|
140
130
|
}];
|
|
141
131
|
|
|
142
132
|
// Ignored via go/ees005
|
|
@@ -10,30 +10,22 @@ var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-l
|
|
|
10
10
|
var _smartLinkEmbed = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-embed"));
|
|
11
11
|
var _smartLinkInline = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-inline"));
|
|
12
12
|
var _messages = require("../messages");
|
|
13
|
-
var _card = require("./ui/assets/card");
|
|
14
|
-
var _embed = require("./ui/assets/embed");
|
|
15
|
-
var _inline = require("./ui/assets/inline");
|
|
16
|
-
var _url = require("./ui/assets/url");
|
|
17
13
|
var appearancePropsMap = exports.appearancePropsMap = {
|
|
18
14
|
url: {
|
|
19
15
|
title: _messages.cardMessages.urlTitle,
|
|
20
|
-
icon: _minus.default
|
|
21
|
-
iconFallback: _url.IconUrl
|
|
16
|
+
icon: _minus.default
|
|
22
17
|
},
|
|
23
18
|
inline: {
|
|
24
19
|
title: _messages.cardMessages.inlineTitle,
|
|
25
|
-
icon: _smartLinkInline.default
|
|
26
|
-
iconFallback: _inline.IconInline
|
|
20
|
+
icon: _smartLinkInline.default
|
|
27
21
|
},
|
|
28
22
|
block: {
|
|
29
23
|
title: _messages.cardMessages.blockTitle,
|
|
30
|
-
icon: _smartLinkCard.default
|
|
31
|
-
iconFallback: _card.IconCard
|
|
24
|
+
icon: _smartLinkCard.default
|
|
32
25
|
},
|
|
33
26
|
embed: {
|
|
34
27
|
title: _messages.cardMessages.embedTitle,
|
|
35
|
-
icon: _smartLinkEmbed.default
|
|
36
|
-
iconFallback: _embed.IconEmbed
|
|
28
|
+
icon: _smartLinkEmbed.default
|
|
37
29
|
}
|
|
38
30
|
};
|
|
39
31
|
var getButtonGroupOption = exports.getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _ref) {
|
|
@@ -45,12 +37,10 @@ var getButtonGroupOption = exports.getButtonGroupOption = function getButtonGrou
|
|
|
45
37
|
tooltip = _ref.tooltip;
|
|
46
38
|
var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
|
|
47
39
|
title = _appearancePropsMap.title,
|
|
48
|
-
icon = _appearancePropsMap.icon
|
|
49
|
-
iconFallback = _appearancePropsMap.iconFallback;
|
|
40
|
+
icon = _appearancePropsMap.icon;
|
|
50
41
|
return {
|
|
51
42
|
title: intl.formatMessage(title),
|
|
52
43
|
icon: icon,
|
|
53
|
-
iconFallback: iconFallback,
|
|
54
44
|
onClick: function onClick() {
|
|
55
45
|
return dispatchCommand(_onClick);
|
|
56
46
|
},
|
|
@@ -8,7 +8,7 @@ exports.LozengeComponent = exports.ICON_SIZE = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
var
|
|
11
|
+
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
|
|
12
12
|
var _styles = require("../styles");
|
|
13
13
|
var _EditToggle = require("./EditToggle");
|
|
14
14
|
var _ExtensionLabel = require("./ExtensionLabel");
|
|
@@ -69,7 +69,7 @@ var LozengeComponent = exports.LozengeComponent = function LozengeComponent(_ref
|
|
|
69
69
|
}, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
|
|
70
70
|
height: ICON_SIZE,
|
|
71
71
|
width: ICON_SIZE
|
|
72
|
-
}, lozengeData)) : (0, _react2.jsx)(
|
|
72
|
+
}, lozengeData)) : (0, _react2.jsx)(_file.default, {
|
|
73
73
|
label: title
|
|
74
74
|
}), (0, _react2.jsx)("span", {
|
|
75
75
|
className: "extension-title"
|
|
@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _react2 = require("@emotion/react");
|
|
16
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
var
|
|
17
|
+
var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
|
|
18
18
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
19
19
|
var _hooks = require("../../hooks");
|
|
20
20
|
var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
|
|
@@ -87,7 +87,7 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, s
|
|
|
87
87
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
88
88
|
className: "extension-title",
|
|
89
89
|
"data-testid": 'multiBodiedExtension-default-lozenge'
|
|
90
|
-
}, (0, _react2.jsx)(
|
|
90
|
+
}, (0, _react2.jsx)(_file.default, {
|
|
91
91
|
label: title
|
|
92
92
|
}), title);
|
|
93
93
|
};
|
|
@@ -8,7 +8,7 @@ exports.menuItemDimensions = exports.DropdownMenuItem = void 0;
|
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
|
-
var
|
|
11
|
+
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
12
12
|
var _menu = require("@atlaskit/menu");
|
|
13
13
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
14
14
|
var _floatingToolbar = require("../floating-toolbar");
|
|
@@ -45,7 +45,7 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
|
|
|
45
45
|
if (showSelected && itemSelected) {
|
|
46
46
|
return (0, _react2.jsx)("span", {
|
|
47
47
|
"aria-hidden": "true"
|
|
48
|
-
}, (0, _react2.jsx)(
|
|
48
|
+
}, (0, _react2.jsx)(_checkMark.default, {
|
|
49
49
|
LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
|
|
50
50
|
LEGACY_size: "small",
|
|
51
51
|
label: intl.formatMessage(_floatingToolbar.messages.confirmModalOK),
|
package/dist/cjs/i18n/en.js
CHANGED
|
@@ -534,7 +534,7 @@ var _default = exports.default = {
|
|
|
534
534
|
'fabric.editor.editLink': 'Edit link',
|
|
535
535
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
536
536
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
537
|
-
'fabric.editor.editSourceTooltip': '
|
|
537
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
538
538
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
539
539
|
'fabric.editor.editStatusColor': 'Edit Status Color',
|
|
540
540
|
'fabric.editor.editStatusText': 'Edit Status',
|
package/dist/cjs/i18n/en_GB.js
CHANGED
|
@@ -534,7 +534,7 @@ var _default = exports.default = {
|
|
|
534
534
|
'fabric.editor.editLink': 'Edit link',
|
|
535
535
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
536
536
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
537
|
-
'fabric.editor.editSourceTooltip': '
|
|
537
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
538
538
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
539
539
|
'fabric.editor.editStatusColor': 'Edit Status Colour',
|
|
540
540
|
'fabric.editor.editStatusText': 'Edit Status',
|
|
@@ -13,9 +13,9 @@ var _react2 = require("@emotion/react");
|
|
|
13
13
|
var _reactIntlNext = require("react-intl-next");
|
|
14
14
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
15
15
|
var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
|
|
16
|
+
var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
|
|
17
|
+
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
16
18
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
|
|
17
|
-
var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
|
|
18
|
-
var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
|
|
19
19
|
var _messages = require("../../messages");
|
|
20
20
|
var _StyledButton = require("./StyledButton");
|
|
21
21
|
var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
|
|
@@ -94,14 +94,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
94
94
|
testId: "".concat(testId, "-dropdown"),
|
|
95
95
|
onOpenChange: onOpenChange
|
|
96
96
|
}, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
|
|
97
|
-
elemBefore: (0, _react2.jsx)(
|
|
97
|
+
elemBefore: (0, _react2.jsx)(_linkExternal.default, {
|
|
98
98
|
label: goToLinkLabel,
|
|
99
99
|
LEGACY_size: "medium"
|
|
100
100
|
}),
|
|
101
101
|
testId: "".concat(testId, "-dropdown-item-open-link"),
|
|
102
102
|
onClick: onGoToLinkClick
|
|
103
103
|
}, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
|
|
104
|
-
elemBefore: (0, _react2.jsx)(
|
|
104
|
+
elemBefore: (0, _react2.jsx)(_customize.default, {
|
|
105
105
|
label: configureLinkLabel,
|
|
106
106
|
LEGACY_size: "medium"
|
|
107
107
|
}),
|
|
@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
|
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
12
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
13
13
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
14
|
-
var
|
|
14
|
+
var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
|
|
15
15
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
16
16
|
var _messages = require("../../messages");
|
|
17
17
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
@@ -106,7 +106,7 @@ var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()
|
|
|
106
106
|
testId: "".concat(testId, "-tooltip")
|
|
107
107
|
}, (0, _react2.jsx)(_StyledButton.StyledButton, {
|
|
108
108
|
onClick: handleConfigureClickWithAnalytics,
|
|
109
|
-
iconBefore: (0, _react2.jsx)(
|
|
109
|
+
iconBefore: (0, _react2.jsx)(_customize.default, {
|
|
110
110
|
label: configureLinkLabel,
|
|
111
111
|
LEGACY_size: "small",
|
|
112
112
|
testId: "".concat(testId, "-configure-icon")
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.InlineImageCardErrorView = void 0;
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
|
-
var
|
|
9
|
+
var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
|
|
10
10
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
11
11
|
var _constants = require("./constants");
|
|
12
12
|
var _frame = require("./frame");
|
|
@@ -32,7 +32,7 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
|
|
|
32
32
|
position: "top",
|
|
33
33
|
tag: "span",
|
|
34
34
|
hideTooltipOnClick: true
|
|
35
|
-
}, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(
|
|
35
|
+
}, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(_statusWarning.default, {
|
|
36
36
|
label: "error",
|
|
37
37
|
LEGACY_size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
|
|
38
38
|
color: "var(--ds-icon-danger, #C9372C)"
|
|
@@ -12,7 +12,6 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
|
12
12
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
13
13
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
14
14
|
var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
|
|
15
|
-
var _comment2 = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
|
|
16
15
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
17
16
|
var _media = require("../media");
|
|
18
17
|
/**
|
|
@@ -118,9 +117,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
118
117
|
iconAfter: (0, _react2.jsx)(_comment.default, {
|
|
119
118
|
label: title,
|
|
120
119
|
spacing: "spacious",
|
|
121
|
-
color: "currentColor"
|
|
122
|
-
LEGACY_size: badgeSize,
|
|
123
|
-
LEGACY_fallbackIcon: _comment2.default
|
|
120
|
+
color: "currentColor"
|
|
124
121
|
})
|
|
125
122
|
})));
|
|
126
123
|
});
|
|
@@ -9,7 +9,6 @@ exports.CommentBadgeNext = void 0;
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
11
|
var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
|
|
12
|
-
var _comment2 = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
|
|
13
12
|
var _primitives = require("@atlaskit/primitives");
|
|
14
13
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
15
14
|
var _media = require("../media");
|
|
@@ -54,8 +53,6 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
|
|
|
54
53
|
}, /*#__PURE__*/_react.default.createElement(_comment.default, {
|
|
55
54
|
label: title,
|
|
56
55
|
spacing: "spacious",
|
|
57
|
-
color: "currentColor"
|
|
58
|
-
LEGACY_size: "medium",
|
|
59
|
-
LEGACY_fallbackIcon: _comment2.default
|
|
56
|
+
color: "currentColor"
|
|
60
57
|
})));
|
|
61
58
|
};
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.isUnbadgedUrl = exports.ExternalImageBadge = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
|
-
var
|
|
10
|
+
var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
|
|
11
11
|
var _primitives = require("@atlaskit/primitives");
|
|
12
12
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
13
13
|
var _media = require("../media");
|
|
@@ -59,7 +59,7 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
|
|
|
59
59
|
}), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
60
60
|
content: message,
|
|
61
61
|
position: "top"
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
|
|
63
63
|
LEGACY_size: "small",
|
|
64
64
|
label: message
|
|
65
65
|
})));
|
|
@@ -23,7 +23,7 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
|
|
|
23
23
|
},
|
|
24
24
|
editSourceTooltip: {
|
|
25
25
|
id: 'fabric.editor.editSourceTooltip',
|
|
26
|
-
defaultMessage: '
|
|
26
|
+
defaultMessage: 'Edit at the source location',
|
|
27
27
|
description: 'Tooltip for the button to navigate to the source page of the sync block element'
|
|
28
28
|
},
|
|
29
29
|
editSourceTooltipDisabled: {
|
|
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "
|
|
22
|
+
var packageVersion = "110.44.3";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "
|
|
27
|
+
var packageVersion = "110.44.3";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
|
|
10
|
+
var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
|
|
11
11
|
/**
|
|
12
12
|
* @jsxRuntime classic
|
|
13
13
|
* @jsx jsx
|
|
@@ -58,7 +58,7 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
|
|
|
58
58
|
}
|
|
59
59
|
}, (0, _react.jsx)("span", {
|
|
60
60
|
css: iconWrapperStyle
|
|
61
|
-
}, (0, _react.jsx)(
|
|
61
|
+
}, (0, _react.jsx)(_statusError.default, {
|
|
62
62
|
LEGACY_size: "small",
|
|
63
63
|
label: "error",
|
|
64
64
|
"aria-label": "error"
|
|
@@ -72,7 +72,7 @@ var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
|
|
|
72
72
|
}
|
|
73
73
|
}, (0, _react.jsx)("span", {
|
|
74
74
|
css: iconWrapperStyle
|
|
75
|
-
}, (0, _react.jsx)(
|
|
75
|
+
}, (0, _react.jsx)(_statusSuccess.default, {
|
|
76
76
|
LEGACY_size: "small",
|
|
77
77
|
label: "success"
|
|
78
78
|
})), children);
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
-
var
|
|
10
|
+
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
11
11
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
12
12
|
var _styles = require("./styles");
|
|
13
13
|
/**
|
|
@@ -73,7 +73,7 @@ var Color = function Color(props) {
|
|
|
73
73
|
border: "var(--ds-border-width, 1px)".concat(" solid ", borderColor)
|
|
74
74
|
},
|
|
75
75
|
autoFocus: autoFocus
|
|
76
|
-
}, !decorator && isSelected && (0, _react2.jsx)(
|
|
76
|
+
}, !decorator && isSelected && (0, _react2.jsx)(_checkMark.default, {
|
|
77
77
|
LEGACY_primaryColor: checkMarkColor,
|
|
78
78
|
label: ""
|
|
79
79
|
}), decorator)));
|
|
@@ -14,7 +14,6 @@ var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-n
|
|
|
14
14
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
15
15
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
16
16
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
17
|
-
var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
18
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _primitives = require("@atlaskit/primitives");
|
|
20
19
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
@@ -294,7 +293,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
294
293
|
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
295
294
|
color: "currentColor",
|
|
296
295
|
spacing: "spacious",
|
|
297
|
-
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
298
296
|
label: "color-picker-chevron-down",
|
|
299
297
|
size: "small"
|
|
300
298
|
}))))) : (0, _react2.jsx)(_standardButton.default, {
|
|
@@ -319,7 +317,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
319
317
|
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
320
318
|
color: "currentColor",
|
|
321
319
|
spacing: "spacious",
|
|
322
|
-
LEGACY_fallbackIcon: _chevronDown2.default,
|
|
323
320
|
label: "color-picker-chevron-down",
|
|
324
321
|
size: "small"
|
|
325
322
|
})),
|
|
@@ -19,7 +19,7 @@ const buttonStyleNoneEvent = css({
|
|
|
19
19
|
pointerEvents: 'none'
|
|
20
20
|
});
|
|
21
21
|
const DisallowedWrapper = ({
|
|
22
|
-
disabled,
|
|
22
|
+
disabled: _disabled,
|
|
23
23
|
...props
|
|
24
24
|
}) => {
|
|
25
25
|
// adding this ignore to avoid having to use compiled (can be fixed at a later date)
|
|
@@ -50,7 +50,6 @@ export const LinkToolbarButtonGroup = ({
|
|
|
50
50
|
tooltipContent,
|
|
51
51
|
title,
|
|
52
52
|
icon,
|
|
53
|
-
iconFallback,
|
|
54
53
|
areAnyNewToolbarFlagsEnabled
|
|
55
54
|
}) => {
|
|
56
55
|
const ButtonIcon = icon;
|
|
@@ -63,9 +62,7 @@ export const LinkToolbarButtonGroup = ({
|
|
|
63
62
|
title: title,
|
|
64
63
|
icon: jsx(ButtonIcon, {
|
|
65
64
|
label: title,
|
|
66
|
-
spacing: "spacious"
|
|
67
|
-
LEGACY_size: "medium",
|
|
68
|
-
LEGACY_fallbackIcon: iconFallback
|
|
65
|
+
spacing: "spacious"
|
|
69
66
|
}),
|
|
70
67
|
selected: selected,
|
|
71
68
|
onClick: onClick,
|
|
@@ -8,15 +8,10 @@ import AlignImageRightIcon from '@atlaskit/icon/core/align-image-right';
|
|
|
8
8
|
import AlignTextCenterIcon from '@atlaskit/icon/core/align-text-center';
|
|
9
9
|
import AlignTextLeftIcon from '@atlaskit/icon/core/align-text-left';
|
|
10
10
|
import AlignTextRightIcon from '@atlaskit/icon/core/align-text-right';
|
|
11
|
+
import ContentWidthWide from '@atlaskit/icon/core/content-width-wide';
|
|
11
12
|
import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
|
|
12
13
|
import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
|
|
13
|
-
import
|
|
14
|
-
import FullWidthIcon from '@atlaskit/icon/core/migration/expand-horizontal--editor-media-full-width';
|
|
15
|
-
import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
|
|
16
|
-
import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
|
|
17
|
-
import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
|
|
18
|
-
import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
|
|
19
|
-
import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
|
|
14
|
+
import FullWidthIcon from '@atlaskit/icon/core/expand-horizontal';
|
|
20
15
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
21
16
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
|
|
22
17
|
import { insideTable } from '../../core-utils';
|
|
@@ -34,8 +29,7 @@ export const alignmentIcons = [{
|
|
|
34
29
|
icon: () => /*#__PURE__*/React.createElement(AlignImageLeftIcon, {
|
|
35
30
|
color: "currentColor",
|
|
36
31
|
spacing: "spacious",
|
|
37
|
-
label: "media-toolbar-align-left-icon"
|
|
38
|
-
LEGACY_fallbackIcon: EditorAlignImageLeft
|
|
32
|
+
label: "media-toolbar-align-left-icon"
|
|
39
33
|
})
|
|
40
34
|
}, {
|
|
41
35
|
id: 'editor.media.alignCenter',
|
|
@@ -43,8 +37,7 @@ export const alignmentIcons = [{
|
|
|
43
37
|
icon: () => /*#__PURE__*/React.createElement(AlignImageCenterIcon, {
|
|
44
38
|
color: "currentColor",
|
|
45
39
|
spacing: "spacious",
|
|
46
|
-
label: "media-toolbar-align-center-icon"
|
|
47
|
-
LEGACY_fallbackIcon: EditorAlignImageCenter
|
|
40
|
+
label: "media-toolbar-align-center-icon"
|
|
48
41
|
})
|
|
49
42
|
}, {
|
|
50
43
|
id: 'editor.media.alignRight',
|
|
@@ -52,8 +45,7 @@ export const alignmentIcons = [{
|
|
|
52
45
|
icon: () => /*#__PURE__*/React.createElement(AlignImageRightIcon, {
|
|
53
46
|
color: "currentColor",
|
|
54
47
|
spacing: "spacious",
|
|
55
|
-
label: "media-toolbar-align-right-icon"
|
|
56
|
-
LEGACY_fallbackIcon: EditorAlignImageRight
|
|
48
|
+
label: "media-toolbar-align-right-icon"
|
|
57
49
|
})
|
|
58
50
|
}];
|
|
59
51
|
const alignmentIconsControls = [{
|
|
@@ -90,8 +82,7 @@ export const wrappingIcons = [{
|
|
|
90
82
|
icon: () => /*#__PURE__*/React.createElement(ContentWrapLeftIcon, {
|
|
91
83
|
color: "currentColor",
|
|
92
84
|
spacing: "spacious",
|
|
93
|
-
label: "media-toolbar-wrap-left-icon"
|
|
94
|
-
LEGACY_fallbackIcon: WrapLeftIcon
|
|
85
|
+
label: "media-toolbar-wrap-left-icon"
|
|
95
86
|
})
|
|
96
87
|
}, {
|
|
97
88
|
id: 'editor.media.wrapRight',
|
|
@@ -99,8 +90,7 @@ export const wrappingIcons = [{
|
|
|
99
90
|
icon: () => /*#__PURE__*/React.createElement(ContentWrapRightIcon, {
|
|
100
91
|
color: "currentColor",
|
|
101
92
|
spacing: "spacious",
|
|
102
|
-
label: "media-toolbar-wrap-right-icon"
|
|
103
|
-
LEGACY_fallbackIcon: WrapRightIcon
|
|
93
|
+
label: "media-toolbar-wrap-right-icon"
|
|
104
94
|
})
|
|
105
95
|
}];
|
|
106
96
|
const breakoutIcons = [{
|
|
@@ -3,30 +3,22 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
|
|
|
3
3
|
import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
|
|
4
4
|
import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
|
|
5
5
|
import { cardMessages as messages } from '../messages';
|
|
6
|
-
import { IconCard } from './ui/assets/card';
|
|
7
|
-
import { IconEmbed } from './ui/assets/embed';
|
|
8
|
-
import { IconInline } from './ui/assets/inline';
|
|
9
|
-
import { IconUrl } from './ui/assets/url';
|
|
10
6
|
export const appearancePropsMap = {
|
|
11
7
|
url: {
|
|
12
8
|
title: messages.urlTitle,
|
|
13
|
-
icon: MinusIcon
|
|
14
|
-
iconFallback: IconUrl
|
|
9
|
+
icon: MinusIcon
|
|
15
10
|
},
|
|
16
11
|
inline: {
|
|
17
12
|
title: messages.inlineTitle,
|
|
18
|
-
icon: SmartLinkInlineIcon
|
|
19
|
-
iconFallback: IconInline
|
|
13
|
+
icon: SmartLinkInlineIcon
|
|
20
14
|
},
|
|
21
15
|
block: {
|
|
22
16
|
title: messages.blockTitle,
|
|
23
|
-
icon: SmartLinkCardIcon
|
|
24
|
-
iconFallback: IconCard
|
|
17
|
+
icon: SmartLinkCardIcon
|
|
25
18
|
},
|
|
26
19
|
embed: {
|
|
27
20
|
title: messages.embedTitle,
|
|
28
|
-
icon: SmartLinkEmbedIcon
|
|
29
|
-
iconFallback: IconEmbed
|
|
21
|
+
icon: SmartLinkEmbedIcon
|
|
30
22
|
}
|
|
31
23
|
};
|
|
32
24
|
export const getButtonGroupOption = (intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, {
|
|
@@ -39,13 +31,11 @@ export const getButtonGroupOption = (intl, areAnyNewToolbarFlagsEnabled, dispatc
|
|
|
39
31
|
}) => {
|
|
40
32
|
const {
|
|
41
33
|
title,
|
|
42
|
-
icon
|
|
43
|
-
iconFallback
|
|
34
|
+
icon
|
|
44
35
|
} = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
|
|
45
36
|
return {
|
|
46
37
|
title: intl.formatMessage(title),
|
|
47
38
|
icon,
|
|
48
|
-
iconFallback,
|
|
49
39
|
onClick: () => dispatchCommand(onClick),
|
|
50
40
|
disabled: Boolean(disabled),
|
|
51
41
|
tooltipContent: tooltip || null,
|