@atlaskit/renderer 145.0.1 → 145.0.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 145.0.3
+
+### Patch Changes
+
+- [`df04549a2c45c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df04549a2c45c) -
+  Update renderer annotation actions to produce `AddNodeMarkStep` results for eligible extension
+  nodes behind the `cc_maui_annotations_on_extensions` feature gate, while preserving existing text
+  and media annotation behavior.
+- [`a13383c3c99b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a13383c3c99b2) -
+  [FFCLEANUP-192944] clean up code references to patch gates
+  `platform_editor_lovability_text_bg_color_patch_1` and
+  `platform_editor_lovability_text_bg_color_patch_2`.
+- Updated dependencies
+
+## 145.0.2
+
+### Patch Changes
+
+- [`d7bc3969f1c0d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d7bc3969f1c0d) -
+  Clean up feature gate `platform_editor_nest_table_in_panel_patch_3`
+- Updated dependencies
+
 ## 145.0.1
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -362,8 +362,9 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       // hence, -1 is not needed
       var beforeNodePos = from;
       var possibleNode = this.doc.nodeAt(beforeNodePos);
-      if ((possibleNode === null || possibleNode === void 0 ? void 0 : possibleNode.type.name) === 'media') {
-        targetNodeType = 'media';
+      var isBlockTarget = possibleNode ? (0, _matchesUtils.isBlockAnnotationTarget)(possibleNode, this.schema) : false;
+      if (possibleNode && isBlockTarget) {
+        targetNodeType = possibleNode.type.name;
         step = new _transform.AddNodeMarkStep(beforeNodePos, this.schema.marks.annotation.create({
           id: annotationId,
           type: annotationType

package/dist/cjs/actions/matches-utils.js

@@ -5,6 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.countMatches = countMatches;
 exports.getIndexMatch = getIndexMatch;
+exports.isBlockAnnotationTarget = isBlockAnnotationTarget;
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+/** Returns whether renderer annotations should use node-mark steps for this node. */
+function isBlockAnnotationTarget(node, schema) {
+  var _schema$nodes = schema.nodes,
+    extension = _schema$nodes.extension,
+    media = _schema$nodes.media;
+  return node.type === media || node.type === extension && (0, _fg.fg)('cc_maui_annotations_on_extensions') && node.type.allowsMarkType(schema.marks.annotation);
+}
+
 // Finds a string position using the Confluence annotation backend's serialisation rules.
 function getIndexMatch(doc, schema, selectedText, startIndex) {
   var textContent = '';
@@ -13,18 +23,17 @@ function getIndexMatch(doc, schema, selectedText, startIndex) {
   var blockNodePos;
   doc.descendants(function (node, pos) {
     var nodeType = node.type;
-    var media = schema.nodes.media;
+    var isBlockTarget = isBlockAnnotationTarget(node, schema);
     var isBlockContainer = nodeType.isBlock && !nodeType.isLeaf && !nodeType.inlineContent;
 
     // Containers may allow annotations for their children; skip their own text to avoid double-counting.
-    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && nodeType !== media) {
+    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && !isBlockTarget) {
       return true;
     }
     var nodeStart = pos;
     var nodeEnd = nodeStart + node.nodeSize;
     if (startIndex >= nodeStart && startIndex <= nodeEnd) {
-      // MAUI-1255 will add eligible extensions as block annotation targets.
-      if (nodeType === media) {
+      if (isBlockTarget) {
         blockNodePos = pos;
       }
       // If the start of the annotation selection is within the current node, we scan the document for previous occurrences

package/dist/cjs/react/nodes/panel-compiled.js

@@ -15,7 +15,6 @@ var _react = _interopRequireDefault(require("react"));
 var _panel = require("@atlaskit/adf-schema/panel");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["backgroundColor", "children", "className", "hasIcon"];
 /**
@@ -48,7 +47,7 @@ var PanelStyledCompiled = exports.PanelStyledCompiled = function PanelStyledComp
   var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
-    className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
+    className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
     style: _objectSpread(_objectSpread({}, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor

package/dist/cjs/react/nodes/panel-emotion.js

@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
 var _panel = require("@atlaskit/adf-schema/panel");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["backgroundColor", "hasIcon"];
 /**
@@ -213,7 +212,7 @@ var PanelStyledEmotion = exports.PanelStyledEmotion = function PanelStyledEmotio
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
+    css: [panelBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelBackgroundColorVariableStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

package/dist/cjs/react/nodes/table/sticky.js

@@ -13,7 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _injectProps = require("../../utils/inject-props");
 var _table = require("./table");
@@ -93,7 +92,7 @@ var FixedTableDiv = function FixedTableDiv(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : '',
-    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && (0, _fg.fg)('platform_editor_nest_table_in_panel_patch_3') && panelAwareStickyTableStyles],
+    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelAwareStickyTableStyles],
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: "".concat(wrapperWidth, "px"),

package/dist/cjs/ui/Renderer/index.js

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "145.0.0";
+var packageVersion = "145.0.2";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/actions/index.js

@@ -8,7 +8,7 @@ import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/e
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAnnotationStep, getPosFromRange } from '../steps';
 import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
-import { getIndexMatch } from './matches-utils';
+import { getIndexMatch, isBlockAnnotationTarget } from './matches-utils';
 import { getSelectionContext } from './selection';
 export default class RendererActions {
   // Any kind of refence is allowed
@@ -328,8 +328,9 @@ export default class RendererActions {
     // hence, -1 is not needed
     const beforeNodePos = from;
     const possibleNode = this.doc.nodeAt(beforeNodePos);
-    if ((possibleNode === null || possibleNode === void 0 ? void 0 : possibleNode.type.name) === 'media') {
-      targetNodeType = 'media';
+    const isBlockTarget = possibleNode ? isBlockAnnotationTarget(possibleNode, this.schema) : false;
+    if (possibleNode && isBlockTarget) {
+      targetNodeType = possibleNode.type.name;
       step = new AddNodeMarkStep(beforeNodePos, this.schema.marks.annotation.create({
         id: annotationId,
         type: annotationType

package/dist/es2019/actions/matches-utils.js

@@ -1,3 +1,14 @@
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+
+/** Returns whether renderer annotations should use node-mark steps for this node. */
+export function isBlockAnnotationTarget(node, schema) {
+  const {
+    extension,
+    media
+  } = schema.nodes;
+  return node.type === media || node.type === extension && fg('cc_maui_annotations_on_extensions') && node.type.allowsMarkType(schema.marks.annotation);
+}
+
 // Finds a string position using the Confluence annotation backend's serialisation rules.
 export function getIndexMatch(doc, schema, selectedText, startIndex) {
   let textContent = '';
@@ -6,20 +17,17 @@ export function getIndexMatch(doc, schema, selectedText, startIndex) {
   let blockNodePos;
   doc.descendants((node, pos) => {
     const nodeType = node.type;
-    const {
-      media
-    } = schema.nodes;
+    const isBlockTarget = isBlockAnnotationTarget(node, schema);
     const isBlockContainer = nodeType.isBlock && !nodeType.isLeaf && !nodeType.inlineContent;
 
     // Containers may allow annotations for their children; skip their own text to avoid double-counting.
-    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && nodeType !== media) {
+    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && !isBlockTarget) {
       return true;
     }
     const nodeStart = pos;
     const nodeEnd = nodeStart + node.nodeSize;
     if (startIndex >= nodeStart && startIndex <= nodeEnd) {
-      // MAUI-1255 will add eligible extensions as block annotation targets.
-      if (nodeType === media) {
+      if (isBlockTarget) {
         blockNodePos = pos;
       }
       // If the start of the annotation selection is within the current node, we scan the document for previous occurrences

package/dist/es2019/react/nodes/panel-compiled.js

@@ -12,7 +12,6 @@ import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.
 // To fix alignment issues with custom icons, vertical alignment is updated.
@@ -37,7 +36,7 @@ export const PanelStyledCompiled = ({
   const customBackgroundColor = backgroundColor ? hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
-    className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
+    className: ax(["_lklzfajl _1alzoqnp _xmo1idpf _u70eidpf _1m1jidpf _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3ckbl _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hau12gs _7c6pj39m _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor

package/dist/es2019/react/nodes/panel-emotion.js

@@ -16,7 +16,6 @@ import { css, jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.
 // To fix alignment issues with custom icons, vertical alignment is updated.
@@ -206,7 +205,7 @@ export const PanelStyledEmotion = ({
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
+    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelBackgroundColorVariableStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

package/dist/es2019/react/nodes/table/sticky.js

@@ -9,7 +9,6 @@ import React from 'react';
 import { jsx, css } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 import { Table } from './table';
@@ -99,7 +98,7 @@ const FixedTableDiv = props => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : '',
-    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelAwareStickyTableStyles],
+    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelAwareStickyTableStyles],
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: `${wrapperWidth}px`,

package/dist/es2019/ui/Renderer/index.js

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "145.0.0";
+const packageVersion = "145.0.2";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/actions/index.js

@@ -11,7 +11,7 @@ import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/e
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAnnotationStep, getPosFromRange } from '../steps';
 import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
-import { getIndexMatch } from './matches-utils';
+import { getIndexMatch, isBlockAnnotationTarget } from './matches-utils';
 import { getSelectionContext as _getSelectionContext } from './selection';
 var RendererActions = /*#__PURE__*/function () {
   // Any kind of refence is allowed
@@ -355,8 +355,9 @@ var RendererActions = /*#__PURE__*/function () {
       // hence, -1 is not needed
       var beforeNodePos = from;
       var possibleNode = this.doc.nodeAt(beforeNodePos);
-      if ((possibleNode === null || possibleNode === void 0 ? void 0 : possibleNode.type.name) === 'media') {
-        targetNodeType = 'media';
+      var isBlockTarget = possibleNode ? isBlockAnnotationTarget(possibleNode, this.schema) : false;
+      if (possibleNode && isBlockTarget) {
+        targetNodeType = possibleNode.type.name;
         step = new AddNodeMarkStep(beforeNodePos, this.schema.marks.annotation.create({
           id: annotationId,
           type: annotationType

package/dist/esm/actions/matches-utils.js

@@ -1,3 +1,13 @@
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+
+/** Returns whether renderer annotations should use node-mark steps for this node. */
+export function isBlockAnnotationTarget(node, schema) {
+  var _schema$nodes = schema.nodes,
+    extension = _schema$nodes.extension,
+    media = _schema$nodes.media;
+  return node.type === media || node.type === extension && fg('cc_maui_annotations_on_extensions') && node.type.allowsMarkType(schema.marks.annotation);
+}
+
 // Finds a string position using the Confluence annotation backend's serialisation rules.
 export function getIndexMatch(doc, schema, selectedText, startIndex) {
   var textContent = '';
@@ -6,18 +16,17 @@ export function getIndexMatch(doc, schema, selectedText, startIndex) {
   var blockNodePos;
   doc.descendants(function (node, pos) {
     var nodeType = node.type;
-    var media = schema.nodes.media;
+    var isBlockTarget = isBlockAnnotationTarget(node, schema);
     var isBlockContainer = nodeType.isBlock && !nodeType.isLeaf && !nodeType.inlineContent;
 
     // Containers may allow annotations for their children; skip their own text to avoid double-counting.
-    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && nodeType !== media) {
+    if ((node.isText || !nodeType.allowsMarkType(schema.marks.annotation) || isBlockContainer) && !isBlockTarget) {
       return true;
     }
     var nodeStart = pos;
     var nodeEnd = nodeStart + node.nodeSize;
     if (startIndex >= nodeStart && startIndex <= nodeEnd) {
-      // MAUI-1255 will add eligible extensions as block annotation targets.
-      if (nodeType === media) {
+      if (isBlockTarget) {
         blockNodePos = pos;
       }
       // If the start of the annotation selection is within the current node, we scan the document for previous occurrences

package/dist/esm/react/nodes/panel-compiled.js

@@ -17,7 +17,6 @@ import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.
 // To fix alignment issues with custom icons, vertical alignment is updated.
@@ -41,7 +40,7 @@ var PanelStyledCompiled = function PanelStyledCompiled(_ref) {
   var customBackgroundColor = backgroundColor ? hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
-    className: ax(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
+    className: ax(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),
     style: _objectSpread(_objectSpread({}, {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- intentional: custom panel background is dynamic via CSS variable
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor

package/dist/esm/react/nodes/panel-emotion.js

@@ -18,7 +18,6 @@ import { css, jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.
 // To fix alignment issues with custom icons, vertical alignment is updated.
@@ -207,7 +206,7 @@ var PanelStyledEmotion = function PanelStyledEmotion(_ref) {
     {
       '--ak-renderer-panel-custom-bg-color': customBackgroundColor
     },
-    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelBackgroundColorVariableStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
+    css: [panelBaseStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelBackgroundColorVariableStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelInfoIconStyles, !hasIcon && panelHasNoIconStyles, props['data-panel-type'] === PanelType.CUSTOM && backgroundColor && panelCustomBackground, panelNestedIconStyles, nestedPanelStyles]
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);

package/dist/esm/react/nodes/table/sticky.js

@@ -12,7 +12,6 @@ import React from 'react';
 import { jsx, css } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 import { Table } from './table';
@@ -85,7 +84,7 @@ var FixedTableDiv = function FixedTableDiv(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : '',
-    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && fg('platform_editor_nest_table_in_panel_patch_3') && panelAwareStickyTableStyles],
+    css: [fixedTableDivStaticStyles, modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode], expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && suppressExternalStickStyles, expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) && panelAwareStickyTableStyles],
     style: {
       '--ak-renderer-sticky-header-zindex': stickyHeaderZIndex,
       width: "".concat(wrapperWidth, "px"),

package/dist/esm/ui/Renderer/index.js

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "145.0.0";
+var packageVersion = "145.0.2";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/actions/matches-utils.d.ts

@@ -1,4 +1,6 @@
 import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
+/** Returns whether renderer annotations should use node-mark steps for this node. */
+export declare function isBlockAnnotationTarget(node: Node, schema: Schema): boolean;
 export declare function getIndexMatch(doc: Node, schema: Schema, selectedText: string, startIndex: number): {
     blockNodePos?: number;
     matchIndex: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "145.0.1",
+	"version": "145.0.3",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
 		"@atlaskit/status": "^5.12.0",
 		"@atlaskit/task-decision": "^21.11.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^210.0.0",
+		"@atlaskit/tmp-editor-statsig": "^211.0.0",
 		"@atlaskit/tokens": "^20.1.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
@@ -162,6 +162,10 @@
 		"editor_inline_comments_on_inline_nodes": {
 			"type": "boolean"
 		},
+		"cc_maui_annotations_on_extensions": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_editor_querySelector_fix_table_renderer": {
 			"type": "boolean"
 		},
@@ -194,9 +198,6 @@
 		"platform_editor_bordered_panel_nested_in_table": {
 			"type": "boolean"
 		},
-		"platform_editor_nest_table_in_panel_patch_3": {
-			"type": "boolean"
-		},
 		"confluence_frontend_fix_view_page_slo": {
 			"type": "boolean"
 		},