@atlaskit/renderer 109.33.1 → 109.35.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 +27 -0
- package/dist/cjs/react/nodes/heading.js +27 -20
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/cjs/ui/Renderer/style.js +1 -1
- package/dist/cjs/ui/annotations/selection/mounter.js +15 -20
- package/dist/es2019/actions/get-renderer-range-inline-node-names.js +3 -1
- package/dist/es2019/react/nodes/heading.js +27 -19
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/style.js +5 -32
- package/dist/es2019/ui/annotations/selection/mounter.js +16 -21
- package/dist/esm/react/nodes/heading.js +27 -20
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/style.js +1 -1
- package/dist/esm/ui/annotations/selection/mounter.js +16 -21
- package/dist/types/actions/index.d.ts +1 -1
- package/dist/types-ts4.5/actions/index.d.ts +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 109.35.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#113571](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113571)
|
|
8
|
+
[`67a148fad7f47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/67a148fad7f47) -
|
|
9
|
+
ED-23785 - add `inlineNodeTypes` to `InlineCommentSelectionComponentProps`
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 109.34.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [#114156](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114156)
|
|
20
|
+
[`bc6a63af2d1d0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc6a63af2d1d0) -
|
|
21
|
+
Bump adf-schema to 37.0.0 and adf-schema-json to 1.16.0
|
|
22
|
+
|
|
23
|
+
### Patch Changes
|
|
24
|
+
|
|
25
|
+
- [#113904](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113904)
|
|
26
|
+
[`5c0a612e2326f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c0a612e2326f) -
|
|
27
|
+
[ux] Fixes special symbols showing from left to right on renderer for headings.
|
|
28
|
+
- Updated dependencies
|
|
29
|
+
|
|
3
30
|
## 109.33.1
|
|
4
31
|
|
|
5
32
|
### Patch Changes
|
|
@@ -26,11 +26,25 @@ function hasRightAlignmentMark(marks) {
|
|
|
26
26
|
return mark.type.name === 'alignment' && mark.attrs.align === 'end';
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
function
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
function WrappedHeadingAnchor(_ref) {
|
|
30
|
+
var enableNestedHeaderLinks = _ref.enableNestedHeaderLinks,
|
|
31
|
+
level = _ref.level,
|
|
32
|
+
headingId = _ref.headingId;
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Consumer, null, function (_ref2) {
|
|
34
|
+
var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_headingAnchor.default, {
|
|
36
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
37
|
+
level: level,
|
|
38
|
+
onCopyText: function onCopyText() {
|
|
39
|
+
fireAnalyticsEvent({
|
|
40
|
+
action: _analytics.ACTION.CLICKED,
|
|
41
|
+
actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
|
|
42
|
+
actionSubjectId: _analytics.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
43
|
+
eventType: _analytics.EVENT_TYPE.UI
|
|
44
|
+
});
|
|
45
|
+
return (0, _clipboard.copyTextToClipboard)(getCurrentUrlWithHash(headingId));
|
|
46
|
+
}
|
|
47
|
+
});
|
|
34
48
|
});
|
|
35
49
|
}
|
|
36
50
|
function Heading(props) {
|
|
@@ -46,21 +60,14 @@ function Heading(props) {
|
|
|
46
60
|
var headingIdToUse = invisible ? undefined : headingId;
|
|
47
61
|
return /*#__PURE__*/_react.default.createElement(HX, (0, _extends2.default)({
|
|
48
62
|
id: headingIdToUse
|
|
49
|
-
}, dataAttributes), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showAnchorLink &&
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
|
|
58
|
-
actionSubjectId: _analytics.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
59
|
-
eventType: _analytics.EVENT_TYPE.UI
|
|
60
|
-
});
|
|
61
|
-
return (0, _clipboard.copyTextToClipboard)(getCurrentUrlWithHash(headingId));
|
|
62
|
-
}
|
|
63
|
-
});
|
|
63
|
+
}, dataAttributes), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/_react.default.createElement(WrappedHeadingAnchor, {
|
|
64
|
+
level: props.level,
|
|
65
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
66
|
+
headingId: headingId
|
|
67
|
+
}), props.children, showAnchorLink && headingId && !isRightAligned && /*#__PURE__*/_react.default.createElement(WrappedHeadingAnchor, {
|
|
68
|
+
level: props.level,
|
|
69
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
70
|
+
headingId: headingId
|
|
64
71
|
})));
|
|
65
72
|
}
|
|
66
73
|
var _default = exports.default = Heading;
|
|
@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
56
56
|
var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
57
57
|
var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
58
58
|
var packageName = "@atlaskit/renderer";
|
|
59
|
-
var packageVersion = "109.
|
|
59
|
+
var packageVersion = "109.35.0";
|
|
60
60
|
var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
|
|
61
61
|
var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
62
62
|
(0, _inherits2.default)(Renderer, _PureComponent);
|
|
@@ -72,7 +72,7 @@ var alignedHeadingAnchorStyle = function alignedHeadingAnchorStyle(_ref) {
|
|
|
72
72
|
return '';
|
|
73
73
|
}
|
|
74
74
|
// TODO Delete this comment after verifying space token -> previous value `margin: 6px`
|
|
75
|
-
return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t.fabric-editor-block-mark[data-align] > {\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\n\t\t/**\n * For right-alignment we flip the link to be before the heading\n * text so that the text is flush up against the edge of the editor's\n * container edge.\n */\n\t\t.fabric-editor-block-mark:not([data-align='center'])[data-align] {\n\t\t\t
|
|
75
|
+
return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t.fabric-editor-block-mark[data-align] > {\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\n\t\t/**\n * For right-alignment we flip the link to be before the heading\n * text so that the text is flush up against the edge of the editor's\n * container edge.\n */\n\t\t.fabric-editor-block-mark:not([data-align='center'])[data-align] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\n\t\t\t\t// If the anchor is right aligned then the left side of the heading\n\t\t\t\t// is aligned with the left side of the anchor.\n\t\t\t\t// In order to align as expected we transform it the width of the element (plus our expected 6px)\n\t\t\t\t// to the left\n\t\t\t\ttransform: translateX(calc(-100% - ", "));\n\t\t\t}\n\n\t\t\t@media (hover: hover) and (pointer: fine) {\n\t\t\t\t.", " > button {\n\t\t\t\t\ttransform: translate(8px, 0px);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), _headingAnchor.HeadingAnchorWrapperClassName, "var(--ds-space-075, 6px)", "var(--ds-space-075, 6px)", _headingAnchor.HeadingAnchorWrapperClassName);
|
|
76
76
|
};
|
|
77
77
|
var tableSortableColumnStyle = function tableSortableColumnStyle(_ref2) {
|
|
78
78
|
var allowColumnSorting = _ref2.allowColumnSorting,
|
|
@@ -37,6 +37,12 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
37
37
|
var actions = (0, _react.useContext)(_RendererActionsContext.RendererContext);
|
|
38
38
|
var providers = (0, _react.useContext)(_context.ProvidersContext);
|
|
39
39
|
var isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
|
|
40
|
+
var inlineNodeTypes = (0, _react.useMemo)(function () {
|
|
41
|
+
return (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
|
|
42
|
+
pos: documentPosition,
|
|
43
|
+
actions: actions
|
|
44
|
+
});
|
|
45
|
+
}, [documentPosition, actions]);
|
|
40
46
|
var onCreateCallback = (0, _react.useCallback)(function (annotationId) {
|
|
41
47
|
// We want to support creation on a documentPosition if the user is only using ranges
|
|
42
48
|
// but we want to prioritize draft positions if they are being used by consumers
|
|
@@ -60,16 +66,13 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
60
66
|
actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
|
|
61
67
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
62
68
|
attributes: {
|
|
63
|
-
inlineNodeNames:
|
|
64
|
-
pos: positionToAnnotate,
|
|
65
|
-
actions: actions
|
|
66
|
-
})
|
|
69
|
+
inlineNodeNames: inlineNodeTypes
|
|
67
70
|
},
|
|
68
71
|
eventType: _analytics.EVENT_TYPE.TRACK
|
|
69
72
|
}).fire(_analyticsListeners.FabricChannel.editor);
|
|
70
73
|
}
|
|
71
74
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
72
|
-
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled]);
|
|
75
|
+
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled, inlineNodeTypes]);
|
|
73
76
|
var createIndexCallback = (0, _react.useCallback)(function () {
|
|
74
77
|
if (!documentPosition || !generateIndexMatch) {
|
|
75
78
|
return false;
|
|
@@ -88,10 +91,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
88
91
|
actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
|
|
89
92
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
90
93
|
attributes: {
|
|
91
|
-
inlineNodeNames:
|
|
92
|
-
pos: documentPosition,
|
|
93
|
-
actions: actions
|
|
94
|
-
})
|
|
94
|
+
inlineNodeNames: inlineNodeTypes
|
|
95
95
|
},
|
|
96
96
|
eventType: _analytics.EVENT_TYPE.TRACK
|
|
97
97
|
}).fire(_analyticsListeners.FabricChannel.editor);
|
|
@@ -109,10 +109,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
109
109
|
eventType: _analytics.EVENT_TYPE.TRACK,
|
|
110
110
|
attributes: {
|
|
111
111
|
overlap: uniqueAnnotationsInRange.length,
|
|
112
|
-
inlineNodeNames:
|
|
113
|
-
pos: documentPosition,
|
|
114
|
-
actions: actions
|
|
115
|
-
})
|
|
112
|
+
inlineNodeNames: inlineNodeTypes
|
|
116
113
|
}
|
|
117
114
|
}).fire(_analyticsListeners.FabricChannel.editor);
|
|
118
115
|
}
|
|
@@ -135,7 +132,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
135
132
|
annotationType: _adfSchema.AnnotationTypes.INLINE_COMMENT
|
|
136
133
|
};
|
|
137
134
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
138
|
-
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range]);
|
|
135
|
+
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range, inlineNodeTypes]);
|
|
139
136
|
var removeDraftModeCallback = (0, _react.useCallback)(function () {
|
|
140
137
|
clearAnnotationDraft();
|
|
141
138
|
setDraftDocumentPosition(null);
|
|
@@ -152,16 +149,13 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
152
149
|
actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
153
150
|
eventType: _analytics.EVENT_TYPE.TRACK,
|
|
154
151
|
attributes: {
|
|
155
|
-
inlineNodeNames:
|
|
156
|
-
pos: documentPosition,
|
|
157
|
-
actions: actions
|
|
158
|
-
})
|
|
152
|
+
inlineNodeNames: inlineNodeTypes
|
|
159
153
|
}
|
|
160
154
|
}).fire(_analyticsListeners.FabricChannel.editor);
|
|
161
155
|
}
|
|
162
156
|
removeDraftModeCallback();
|
|
163
157
|
onCloseProps();
|
|
164
|
-
}, [
|
|
158
|
+
}, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent, inlineNodeTypes]);
|
|
165
159
|
return /*#__PURE__*/_react.default.createElement(Component, {
|
|
166
160
|
range: range,
|
|
167
161
|
draftRange: draftRange,
|
|
@@ -171,6 +165,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
|
|
|
171
165
|
onCreate: onCreateCallback,
|
|
172
166
|
getAnnotationIndexMatch: createIndexCallback,
|
|
173
167
|
applyDraftMode: applyDraftModeCallback,
|
|
174
|
-
removeDraftMode: removeDraftModeCallback
|
|
168
|
+
removeDraftMode: removeDraftModeCallback,
|
|
169
|
+
inlineNodeTypes: inlineNodeTypes
|
|
175
170
|
});
|
|
176
171
|
});
|
|
@@ -7,7 +7,9 @@ export function getRendererRangeInlineNodeNames({
|
|
|
7
7
|
if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
|
|
8
8
|
return undefined;
|
|
9
9
|
}
|
|
10
|
-
const
|
|
10
|
+
const {
|
|
11
|
+
doc
|
|
12
|
+
} = actions;
|
|
11
13
|
if (!pos || !doc) {
|
|
12
14
|
return undefined;
|
|
13
15
|
}
|
|
@@ -16,12 +16,26 @@ function hasRightAlignmentMark(marks) {
|
|
|
16
16
|
}
|
|
17
17
|
return marks.some(mark => mark.type.name === 'alignment' && mark.attrs.align === 'end');
|
|
18
18
|
}
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
function WrappedHeadingAnchor({
|
|
20
|
+
enableNestedHeaderLinks,
|
|
21
|
+
level,
|
|
22
|
+
headingId
|
|
23
|
+
}) {
|
|
24
|
+
return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, ({
|
|
25
|
+
fireAnalyticsEvent
|
|
26
|
+
}) => /*#__PURE__*/React.createElement(HeadingAnchor, {
|
|
27
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
28
|
+
level: level,
|
|
29
|
+
onCopyText: () => {
|
|
30
|
+
fireAnalyticsEvent({
|
|
31
|
+
action: ACTION.CLICKED,
|
|
32
|
+
actionSubject: ACTION_SUBJECT.BUTTON,
|
|
33
|
+
actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
34
|
+
eventType: EVENT_TYPE.UI
|
|
35
|
+
});
|
|
36
|
+
return copyTextToClipboard(getCurrentUrlWithHash(headingId));
|
|
37
|
+
}
|
|
38
|
+
}));
|
|
25
39
|
}
|
|
26
40
|
function Heading(props) {
|
|
27
41
|
const {
|
|
@@ -38,20 +52,14 @@ function Heading(props) {
|
|
|
38
52
|
const headingIdToUse = invisible ? undefined : headingId;
|
|
39
53
|
return /*#__PURE__*/React.createElement(HX, _extends({
|
|
40
54
|
id: headingIdToUse
|
|
41
|
-
}, dataAttributes), /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink &&
|
|
42
|
-
|
|
43
|
-
}) => /*#__PURE__*/React.createElement(HeadingAnchor, {
|
|
55
|
+
}, dataAttributes), /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {
|
|
56
|
+
level: props.level,
|
|
44
57
|
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
58
|
+
headingId: headingId
|
|
59
|
+
}), props.children, showAnchorLink && headingId && !isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {
|
|
45
60
|
level: props.level,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
actionSubject: ACTION_SUBJECT.BUTTON,
|
|
50
|
-
actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
51
|
-
eventType: EVENT_TYPE.UI
|
|
52
|
-
});
|
|
53
|
-
return copyTextToClipboard(getCurrentUrlWithHash(headingId));
|
|
54
|
-
}
|
|
55
|
-
}))));
|
|
61
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
62
|
+
headingId: headingId
|
|
63
|
+
})));
|
|
56
64
|
}
|
|
57
65
|
export default Heading;
|
|
@@ -38,7 +38,7 @@ import { nodeToReact } from '../../react/nodes';
|
|
|
38
38
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
39
39
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
40
40
|
const packageName = "@atlaskit/renderer";
|
|
41
|
-
const packageVersion = "109.
|
|
41
|
+
const packageVersion = "109.35.0";
|
|
42
42
|
export const defaultNodeComponents = nodeToReact;
|
|
43
43
|
export class Renderer extends PureComponent {
|
|
44
44
|
constructor(props) {
|
|
@@ -167,40 +167,13 @@ const alignedHeadingAnchorStyle = ({
|
|
|
167
167
|
* container edge.
|
|
168
168
|
*/
|
|
169
169
|
.fabric-editor-block-mark:not([data-align='center'])[data-align] {
|
|
170
|
-
> {
|
|
171
|
-
h1,
|
|
172
|
-
h2,
|
|
173
|
-
h3,
|
|
174
|
-
h4,
|
|
175
|
-
h5,
|
|
176
|
-
h6 {
|
|
177
|
-
// Using right to left text to achieve the inverse effect
|
|
178
|
-
// of where the copy link button icon sits for left/center
|
|
179
|
-
// alignment.
|
|
180
|
-
// Although this is unorthodox it's the only approach which
|
|
181
|
-
// allows the button to sit flush against the left edge of
|
|
182
|
-
// bottom line of text.
|
|
183
|
-
direction: rtl;
|
|
184
|
-
|
|
185
|
-
// By default RTL will negatively impact the layout of special
|
|
186
|
-
// characters within the heading text, and potentially other
|
|
187
|
-
// nested inline nodes. To prevent this we insert pseudo elements
|
|
188
|
-
// containing HTML entities to retain LTR for all heading content
|
|
189
|
-
// except for the copy link button.
|
|
190
|
-
> *:not(.${HeadingAnchorWrapperClassName}):not(br) {
|
|
191
|
-
::before {
|
|
192
|
-
// Open LTR: https://www.fileformat.info/info/unicode/char/202a/index.htm
|
|
193
|
-
content: '\u202A';
|
|
194
|
-
}
|
|
195
|
-
::after {
|
|
196
|
-
// Close LTR: https://www.fileformat.info/info/unicode/char/202c/index.htm
|
|
197
|
-
content: '\u202C';
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
170
|
.${HeadingAnchorWrapperClassName} {
|
|
203
171
|
margin: 0 ${"var(--ds-space-075, 6px)"} 0 0;
|
|
172
|
+
// If the anchor is right aligned then the left side of the heading
|
|
173
|
+
// is aligned with the left side of the anchor.
|
|
174
|
+
// In order to align as expected we transform it the width of the element (plus our expected 6px)
|
|
175
|
+
// to the left
|
|
176
|
+
transform: translateX(calc(-100% - ${"var(--ds-space-075, 6px)"}));
|
|
204
177
|
}
|
|
205
178
|
|
|
206
179
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback, useState, useContext } from 'react';
|
|
1
|
+
import React, { useCallback, useState, useContext, useMemo } from 'react';
|
|
2
2
|
import { AnnotationTypes } from '@atlaskit/adf-schema';
|
|
3
3
|
import { updateWindowSelectionAroundDraft } from '../draft';
|
|
4
4
|
import { FabricChannel } from '@atlaskit/analytics-listeners';
|
|
@@ -25,6 +25,12 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
25
25
|
const actions = useContext(ActionsContext);
|
|
26
26
|
const providers = useContext(ProvidersContext);
|
|
27
27
|
const isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
|
|
28
|
+
const inlineNodeTypes = useMemo(() => {
|
|
29
|
+
return getRendererRangeInlineNodeNames({
|
|
30
|
+
pos: documentPosition,
|
|
31
|
+
actions
|
|
32
|
+
});
|
|
33
|
+
}, [documentPosition, actions]);
|
|
28
34
|
const onCreateCallback = useCallback(annotationId => {
|
|
29
35
|
// We want to support creation on a documentPosition if the user is only using ranges
|
|
30
36
|
// but we want to prioritize draft positions if they are being used by consumers
|
|
@@ -48,16 +54,13 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
48
54
|
actionSubject: ACTION_SUBJECT.ANNOTATION,
|
|
49
55
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
50
56
|
attributes: {
|
|
51
|
-
inlineNodeNames:
|
|
52
|
-
pos: positionToAnnotate,
|
|
53
|
-
actions
|
|
54
|
-
})
|
|
57
|
+
inlineNodeNames: inlineNodeTypes
|
|
55
58
|
},
|
|
56
59
|
eventType: EVENT_TYPE.TRACK
|
|
57
60
|
}).fire(FabricChannel.editor);
|
|
58
61
|
}
|
|
59
62
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
60
|
-
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled]);
|
|
63
|
+
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled, inlineNodeTypes]);
|
|
61
64
|
const createIndexCallback = useCallback(() => {
|
|
62
65
|
if (!documentPosition || !generateIndexMatch) {
|
|
63
66
|
return false;
|
|
@@ -76,10 +79,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
76
79
|
actionSubject: ACTION_SUBJECT.ANNOTATION,
|
|
77
80
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
78
81
|
attributes: {
|
|
79
|
-
inlineNodeNames:
|
|
80
|
-
pos: documentPosition,
|
|
81
|
-
actions
|
|
82
|
-
})
|
|
82
|
+
inlineNodeNames: inlineNodeTypes
|
|
83
83
|
},
|
|
84
84
|
eventType: EVENT_TYPE.TRACK
|
|
85
85
|
}).fire(FabricChannel.editor);
|
|
@@ -97,10 +97,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
97
97
|
eventType: EVENT_TYPE.TRACK,
|
|
98
98
|
attributes: {
|
|
99
99
|
overlap: uniqueAnnotationsInRange.length,
|
|
100
|
-
inlineNodeNames:
|
|
101
|
-
pos: documentPosition,
|
|
102
|
-
actions
|
|
103
|
-
})
|
|
100
|
+
inlineNodeNames: inlineNodeTypes
|
|
104
101
|
}
|
|
105
102
|
}).fire(FabricChannel.editor);
|
|
106
103
|
}
|
|
@@ -123,7 +120,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
123
120
|
annotationType: AnnotationTypes.INLINE_COMMENT
|
|
124
121
|
};
|
|
125
122
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
126
|
-
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range]);
|
|
123
|
+
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range, inlineNodeTypes]);
|
|
127
124
|
const removeDraftModeCallback = useCallback(() => {
|
|
128
125
|
clearAnnotationDraft();
|
|
129
126
|
setDraftDocumentPosition(null);
|
|
@@ -140,16 +137,13 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
140
137
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
141
138
|
eventType: EVENT_TYPE.TRACK,
|
|
142
139
|
attributes: {
|
|
143
|
-
inlineNodeNames:
|
|
144
|
-
pos: documentPosition,
|
|
145
|
-
actions
|
|
146
|
-
})
|
|
140
|
+
inlineNodeNames: inlineNodeTypes
|
|
147
141
|
}
|
|
148
142
|
}).fire(FabricChannel.editor);
|
|
149
143
|
}
|
|
150
144
|
removeDraftModeCallback();
|
|
151
145
|
onCloseProps();
|
|
152
|
-
}, [
|
|
146
|
+
}, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent, inlineNodeTypes]);
|
|
153
147
|
return /*#__PURE__*/React.createElement(Component, {
|
|
154
148
|
range: range,
|
|
155
149
|
draftRange: draftRange,
|
|
@@ -159,6 +153,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
|
|
|
159
153
|
onCreate: onCreateCallback,
|
|
160
154
|
getAnnotationIndexMatch: createIndexCallback,
|
|
161
155
|
applyDraftMode: applyDraftModeCallback,
|
|
162
|
-
removeDraftMode: removeDraftModeCallback
|
|
156
|
+
removeDraftMode: removeDraftModeCallback,
|
|
157
|
+
inlineNodeTypes: inlineNodeTypes
|
|
163
158
|
});
|
|
164
159
|
});
|
|
@@ -19,11 +19,25 @@ function hasRightAlignmentMark(marks) {
|
|
|
19
19
|
return mark.type.name === 'alignment' && mark.attrs.align === 'end';
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
function WrappedHeadingAnchor(_ref) {
|
|
23
|
+
var enableNestedHeaderLinks = _ref.enableNestedHeaderLinks,
|
|
24
|
+
level = _ref.level,
|
|
25
|
+
headingId = _ref.headingId;
|
|
26
|
+
return /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, function (_ref2) {
|
|
27
|
+
var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
|
|
28
|
+
return /*#__PURE__*/React.createElement(HeadingAnchor, {
|
|
29
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
30
|
+
level: level,
|
|
31
|
+
onCopyText: function onCopyText() {
|
|
32
|
+
fireAnalyticsEvent({
|
|
33
|
+
action: ACTION.CLICKED,
|
|
34
|
+
actionSubject: ACTION_SUBJECT.BUTTON,
|
|
35
|
+
actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
36
|
+
eventType: EVENT_TYPE.UI
|
|
37
|
+
});
|
|
38
|
+
return copyTextToClipboard(getCurrentUrlWithHash(headingId));
|
|
39
|
+
}
|
|
40
|
+
});
|
|
27
41
|
});
|
|
28
42
|
}
|
|
29
43
|
function Heading(props) {
|
|
@@ -39,21 +53,14 @@ function Heading(props) {
|
|
|
39
53
|
var headingIdToUse = invisible ? undefined : headingId;
|
|
40
54
|
return /*#__PURE__*/React.createElement(HX, _extends({
|
|
41
55
|
id: headingIdToUse
|
|
42
|
-
}, dataAttributes), /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink &&
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
actionSubject: ACTION_SUBJECT.BUTTON,
|
|
51
|
-
actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
|
|
52
|
-
eventType: EVENT_TYPE.UI
|
|
53
|
-
});
|
|
54
|
-
return copyTextToClipboard(getCurrentUrlWithHash(headingId));
|
|
55
|
-
}
|
|
56
|
-
});
|
|
56
|
+
}, dataAttributes), /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {
|
|
57
|
+
level: props.level,
|
|
58
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
59
|
+
headingId: headingId
|
|
60
|
+
}), props.children, showAnchorLink && headingId && !isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {
|
|
61
|
+
level: props.level,
|
|
62
|
+
enableNestedHeaderLinks: enableNestedHeaderLinks,
|
|
63
|
+
headingId: headingId
|
|
57
64
|
})));
|
|
58
65
|
}
|
|
59
66
|
export default Heading;
|
|
@@ -48,7 +48,7 @@ import { nodeToReact } from '../../react/nodes';
|
|
|
48
48
|
export var NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
49
49
|
export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
50
50
|
var packageName = "@atlaskit/renderer";
|
|
51
|
-
var packageVersion = "109.
|
|
51
|
+
var packageVersion = "109.35.0";
|
|
52
52
|
export var defaultNodeComponents = nodeToReact;
|
|
53
53
|
export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
54
54
|
_inherits(Renderer, _PureComponent);
|
|
@@ -64,7 +64,7 @@ var alignedHeadingAnchorStyle = function alignedHeadingAnchorStyle(_ref) {
|
|
|
64
64
|
return '';
|
|
65
65
|
}
|
|
66
66
|
// TODO Delete this comment after verifying space token -> previous value `margin: 6px`
|
|
67
|
-
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t.fabric-editor-block-mark[data-align] > {\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\n\t\t/**\n * For right-alignment we flip the link to be before the heading\n * text so that the text is flush up against the edge of the editor's\n * container edge.\n */\n\t\t.fabric-editor-block-mark:not([data-align='center'])[data-align] {\n\t\t\t
|
|
67
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t.fabric-editor-block-mark[data-align] > {\n\t\t\th1,\n\t\t\th2,\n\t\t\th3,\n\t\t\th4,\n\t\t\th5,\n\t\t\th6 {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\n\t\t/**\n * For right-alignment we flip the link to be before the heading\n * text so that the text is flush up against the edge of the editor's\n * container edge.\n */\n\t\t.fabric-editor-block-mark:not([data-align='center'])[data-align] {\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\n\t\t\t\t// If the anchor is right aligned then the left side of the heading\n\t\t\t\t// is aligned with the left side of the anchor.\n\t\t\t\t// In order to align as expected we transform it the width of the element (plus our expected 6px)\n\t\t\t\t// to the left\n\t\t\t\ttransform: translateX(calc(-100% - ", "));\n\t\t\t}\n\n\t\t\t@media (hover: hover) and (pointer: fine) {\n\t\t\t\t.", " > button {\n\t\t\t\t\ttransform: translate(8px, 0px);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t"])), HeadingAnchorWrapperClassName, "var(--ds-space-075, 6px)", "var(--ds-space-075, 6px)", HeadingAnchorWrapperClassName);
|
|
68
68
|
};
|
|
69
69
|
var tableSortableColumnStyle = function tableSortableColumnStyle(_ref2) {
|
|
70
70
|
var allowColumnSorting = _ref2.allowColumnSorting,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import React, { useCallback, useState, useContext } from 'react';
|
|
2
|
+
import React, { useCallback, useState, useContext, useMemo } from 'react';
|
|
3
3
|
import { AnnotationTypes } from '@atlaskit/adf-schema';
|
|
4
4
|
import { updateWindowSelectionAroundDraft } from '../draft';
|
|
5
5
|
import { FabricChannel } from '@atlaskit/analytics-listeners';
|
|
@@ -27,6 +27,12 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
27
27
|
var actions = useContext(ActionsContext);
|
|
28
28
|
var providers = useContext(ProvidersContext);
|
|
29
29
|
var isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
|
|
30
|
+
var inlineNodeTypes = useMemo(function () {
|
|
31
|
+
return getRendererRangeInlineNodeNames({
|
|
32
|
+
pos: documentPosition,
|
|
33
|
+
actions: actions
|
|
34
|
+
});
|
|
35
|
+
}, [documentPosition, actions]);
|
|
30
36
|
var onCreateCallback = useCallback(function (annotationId) {
|
|
31
37
|
// We want to support creation on a documentPosition if the user is only using ranges
|
|
32
38
|
// but we want to prioritize draft positions if they are being used by consumers
|
|
@@ -50,16 +56,13 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
50
56
|
actionSubject: ACTION_SUBJECT.ANNOTATION,
|
|
51
57
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
52
58
|
attributes: {
|
|
53
|
-
inlineNodeNames:
|
|
54
|
-
pos: positionToAnnotate,
|
|
55
|
-
actions: actions
|
|
56
|
-
})
|
|
59
|
+
inlineNodeNames: inlineNodeTypes
|
|
57
60
|
},
|
|
58
61
|
eventType: EVENT_TYPE.TRACK
|
|
59
62
|
}).fire(FabricChannel.editor);
|
|
60
63
|
}
|
|
61
64
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
62
|
-
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled]);
|
|
65
|
+
}, [actions, documentPosition, applyAnnotation, draftDocumentPosition, createAnalyticsEvent, isCommentsOnMediaBugFixEnabled, inlineNodeTypes]);
|
|
63
66
|
var createIndexCallback = useCallback(function () {
|
|
64
67
|
if (!documentPosition || !generateIndexMatch) {
|
|
65
68
|
return false;
|
|
@@ -78,10 +81,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
78
81
|
actionSubject: ACTION_SUBJECT.ANNOTATION,
|
|
79
82
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
80
83
|
attributes: {
|
|
81
|
-
inlineNodeNames:
|
|
82
|
-
pos: documentPosition,
|
|
83
|
-
actions: actions
|
|
84
|
-
})
|
|
84
|
+
inlineNodeNames: inlineNodeTypes
|
|
85
85
|
},
|
|
86
86
|
eventType: EVENT_TYPE.TRACK
|
|
87
87
|
}).fire(FabricChannel.editor);
|
|
@@ -99,10 +99,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
99
99
|
eventType: EVENT_TYPE.TRACK,
|
|
100
100
|
attributes: {
|
|
101
101
|
overlap: uniqueAnnotationsInRange.length,
|
|
102
|
-
inlineNodeNames:
|
|
103
|
-
pos: documentPosition,
|
|
104
|
-
actions: actions
|
|
105
|
-
})
|
|
102
|
+
inlineNodeNames: inlineNodeTypes
|
|
106
103
|
}
|
|
107
104
|
}).fire(FabricChannel.editor);
|
|
108
105
|
}
|
|
@@ -125,7 +122,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
125
122
|
annotationType: AnnotationTypes.INLINE_COMMENT
|
|
126
123
|
};
|
|
127
124
|
return applyAnnotation(positionToAnnotate, annotation, isCommentsOnMediaBugFixEnabled);
|
|
128
|
-
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range]);
|
|
125
|
+
}, [documentPosition, isAnnotationAllowed, applyAnnotationDraftAt, createAnalyticsEvent, applyAnnotation, draftDocumentPosition, isCommentsOnMediaBugFixEnabled, actions, range, inlineNodeTypes]);
|
|
129
126
|
var removeDraftModeCallback = useCallback(function () {
|
|
130
127
|
clearAnnotationDraft();
|
|
131
128
|
setDraftDocumentPosition(null);
|
|
@@ -142,16 +139,13 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
142
139
|
actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
|
|
143
140
|
eventType: EVENT_TYPE.TRACK,
|
|
144
141
|
attributes: {
|
|
145
|
-
inlineNodeNames:
|
|
146
|
-
pos: documentPosition,
|
|
147
|
-
actions: actions
|
|
148
|
-
})
|
|
142
|
+
inlineNodeNames: inlineNodeTypes
|
|
149
143
|
}
|
|
150
144
|
}).fire(FabricChannel.editor);
|
|
151
145
|
}
|
|
152
146
|
removeDraftModeCallback();
|
|
153
147
|
onCloseProps();
|
|
154
|
-
}, [
|
|
148
|
+
}, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent, inlineNodeTypes]);
|
|
155
149
|
return /*#__PURE__*/React.createElement(Component, {
|
|
156
150
|
range: range,
|
|
157
151
|
draftRange: draftRange,
|
|
@@ -161,6 +155,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
|
|
|
161
155
|
onCreate: onCreateCallback,
|
|
162
156
|
getAnnotationIndexMatch: createIndexCallback,
|
|
163
157
|
applyDraftMode: applyDraftModeCallback,
|
|
164
|
-
removeDraftMode: removeDraftModeCallback
|
|
158
|
+
removeDraftMode: removeDraftModeCallback,
|
|
159
|
+
inlineNodeTypes: inlineNodeTypes
|
|
165
160
|
});
|
|
166
161
|
});
|
|
@@ -34,7 +34,7 @@ export interface PositionRendererActionsOptions {
|
|
|
34
34
|
export default class RendererActions implements RendererActionsOptions, AnnotationsRendererActionsOptions, PositionRendererActionsOptions {
|
|
35
35
|
private initFromContext;
|
|
36
36
|
private transformer;
|
|
37
|
-
|
|
37
|
+
doc?: Node;
|
|
38
38
|
private schema?;
|
|
39
39
|
private ref?;
|
|
40
40
|
private onAnalyticsEvent?;
|
|
@@ -34,7 +34,7 @@ export interface PositionRendererActionsOptions {
|
|
|
34
34
|
export default class RendererActions implements RendererActionsOptions, AnnotationsRendererActionsOptions, PositionRendererActionsOptions {
|
|
35
35
|
private initFromContext;
|
|
36
36
|
private transformer;
|
|
37
|
-
|
|
37
|
+
doc?: Node;
|
|
38
38
|
private schema?;
|
|
39
39
|
private ref?;
|
|
40
40
|
private onAnalyticsEvent?;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "109.
|
|
3
|
+
"version": "109.35.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -24,21 +24,21 @@
|
|
|
24
24
|
"runReact18": true
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/adf-schema": "^
|
|
28
|
-
"@atlaskit/adf-utils": "^19.
|
|
27
|
+
"@atlaskit/adf-schema": "^37.0.0",
|
|
28
|
+
"@atlaskit/adf-utils": "^19.3.0",
|
|
29
29
|
"@atlaskit/analytics-listeners": "^8.10.0",
|
|
30
30
|
"@atlaskit/analytics-namespaced-context": "^6.10.0",
|
|
31
31
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
32
32
|
"@atlaskit/button": "^18.0.0",
|
|
33
33
|
"@atlaskit/code": "^15.3.0",
|
|
34
|
-
"@atlaskit/editor-common": "^82.
|
|
35
|
-
"@atlaskit/editor-json-transformer": "^8.
|
|
34
|
+
"@atlaskit/editor-common": "^82.13.0",
|
|
35
|
+
"@atlaskit/editor-json-transformer": "^8.14.0",
|
|
36
36
|
"@atlaskit/editor-palette": "1.6.0",
|
|
37
37
|
"@atlaskit/editor-prosemirror": "4.0.1",
|
|
38
38
|
"@atlaskit/editor-shared-styles": "^2.12.0",
|
|
39
39
|
"@atlaskit/emoji": "^67.6.0",
|
|
40
40
|
"@atlaskit/icon": "^22.4.0",
|
|
41
|
-
"@atlaskit/link-datasource": "^2.
|
|
41
|
+
"@atlaskit/link-datasource": "^2.4.0",
|
|
42
42
|
"@atlaskit/media-card": "^77.12.0",
|
|
43
43
|
"@atlaskit/media-client": "^27.3.0",
|
|
44
44
|
"@atlaskit/media-client-react": "^2.0.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/status": "^1.4.0",
|
|
52
52
|
"@atlaskit/task-decision": "^17.10.0",
|
|
53
53
|
"@atlaskit/theme": "^12.11.0",
|
|
54
|
-
"@atlaskit/tokens": "^1.
|
|
54
|
+
"@atlaskit/tokens": "^1.53.0",
|
|
55
55
|
"@atlaskit/tooltip": "^18.5.0",
|
|
56
56
|
"@babel/runtime": "^7.0.0",
|
|
57
57
|
"@emotion/react": "^11.7.1",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@af/visual-regression": "*",
|
|
73
73
|
"@atlaskit/analytics-gas-types": "^5.1.0",
|
|
74
74
|
"@atlaskit/css-reset": "^6.9.0",
|
|
75
|
-
"@atlaskit/editor-test-helpers": "^18.
|
|
75
|
+
"@atlaskit/editor-test-helpers": "^18.24.0",
|
|
76
76
|
"@atlaskit/link-provider": "^1.11.0",
|
|
77
77
|
"@atlaskit/link-test-helpers": "^7.0.0",
|
|
78
78
|
"@atlaskit/linking-common": "^5.7.0",
|