@atlaskit/renderer 132.1.5 → 132.4.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 +42 -0
- package/dist/cjs/react/index.js +1 -1
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/cjs/ui/annotations/element/mark.js +2 -24
- package/dist/es2019/react/index.js +1 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/annotations/element/mark.js +2 -24
- package/dist/esm/react/index.js +1 -1
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/annotations/element/mark.js +2 -24
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,47 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 132.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`1d7eb738bd45c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1d7eb738bd45c) -
|
|
8
|
+
Cleaned up stale experiment platform_editor_table_sticky_header_patch_11
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 132.3.0
|
|
15
|
+
|
|
16
|
+
### Minor Changes
|
|
17
|
+
|
|
18
|
+
- [`6e5305ed556df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e5305ed556df) -
|
|
19
|
+
revert removal of FG platform_editor_remove_important_in_render_ext
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
25
|
+
## 132.2.1
|
|
26
|
+
|
|
27
|
+
### Patch Changes
|
|
28
|
+
|
|
29
|
+
- Updated dependencies
|
|
30
|
+
|
|
31
|
+
## 132.2.0
|
|
32
|
+
|
|
33
|
+
### Minor Changes
|
|
34
|
+
|
|
35
|
+
- [`3a3311c8f547b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a3311c8f547b) -
|
|
36
|
+
Removed stale feature gate `platform_renderer_a11y_inline_comment_fix` (final value: true).
|
|
37
|
+
Cleaned up flag-gated ternaries and removed dead `accessibilityStylesOld` constant.
|
|
38
|
+
|
|
39
|
+
### Patch Changes
|
|
40
|
+
|
|
41
|
+
- [`086ba910930e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/086ba910930e9) -
|
|
42
|
+
FFCLEANUP-96543 - cleanup fg platform_editor_remove_important_in_render_ext
|
|
43
|
+
- Updated dependencies
|
|
44
|
+
|
|
3
45
|
## 132.1.5
|
|
4
46
|
|
|
5
47
|
### Patch Changes
|
package/dist/cjs/react/index.js
CHANGED
|
@@ -440,7 +440,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
|
|
|
440
440
|
var isInsideMultiBodiedExtension = (0, _rendererNode.insideMultiBodiedExtension)(path, node.type.schema);
|
|
441
441
|
var isInsideOfTable = (0, _rendererNode.insideTable)(path, node.type.schema);
|
|
442
442
|
var isStickySafeCenteringEnabled = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
|
|
443
|
-
var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0,
|
|
443
|
+
var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _rendererNode.insideBreakoutExpand)(path);
|
|
444
444
|
var stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !(0, _rendererNode.insideBreakoutLayout)(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
|
|
445
445
|
return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
|
|
446
446
|
allowColumnSorting: this.allowColumnSorting,
|
|
@@ -72,7 +72,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
72
72
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
73
73
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
74
74
|
var packageName = "@atlaskit/renderer";
|
|
75
|
-
var packageVersion = "132.
|
|
75
|
+
var packageVersion = "132.3.0";
|
|
76
76
|
var setAsQueryContainerStyles = (0, _react2.css)({
|
|
77
77
|
containerName: 'ak-renderer-wrapper',
|
|
78
78
|
containerType: 'inline-size'
|
|
@@ -93,25 +93,6 @@ var isMobile = function isMobile() {
|
|
|
93
93
|
// eslint-disable-next-line require-unicode-regexp
|
|
94
94
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
95
95
|
};
|
|
96
|
-
var accessibilityStylesOld = (0, _react2.css)({
|
|
97
|
-
'&::before, &::after': {
|
|
98
|
-
clipPath: 'inset(100%)',
|
|
99
|
-
clip: 'rect(1px, 1px, 1px, 1px)',
|
|
100
|
-
height: '1px',
|
|
101
|
-
overflow: 'hidden',
|
|
102
|
-
position: 'absolute',
|
|
103
|
-
whiteSpace: 'nowrap',
|
|
104
|
-
width: '1px'
|
|
105
|
-
},
|
|
106
|
-
'&::before': {
|
|
107
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
108
|
-
content: "' [var(--ak-renderer-annotation-startmarker)] '"
|
|
109
|
-
},
|
|
110
|
-
'&::after': {
|
|
111
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
112
|
-
content: "' [var(--ak-renderer-annotation-endmarker)] '"
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
96
|
var accessibilityStylesNew = (0, _react2.css)({
|
|
116
97
|
'&::before, &::after': {
|
|
117
98
|
clipPath: 'inset(100%)',
|
|
@@ -234,13 +215,10 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
|
|
|
234
215
|
ref: id === currentSelectedAnnotationId ? markRef : undefined,
|
|
235
216
|
id: id
|
|
236
217
|
}, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
|
|
237
|
-
css: [markStyles, markStylesLayeringFix, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() &&
|
|
238
|
-
style:
|
|
218
|
+
css: [markStyles, markStylesLayeringFix, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() && accessibilityStylesNew, markStylesWithUpdatedShadow],
|
|
219
|
+
style: {
|
|
239
220
|
'--ak-renderer-annotation-startmarker': "\"".concat(intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart), "\""),
|
|
240
221
|
'--ak-renderer-annotation-endmarker': "\"".concat(intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd), "\"")
|
|
241
|
-
} : {
|
|
242
|
-
'--ak-renderer-annotation-startmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart),
|
|
243
|
-
'--ak-renderer-annotation-endmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
|
|
244
222
|
}
|
|
245
223
|
}), children);
|
|
246
224
|
};
|
|
@@ -406,7 +406,7 @@ export default class ReactSerializer {
|
|
|
406
406
|
const isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
|
|
407
407
|
const isInsideOfTable = insideTable(path, node.type.schema);
|
|
408
408
|
const isStickySafeCenteringEnabled = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
|
|
409
|
-
const isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') &&
|
|
409
|
+
const isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && insideBreakoutExpand(path);
|
|
410
410
|
const stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
|
|
411
411
|
return {
|
|
412
412
|
...this.getProps(node),
|
|
@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
58
58
|
const TABLE_INFO_TIMEOUT = 10000;
|
|
59
59
|
const RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
60
60
|
const packageName = "@atlaskit/renderer";
|
|
61
|
-
const packageVersion = "132.
|
|
61
|
+
const packageVersion = "132.3.0";
|
|
62
62
|
const setAsQueryContainerStyles = css({
|
|
63
63
|
containerName: 'ak-renderer-wrapper',
|
|
64
64
|
containerType: 'inline-size'
|
|
@@ -99,25 +99,6 @@ const isMobile = () => {
|
|
|
99
99
|
// eslint-disable-next-line require-unicode-regexp
|
|
100
100
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
101
101
|
};
|
|
102
|
-
const accessibilityStylesOld = css({
|
|
103
|
-
'&::before, &::after': {
|
|
104
|
-
clipPath: 'inset(100%)',
|
|
105
|
-
clip: 'rect(1px, 1px, 1px, 1px)',
|
|
106
|
-
height: '1px',
|
|
107
|
-
overflow: 'hidden',
|
|
108
|
-
position: 'absolute',
|
|
109
|
-
whiteSpace: 'nowrap',
|
|
110
|
-
width: '1px'
|
|
111
|
-
},
|
|
112
|
-
'&::before': {
|
|
113
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
114
|
-
content: `' [var(--ak-renderer-annotation-startmarker)] '`
|
|
115
|
-
},
|
|
116
|
-
'&::after': {
|
|
117
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
118
|
-
content: `' [var(--ak-renderer-annotation-endmarker)] '`
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
102
|
const accessibilityStylesNew = css({
|
|
122
103
|
'&::before, &::after': {
|
|
123
104
|
clipPath: 'inset(100%)',
|
|
@@ -246,13 +227,10 @@ export const MarkComponent = ({
|
|
|
246
227
|
...accessibility,
|
|
247
228
|
...overriddenData,
|
|
248
229
|
...(!useBlockLevel && {
|
|
249
|
-
css: [markStyles, markStylesLayeringFix, fg('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() &&
|
|
250
|
-
style:
|
|
230
|
+
css: [markStyles, markStylesLayeringFix, fg('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() && accessibilityStylesNew, markStylesWithUpdatedShadow],
|
|
231
|
+
style: {
|
|
251
232
|
'--ak-renderer-annotation-startmarker': `"${intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart)}"`,
|
|
252
233
|
'--ak-renderer-annotation-endmarker': `"${intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd)}"`
|
|
253
|
-
} : {
|
|
254
|
-
'--ak-renderer-annotation-startmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart),
|
|
255
|
-
'--ak-renderer-annotation-endmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
|
|
256
234
|
}
|
|
257
235
|
})
|
|
258
236
|
}, children);
|
package/dist/esm/react/index.js
CHANGED
|
@@ -433,7 +433,7 @@ var ReactSerializer = /*#__PURE__*/function () {
|
|
|
433
433
|
var isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
|
|
434
434
|
var isInsideOfTable = insideTable(path, node.type.schema);
|
|
435
435
|
var isStickySafeCenteringEnabled = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
|
|
436
|
-
var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') &&
|
|
436
|
+
var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && insideBreakoutExpand(path);
|
|
437
437
|
var stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
|
|
438
438
|
return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
|
|
439
439
|
allowColumnSorting: this.allowColumnSorting,
|
|
@@ -63,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
|
63
63
|
var TABLE_INFO_TIMEOUT = 10000;
|
|
64
64
|
var RENDER_EVENT_SAMPLE_RATE = 0.2;
|
|
65
65
|
var packageName = "@atlaskit/renderer";
|
|
66
|
-
var packageVersion = "132.
|
|
66
|
+
var packageVersion = "132.3.0";
|
|
67
67
|
var setAsQueryContainerStyles = css({
|
|
68
68
|
containerName: 'ak-renderer-wrapper',
|
|
69
69
|
containerType: 'inline-size'
|
|
@@ -89,25 +89,6 @@ var isMobile = function isMobile() {
|
|
|
89
89
|
// eslint-disable-next-line require-unicode-regexp
|
|
90
90
|
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
|
91
91
|
};
|
|
92
|
-
var accessibilityStylesOld = css({
|
|
93
|
-
'&::before, &::after': {
|
|
94
|
-
clipPath: 'inset(100%)',
|
|
95
|
-
clip: 'rect(1px, 1px, 1px, 1px)',
|
|
96
|
-
height: '1px',
|
|
97
|
-
overflow: 'hidden',
|
|
98
|
-
position: 'absolute',
|
|
99
|
-
whiteSpace: 'nowrap',
|
|
100
|
-
width: '1px'
|
|
101
|
-
},
|
|
102
|
-
'&::before': {
|
|
103
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
104
|
-
content: "' [var(--ak-renderer-annotation-startmarker)] '"
|
|
105
|
-
},
|
|
106
|
-
'&::after': {
|
|
107
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
|
|
108
|
-
content: "' [var(--ak-renderer-annotation-endmarker)] '"
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
92
|
var accessibilityStylesNew = css({
|
|
112
93
|
'&::before, &::after': {
|
|
113
94
|
clipPath: 'inset(100%)',
|
|
@@ -230,13 +211,10 @@ export var MarkComponent = function MarkComponent(_ref) {
|
|
|
230
211
|
ref: id === currentSelectedAnnotationId ? markRef : undefined,
|
|
231
212
|
id: id
|
|
232
213
|
}, fg('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
|
|
233
|
-
css: [markStyles, markStylesLayeringFix, fg('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() &&
|
|
234
|
-
style:
|
|
214
|
+
css: [markStyles, markStylesLayeringFix, fg('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, markStylesWithCommentsPanel, !isMobile() && accessibilityStylesNew, markStylesWithUpdatedShadow],
|
|
215
|
+
style: {
|
|
235
216
|
'--ak-renderer-annotation-startmarker': "\"".concat(intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart), "\""),
|
|
236
217
|
'--ak-renderer-annotation-endmarker': "\"".concat(intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd), "\"")
|
|
237
|
-
} : {
|
|
238
|
-
'--ak-renderer-annotation-startmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart),
|
|
239
|
-
'--ak-renderer-annotation-endmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
|
|
240
218
|
}
|
|
241
219
|
}), children);
|
|
242
220
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "132.
|
|
3
|
+
"version": "132.4.0",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/editor-shared-styles": "^3.11.0",
|
|
46
46
|
"@atlaskit/editor-smart-link-draggable": "^0.5.0",
|
|
47
47
|
"@atlaskit/emoji": "^70.17.0",
|
|
48
|
-
"@atlaskit/feature-gate-js-client": "^5.
|
|
48
|
+
"@atlaskit/feature-gate-js-client": "^5.8.0",
|
|
49
49
|
"@atlaskit/icon": "^35.4.0",
|
|
50
50
|
"@atlaskit/link": "^3.4.0",
|
|
51
51
|
"@atlaskit/link-datasource": "^5.6.0",
|
|
@@ -62,11 +62,11 @@
|
|
|
62
62
|
"@atlaskit/platform-feature-flags-react": "^0.5.0",
|
|
63
63
|
"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
|
|
64
64
|
"@atlaskit/react-ufo": "^6.7.0",
|
|
65
|
-
"@atlaskit/smart-card": "^44.
|
|
65
|
+
"@atlaskit/smart-card": "^44.28.0",
|
|
66
66
|
"@atlaskit/status": "^4.1.0",
|
|
67
|
-
"@atlaskit/task-decision": "^20.
|
|
67
|
+
"@atlaskit/task-decision": "^20.2.0",
|
|
68
68
|
"@atlaskit/theme": "^25.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^98.0.0",
|
|
70
70
|
"@atlaskit/tokens": "^13.3.0",
|
|
71
71
|
"@atlaskit/tooltip": "^22.6.0",
|
|
72
72
|
"@atlaskit/visually-hidden": "^3.1.0",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"uuid": "^3.1.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
|
-
"@atlaskit/editor-common": "^115.
|
|
83
|
+
"@atlaskit/editor-common": "^115.12.0",
|
|
84
84
|
"@atlaskit/link-provider": "^4.7.0",
|
|
85
85
|
"@atlaskit/media-core": "^37.1.0",
|
|
86
86
|
"react": "^18.2.0",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@atlaskit/modal-dialog": "^15.2.0",
|
|
103
103
|
"@atlaskit/navigation-system": "^9.4.0",
|
|
104
104
|
"@atlaskit/profilecard": "^25.9.0",
|
|
105
|
-
"@atlaskit/side-nav-items": "^1.
|
|
105
|
+
"@atlaskit/side-nav-items": "^1.14.0",
|
|
106
106
|
"@atlaskit/util-data-test": "^18.6.0",
|
|
107
107
|
"@atlassian/a11y-jest-testing": "^0.12.0",
|
|
108
108
|
"@atlassian/a11y-playwright-testing": "^0.10.0",
|
|
@@ -170,9 +170,6 @@
|
|
|
170
170
|
"editor_inline_comments_on_inline_nodes": {
|
|
171
171
|
"type": "boolean"
|
|
172
172
|
},
|
|
173
|
-
"platform_renderer_a11y_inline_comment_fix": {
|
|
174
|
-
"type": "boolean"
|
|
175
|
-
},
|
|
176
173
|
"platform-component-visual-refresh": {
|
|
177
174
|
"type": "boolean"
|
|
178
175
|
},
|