@atlaskit/editor-common 110.44.3 → 110.46.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 +29 -0
- package/dist/cjs/card/LinkToolbarButtonGroup.js +2 -5
- package/dist/cjs/card/MediaAndEmbedsToolbar/index.js +5 -15
- package/dist/cjs/card/link-toolbar-button-group-options.js +5 -15
- package/dist/cjs/i18n/en.js +1 -1
- package/dist/cjs/i18n/en_GB.js +1 -1
- package/dist/cjs/media-single/CommentBadge.js +1 -4
- package/dist/cjs/media-single/CommentBadgeNext.js +1 -4
- package/dist/cjs/messages/syncBlock.js +6 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- 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 +5 -15
- package/dist/es2019/card/link-toolbar-button-group-options.js +5 -15
- package/dist/es2019/i18n/en.js +1 -1
- package/dist/es2019/i18n/en_GB.js +1 -1
- package/dist/es2019/media-single/CommentBadge.js +1 -4
- package/dist/es2019/media-single/CommentBadgeNext.js +1 -4
- package/dist/es2019/messages/syncBlock.js +6 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/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 +5 -15
- package/dist/esm/card/link-toolbar-button-group-options.js +5 -15
- package/dist/esm/i18n/en.js +1 -1
- package/dist/esm/i18n/en_GB.js +1 -1
- package/dist/esm/media-single/CommentBadge.js +1 -4
- package/dist/esm/media-single/CommentBadgeNext.js +1 -4
- package/dist/esm/messages/syncBlock.js +6 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/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/messages/syncBlock.d.ts +5 -0
- 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/dist/types-ts4.5/messages/syncBlock.d.ts +5 -0
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 110.46.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`cbf58f8500db4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cbf58f8500db4) -
|
|
8
|
+
[https://hello.jira.atlassian.cloud/browse/EDITOR-3893](EDITOR-3893) - fix mussing <br /> in empty
|
|
9
|
+
textblocks in the `EditorSSRRenderer`
|
|
10
|
+
|
|
11
|
+
## 110.45.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`099f1ef94c7c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/099f1ef94c7c2) -
|
|
16
|
+
Not found error will not be retryable in UI (expected behaviour)
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
19
|
+
## 110.45.0
|
|
20
|
+
|
|
21
|
+
### Minor Changes
|
|
22
|
+
|
|
23
|
+
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
|
|
24
|
+
Migrated and cleaned up legacy iconography usage.
|
|
25
|
+
- [`a436afb117ae3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a436afb117ae3) -
|
|
26
|
+
Update edit at source icon/tooltip
|
|
27
|
+
|
|
28
|
+
### Patch Changes
|
|
29
|
+
|
|
30
|
+
- Updated dependencies
|
|
31
|
+
|
|
3
32
|
## 110.44.3
|
|
4
33
|
|
|
5
34
|
### 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,
|
|
@@ -22,11 +22,6 @@ var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/cont
|
|
|
22
22
|
var _contentWrapLeft = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-left"));
|
|
23
23
|
var _contentWrapRight = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-right"));
|
|
24
24
|
var _expandHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/expand-horizontal"));
|
|
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"));
|
|
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,8 +117,7 @@ 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
|
}];
|
|
@@ -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
|
},
|
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',
|
|
@@ -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
|
};
|
|
@@ -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: {
|
|
@@ -171,6 +171,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
|
|
|
171
171
|
defaultMessage: 'Synced block not found.',
|
|
172
172
|
description: 'Alt text for icon on error state where the synced block cannot be found or no longer exists'
|
|
173
173
|
},
|
|
174
|
+
notFoundDescription: {
|
|
175
|
+
id: 'fabric.editor.syncedBlockNotFoundDescription.non-final',
|
|
176
|
+
defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
|
|
177
|
+
description: 'Description for error state where the synced block cannot be found'
|
|
178
|
+
},
|
|
174
179
|
retryButton: {
|
|
175
180
|
id: 'fabric.editor.retrySyncedBlock',
|
|
176
181
|
defaultMessage: 'Try again',
|
|
@@ -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 = "110.
|
|
22
|
+
var packageVersion = "110.45.1";
|
|
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 = "110.
|
|
27
|
+
var packageVersion = "110.45.1";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -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,
|
|
@@ -12,11 +12,6 @@ import ContentWidthWide from '@atlaskit/icon/core/content-width-wide';
|
|
|
12
12
|
import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
|
|
13
13
|
import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
|
|
14
14
|
import FullWidthIcon from '@atlaskit/icon/core/expand-horizontal';
|
|
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';
|
|
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,
|
package/dist/es2019/i18n/en.js
CHANGED
|
@@ -528,7 +528,7 @@ export default {
|
|
|
528
528
|
'fabric.editor.editLink': 'Edit link',
|
|
529
529
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
530
530
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
531
|
-
'fabric.editor.editSourceTooltip': '
|
|
531
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
532
532
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
533
533
|
'fabric.editor.editStatusColor': 'Edit Status Color',
|
|
534
534
|
'fabric.editor.editStatusText': 'Edit Status',
|
|
@@ -528,7 +528,7 @@ export default {
|
|
|
528
528
|
'fabric.editor.editLink': 'Edit link',
|
|
529
529
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
530
530
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
531
|
-
'fabric.editor.editSourceTooltip': '
|
|
531
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
532
532
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
533
533
|
'fabric.editor.editStatusColor': 'Edit Status Colour',
|
|
534
534
|
'fabric.editor.editStatusText': 'Edit Status',
|
|
@@ -10,7 +10,6 @@ import debounce from 'lodash/debounce';
|
|
|
10
10
|
import CustomThemeButton from '@atlaskit/button/custom-theme-button';
|
|
11
11
|
import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
|
|
12
12
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
13
|
-
import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
|
|
14
13
|
import Tooltip from '@atlaskit/tooltip';
|
|
15
14
|
import { commentMessages as messages } from '../media';
|
|
16
15
|
const commentBadgeWrapper = css({
|
|
@@ -104,9 +103,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
|
|
|
104
103
|
iconAfter: jsx(CommentIcon, {
|
|
105
104
|
label: title,
|
|
106
105
|
spacing: "spacious",
|
|
107
|
-
color: "currentColor"
|
|
108
|
-
LEGACY_size: badgeSize,
|
|
109
|
-
LEGACY_fallbackIcon: LegacyCommentIcon
|
|
106
|
+
color: "currentColor"
|
|
110
107
|
})
|
|
111
108
|
})));
|
|
112
109
|
});
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
3
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
4
|
-
import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
|
|
5
4
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
6
5
|
import { Pressable, xcss } from '@atlaskit/primitives';
|
|
7
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -44,8 +43,6 @@ export const CommentBadgeNext = ({
|
|
|
44
43
|
}, /*#__PURE__*/React.createElement(CommentIcon, {
|
|
45
44
|
label: title,
|
|
46
45
|
spacing: "spacious",
|
|
47
|
-
color: "currentColor"
|
|
48
|
-
LEGACY_size: "medium",
|
|
49
|
-
LEGACY_fallbackIcon: LegacyCommentIcon
|
|
46
|
+
color: "currentColor"
|
|
50
47
|
})));
|
|
51
48
|
};
|
|
@@ -17,7 +17,7 @@ export const syncBlockMessages = defineMessages({
|
|
|
17
17
|
},
|
|
18
18
|
editSourceTooltip: {
|
|
19
19
|
id: 'fabric.editor.editSourceTooltip',
|
|
20
|
-
defaultMessage: '
|
|
20
|
+
defaultMessage: 'Edit at the source location',
|
|
21
21
|
description: 'Tooltip for the button to navigate to the source page of the sync block element'
|
|
22
22
|
},
|
|
23
23
|
editSourceTooltipDisabled: {
|
|
@@ -165,6 +165,11 @@ export const syncBlockMessages = defineMessages({
|
|
|
165
165
|
defaultMessage: 'Synced block not found.',
|
|
166
166
|
description: 'Alt text for icon on error state where the synced block cannot be found or no longer exists'
|
|
167
167
|
},
|
|
168
|
+
notFoundDescription: {
|
|
169
|
+
id: 'fabric.editor.syncedBlockNotFoundDescription.non-final',
|
|
170
|
+
defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
|
|
171
|
+
description: 'Description for error state where the synced block cannot be found'
|
|
172
|
+
},
|
|
168
173
|
retryButton: {
|
|
169
174
|
id: 'fabric.editor.retrySyncedBlock',
|
|
170
175
|
defaultMessage: 'Try again',
|
|
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
|
|
|
4
4
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
5
5
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
6
6
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
7
|
-
const packageVersion = "110.
|
|
7
|
+
const packageVersion = "110.45.1";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "110.
|
|
17
|
+
const packageVersion = "110.45.1";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -12,7 +12,6 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
12
12
|
import Button from '@atlaskit/button/new';
|
|
13
13
|
import LegacyButton from '@atlaskit/button/standard-button';
|
|
14
14
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
15
|
-
import LegacyExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
16
15
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
16
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
18
17
|
import { Box, xcss, Inline } from '@atlaskit/primitives';
|
|
@@ -274,7 +273,6 @@ const ColorPickerButton = props => {
|
|
|
274
273
|
}, jsx(ChevronDownIcon, {
|
|
275
274
|
color: "currentColor",
|
|
276
275
|
spacing: "spacious",
|
|
277
|
-
LEGACY_fallbackIcon: LegacyExpandIcon,
|
|
278
276
|
label: "color-picker-chevron-down",
|
|
279
277
|
size: "small"
|
|
280
278
|
}))))) : jsx(LegacyButton, {
|
|
@@ -299,7 +297,6 @@ const ColorPickerButton = props => {
|
|
|
299
297
|
}, jsx(ChevronDownIcon, {
|
|
300
298
|
color: "currentColor",
|
|
301
299
|
spacing: "spacious",
|
|
302
|
-
LEGACY_fallbackIcon: LegacyExpandIcon,
|
|
303
300
|
label: "color-picker-chevron-down",
|
|
304
301
|
size: "small"
|
|
305
302
|
})),
|
|
@@ -21,7 +21,7 @@ var buttonStyleNoneEvent = css({
|
|
|
21
21
|
pointerEvents: 'none'
|
|
22
22
|
});
|
|
23
23
|
var DisallowedWrapper = function DisallowedWrapper(_ref) {
|
|
24
|
-
var
|
|
24
|
+
var _disabled = _ref.disabled,
|
|
25
25
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
26
|
// adding this ignore to avoid having to use compiled (can be fixed at a later date)
|
|
27
27
|
// @ts-ignore
|
|
@@ -50,7 +50,6 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
|
|
|
50
50
|
tooltipContent = _ref3.tooltipContent,
|
|
51
51
|
title = _ref3.title,
|
|
52
52
|
icon = _ref3.icon,
|
|
53
|
-
iconFallback = _ref3.iconFallback,
|
|
54
53
|
areAnyNewToolbarFlagsEnabled = _ref3.areAnyNewToolbarFlagsEnabled;
|
|
55
54
|
var ButtonIcon = icon;
|
|
56
55
|
return jsx(DisallowedWrapper, {
|
|
@@ -62,9 +61,7 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
|
|
|
62
61
|
title: title,
|
|
63
62
|
icon: jsx(ButtonIcon, {
|
|
64
63
|
label: title,
|
|
65
|
-
spacing: "spacious"
|
|
66
|
-
LEGACY_size: "medium",
|
|
67
|
-
LEGACY_fallbackIcon: iconFallback
|
|
64
|
+
spacing: "spacious"
|
|
68
65
|
}),
|
|
69
66
|
selected: selected,
|
|
70
67
|
onClick: onClick,
|
|
@@ -16,11 +16,6 @@ import ContentWidthWide from '@atlaskit/icon/core/content-width-wide';
|
|
|
16
16
|
import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
|
|
17
17
|
import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
|
|
18
18
|
import FullWidthIcon from '@atlaskit/icon/core/expand-horizontal';
|
|
19
|
-
import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
|
|
20
|
-
import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
|
|
21
|
-
import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
|
|
22
|
-
import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
|
|
23
|
-
import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
|
|
24
19
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
25
20
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
|
|
26
21
|
import { insideTable } from '../../core-utils';
|
|
@@ -39,8 +34,7 @@ export var alignmentIcons = [{
|
|
|
39
34
|
return /*#__PURE__*/React.createElement(AlignImageLeftIcon, {
|
|
40
35
|
color: "currentColor",
|
|
41
36
|
spacing: "spacious",
|
|
42
|
-
label: "media-toolbar-align-left-icon"
|
|
43
|
-
LEGACY_fallbackIcon: EditorAlignImageLeft
|
|
37
|
+
label: "media-toolbar-align-left-icon"
|
|
44
38
|
});
|
|
45
39
|
}
|
|
46
40
|
}, {
|
|
@@ -50,8 +44,7 @@ export var alignmentIcons = [{
|
|
|
50
44
|
return /*#__PURE__*/React.createElement(AlignImageCenterIcon, {
|
|
51
45
|
color: "currentColor",
|
|
52
46
|
spacing: "spacious",
|
|
53
|
-
label: "media-toolbar-align-center-icon"
|
|
54
|
-
LEGACY_fallbackIcon: EditorAlignImageCenter
|
|
47
|
+
label: "media-toolbar-align-center-icon"
|
|
55
48
|
});
|
|
56
49
|
}
|
|
57
50
|
}, {
|
|
@@ -61,8 +54,7 @@ export var alignmentIcons = [{
|
|
|
61
54
|
return /*#__PURE__*/React.createElement(AlignImageRightIcon, {
|
|
62
55
|
color: "currentColor",
|
|
63
56
|
spacing: "spacious",
|
|
64
|
-
label: "media-toolbar-align-right-icon"
|
|
65
|
-
LEGACY_fallbackIcon: EditorAlignImageRight
|
|
57
|
+
label: "media-toolbar-align-right-icon"
|
|
66
58
|
});
|
|
67
59
|
}
|
|
68
60
|
}];
|
|
@@ -107,8 +99,7 @@ export var wrappingIcons = [{
|
|
|
107
99
|
return /*#__PURE__*/React.createElement(ContentWrapLeftIcon, {
|
|
108
100
|
color: "currentColor",
|
|
109
101
|
spacing: "spacious",
|
|
110
|
-
label: "media-toolbar-wrap-left-icon"
|
|
111
|
-
LEGACY_fallbackIcon: WrapLeftIcon
|
|
102
|
+
label: "media-toolbar-wrap-left-icon"
|
|
112
103
|
});
|
|
113
104
|
}
|
|
114
105
|
}, {
|
|
@@ -118,8 +109,7 @@ export var wrappingIcons = [{
|
|
|
118
109
|
return /*#__PURE__*/React.createElement(ContentWrapRightIcon, {
|
|
119
110
|
color: "currentColor",
|
|
120
111
|
spacing: "spacious",
|
|
121
|
-
label: "media-toolbar-wrap-right-icon"
|
|
122
|
-
LEGACY_fallbackIcon: WrapRightIcon
|
|
112
|
+
label: "media-toolbar-wrap-right-icon"
|
|
123
113
|
});
|
|
124
114
|
}
|
|
125
115
|
}];
|
|
@@ -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 var 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 var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _ref) {
|
|
@@ -38,12 +30,10 @@ export var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewT
|
|
|
38
30
|
tooltip = _ref.tooltip;
|
|
39
31
|
var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
|
|
40
32
|
title = _appearancePropsMap.title,
|
|
41
|
-
icon = _appearancePropsMap.icon
|
|
42
|
-
iconFallback = _appearancePropsMap.iconFallback;
|
|
33
|
+
icon = _appearancePropsMap.icon;
|
|
43
34
|
return {
|
|
44
35
|
title: intl.formatMessage(title),
|
|
45
36
|
icon: icon,
|
|
46
|
-
iconFallback: iconFallback,
|
|
47
37
|
onClick: function onClick() {
|
|
48
38
|
return dispatchCommand(_onClick);
|
|
49
39
|
},
|
package/dist/esm/i18n/en.js
CHANGED
|
@@ -528,7 +528,7 @@ export default {
|
|
|
528
528
|
'fabric.editor.editLink': 'Edit link',
|
|
529
529
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
530
530
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
531
|
-
'fabric.editor.editSourceTooltip': '
|
|
531
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
532
532
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
533
533
|
'fabric.editor.editStatusColor': 'Edit Status Color',
|
|
534
534
|
'fabric.editor.editStatusText': 'Edit Status',
|
package/dist/esm/i18n/en_GB.js
CHANGED
|
@@ -528,7 +528,7 @@ export default {
|
|
|
528
528
|
'fabric.editor.editLink': 'Edit link',
|
|
529
529
|
'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
|
|
530
530
|
'fabric.editor.editSourceLabel': 'Edit source',
|
|
531
|
-
'fabric.editor.editSourceTooltip': '
|
|
531
|
+
'fabric.editor.editSourceTooltip': 'Edit at the source location',
|
|
532
532
|
'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
|
|
533
533
|
'fabric.editor.editStatusColor': 'Edit Status Colour',
|
|
534
534
|
'fabric.editor.editStatusText': 'Edit Status',
|
|
@@ -11,7 +11,6 @@ import debounce from 'lodash/debounce';
|
|
|
11
11
|
import CustomThemeButton from '@atlaskit/button/custom-theme-button';
|
|
12
12
|
import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
14
|
-
import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
|
|
15
14
|
import Tooltip from '@atlaskit/tooltip';
|
|
16
15
|
import { commentMessages as messages } from '../media';
|
|
17
16
|
var commentBadgeWrapper = css({
|
|
@@ -110,9 +109,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
110
109
|
iconAfter: jsx(CommentIcon, {
|
|
111
110
|
label: title,
|
|
112
111
|
spacing: "spacious",
|
|
113
|
-
color: "currentColor"
|
|
114
|
-
LEGACY_size: badgeSize,
|
|
115
|
-
LEGACY_fallbackIcon: LegacyCommentIcon
|
|
112
|
+
color: "currentColor"
|
|
116
113
|
})
|
|
117
114
|
})));
|
|
118
115
|
});
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
3
|
import CommentIcon from '@atlaskit/icon/core/comment';
|
|
4
|
-
import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
|
|
5
4
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
6
5
|
import { Pressable, xcss } from '@atlaskit/primitives';
|
|
7
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -44,8 +43,6 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
|
|
|
44
43
|
}, /*#__PURE__*/React.createElement(CommentIcon, {
|
|
45
44
|
label: title,
|
|
46
45
|
spacing: "spacious",
|
|
47
|
-
color: "currentColor"
|
|
48
|
-
LEGACY_size: "medium",
|
|
49
|
-
LEGACY_fallbackIcon: LegacyCommentIcon
|
|
46
|
+
color: "currentColor"
|
|
50
47
|
})));
|
|
51
48
|
};
|
|
@@ -17,7 +17,7 @@ export var syncBlockMessages = defineMessages({
|
|
|
17
17
|
},
|
|
18
18
|
editSourceTooltip: {
|
|
19
19
|
id: 'fabric.editor.editSourceTooltip',
|
|
20
|
-
defaultMessage: '
|
|
20
|
+
defaultMessage: 'Edit at the source location',
|
|
21
21
|
description: 'Tooltip for the button to navigate to the source page of the sync block element'
|
|
22
22
|
},
|
|
23
23
|
editSourceTooltipDisabled: {
|
|
@@ -165,6 +165,11 @@ export var syncBlockMessages = defineMessages({
|
|
|
165
165
|
defaultMessage: 'Synced block not found.',
|
|
166
166
|
description: 'Alt text for icon on error state where the synced block cannot be found or no longer exists'
|
|
167
167
|
},
|
|
168
|
+
notFoundDescription: {
|
|
169
|
+
id: 'fabric.editor.syncedBlockNotFoundDescription.non-final',
|
|
170
|
+
defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
|
|
171
|
+
description: 'Description for error state where the synced block cannot be found'
|
|
172
|
+
},
|
|
168
173
|
retryButton: {
|
|
169
174
|
id: 'fabric.editor.retrySyncedBlock',
|
|
170
175
|
defaultMessage: 'Try again',
|
|
@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
|
|
|
10
10
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
11
11
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
12
12
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
13
|
-
var packageVersion = "110.
|
|
13
|
+
var packageVersion = "110.45.1";
|
|
14
14
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
15
15
|
// Remove URL as it has UGC
|
|
16
16
|
// Ignored via go/ees007
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "110.
|
|
24
|
+
var packageVersion = "110.45.1";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -13,7 +13,6 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
13
13
|
import Button from '@atlaskit/button/new';
|
|
14
14
|
import LegacyButton from '@atlaskit/button/standard-button';
|
|
15
15
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
16
|
-
import LegacyExpandIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
17
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
17
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
19
18
|
import { Box, xcss, Inline } from '@atlaskit/primitives';
|
|
@@ -286,7 +285,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
286
285
|
}, jsx(ChevronDownIcon, {
|
|
287
286
|
color: "currentColor",
|
|
288
287
|
spacing: "spacious",
|
|
289
|
-
LEGACY_fallbackIcon: LegacyExpandIcon,
|
|
290
288
|
label: "color-picker-chevron-down",
|
|
291
289
|
size: "small"
|
|
292
290
|
}))))) : jsx(LegacyButton, {
|
|
@@ -311,7 +309,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
311
309
|
}, jsx(ChevronDownIcon, {
|
|
312
310
|
color: "currentColor",
|
|
313
311
|
spacing: "spacious",
|
|
314
|
-
LEGACY_fallbackIcon: LegacyExpandIcon,
|
|
315
312
|
label: "color-picker-chevron-down",
|
|
316
313
|
size: "small"
|
|
317
314
|
})),
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
|
-
import type { NewCoreIconProps
|
|
2
|
+
import type { NewCoreIconProps } from '@atlaskit/icon/types';
|
|
3
3
|
export interface ButtonOptionProps {
|
|
4
4
|
areAnyNewToolbarFlagsEnabled: boolean;
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
icon: (props: NewCoreIconProps) => JSX.Element;
|
|
7
|
-
iconFallback: (props: IconProps) => JSX.Element;
|
|
8
7
|
onClick: () => void;
|
|
9
8
|
selected: boolean;
|
|
10
9
|
testId: string;
|
|
@@ -13,7 +13,6 @@ export declare const appearancePropsMap: {
|
|
|
13
13
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
16
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
17
16
|
};
|
|
18
17
|
inline: {
|
|
19
18
|
title: {
|
|
@@ -25,7 +24,6 @@ export declare const appearancePropsMap: {
|
|
|
25
24
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
26
25
|
displayName: string;
|
|
27
26
|
};
|
|
28
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
29
27
|
};
|
|
30
28
|
block: {
|
|
31
29
|
title: {
|
|
@@ -37,7 +35,6 @@ export declare const appearancePropsMap: {
|
|
|
37
35
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
38
36
|
displayName: string;
|
|
39
37
|
};
|
|
40
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
41
38
|
};
|
|
42
39
|
embed: {
|
|
43
40
|
title: {
|
|
@@ -49,7 +46,6 @@ export declare const appearancePropsMap: {
|
|
|
49
46
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
50
47
|
displayName: string;
|
|
51
48
|
};
|
|
52
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
53
49
|
};
|
|
54
50
|
};
|
|
55
51
|
export declare const getButtonGroupOption: (intl: IntlShape, areAnyNewToolbarFlagsEnabled: boolean, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;
|
|
@@ -164,6 +164,11 @@ export declare const syncBlockMessages: {
|
|
|
164
164
|
defaultMessage: string;
|
|
165
165
|
description: string;
|
|
166
166
|
};
|
|
167
|
+
notFoundDescription: {
|
|
168
|
+
id: string;
|
|
169
|
+
defaultMessage: string;
|
|
170
|
+
description: string;
|
|
171
|
+
};
|
|
167
172
|
retryButton: {
|
|
168
173
|
id: string;
|
|
169
174
|
defaultMessage: string;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx } from '@emotion/react';
|
|
2
|
-
import type { NewCoreIconProps
|
|
2
|
+
import type { NewCoreIconProps } from '@atlaskit/icon/types';
|
|
3
3
|
export interface ButtonOptionProps {
|
|
4
4
|
areAnyNewToolbarFlagsEnabled: boolean;
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
icon: (props: NewCoreIconProps) => JSX.Element;
|
|
7
|
-
iconFallback: (props: IconProps) => JSX.Element;
|
|
8
7
|
onClick: () => void;
|
|
9
8
|
selected: boolean;
|
|
10
9
|
testId: string;
|
|
@@ -13,7 +13,6 @@ export declare const appearancePropsMap: {
|
|
|
13
13
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
16
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
17
16
|
};
|
|
18
17
|
inline: {
|
|
19
18
|
title: {
|
|
@@ -25,7 +24,6 @@ export declare const appearancePropsMap: {
|
|
|
25
24
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
26
25
|
displayName: string;
|
|
27
26
|
};
|
|
28
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
29
27
|
};
|
|
30
28
|
block: {
|
|
31
29
|
title: {
|
|
@@ -37,7 +35,6 @@ export declare const appearancePropsMap: {
|
|
|
37
35
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
38
36
|
displayName: string;
|
|
39
37
|
};
|
|
40
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
41
38
|
};
|
|
42
39
|
embed: {
|
|
43
40
|
title: {
|
|
@@ -49,7 +46,6 @@ export declare const appearancePropsMap: {
|
|
|
49
46
|
(props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
|
|
50
47
|
displayName: string;
|
|
51
48
|
};
|
|
52
|
-
iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
|
|
53
49
|
};
|
|
54
50
|
};
|
|
55
51
|
export declare const getButtonGroupOption: (intl: IntlShape, areAnyNewToolbarFlagsEnabled: boolean, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;
|
|
@@ -164,6 +164,11 @@ export declare const syncBlockMessages: {
|
|
|
164
164
|
defaultMessage: string;
|
|
165
165
|
description: string;
|
|
166
166
|
};
|
|
167
|
+
notFoundDescription: {
|
|
168
|
+
id: string;
|
|
169
|
+
defaultMessage: string;
|
|
170
|
+
description: string;
|
|
171
|
+
};
|
|
167
172
|
retryButton: {
|
|
168
173
|
id: string;
|
|
169
174
|
defaultMessage: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "110.
|
|
3
|
+
"version": "110.46.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
"@atlaskit/analytics-namespaced-context": "^7.2.0",
|
|
38
38
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
39
39
|
"@atlaskit/atlassian-context": "^0.6.0",
|
|
40
|
-
"@atlaskit/button": "^23.
|
|
40
|
+
"@atlaskit/button": "^23.8.0",
|
|
41
41
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
42
|
-
"@atlaskit/css": "^0.
|
|
42
|
+
"@atlaskit/css": "^0.18.0",
|
|
43
43
|
"@atlaskit/custom-steps": "^0.16.0",
|
|
44
44
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
45
45
|
"@atlaskit/editor-json-transformer": "^8.31.0",
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
"@atlaskit/editor-toolbar": "^0.18.0",
|
|
51
51
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
52
52
|
"@atlaskit/emoji": "^69.9.0",
|
|
53
|
-
"@atlaskit/icon": "^29.
|
|
53
|
+
"@atlaskit/icon": "^29.3.0",
|
|
54
54
|
"@atlaskit/icon-object": "^7.4.0",
|
|
55
55
|
"@atlaskit/link": "^3.2.0",
|
|
56
56
|
"@atlaskit/link-datasource": "^4.30.0",
|
|
57
|
-
"@atlaskit/link-picker": "^4.
|
|
58
|
-
"@atlaskit/media-card": "^79.
|
|
57
|
+
"@atlaskit/link-picker": "^4.2.0",
|
|
58
|
+
"@atlaskit/media-card": "^79.11.0",
|
|
59
59
|
"@atlaskit/media-client": "^35.7.0",
|
|
60
60
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
61
61
|
"@atlaskit/media-common": "^12.3.0",
|
|
@@ -70,19 +70,19 @@
|
|
|
70
70
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
71
71
|
"@atlaskit/popper": "^7.1.0",
|
|
72
72
|
"@atlaskit/primitives": "^16.4.0",
|
|
73
|
-
"@atlaskit/profilecard": "^24.
|
|
73
|
+
"@atlaskit/profilecard": "^24.26.0",
|
|
74
74
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
75
75
|
"@atlaskit/react-ufo": "^4.16.0",
|
|
76
|
-
"@atlaskit/section-message": "^8.
|
|
77
|
-
"@atlaskit/smart-card": "^43.
|
|
76
|
+
"@atlaskit/section-message": "^8.11.0",
|
|
77
|
+
"@atlaskit/smart-card": "^43.17.0",
|
|
78
78
|
"@atlaskit/smart-user-picker": "^8.5.0",
|
|
79
79
|
"@atlaskit/spinner": "^19.0.0",
|
|
80
80
|
"@atlaskit/status": "^3.0.0",
|
|
81
81
|
"@atlaskit/task-decision": "^19.2.0",
|
|
82
82
|
"@atlaskit/textfield": "^8.2.0",
|
|
83
83
|
"@atlaskit/theme": "^21.0.0",
|
|
84
|
-
"@atlaskit/tmp-editor-statsig": "^15.
|
|
85
|
-
"@atlaskit/tokens": "^8.
|
|
84
|
+
"@atlaskit/tmp-editor-statsig": "^15.13.0",
|
|
85
|
+
"@atlaskit/tokens": "^8.6.0",
|
|
86
86
|
"@atlaskit/tooltip": "^20.11.0",
|
|
87
87
|
"@atlaskit/width-detector": "^5.0.0",
|
|
88
88
|
"@babel/runtime": "^7.0.0",
|