@atlaskit/renderer 109.33.0 → 109.34.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,26 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 109.34.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#114156](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114156)
8
+ [`bc6a63af2d1d0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc6a63af2d1d0) -
9
+ Bump adf-schema to 37.0.0 and adf-schema-json to 1.16.0
10
+
11
+ ### Patch Changes
12
+
13
+ - [#113904](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113904)
14
+ [`5c0a612e2326f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c0a612e2326f) -
15
+ [ux] Fixes special symbols showing from left to right on renderer for headings.
16
+ - Updated dependencies
17
+
18
+ ## 109.33.1
19
+
20
+ ### Patch Changes
21
+
22
+ - Updated dependencies
23
+
3
24
  ## 109.33.0
4
25
 
5
26
  ### Minor 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 WrapChildTextInSpan(children) {
30
- // We wrap the text in a span so that we can apply CSS pseudo elements
31
- // to each text node within the heading element.
32
- return _react.default.Children.map(children, function (child) {
33
- return typeof child === 'string' && !/^\s*$/.test(child) ? /*#__PURE__*/_react.default.createElement("span", null, child) : child;
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 && isRightAligned ? WrapChildTextInSpan(props.children) : props.children, showAnchorLink && headingId && /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Consumer, null, function (_ref) {
50
- var fireAnalyticsEvent = _ref.fireAnalyticsEvent;
51
- return /*#__PURE__*/_react.default.createElement(_headingAnchor.default, {
52
- enableNestedHeaderLinks: enableNestedHeaderLinks,
53
- level: props.level,
54
- onCopyText: function onCopyText() {
55
- fireAnalyticsEvent({
56
- action: _analytics.ACTION.CLICKED,
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.33.0";
59
+ var packageVersion = "109.34.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> {\n\t\t\t\th1,\n\t\t\t\th2,\n\t\t\t\th3,\n\t\t\t\th4,\n\t\t\t\th5,\n\t\t\t\th6 {\n\t\t\t\t\t// Using right to left text to achieve the inverse effect\n\t\t\t\t\t// of where the copy link button icon sits for left/center\n\t\t\t\t\t// alignment.\n\t\t\t\t\t// Although this is unorthodox it's the only approach which\n\t\t\t\t\t// allows the button to sit flush against the left edge of\n\t\t\t\t\t// bottom line of text.\n\t\t\t\t\tdirection: rtl;\n\n\t\t\t\t\t// By default RTL will negatively impact the layout of special\n\t\t\t\t\t// characters within the heading text, and potentially other\n\t\t\t\t\t// nested inline nodes. To prevent this we insert pseudo elements\n\t\t\t\t\t// containing HTML entities to retain LTR for all heading content\n\t\t\t\t\t// except for the copy link button.\n\t\t\t\t\t> *:not(.", "):not(br) {\n\t\t\t\t\t\t::before {\n\t\t\t\t\t\t\t// Open LTR: https://www.fileformat.info/info/unicode/char/202a/index.htm\n\t\t\t\t\t\t\tcontent: '\u202A';\n\t\t\t\t\t\t}\n\t\t\t\t\t\t::after {\n\t\t\t\t\t\t\t// Close LTR: https://www.fileformat.info/info/unicode/char/202c/index.htm\n\t\t\t\t\t\t\tcontent: '\u202C';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\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"], ["\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\th1,\n\t\t\t\th2,\n\t\t\t\th3,\n\t\t\t\th4,\n\t\t\t\th5,\n\t\t\t\th6 {\n\t\t\t\t\t// Using right to left text to achieve the inverse effect\n\t\t\t\t\t// of where the copy link button icon sits for left/center\n\t\t\t\t\t// alignment.\n\t\t\t\t\t// Although this is unorthodox it's the only approach which\n\t\t\t\t\t// allows the button to sit flush against the left edge of\n\t\t\t\t\t// bottom line of text.\n\t\t\t\t\tdirection: rtl;\n\n\t\t\t\t\t// By default RTL will negatively impact the layout of special\n\t\t\t\t\t// characters within the heading text, and potentially other\n\t\t\t\t\t// nested inline nodes. To prevent this we insert pseudo elements\n\t\t\t\t\t// containing HTML entities to retain LTR for all heading content\n\t\t\t\t\t// except for the copy link button.\n\t\t\t\t\t> *:not(.", "):not(br) {\n\t\t\t\t\t\t::before {\n\t\t\t\t\t\t\t// Open LTR: https://www.fileformat.info/info/unicode/char/202a/index.htm\n\t\t\t\t\t\t\tcontent: '\\u202A';\n\t\t\t\t\t\t}\n\t\t\t\t\t\t::after {\n\t\t\t\t\t\t\t// Close LTR: https://www.fileformat.info/info/unicode/char/202c/index.htm\n\t\t\t\t\t\t\tcontent: '\\u202C';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\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, _headingAnchor.HeadingAnchorWrapperClassName, "var(--ds-space-075, 6px)", _headingAnchor.HeadingAnchorWrapperClassName);
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,
@@ -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 WrapChildTextInSpan(children) {
20
- // We wrap the text in a span so that we can apply CSS pseudo elements
21
- // to each text node within the heading element.
22
- return React.Children.map(children, child => {
23
- return typeof child === 'string' && !/^\s*$/.test(child) ? /*#__PURE__*/React.createElement("span", null, child) : child;
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 && isRightAligned ? WrapChildTextInSpan(props.children) : props.children, showAnchorLink && headingId && /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, ({
42
- fireAnalyticsEvent
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
- onCopyText: () => {
47
- fireAnalyticsEvent({
48
- action: ACTION.CLICKED,
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.33.0";
41
+ const packageVersion = "109.34.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) {
@@ -19,11 +19,25 @@ function hasRightAlignmentMark(marks) {
19
19
  return mark.type.name === 'alignment' && mark.attrs.align === 'end';
20
20
  });
21
21
  }
22
- function WrapChildTextInSpan(children) {
23
- // We wrap the text in a span so that we can apply CSS pseudo elements
24
- // to each text node within the heading element.
25
- return React.Children.map(children, function (child) {
26
- return typeof child === 'string' && !/^\s*$/.test(child) ? /*#__PURE__*/React.createElement("span", null, child) : child;
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 && isRightAligned ? WrapChildTextInSpan(props.children) : props.children, showAnchorLink && headingId && /*#__PURE__*/React.createElement(AnalyticsContext.Consumer, null, function (_ref) {
43
- var fireAnalyticsEvent = _ref.fireAnalyticsEvent;
44
- return /*#__PURE__*/React.createElement(HeadingAnchor, {
45
- enableNestedHeaderLinks: enableNestedHeaderLinks,
46
- level: props.level,
47
- onCopyText: function onCopyText() {
48
- fireAnalyticsEvent({
49
- action: ACTION.CLICKED,
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.33.0";
51
+ var packageVersion = "109.34.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> {\n\t\t\t\th1,\n\t\t\t\th2,\n\t\t\t\th3,\n\t\t\t\th4,\n\t\t\t\th5,\n\t\t\t\th6 {\n\t\t\t\t\t// Using right to left text to achieve the inverse effect\n\t\t\t\t\t// of where the copy link button icon sits for left/center\n\t\t\t\t\t// alignment.\n\t\t\t\t\t// Although this is unorthodox it's the only approach which\n\t\t\t\t\t// allows the button to sit flush against the left edge of\n\t\t\t\t\t// bottom line of text.\n\t\t\t\t\tdirection: rtl;\n\n\t\t\t\t\t// By default RTL will negatively impact the layout of special\n\t\t\t\t\t// characters within the heading text, and potentially other\n\t\t\t\t\t// nested inline nodes. To prevent this we insert pseudo elements\n\t\t\t\t\t// containing HTML entities to retain LTR for all heading content\n\t\t\t\t\t// except for the copy link button.\n\t\t\t\t\t> *:not(.", "):not(br) {\n\t\t\t\t\t\t::before {\n\t\t\t\t\t\t\t// Open LTR: https://www.fileformat.info/info/unicode/char/202a/index.htm\n\t\t\t\t\t\t\tcontent: '\u202A';\n\t\t\t\t\t\t}\n\t\t\t\t\t\t::after {\n\t\t\t\t\t\t\t// Close LTR: https://www.fileformat.info/info/unicode/char/202c/index.htm\n\t\t\t\t\t\t\tcontent: '\u202C';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\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"], ["\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\th1,\n\t\t\t\th2,\n\t\t\t\th3,\n\t\t\t\th4,\n\t\t\t\th5,\n\t\t\t\th6 {\n\t\t\t\t\t// Using right to left text to achieve the inverse effect\n\t\t\t\t\t// of where the copy link button icon sits for left/center\n\t\t\t\t\t// alignment.\n\t\t\t\t\t// Although this is unorthodox it's the only approach which\n\t\t\t\t\t// allows the button to sit flush against the left edge of\n\t\t\t\t\t// bottom line of text.\n\t\t\t\t\tdirection: rtl;\n\n\t\t\t\t\t// By default RTL will negatively impact the layout of special\n\t\t\t\t\t// characters within the heading text, and potentially other\n\t\t\t\t\t// nested inline nodes. To prevent this we insert pseudo elements\n\t\t\t\t\t// containing HTML entities to retain LTR for all heading content\n\t\t\t\t\t// except for the copy link button.\n\t\t\t\t\t> *:not(.", "):not(br) {\n\t\t\t\t\t\t::before {\n\t\t\t\t\t\t\t// Open LTR: https://www.fileformat.info/info/unicode/char/202a/index.htm\n\t\t\t\t\t\t\tcontent: '\\u202A';\n\t\t\t\t\t\t}\n\t\t\t\t\t\t::after {\n\t\t\t\t\t\t\t// Close LTR: https://www.fileformat.info/info/unicode/char/202c/index.htm\n\t\t\t\t\t\t\tcontent: '\\u202C';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.", " {\n\t\t\t\tmargin: 0 ", " 0 0;\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, HeadingAnchorWrapperClassName, "var(--ds-space-075, 6px)", HeadingAnchorWrapperClassName);
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "109.33.0",
3
+ "version": "109.34.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": "^36.10.7",
28
- "@atlaskit/adf-utils": "^19.2.0",
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
- "@atlaskit/button": "^17.23.0",
32
+ "@atlaskit/button": "^18.0.0",
33
33
  "@atlaskit/code": "^15.3.0",
34
- "@atlaskit/editor-common": "^82.11.0",
35
- "@atlaskit/editor-json-transformer": "^8.13.0",
34
+ "@atlaskit/editor-common": "^82.12.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.3.0",
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.52.0",
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.23.0",
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",