@atlaskit/renderer 128.0.8 → 128.2.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,38 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 128.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ae5fac6f9f299`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae5fac6f9f299) -
8
+ Added support for Smart Link draggable changeboarding in Confluence ADF renderer. This change adds
9
+ an optional smartLinkDraggableChangeboardConfig prop and passes shouldShow/onClose into Smart
10
+ Links, with no breaking API changes.
11
+
12
+ ### Patch Changes
13
+
14
+ - [`7428d9bf3aa13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7428d9bf3aa13) -
15
+ Clean up platform_synced_block_patch_5 feature gate
16
+ - [`af385c410f9b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af385c410f9b1) -
17
+ [ux] EDITOR-5909 Hide markers for wrapper task list items
18
+ - Updated dependencies
19
+
20
+ ## 128.1.0
21
+
22
+ ### Minor Changes
23
+
24
+ - [`8b781b3b3f9ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8b781b3b3f9ca) -
25
+ Add setSmallText and setSmallTextWithAnalytics commands, modify setNormalText to remove fontSize
26
+ mark, add FORMAT_SMALL_TEXT analytics enum.
27
+
28
+ Add support to the renderer to render 'small text'.
29
+
30
+ Add 'fontSize' to stage0 default schema.
31
+
32
+ ### Patch Changes
33
+
34
+ - Updated dependencies
35
+
3
36
  ## 128.0.8
4
37
 
5
38
  ### Patch Changes
@@ -503,7 +503,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
503
503
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
504
504
  });
505
505
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
506
- var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
506
+ var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
507
507
  var isAnnotationMark = function isAnnotationMark(mark) {
508
508
  return mark.type === annotation;
509
509
  };
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = FontSize;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ function FontSize(props) {
10
+ return /*#__PURE__*/_react.default.createElement("div", {
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
12
+ className: "fabric-editor-block-mark fabric-editor-font-size",
13
+ "data-font-size": props.fontSize
14
+ }, props.children);
15
+ }
@@ -47,6 +47,12 @@ Object.defineProperty(exports, "Em", {
47
47
  return _em.default;
48
48
  }
49
49
  });
50
+ Object.defineProperty(exports, "FontSize", {
51
+ enumerable: true,
52
+ get: function get() {
53
+ return _fontSize.default;
54
+ }
55
+ });
50
56
  Object.defineProperty(exports, "FragmentMark", {
51
57
  enumerable: true,
52
58
  get: function get() {
@@ -126,6 +132,7 @@ var _dataConsumer = _interopRequireDefault(require("./data-consumer"));
126
132
  var _fragment = _interopRequireDefault(require("./fragment"));
127
133
  var _annotation = _interopRequireWildcard(require("./annotation"));
128
134
  var _border = _interopRequireDefault(require("./border"));
135
+ var _fontSize = _interopRequireDefault(require("./fontSize"));
129
136
  var _confluenceInlineComment = _interopRequireDefault(require("./confluence-inline-comment"));
130
137
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
131
138
  /* eslint-disable @atlaskit/editor/no-re-export */
@@ -145,6 +152,7 @@ var markToReact = exports.markToReact = {
145
152
  underline: _underline.default,
146
153
  annotation: _annotation.default,
147
154
  border: _border.default,
155
+ fontSize: _fontSize.default,
148
156
  // Stage0
149
157
  confluenceInlineComment: _confluenceInlineComment.default,
150
158
  breakout: _breakout.default,
@@ -24,7 +24,6 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
24
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
25
25
  var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
26
26
  var _analytics = require("@atlaskit/editor-common/analytics");
27
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
28
27
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
29
28
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30
29
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -122,9 +121,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
122
121
  attributes: _objectSpread(_objectSpread({
123
122
  reason: reason,
124
123
  external: false
125
- }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
124
+ }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
126
125
  nestedUnder: nestedUnder
127
- } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
126
+ } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
128
127
  nestedRendererType: rendererContext.nestedRendererType
129
128
  } : {})
130
129
  });
@@ -52,6 +52,19 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
52
52
  var baseFontStyle = (0, _react.css)({
53
53
  font: (0, _ugcTokens.editorUGCToken)('editor.font.body')
54
54
  });
