@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 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
@@ -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, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && (0, _rendererNode.insideBreakoutExpand)(path);
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.1.4";
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() && ((0, _platformFeatureFlags.fg)('platform_renderer_a11y_inline_comment_fix') ? accessibilityStylesNew : accessibilityStylesOld), markStylesWithUpdatedShadow],
238
- style: (0, _platformFeatureFlags.fg)('platform_renderer_a11y_inline_comment_fix') ? {
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') && expValEquals('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && insideBreakoutExpand(path);
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.1.4";
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() && (fg('platform_renderer_a11y_inline_comment_fix') ? accessibilityStylesNew : accessibilityStylesOld), markStylesWithUpdatedShadow],
250
- style: fg('platform_renderer_a11y_inline_comment_fix') ? {
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);
@@ -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') && expValEquals('platform_editor_table_sticky_header_patch_11', 'isEnabled', true) && insideBreakoutExpand(path);
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.1.4";
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() && (fg('platform_renderer_a11y_inline_comment_fix') ? accessibilityStylesNew : accessibilityStylesOld), markStylesWithUpdatedShadow],
234
- style: fg('platform_renderer_a11y_inline_comment_fix') ? {
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.1.5",
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.7.0",
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.26.0",
65
+ "@atlaskit/smart-card": "^44.28.0",
66
66
  "@atlaskit/status": "^4.1.0",
67
- "@atlaskit/task-decision": "^20.1.0",
67
+ "@atlaskit/task-decision": "^20.2.0",
68
68
  "@atlaskit/theme": "^25.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^94.0.0",
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.10.0",
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.13.0",
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
  },