@atlaskit/renderer 128.3.2 → 128.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 +17 -0
- package/dist/cjs/react/marks/link.js +3 -2
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
- package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
- package/dist/cjs/react/nodes/emoji.js +2 -2
- package/dist/cjs/react/nodes/heading.js +5 -3
- package/dist/cjs/react/nodes/loosely-lazy.js +1 -0
- package/dist/cjs/react/nodes/media/index.js +15 -7
- package/dist/cjs/react/nodes/mediaInline.js +1 -1
- package/dist/cjs/react/nodes/mediaSingle/index.js +1 -1
- package/dist/cjs/react/nodes/status.js +2 -2
- package/dist/cjs/react/nodes/taskItem.js +3 -3
- package/dist/cjs/ui/Expand.js +2 -2
- package/dist/cjs/ui/ExtensionRenderer.js +1 -1
- package/dist/es2019/react/marks/link.js +3 -2
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
- package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
- package/dist/es2019/react/nodes/emoji.js +2 -2
- package/dist/es2019/react/nodes/heading.js +5 -3
- package/dist/es2019/react/nodes/loosely-lazy.js +1 -0
- package/dist/es2019/react/nodes/media/index.js +15 -7
- package/dist/es2019/react/nodes/mediaInline.js +3 -2
- package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
- package/dist/es2019/react/nodes/status.js +2 -2
- package/dist/es2019/react/nodes/taskItem.js +3 -3
- package/dist/es2019/ui/Expand.js +2 -2
- package/dist/es2019/ui/ExtensionRenderer.js +1 -1
- package/dist/esm/react/marks/link.js +3 -2
- package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js +1 -1
- package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js +1 -1
- package/dist/esm/react/nodes/emoji.js +2 -2
- package/dist/esm/react/nodes/heading.js +5 -3
- package/dist/esm/react/nodes/loosely-lazy.js +1 -0
- package/dist/esm/react/nodes/media/index.js +15 -7
- package/dist/esm/react/nodes/mediaInline.js +1 -1
- package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
- package/dist/esm/react/nodes/status.js +2 -2
- package/dist/esm/react/nodes/taskItem.js +3 -3
- package/dist/esm/ui/Expand.js +2 -2
- package/dist/esm/ui/ExtensionRenderer.js +1 -1
- package/package.json +8 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 128.3.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ca2338799c141`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2338799c141) -
|
|
8
|
+
[ux] Fix media cards and media singles to use the correct border radius in the editor, renderer
|
|
9
|
+
and inline media player.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 128.3.3
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`2ce5b11415296`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2ce5b11415296) -
|
|
17
|
+
Add tabIndex to renderer headings for a11y and 'confluence_toc_nav_a11y' experiment config
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 128.3.2
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -46,7 +46,8 @@ function Link(props) {
|
|
|
46
46
|
try {
|
|
47
47
|
var _onSetLinkTarget;
|
|
48
48
|
actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
|
|
49
|
-
} catch (error) {
|
|
49
|
+
} catch (error) {
|
|
50
|
+
// eslint-disable-line no-unused-vars
|
|
50
51
|
// If URL parsing fails, use the original target
|
|
51
52
|
}
|
|
52
53
|
}
|
|
@@ -73,7 +74,7 @@ function Link(props) {
|
|
|
73
74
|
data: analyticsData
|
|
74
75
|
}, (0, _react2.jsx)(_linkUrl.default, (0, _extends2.default)({
|
|
75
76
|
css: anchorStyles
|
|
76
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
77
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
77
78
|
,
|
|
78
79
|
onClick: function onClick(e) {
|
|
79
80
|
if (fireAnalyticsEvent) {
|
|
@@ -58,7 +58,7 @@ var CopyButton = function CopyButton(_ref) {
|
|
|
58
58
|
iconBefore: (0, _react.jsx)(_copy.default, {
|
|
59
59
|
label: tooltip
|
|
60
60
|
})
|
|
61
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
61
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
62
62
|
,
|
|
63
63
|
onClick: function onClick(event) {
|
|
64
64
|
fireAnalyticsEvent({
|
|
@@ -41,7 +41,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
|
|
|
41
41
|
label: ""
|
|
42
42
|
}),
|
|
43
43
|
isSelected: wrapLongLines
|
|
44
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
44
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
45
45
|
,
|
|
46
46
|
onClick: function onClick(event) {
|
|
47
47
|
fireAnalyticsEvent({
|
|
@@ -49,7 +49,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
|
|
|
49
49
|
return null;
|
|
50
50
|
}
|
|
51
51
|
return (0, _react.jsx)(_element.ResourcedEmoji
|
|
52
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
52
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
53
53
|
, {
|
|
54
54
|
emojiId: {
|
|
55
55
|
id: id,
|
|
@@ -87,7 +87,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
|
|
|
87
87
|
key: "render",
|
|
88
88
|
value: function render() {
|
|
89
89
|
return (0, _react.jsx)(_providerFactory.WithProviders
|
|
90
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
90
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
91
91
|
, {
|
|
92
92
|
providers: ['emojiProvider'],
|
|
93
93
|
providerFactory: this.providerFactory,
|
|
@@ -55,7 +55,7 @@ function WrappedHeadingAnchor(_ref) {
|
|
|
55
55
|
return (0, _react2.jsx)(_headingAnchor.default, {
|
|
56
56
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
57
57
|
level: level
|
|
58
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
58
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
59
59
|
,
|
|
60
60
|
onCopyText: function onCopyText() {
|
|
61
61
|
fireAnalyticsEvent({
|
|
@@ -106,7 +106,8 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
106
106
|
"data-local-id": localId,
|
|
107
107
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
108
108
|
"data-as-inline": asInline,
|
|
109
|
-
onMouseEnter: mouseEnterHandler
|
|
109
|
+
onMouseEnter: mouseEnterHandler,
|
|
110
|
+
tabIndex: (0, _expValEquals.expValEquals)("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
110
111
|
}, (0, _react2.jsx)(_react.default.Fragment, null, showAnchorLink && headingId && isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
|
|
111
112
|
level: props.level,
|
|
112
113
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -171,7 +172,8 @@ function HeadingWithWrapper(props) {
|
|
|
171
172
|
"data-local-id": localId,
|
|
172
173
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
173
174
|
"data-as-inline": asInline,
|
|
174
|
-
onMouseEnter: mouseEnterHandler
|
|
175
|
+
onMouseEnter: mouseEnterHandler,
|
|
176
|
+
tabIndex: (0, _expValEquals.expValEquals)("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
175
177
|
}, props.children), showAnchorLink && headingId && !isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
|
|
176
178
|
level: props.level,
|
|
177
179
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -10,6 +10,7 @@ var _reactLooselyLazy = require("react-loosely-lazy");
|
|
|
10
10
|
var _table = _interopRequireDefault(require("./table"));
|
|
11
11
|
var _tableRow = _interopRequireDefault(require("./tableRow"));
|
|
12
12
|
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" != (0, _typeof2.default)(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); } /* eslint-disable @atlaskit/editor/no-re-export */ // Mapping file
|
|
13
|
+
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
13
14
|
// Ignored via go/ees005
|
|
14
15
|
// eslint-disable-next-line import/no-named-as-default
|
|
15
16
|
|
|
@@ -21,6 +21,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
|
|
|
21
21
|
var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
|
|
22
22
|
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
23
23
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
24
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
24
25
|
var _MediaCard = require("../../../ui/MediaCard");
|
|
25
26
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
26
27
|
var _editorPalette = require("@atlaskit/editor-palette");
|
|
@@ -75,13 +76,20 @@ var MediaBorder = function MediaBorder(_ref) {
|
|
|
75
76
|
var borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
|
|
76
77
|
var borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
|
|
77
78
|
var paletteColorValue = (0, _editorPalette.hexToEditorBorderPaletteColor)(borderColor) || borderColor;
|
|
79
|
+
|
|
80
|
+
// [FEATURE FLAG: platform_editor_media_border_radius_fix]
|
|
81
|
+
// Fixes border radius to properly match image with 8px radius
|
|
82
|
+
// To clean up: keep only flag-on behavior ('8px')
|
|
83
|
+
var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
|
|
84
|
+
|
|
78
85
|
return (0, _react2.jsx)("div", {
|
|
79
86
|
"data-mark-type": "border",
|
|
80
87
|
"data-color": borderColor,
|
|
81
88
|
"data-size": borderWidth,
|
|
82
89
|
css: borderStyle,
|
|
83
90
|
style: {
|
|
84
|
-
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
92
|
+
borderRadius: borderRadius,
|
|
85
93
|
boxShadow: "0 0 0 ".concat(borderWidth, "px ").concat(paletteColorValue)
|
|
86
94
|
}
|
|
87
95
|
}, (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
|
|
@@ -116,14 +124,14 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
|
|
|
116
124
|
return (0, _react2.jsx)(_annotation.default, {
|
|
117
125
|
id: mark.attrs.id,
|
|
118
126
|
annotationType: mark.attrs.annotationType
|
|
119
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
127
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
120
128
|
,
|
|
121
129
|
dataAttributes: {
|
|
122
130
|
'data-renderer-mark': true,
|
|
123
131
|
'data-block-mark': true
|
|
124
132
|
}
|
|
125
133
|
// This should be fine being empty [] since the serializer serializeFragmentChild getMarkProps call always passes
|
|
126
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
134
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
127
135
|
,
|
|
128
136
|
annotationParentIds: [],
|
|
129
137
|
allowAnnotations: true,
|
|
@@ -213,12 +221,12 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
|
|
|
213
221
|
}
|
|
214
222
|
};
|
|
215
223
|
return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext
|
|
216
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
224
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
217
225
|
, (0, _extends2.default)({
|
|
218
226
|
onMouseEnter: function onMouseEnter() {
|
|
219
227
|
return setEntered(true);
|
|
220
228
|
}
|
|
221
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
229
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
222
230
|
,
|
|
223
231
|
onMouseLeave: function onMouseLeave() {
|
|
224
232
|
return setEntered(false);
|
|
@@ -270,7 +278,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
270
278
|
}, (0, _react2.jsx)(MediaBorder, {
|
|
271
279
|
mark: borderMark
|
|
272
280
|
}, (0, _react2.jsx)(_analyticsNext.AnalyticsContext
|
|
273
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
281
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
274
282
|
, {
|
|
275
283
|
data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
|
|
276
284
|
border: !!borderMark
|
|
@@ -340,7 +348,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
340
348
|
return this.renderCard();
|
|
341
349
|
}
|
|
342
350
|
return (0, _react2.jsx)(_providerFactory.WithProviders
|
|
343
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
351
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
344
352
|
, {
|
|
345
353
|
providers: ['mediaProvider', 'contextIdentifierProvider'],
|
|
346
354
|
providerFactory: providers,
|
|
@@ -192,7 +192,7 @@ var MediaInline = function MediaInline(props) {
|
|
|
192
192
|
width: width,
|
|
193
193
|
height: height,
|
|
194
194
|
ssr: ssr
|
|
195
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
195
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
196
196
|
,
|
|
197
197
|
border: {
|
|
198
198
|
borderSize: borderSize,
|
|
@@ -248,7 +248,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
|
|
|
248
248
|
height: height,
|
|
249
249
|
lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
|
|
250
250
|
containerWidth: containerWidth
|
|
251
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
251
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
252
252
|
,
|
|
253
253
|
size: {
|
|
254
254
|
width: widthAttr,
|
|
@@ -22,7 +22,7 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
|
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
|
|
23
23
|
role: 'emphasis'
|
|
24
24
|
}), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
|
|
25
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
25
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
26
26
|
, {
|
|
27
27
|
data: {
|
|
28
28
|
userContext: 'document'
|
|
@@ -36,7 +36,7 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
|
|
|
36
36
|
})));
|
|
37
37
|
}
|
|
38
38
|
return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
|
|
39
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
39
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
40
40
|
, {
|
|
41
41
|
data: {
|
|
42
42
|
userContext: 'document'
|
|
@@ -46,7 +46,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
46
46
|
objectAri = rendererContext.objectAri || '';
|
|
47
47
|
}
|
|
48
48
|
return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
|
|
49
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
49
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
50
50
|
, {
|
|
51
51
|
data: {
|
|
52
52
|
userContext: 'document'
|
|
@@ -64,7 +64,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
64
64
|
taskDecisionProvider: taskDecisionProvider,
|
|
65
65
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
66
66
|
dataAttributes: dataAttributes
|
|
67
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
67
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
68
68
|
,
|
|
69
69
|
onChange: function onChange(_, isChecked) {
|
|
70
70
|
dispatch(isChecked);
|
|
@@ -89,7 +89,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
89
89
|
key: "render",
|
|
90
90
|
value: function render() {
|
|
91
91
|
return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
|
|
92
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
92
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
93
93
|
, {
|
|
94
94
|
providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
|
|
95
95
|
providerFactory: this.providerFactory,
|
package/dist/cjs/ui/Expand.js
CHANGED
|
@@ -240,7 +240,7 @@ function Expand(_ref2) {
|
|
|
240
240
|
focused: focused
|
|
241
241
|
}, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react.jsx)(_activeHeaderIdProvider.ActiveHeaderIdConsumer, {
|
|
242
242
|
nestedHeaderIds: nestedHeaderIds
|
|
243
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
243
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
244
244
|
,
|
|
245
245
|
onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
|
|
246
246
|
if (!hasLoadedChildren) {
|
|
@@ -249,7 +249,7 @@ function Expand(_ref2) {
|
|
|
249
249
|
setExpanded(true);
|
|
250
250
|
}
|
|
251
251
|
}) : null, (0, _react.jsx)(TitleContainer
|
|
252
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
252
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
253
253
|
, {
|
|
254
254
|
onClick: function onClick(e) {
|
|
255
255
|
e.preventDefault();
|
|
@@ -140,7 +140,7 @@ function ExtensionRenderer(props) {
|
|
|
140
140
|
return setupAndRenderExtensionNode({});
|
|
141
141
|
}
|
|
142
142
|
return (0, _react.jsx)(_providerFactory.WithProviders
|
|
143
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
143
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
144
144
|
, {
|
|
145
145
|
providers: ['extensionProvider'],
|
|
146
146
|
providerFactory: props.providers,
|
|
@@ -37,7 +37,8 @@ export default function Link(props) {
|
|
|
37
37
|
try {
|
|
38
38
|
var _onSetLinkTarget;
|
|
39
39
|
actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
|
|
40
|
-
} catch (error) {
|
|
40
|
+
} catch (error) {
|
|
41
|
+
// eslint-disable-line no-unused-vars
|
|
41
42
|
// If URL parsing fails, use the original target
|
|
42
43
|
}
|
|
43
44
|
}
|
|
@@ -64,7 +65,7 @@ export default function Link(props) {
|
|
|
64
65
|
data: analyticsData
|
|
65
66
|
}, jsx(LinkUrl, _extends({
|
|
66
67
|
css: anchorStyles
|
|
67
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
68
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
68
69
|
,
|
|
69
70
|
onClick: e => {
|
|
70
71
|
if (fireAnalyticsEvent) {
|
|
@@ -43,7 +43,7 @@ const CopyButton = ({
|
|
|
43
43
|
iconBefore: jsx(CopyIcon, {
|
|
44
44
|
label: tooltip
|
|
45
45
|
})
|
|
46
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
46
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
47
47
|
,
|
|
48
48
|
onClick: event => {
|
|
49
49
|
fireAnalyticsEvent({
|
|
@@ -34,7 +34,7 @@ const CodeBlockWrapButton = ({
|
|
|
34
34
|
label: ""
|
|
35
35
|
}),
|
|
36
36
|
isSelected: wrapLongLines
|
|
37
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
37
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
38
38
|
,
|
|
39
39
|
onClick: event => {
|
|
40
40
|
fireAnalyticsEvent({
|
|
@@ -36,7 +36,7 @@ class EmojiNode extends PureComponent {
|
|
|
36
36
|
return null;
|
|
37
37
|
}
|
|
38
38
|
return jsx(ResourcedEmoji
|
|
39
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
39
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
40
40
|
, {
|
|
41
41
|
emojiId: {
|
|
42
42
|
id,
|
|
@@ -68,7 +68,7 @@ class EmojiNode extends PureComponent {
|
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
70
|
return jsx(WithProviders
|
|
71
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
71
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
72
72
|
, {
|
|
73
73
|
providers: ['emojiProvider'],
|
|
74
74
|
providerFactory: this.providerFactory,
|
|
@@ -44,7 +44,7 @@ function WrappedHeadingAnchor({
|
|
|
44
44
|
}) => jsx(HeadingAnchor, {
|
|
45
45
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
46
46
|
level: level
|
|
47
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
47
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
48
48
|
,
|
|
49
49
|
onCopyText: () => {
|
|
50
50
|
fireAnalyticsEvent({
|
|
@@ -96,7 +96,8 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
96
96
|
"data-local-id": localId,
|
|
97
97
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
98
98
|
"data-as-inline": asInline,
|
|
99
|
-
onMouseEnter: mouseEnterHandler
|
|
99
|
+
onMouseEnter: mouseEnterHandler,
|
|
100
|
+
tabIndex: expValEquals("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
100
101
|
}, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
101
102
|
level: props.level,
|
|
102
103
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -163,7 +164,8 @@ function HeadingWithWrapper(props) {
|
|
|
163
164
|
"data-local-id": localId,
|
|
164
165
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
165
166
|
"data-as-inline": asInline,
|
|
166
|
-
onMouseEnter: mouseEnterHandler
|
|
167
|
+
onMouseEnter: mouseEnterHandler,
|
|
168
|
+
tabIndex: expValEquals("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
167
169
|
}, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
168
170
|
level: props.level,
|
|
169
171
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -13,6 +13,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
|
13
13
|
import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
|
|
14
14
|
import { WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
15
15
|
import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
17
|
import { MediaCard } from '../../../ui/MediaCard';
|
|
17
18
|
import { AnnotationMarkStates } from '@atlaskit/adf-schema';
|
|
18
19
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
@@ -56,13 +57,20 @@ const MediaBorder = ({
|
|
|
56
57
|
const borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
|
|
57
58
|
const borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
|
|
58
59
|
const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
|
|
60
|
+
|
|
61
|
+
// [FEATURE FLAG: platform_editor_media_border_radius_fix]
|
|
62
|
+
// Fixes border radius to properly match image with 8px radius
|
|
63
|
+
// To clean up: keep only flag-on behavior ('8px')
|
|
64
|
+
const borderRadius = fg('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : `${borderWidth}px`; // OLD BEHAVIOR (to be removed when flag is cleaned up)
|
|
65
|
+
|
|
59
66
|
return jsx("div", {
|
|
60
67
|
"data-mark-type": "border",
|
|
61
68
|
"data-color": borderColor,
|
|
62
69
|
"data-size": borderWidth,
|
|
63
70
|
css: borderStyle,
|
|
64
71
|
style: {
|
|
65
|
-
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
73
|
+
borderRadius,
|
|
66
74
|
boxShadow: `0 0 0 ${borderWidth}px ${paletteColorValue}`
|
|
67
75
|
}
|
|
68
76
|
}, jsx(MediaBorderGapFiller, {
|
|
@@ -99,14 +107,14 @@ const MediaAnnotation = ({
|
|
|
99
107
|
return jsx(AnnotationComponent, {
|
|
100
108
|
id: mark.attrs.id,
|
|
101
109
|
annotationType: mark.attrs.annotationType
|
|
102
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
110
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
103
111
|
,
|
|
104
112
|
dataAttributes: {
|
|
105
113
|
'data-renderer-mark': true,
|
|
106
114
|
'data-block-mark': true
|
|
107
115
|
}
|
|
108
116
|
// This should be fine being empty [] since the serializer serializeFragmentChild getMarkProps call always passes
|
|
109
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
117
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
110
118
|
,
|
|
111
119
|
annotationParentIds: [],
|
|
112
120
|
allowAnnotations: true,
|
|
@@ -188,10 +196,10 @@ const CommentBadgeWrapper = ({
|
|
|
188
196
|
}
|
|
189
197
|
};
|
|
190
198
|
return jsx(CommentBadgeNext
|
|
191
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
199
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
192
200
|
, _extends({
|
|
193
201
|
onMouseEnter: () => setEntered(true)
|
|
194
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
202
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
195
203
|
,
|
|
196
204
|
onMouseLeave: () => setEntered(false),
|
|
197
205
|
status: entered ? 'entered' : status,
|
|
@@ -240,7 +248,7 @@ class Media extends PureComponent {
|
|
|
240
248
|
}, jsx(MediaBorder, {
|
|
241
249
|
mark: borderMark
|
|
242
250
|
}, jsx(AnalyticsContext
|
|
243
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
251
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
244
252
|
, {
|
|
245
253
|
data: {
|
|
246
254
|
[MEDIA_CONTEXT]: {
|
|
@@ -310,7 +318,7 @@ class Media extends PureComponent {
|
|
|
310
318
|
return this.renderCard();
|
|
311
319
|
}
|
|
312
320
|
return jsx(WithProviders
|
|
313
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
321
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
314
322
|
, {
|
|
315
323
|
providers: ['mediaProvider', 'contextIdentifierProvider'],
|
|
316
324
|
providerFactory: providers,
|
|
@@ -40,7 +40,8 @@ const RenderMediaInline = ({
|
|
|
40
40
|
const fileState = await mediaClient.file.getCurrentState(id, options);
|
|
41
41
|
setFileState(fileState);
|
|
42
42
|
}
|
|
43
|
-
} catch (error) {
|
|
43
|
+
} catch (error) {
|
|
44
|
+
// eslint-disable-line no-unused-vars
|
|
44
45
|
// do not set state on error
|
|
45
46
|
}
|
|
46
47
|
}, [collectionName, mediaClient]);
|
|
@@ -156,7 +157,7 @@ const MediaInline = props => {
|
|
|
156
157
|
width: width,
|
|
157
158
|
height: height,
|
|
158
159
|
ssr: ssr
|
|
159
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
160
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
160
161
|
,
|
|
161
162
|
border: {
|
|
162
163
|
borderSize,
|
|
@@ -235,7 +235,7 @@ const MediaSingleWithChildren = props => {
|
|
|
235
235
|
height: height,
|
|
236
236
|
lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
|
|
237
237
|
containerWidth: containerWidth
|
|
238
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
238
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
239
239
|
,
|
|
240
240
|
size: {
|
|
241
241
|
width: widthAttr,
|
|
@@ -15,7 +15,7 @@ export default /*#__PURE__*/memo(function Status(props) {
|
|
|
15
15
|
return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
|
|
16
16
|
role: 'emphasis'
|
|
17
17
|
}), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
18
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
18
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
19
19
|
, {
|
|
20
20
|
data: {
|
|
21
21
|
userContext: 'document'
|
|
@@ -29,7 +29,7 @@ export default /*#__PURE__*/memo(function Status(props) {
|
|
|
29
29
|
})));
|
|
30
30
|
}
|
|
31
31
|
return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
32
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
32
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
33
33
|
, {
|
|
34
34
|
data: {
|
|
35
35
|
userContext: 'document'
|
|
@@ -30,7 +30,7 @@ export default class TaskItem extends PureComponent {
|
|
|
30
30
|
objectAri = rendererContext.objectAri || '';
|
|
31
31
|
}
|
|
32
32
|
return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
33
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
33
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
34
34
|
, {
|
|
35
35
|
data: {
|
|
36
36
|
userContext: 'document'
|
|
@@ -45,7 +45,7 @@ export default class TaskItem extends PureComponent {
|
|
|
45
45
|
taskDecisionProvider: taskDecisionProvider,
|
|
46
46
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
47
47
|
dataAttributes: dataAttributes
|
|
48
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
48
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
49
49
|
,
|
|
50
50
|
onChange: (_, isChecked) => {
|
|
51
51
|
dispatch(isChecked);
|
|
@@ -63,7 +63,7 @@ export default class TaskItem extends PureComponent {
|
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
65
|
return /*#__PURE__*/React.createElement(WithProviders
|
|
66
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
66
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
67
67
|
, {
|
|
68
68
|
providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
|
|
69
69
|
providerFactory: this.providerFactory,
|
package/dist/es2019/ui/Expand.js
CHANGED
|
@@ -220,7 +220,7 @@ function Expand({
|
|
|
220
220
|
focused: focused
|
|
221
221
|
}, nestedHeaderIds && nestedHeaderIds.length > 0 ? jsx(ActiveHeaderIdConsumer, {
|
|
222
222
|
nestedHeaderIds: nestedHeaderIds
|
|
223
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
223
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
224
224
|
,
|
|
225
225
|
onNestedHeaderIdMatch: () => {
|
|
226
226
|
if (!hasLoadedChildren) {
|
|
@@ -229,7 +229,7 @@ function Expand({
|
|
|
229
229
|
setExpanded(true);
|
|
230
230
|
}
|
|
231
231
|
}) : null, jsx(TitleContainer
|
|
232
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
232
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
233
233
|
, {
|
|
234
234
|
onClick: e => {
|
|
235
235
|
e.preventDefault();
|
|
@@ -125,7 +125,7 @@ export default function ExtensionRenderer(props) {
|
|
|
125
125
|
return setupAndRenderExtensionNode({});
|
|
126
126
|
}
|
|
127
127
|
return jsx(WithProviders
|
|
128
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
128
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
129
129
|
, {
|
|
130
130
|
providers: ['extensionProvider'],
|
|
131
131
|
providerFactory: props.providers,
|
|
@@ -35,7 +35,8 @@ export default function Link(props) {
|
|
|
35
35
|
try {
|
|
36
36
|
var _onSetLinkTarget;
|
|
37
37
|
actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
|
|
38
|
-
} catch (error) {
|
|
38
|
+
} catch (error) {
|
|
39
|
+
// eslint-disable-line no-unused-vars
|
|
39
40
|
// If URL parsing fails, use the original target
|
|
40
41
|
}
|
|
41
42
|
}
|
|
@@ -62,7 +63,7 @@ export default function Link(props) {
|
|
|
62
63
|
data: analyticsData
|
|
63
64
|
}, jsx(LinkUrl, _extends({
|
|
64
65
|
css: anchorStyles
|
|
65
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
66
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
66
67
|
,
|
|
67
68
|
onClick: function onClick(e) {
|
|
68
69
|
if (fireAnalyticsEvent) {
|
|
@@ -49,7 +49,7 @@ var CopyButton = function CopyButton(_ref) {
|
|
|
49
49
|
iconBefore: jsx(CopyIcon, {
|
|
50
50
|
label: tooltip
|
|
51
51
|
})
|
|
52
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
52
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
53
53
|
,
|
|
54
54
|
onClick: function onClick(event) {
|
|
55
55
|
fireAnalyticsEvent({
|
|
@@ -33,7 +33,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
|
|
|
33
33
|
label: ""
|
|
34
34
|
}),
|
|
35
35
|
isSelected: wrapLongLines
|
|
36
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
36
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
37
37
|
,
|
|
38
38
|
onClick: function onClick(event) {
|
|
39
39
|
fireAnalyticsEvent({
|
|
@@ -44,7 +44,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
|
|
|
44
44
|
return null;
|
|
45
45
|
}
|
|
46
46
|
return jsx(ResourcedEmoji
|
|
47
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
47
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
48
48
|
, {
|
|
49
49
|
emojiId: {
|
|
50
50
|
id: id,
|
|
@@ -82,7 +82,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
|
|
|
82
82
|
key: "render",
|
|
83
83
|
value: function render() {
|
|
84
84
|
return jsx(WithProviders
|
|
85
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
85
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
86
86
|
, {
|
|
87
87
|
providers: ['emojiProvider'],
|
|
88
88
|
providerFactory: this.providerFactory,
|
|
@@ -46,7 +46,7 @@ function WrappedHeadingAnchor(_ref) {
|
|
|
46
46
|
return jsx(HeadingAnchor, {
|
|
47
47
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
48
48
|
level: level
|
|
49
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
49
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
50
50
|
,
|
|
51
51
|
onCopyText: function onCopyText() {
|
|
52
52
|
fireAnalyticsEvent({
|
|
@@ -97,7 +97,8 @@ function HeadingWithDuplicateAnchor(props) {
|
|
|
97
97
|
"data-local-id": localId,
|
|
98
98
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
99
99
|
"data-as-inline": asInline,
|
|
100
|
-
onMouseEnter: mouseEnterHandler
|
|
100
|
+
onMouseEnter: mouseEnterHandler,
|
|
101
|
+
tabIndex: expValEquals("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
101
102
|
}, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
102
103
|
level: props.level,
|
|
103
104
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -162,7 +163,8 @@ function HeadingWithWrapper(props) {
|
|
|
162
163
|
"data-local-id": localId,
|
|
163
164
|
"data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
|
|
164
165
|
"data-as-inline": asInline,
|
|
165
|
-
onMouseEnter: mouseEnterHandler
|
|
166
|
+
onMouseEnter: mouseEnterHandler,
|
|
167
|
+
tabIndex: expValEquals("confluence_toc_nav_a11y", "isEnabled", true) ? -1 : undefined
|
|
166
168
|
}, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
|
|
167
169
|
level: props.level,
|
|
168
170
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
@@ -25,6 +25,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
|
25
25
|
import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
|
|
26
26
|
import { WithProviders } from '@atlaskit/editor-common/provider-factory';
|
|
27
27
|
import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
|
|
28
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
28
29
|
import { MediaCard } from '../../../ui/MediaCard';
|
|
29
30
|
import { AnnotationMarkStates } from '@atlaskit/adf-schema';
|
|
30
31
|
import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
|
|
@@ -67,13 +68,20 @@ var MediaBorder = function MediaBorder(_ref) {
|
|
|
67
68
|
var borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
|
|
68
69
|
var borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
|
|
69
70
|
var paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
|
|
71
|
+
|
|
72
|
+
// [FEATURE FLAG: platform_editor_media_border_radius_fix]
|
|
73
|
+
// Fixes border radius to properly match image with 8px radius
|
|
74
|
+
// To clean up: keep only flag-on behavior ('8px')
|
|
75
|
+
var borderRadius = fg('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
|
|
76
|
+
|
|
70
77
|
return jsx("div", {
|
|
71
78
|
"data-mark-type": "border",
|
|
72
79
|
"data-color": borderColor,
|
|
73
80
|
"data-size": borderWidth,
|
|
74
81
|
css: borderStyle,
|
|
75
82
|
style: {
|
|
76
|
-
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
84
|
+
borderRadius: borderRadius,
|
|
77
85
|
boxShadow: "0 0 0 ".concat(borderWidth, "px ").concat(paletteColorValue)
|
|
78
86
|
}
|
|
79
87
|
}, jsx(MediaBorderGapFiller, {
|
|
@@ -108,14 +116,14 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
|
|
|
108
116
|
return jsx(AnnotationComponent, {
|
|
109
117
|
id: mark.attrs.id,
|
|
110
118
|
annotationType: mark.attrs.annotationType
|
|
111
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
119
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
112
120
|
,
|
|
113
121
|
dataAttributes: {
|
|
114
122
|
'data-renderer-mark': true,
|
|
115
123
|
'data-block-mark': true
|
|
116
124
|
}
|
|
117
125
|
// This should be fine being empty [] since the serializer serializeFragmentChild getMarkProps call always passes
|
|
118
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
126
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
119
127
|
,
|
|
120
128
|
annotationParentIds: [],
|
|
121
129
|
allowAnnotations: true,
|
|
@@ -205,12 +213,12 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
|
|
|
205
213
|
}
|
|
206
214
|
};
|
|
207
215
|
return jsx(CommentBadgeNext
|
|
208
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
216
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
209
217
|
, _extends({
|
|
210
218
|
onMouseEnter: function onMouseEnter() {
|
|
211
219
|
return setEntered(true);
|
|
212
220
|
}
|
|
213
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
221
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
214
222
|
,
|
|
215
223
|
onMouseLeave: function onMouseLeave() {
|
|
216
224
|
return setEntered(false);
|
|
@@ -262,7 +270,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
262
270
|
}, jsx(MediaBorder, {
|
|
263
271
|
mark: borderMark
|
|
264
272
|
}, jsx(AnalyticsContext
|
|
265
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
273
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
266
274
|
, {
|
|
267
275
|
data: _defineProperty({}, MEDIA_CONTEXT, {
|
|
268
276
|
border: !!borderMark
|
|
@@ -332,7 +340,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
|
|
|
332
340
|
return this.renderCard();
|
|
333
341
|
}
|
|
334
342
|
return jsx(WithProviders
|
|
335
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
343
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
336
344
|
, {
|
|
337
345
|
providers: ['mediaProvider', 'contextIdentifierProvider'],
|
|
338
346
|
providerFactory: providers,
|
|
@@ -183,7 +183,7 @@ var MediaInline = function MediaInline(props) {
|
|
|
183
183
|
width: width,
|
|
184
184
|
height: height,
|
|
185
185
|
ssr: ssr
|
|
186
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
186
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
187
187
|
,
|
|
188
188
|
border: {
|
|
189
189
|
borderSize: borderSize,
|
|
@@ -238,7 +238,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
|
|
|
238
238
|
height: height,
|
|
239
239
|
lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
|
|
240
240
|
containerWidth: containerWidth
|
|
241
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
241
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
242
242
|
,
|
|
243
243
|
size: {
|
|
244
244
|
width: widthAttr,
|
|
@@ -13,7 +13,7 @@ export default /*#__PURE__*/memo(function Status(props) {
|
|
|
13
13
|
return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
|
|
14
14
|
role: 'emphasis'
|
|
15
15
|
}), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
16
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
16
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
17
17
|
, {
|
|
18
18
|
data: {
|
|
19
19
|
userContext: 'document'
|
|
@@ -27,7 +27,7 @@ export default /*#__PURE__*/memo(function Status(props) {
|
|
|
27
27
|
})));
|
|
28
28
|
}
|
|
29
29
|
return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
30
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
30
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
31
31
|
, {
|
|
32
32
|
data: {
|
|
33
33
|
userContext: 'document'
|
|
@@ -37,7 +37,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
|
|
|
37
37
|
objectAri = rendererContext.objectAri || '';
|
|
38
38
|
}
|
|
39
39
|
return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
|
|
40
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
40
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
41
41
|
, {
|
|
42
42
|
data: {
|
|
43
43
|
userContext: 'document'
|
|
@@ -55,7 +55,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
|
|
|
55
55
|
taskDecisionProvider: taskDecisionProvider,
|
|
56
56
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
57
57
|
dataAttributes: dataAttributes
|
|
58
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
58
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
59
59
|
,
|
|
60
60
|
onChange: function onChange(_, isChecked) {
|
|
61
61
|
dispatch(isChecked);
|
|
@@ -80,7 +80,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
80
|
key: "render",
|
|
81
81
|
value: function render() {
|
|
82
82
|
return /*#__PURE__*/React.createElement(WithProviders
|
|
83
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
83
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
84
84
|
, {
|
|
85
85
|
providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
|
|
86
86
|
providerFactory: this.providerFactory,
|
package/dist/esm/ui/Expand.js
CHANGED
|
@@ -229,7 +229,7 @@ function Expand(_ref2) {
|
|
|
229
229
|
focused: focused
|
|
230
230
|
}, nestedHeaderIds && nestedHeaderIds.length > 0 ? jsx(ActiveHeaderIdConsumer, {
|
|
231
231
|
nestedHeaderIds: nestedHeaderIds
|
|
232
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
232
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
233
233
|
,
|
|
234
234
|
onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
|
|
235
235
|
if (!hasLoadedChildren) {
|
|
@@ -238,7 +238,7 @@ function Expand(_ref2) {
|
|
|
238
238
|
setExpanded(true);
|
|
239
239
|
}
|
|
240
240
|
}) : null, jsx(TitleContainer
|
|
241
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
241
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
242
242
|
, {
|
|
243
243
|
onClick: function onClick(e) {
|
|
244
244
|
e.preventDefault();
|
|
@@ -131,7 +131,7 @@ export default function ExtensionRenderer(props) {
|
|
|
131
131
|
return setupAndRenderExtensionNode({});
|
|
132
132
|
}
|
|
133
133
|
return jsx(WithProviders
|
|
134
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
134
|
+
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
135
135
|
, {
|
|
136
136
|
providers: ['extensionProvider'],
|
|
137
137
|
providerFactory: props.providers,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "128.3.
|
|
3
|
+
"version": "128.3.4",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/link": "^3.3.0",
|
|
44
44
|
"@atlaskit/link-datasource": "^4.34.0",
|
|
45
45
|
"@atlaskit/link-extractors": "^2.4.0",
|
|
46
|
-
"@atlaskit/linking-common": "^9.
|
|
46
|
+
"@atlaskit/linking-common": "^9.11.0",
|
|
47
47
|
"@atlaskit/media-card": "^79.16.0",
|
|
48
48
|
"@atlaskit/media-client": "^36.0.0",
|
|
49
49
|
"@atlaskit/media-client-react": "^5.0.0",
|
|
@@ -54,13 +54,13 @@
|
|
|
54
54
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
55
55
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
56
56
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
57
|
-
"@atlaskit/react-ufo": "^5.
|
|
57
|
+
"@atlaskit/react-ufo": "^5.5.0",
|
|
58
58
|
"@atlaskit/smart-card": "^43.27.0",
|
|
59
59
|
"@atlaskit/status": "^3.1.0",
|
|
60
60
|
"@atlaskit/task-decision": "^19.3.0",
|
|
61
61
|
"@atlaskit/theme": "^22.0.0",
|
|
62
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
63
|
-
"@atlaskit/tokens": "^11.
|
|
62
|
+
"@atlaskit/tmp-editor-statsig": "^45.0.0",
|
|
63
|
+
"@atlaskit/tokens": "^11.2.0",
|
|
64
64
|
"@atlaskit/tooltip": "^21.0.0",
|
|
65
65
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
66
66
|
"@babel/runtime": "^7.0.0",
|
|
@@ -240,6 +240,9 @@
|
|
|
240
240
|
"platform_editor_renderer_selection_context": {
|
|
241
241
|
"type": "boolean",
|
|
242
242
|
"referenceOnly": "true"
|
|
243
|
+
},
|
|
244
|
+
"platform_editor_media_border_radius_fix": {
|
|
245
|
+
"type": "boolean"
|
|
243
246
|
}
|
|
244
247
|
}
|
|
245
248
|
}
|