55
+ var smallTextStyle = (0, _react.css)({
56
+ '--ak-renderer-editor-font-small-text': (0, _ugcTokens.editorUGCToken)('editor.font.body.small')
57
+ });
58
+ var fontSizeStyles = (0, _react.css)({
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
+ '.fabric-editor-font-size': {
61
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
62
+ "&[data-font-size='small']": {
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
64
+ font: 'var(--ak-renderer-editor-font-small-text)'
65
+ }
66
+ }
67
+ });
55
68
  var originalBaseFontLineHeight = (0, _react.css)({
56
69
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
57
70
  lineHeight: '1.5rem'
@@ -697,20 +710,22 @@ var listsSharedStylesForGekko = (0, _react.css)({
697
710
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
698
711
  */
699
712
  var listItemHiddenMarkerStyles = (0, _react.css)({
700
- // Hide markers for bullet list wrapper items (li containing only ul)
701
- 'li:has(> ul:only-child)': {
702
- listStyleType: 'none'
703
- },
704
- // Hide markers for ordered list wrapper items (li containing only ol)
705
- 'li:has(> ol:only-child)': {
706
- listStyleType: 'none'
713
+ // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
714
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
715
+ 'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
716
+ listStyleType: 'none',
717
+ marginTop: 0,
718
+ marginBottom: 0
707
719
  },
708
- // Hide markers for task list wrapper items (li containing only action list div)
709
- 'li:has(> div[data-node-type="actionList"]:only-child)': {
710
- listStyleType: 'none'
720
+ // Remove margin from nested lists inside wrapper list items to avoid double spacing
721
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
722
+ 'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
723
+ marginTop: 0
711
724
  },
712
- // Hide checkbox for wrapper task list items
713
- 'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
725
+ // Collapse wrapper task items (empty task items followed by a sibling nested task list)
726
+ // Only hides empty task items that are actual wrappers, not regular empty task items
727
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
728
+ 'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
714
729
  display: 'none'
715
730
  }
716
731
  });
@@ -2014,7 +2029,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
2014
2029
  '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
2015
2030
  '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
2016
2031
  },
2017
- css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2032
+ css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true))) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, (0, _expValEquals.expValEquals)('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2018
2033
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2019
2034
  textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
2020
2035
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
71
71
  var TABLE_INFO_TIMEOUT = 10000;
72
72
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
73
73
  var packageName = "@atlaskit/renderer";
74
- var packageVersion = "0.0.0-development";
74
+ var packageVersion = "128.1.0";
75
75
  var setAsQueryContainerStyles = (0, _react2.css)({
76
76
  containerName: 'ak-renderer-wrapper',
77
77
  containerType: 'inline-size'
@@ -462,7 +462,7 @@ export default class ReactSerializer {
462
462
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
463
463
  });
464
464
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
465
- const nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
465
+ const nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
466
466
  const isAnnotationMark = mark => mark.type === annotation;
467
467
  const isLinkMark = mark => mark.type === link;
468
468
  const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export default function FontSize(props) {
3
+ return /*#__PURE__*/React.createElement("div", {
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
5
+ className: "fabric-editor-block-mark fabric-editor-font-size",
6
+ "data-font-size": props.fontSize
7
+ }, props.children);
8
+ }
@@ -19,6 +19,7 @@ import DataConsumer from './data-consumer';
19
19
  import FragmentMark from './fragment';
20
20
  import Annotation, { isAnnotationMark } from './annotation';
21
21
  import Border from './border';
22
+ import FontSize from './fontSize';
22
23
 
23
24
  // Stage0
24
25
  import ConfluenceInlineComment from './confluence-inline-comment';
@@ -34,6 +35,7 @@ export const markToReact = {
34
35
  underline: Underline,
35
36
  annotation: Annotation,
36
37
  border: Border,
38
+ fontSize: FontSize,
37
39
  // Stage0
38
40
  confluenceInlineComment: ConfluenceInlineComment,
39
41
  breakout: Breakout,
@@ -50,4 +52,4 @@ export const markToReact = {
50
52
  export const toReact = mark => {
51
53
  return markToReact[mark.type.name];
52
54
  };
53
- export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
55
+ export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
@@ -9,7 +9,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
9
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
10
  import AnalyticsContext from '../analytics/analyticsContext';
11
11
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  export const mediaIdentifierMap = new Map();
14
13
  export const getListOfIdentifiersFromDoc = doc => {
15
14
  if (!doc) {
@@ -78,10 +77,10 @@ export class MediaCardView extends Component {
78
77
  attributes: {
79
78
  reason,
80
79
  external: false,
81
- ...(nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
80
+ ...(nestedUnder && editorExperiment('platform_synced_block', true) ? {
82
81
  nestedUnder
83
82
  } : {}),
84
- ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
83
+ ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
85
84
  nestedRendererType: rendererContext.nestedRendererType
86
85
  } : {})
87
86
  }
@@ -43,6 +43,19 @@ const isBackgroundClipBrowserFixNeeded = () => {
43
43
  const baseFontStyle = css({
44
44
  font: editorUGCToken('editor.font.body')
45
45
  });
46
+ const smallTextStyle = css({
47
+ '--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
48
+ });
49
+ const fontSizeStyles = css({
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
+ '.fabric-editor-font-size': {
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
+ "&[data-font-size='small']": {
54
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
55
+ font: 'var(--ak-renderer-editor-font-small-text)'
56
+ }
57
+ }
58
+ });
46
59
  const originalBaseFontLineHeight = css({
47
60
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
48
61
  lineHeight: '1.5rem'
@@ -820,20 +833,22 @@ const listsSharedStylesForGekko = css({
820
833
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
821
834
  */
822
835
  const listItemHiddenMarkerStyles = css({
823
- // Hide markers for bullet list wrapper items (li containing only ul)
824
- 'li:has(> ul:only-child)': {
825
- listStyleType: 'none'
826
- },
827
- // Hide markers for ordered list wrapper items (li containing only ol)
828
- 'li:has(> ol:only-child)': {
829
- listStyleType: 'none'
836
+ // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
837
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
838
+ 'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
839
+ listStyleType: 'none',
840
+ marginTop: 0,
841
+ marginBottom: 0
830
842
  },
831
- // Hide markers for task list wrapper items (li containing only action list div)
832
- 'li:has(> div[data-node-type="actionList"]:only-child)': {
833
- listStyleType: 'none'
843
+ // Remove margin from nested lists inside wrapper list items to avoid double spacing
844
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
845
+ 'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
846
+ marginTop: 0
834
847
  },
835
- // Hide checkbox for wrapper task list items
836
- 'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
848
+ // Collapse wrapper task items (empty task items followed by a sibling nested task list)
849
+ // Only hides empty task items that are actual wrappers, not regular empty task items
850
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
851
+ 'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
837
852
  display: 'none'
838
853
  }
839
854
  });
@@ -2557,7 +2572,7 @@ export const RendererStyleContainer = props => {
2557
2572
  '--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
2558
2573
  '--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
2559
2574
  },
2560
- css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2575
+ css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2561
2576
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2562
2577
  textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
2563
2578
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
57
57
  const TABLE_INFO_TIMEOUT = 10000;
58
58
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
59
59
  const packageName = "@atlaskit/renderer";
60
- const packageVersion = "0.0.0-development";
60
+ const packageVersion = "128.1.0";
61
61
  const setAsQueryContainerStyles = css({
62
62
  containerName: 'ak-renderer-wrapper',
63
63
  containerType: 'inline-size'
@@ -496,7 +496,7 @@ var ReactSerializer = /*#__PURE__*/function () {
496
496
  return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
497
497
  });
498
498
  // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
499
- var nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
499
+ var nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
500
500
  var isAnnotationMark = function isAnnotationMark(mark) {
501
501
  return mark.type === annotation;
502
502
  };
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export default function FontSize(props) {
3
+ return /*#__PURE__*/React.createElement("div", {
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
5
+ className: "fabric-editor-block-mark fabric-editor-font-size",
6
+ "data-font-size": props.fontSize
7
+ }, props.children);
8
+ }
@@ -19,6 +19,7 @@ import DataConsumer from './data-consumer';
19
19
  import FragmentMark from './fragment';
20
20
  import Annotation, { isAnnotationMark } from './annotation';
21
21
  import Border from './border';
22
+ import FontSize from './fontSize';
22
23
 
23
24
  // Stage0
24
25
  import ConfluenceInlineComment from './confluence-inline-comment';
@@ -34,6 +35,7 @@ export var markToReact = {
34
35
  underline: Underline,
35
36
  annotation: Annotation,
36
37
  border: Border,
38
+ fontSize: FontSize,
37
39
  // Stage0
38
40
  confluenceInlineComment: ConfluenceInlineComment,
39
41
  breakout: Breakout,
@@ -50,4 +52,4 @@ export var markToReact = {
50
52
  export var toReact = function toReact(mark) {
51
53
  return markToReact[mark.type.name];
52
54
  };
53
- export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
55
+ export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark };
@@ -20,7 +20,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
20
20
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
21
21
  import AnalyticsContext from '../analytics/analyticsContext';
22
22
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
23
- import { fg } from '@atlaskit/platform-feature-flags';
24
23
  export var mediaIdentifierMap = new Map();
25
24
  export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
26
25
  if (!doc) {
@@ -113,9 +112,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
113
112
  attributes: _objectSpread(_objectSpread({
114
113
  reason: reason,
115
114
  external: false
116
- }, nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
115
+ }, nestedUnder && editorExperiment('platform_synced_block', true) ? {
117
116
  nestedUnder: nestedUnder
118
- } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
117
+ } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
119
118
  nestedRendererType: rendererContext.nestedRendererType
120
119
  } : {})
121
120
  });
@@ -45,6 +45,19 @@ var isBackgroundClipBrowserFixNeeded = function isBackgroundClipBrowserFixNeeded
45
45
  var baseFontStyle = css({
46
46
  font: editorUGCToken('editor.font.body')
47
47
  });
48
+ var smallTextStyle = css({
49
+ '--ak-renderer-editor-font-small-text': editorUGCToken('editor.font.body.small')
50
+ });
51
+ var fontSizeStyles = css({
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
+ '.fabric-editor-font-size': {
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
55
+ "&[data-font-size='small']": {
56
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
57
+ font: 'var(--ak-renderer-editor-font-small-text)'
58
+ }
59
+ }
60
+ });
48
61
  var originalBaseFontLineHeight = css({
49
62
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
50
63
  lineHeight: '1.5rem'
@@ -690,20 +703,22 @@ var listsSharedStylesForGekko = css({
690
703
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
691
704
  */
692
705
  var listItemHiddenMarkerStyles = css({
693
- // Hide markers for bullet list wrapper items (li containing only ul)
694
- 'li:has(> ul:only-child)': {
695
- listStyleType: 'none'
696
- },
697
- // Hide markers for ordered list wrapper items (li containing only ol)
698
- 'li:has(> ol:only-child)': {
699
- listStyleType: 'none'
706
+ // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
707
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
708
+ 'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
709
+ listStyleType: 'none',
710
+ marginTop: 0,
711
+ marginBottom: 0
700
712
  },
701
- // Hide markers for task list wrapper items (li containing only action list div)
702
- 'li:has(> div[data-node-type="actionList"]:only-child)': {
703
- listStyleType: 'none'
713
+ // Remove margin from nested lists inside wrapper list items to avoid double spacing
714
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
715
+ 'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
716
+ marginTop: 0
704
717
  },
705
- // Hide checkbox for wrapper task list items
706
- 'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
718
+ // Collapse wrapper task items (empty task items followed by a sibling nested task list)
719
+ // Only hides empty task items that are actual wrappers, not regular empty task items
720
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
721
+ 'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
707
722
  display: 'none'
708
723
  }
709
724
  });
@@ -2007,7 +2022,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
2007
2022
  '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
2008
2023
  '--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
2009
2024
  },
2010
- css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2025
+ css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && smallTextStyle, expValEquals('platform_editor_small_font_size', 'isEnabled', true) && fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, expValEquals('platform_editor_flexible_list_indentation', 'isEnabled', true) && listItemHiddenMarkerStyles, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles,
2011
2026
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
2012
2027
  textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
2013
2028
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
62
62
  var TABLE_INFO_TIMEOUT = 10000;
63
63
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "0.0.0-development";
65
+ var packageVersion = "128.1.0";
66
66
  var setAsQueryContainerStyles = css({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type FontSizeMarkAttrs } from '@atlaskit/adf-schema';
3
+ import { type MarkProps } from '../types';
4
+ export default function FontSize(props: MarkProps<FontSizeMarkAttrs>): React.JSX.Element;
@@ -16,8 +16,9 @@ import DataConsumer from './data-consumer';
16
16
  import FragmentMark from './fragment';
17
17
  import Annotation, { isAnnotationMark } from './annotation';
18
18
  import Border from './border';
19
+ import FontSize from './fontSize';
19
20
  export declare const markToReact: {
20
21
  [key: string]: ComponentType<React.PropsWithChildren<any>>;
21
22
  };
22
23
  export declare const toReact: (mark: Mark) => ComponentType<React.PropsWithChildren<any>>;
23
- export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
24
+ export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
32
32
  * Component: inline
33
33
  */
34
34
  hideHoverPreview?: boolean;
35
+ /**
36
+ * Changeboard configuration for Smart Link Draggable feature
37
+ */
38
+ smartLinkDraggableChangeboardConfig?: {
39
+ onClose: () => void;
40
+ shouldShow: boolean;
41
+ };
35
42
  /**
36
43
  * A flag to enable inline Smart Link to render without lazy loading.
37
44
  * Default is false.
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type FontSizeMarkAttrs } from '@atlaskit/adf-schema';
3
+ import { type MarkProps } from '../types';
4
+ export default function FontSize(props: MarkProps<FontSizeMarkAttrs>): React.JSX.Element;
@@ -16,8 +16,9 @@ import DataConsumer from './data-consumer';
16
16
  import FragmentMark from './fragment';
17
17
  import Annotation, { isAnnotationMark } from './annotation';
18
18
  import Border from './border';
19
+ import FontSize from './fontSize';
19
20
  export declare const markToReact: {
20
21
  [key: string]: ComponentType<React.PropsWithChildren<any>>;
21
22
  };
22
23
  export declare const toReact: (mark: Mark) => ComponentType<React.PropsWithChildren<any>>;
23
- export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
24
+ export { Code, Em, Link, Strike, Strong, Subsup, TextColor, BackgroundColor, Underline, Breakout, Annotation, Border, FontSize, UnsupportedMark, isAnnotationMark, UnsupportedNodeAttribute, DataConsumer, FragmentMark, };
@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
32
32
  * Component: inline
33
33
  */
34
34
  hideHoverPreview?: boolean;
35
+ /**
36
+ * Changeboard configuration for Smart Link Draggable feature
37
+ */
38
+ smartLinkDraggableChangeboardConfig?: {
39
+ onClose: () => void;
40
+ shouldShow: boolean;
41
+ };
35
42
  /**
36
43
  * A flag to enable inline Smart Link to render without lazy loading.
37
44
  * Default is false.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "128.0.8",
3
+ "version": "128.2.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -23,7 +23,7 @@
23
23
  }
24
24
  },
25
25
  "dependencies": {
26
- "@atlaskit/adf-schema": "^52.3.0",
26
+ "@atlaskit/adf-schema": "^52.4.0",
27
27
  "@atlaskit/adf-utils": "^19.27.0",
28
28
  "@atlaskit/afm-i18n-platform-editor-renderer": "2.10.0",
29
29
  "@atlaskit/analytics-listeners": "^10.0.0",
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/editor-palette": "^2.1.0",
37
37
  "@atlaskit/editor-prosemirror": "^7.3.0",
38
38
  "@atlaskit/editor-shared-styles": "^3.10.0",
39
- "@atlaskit/editor-smart-link-draggable": "^0.1.0",
39
+ "@atlaskit/editor-smart-link-draggable": "^0.2.0",
40
40
  "@atlaskit/emoji": "^69.10.0",
41
41
  "@atlaskit/feature-gate-js-client": "^5.5.0",
42
42
  "@atlaskit/icon": "^33.0.0",
@@ -59,9 +59,9 @@
59
59
  "@atlaskit/status": "^3.1.0",
60
60
  "@atlaskit/task-decision": "^19.3.0",
61
61
  "@atlaskit/theme": "^22.0.0",
62
- "@atlaskit/tmp-editor-statsig": "^40.2.0",
62
+ "@atlaskit/tmp-editor-statsig": "^40.6.0",
63
63
  "@atlaskit/tokens": "^11.1.0",
64
- "@atlaskit/tooltip": "^20.14.0",
64
+ "@atlaskit/tooltip": "^21.0.0",
65
65
  "@atlaskit/visually-hidden": "^3.0.0",
66
66
  "@babel/runtime": "^7.0.0",
67
67
  "@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
73
73
  "uuid": "^3.1.0"
74
74
  },
75
75
  "peerDependencies": {
76
- "@atlaskit/editor-common": "^112.4.0",
76
+ "@atlaskit/editor-common": "^112.6.0",
77
77
  "@atlaskit/link-provider": "^4.2.0",
78
78
  "@atlaskit/media-core": "^37.0.0",
79
79
  "react": "^18.2.0",
@@ -240,9 +240,6 @@
240
240
  "platform_editor_renderer_selection_context": {
241
241
  "type": "boolean",
242
242
  "referenceOnly": "true"
243
- },
244
- "platform_synced_block_patch_5": {
245
- "type": "boolean"
246
243
  }
247
244
  }
248
245
  }