@atlaskit/editor-plugin-block-controls 9.0.16 → 9.0.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 9.0.18
+
+### Patch Changes
+
+- [`bd008993d07cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd008993d07cd) -
+  Reuse the same selectors for determinig hover locations and location to draw drag handle
+- Updated dependencies
+
+## 9.0.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.16
 
 ### Patch Changes

package/dist/cjs/ui/drag-handle.js

@@ -1172,7 +1172,9 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
     return (0, _react2.jsx)(_primitives.Box
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     , {
-      style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+      style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [dragHandleContainerStyles],
       as: "span",
       testId: "block-ctrl-drag-handle-container"
@@ -1183,7 +1185,9 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
         helpDescriptors: helpDescriptors
       }),
       ignoreTooltipPointerEvents: true,
-      position: 'top',
+      position: 'top'
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onShow: function onShow() {
         var _api$accessibilityUti;
         api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
@@ -1198,7 +1202,9 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
     return (0, _react2.jsx)(_primitives.Box
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     , {
-      style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+      style: (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [dragHandleContainerStyles],
       as: "span",
       testId: "block-ctrl-drag-handle-container"
@@ -1213,7 +1219,9 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
       content: (0, _react2.jsx)(_keymaps.TooltipContentWithMultipleShortcuts, {
         helpDescriptors: helpDescriptors
       }),
-      ignoreTooltipPointerEvents: true,
+      ignoreTooltipPointerEvents: true
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onShow: function onShow() {
         var _api$accessibilityUti2;
         api === null || api === void 0 || (_api$accessibilityUti2 = api.accessibilityUtils) === null || _api$accessibilityUti2 === void 0 || _api$accessibilityUti2.actions.ariaNotify(message, {

package/dist/cjs/ui/drop-target.js

@@ -242,10 +242,14 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
     width: isNestedDropTarget ? 'unset' : '100%'
   }, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? (0, _consts.getNestedNodeLeftPaddingMargin)(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, _constants.layers.navigation());
   var isShowInlineDropTarget = (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
-  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(HoverZone, {
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: function onDragLeave() {
       return setIsDraggedOver(false);
     },
@@ -270,10 +274,14 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
     "data-testid": "block-ctrl-drop-indicator"
   }, (0, _react2.jsx)(_box.DropIndicator, {
     edge: "bottom"
-  }))), dropTargetStyle !== 'remainingHeight' && (0, _react2.jsx)(HoverZone, {
+  }))), dropTargetStyle !== 'remainingHeight' && (0, _react2.jsx)(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: function onDragLeave() {
       return setIsDraggedOver(false);
     },

package/dist/cjs/ui/global-styles.js

@@ -32,6 +32,12 @@ var dragHandlerAnchorSelector = '[data-drag-handler-anchor-name]:not([data-drag-
  * Disregards anchors that can not have handles next to them, and so shouldn't have an extended hover zone
  */
 var dragHandlerAnchorSelectorNext = "[".concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "]:not([data-prosemirror-node-name=\"tableRow\"], [data-prosemirror-node-name=\"tableCell\"],  [data-prosemirror-node-name=\"tableHeader\"], [data-prosemirror-node-name=\"media\"], [data-prosemirror-node-inline=\"true\"])");
+
+/**
+ * Extended version that also excludes descendants of taskList.
+ * preventing the ::after hover zone from blocking checkbox inputs in blockTaskItem nodes.
+ */
+var dragHandlerAnchorSelectorWithTaskExclusion = "[".concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "]:not([data-prosemirror-node-name=\"tableRow\"], [data-prosemirror-node-name=\"tableCell\"],  [data-prosemirror-node-name=\"tableHeader\"], [data-prosemirror-node-name=\"media\"], [data-prosemirror-node-inline=\"true\"], [data-prosemirror-node-name=\"taskList\"] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])");
 var gutterPaddingWidth = function gutterPaddingWidth() {
   return (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px") : '100%';
 };
@@ -96,10 +102,10 @@ var extendedHoverZone = function extendedHoverZone() {
   }));
 };
 var extendedHoverZoneNext = function extendedHoverZoneNext() {
-  return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".block-ctrl-drag-preview ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  return (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".block-ctrl-drag-preview ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     display: 'none !important'
-  }), '.ProseMirror', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&& ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  }), '.ProseMirror', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&& ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -110,7 +116,7 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     height: '100%',
     cursor: 'default',
     zIndex: 1
-  }), "&& ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  }), "&& ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -122,7 +128,7 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     cursor: 'default',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     zIndex: -1
-  }), "&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  }), "&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -133,13 +139,13 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     zIndex: 1
   })), 'hr[data-drag-handler-anchor-name]', {
     overflow: 'visible'
-  }), "[data-blocks-drag-handle-container=\"true\"] + ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  }), "[data-blocks-drag-handle-container=\"true\"] + ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
     display: 'none'
   }));
 };
 var layoutColumnExtendedHoverZone = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, "&&& ".concat(dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
+  '.ProseMirror': (0, _defineProperty2.default)({}, "&&& ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
     content: '""',
     position: 'absolute',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -154,7 +160,7 @@ var layoutColumnExtendedHoverZone = (0, _react.css)({
 });
 var layoutColumnWithoutHoverZone = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, "&&& ".concat(dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
+  '.ProseMirror': (0, _defineProperty2.default)({}, "&&& ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
     display: 'none'
   })
 });
@@ -169,7 +175,7 @@ var extendHoverZoneReduced = (0, _react.css)({
 });
 var extendHoverZoneReducedNext = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, "> ".concat(dragHandlerAnchorSelectorNext, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
+  '.ProseMirror': (0, _defineProperty2.default)({}, "> ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), (0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     left: "-".concat(_editorSharedStyles.akEditorGutterPaddingReduced, "px"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -185,7 +191,7 @@ var extendedDragZone = (0, _react.css)({
 });
 var extendedDragZoneNext = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, "&& ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  '.ProseMirror': (0, _defineProperty2.default)({}, "&& ".concat((0, _expValEquals.expValEquals)('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "] [").concat(_domAttrName.NODE_ANCHOR_ATTR_NAME, "])::after"), {
     width: 'var(--ak-editor-max-container-width)',
     left: "calc((100% - var(--ak-editor-max-container-width))/2)"
   })
@@ -469,7 +475,9 @@ var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWra
   var isDragging = (0, _expValEquals.expValEquals)('platform_editor_block_controls_perf_optimization', 'isEnabled', true) ? isDraggingFromState : false;
   var shouldRenderAnchors = (0, _styles.isCSSAnchorSupported)() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
   var toolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
-  return (0, _react.jsx)(_react.Global, {
+  return (0, _react.jsx)(_react.Global
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     styles: [globalStyles(), globalDnDStyle, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) ? (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined,

package/dist/cjs/ui/quick-insert-button.js

@@ -341,7 +341,9 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
     }, (0, _react2.jsx)(_primitives.Pressable, {
       testId: "editor-quick-insert-button",
       type: "button",
-      "aria-label": formatMessage(_messages.blockControlsMessages.insert),
+      "aria-label": formatMessage(_messages.blockControlsMessages.insert)
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [stickyButtonStyles, ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
       onClick: handleQuickInsert,
       onMouseDown: handleMouseDown
@@ -354,7 +356,9 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
   return (0, _react2.jsx)(_primitives.Box
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   , {
-    style: positionStyles,
+    style: positionStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [containerStaticStyles]
   }, (0, _react2.jsx)("span", {
     css: [tooltipContainerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_6') ? tooltipContainerImprovedStylesStickyHeader : tooltipContainerStylesStickyHeader, (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_6') ? tooltipContainerStylesImprovedStickyHeaderWithMarksFix : tooltipContainerStylesStickyHeaderWithMarksFix]

package/dist/cjs/ui/visibility-container.js

@@ -124,6 +124,8 @@ var VisibilityContainer = exports.VisibilityContainer = function VisibilityConta
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);
   }
+
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   return (0, _react2.jsx)(_primitives.Box, {
     xcss: [baseStyles, shouldHide ? hiddenStyles : visibleStyles]
   }, children);

package/dist/es2019/ui/drag-handle.js

@@ -1151,7 +1151,9 @@ export const DragHandle = ({
   const stickyWithTooltip = () => jsx(Box
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   , {
-    style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+    style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [dragHandleContainerStyles],
     as: "span",
     testId: "block-ctrl-drag-handle-container"
@@ -1162,7 +1164,9 @@ export const DragHandle = ({
       helpDescriptors: helpDescriptors
     }),
     ignoreTooltipPointerEvents: true,
-    position: 'top',
+    position: 'top'
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onShow: () => {
       var _api$accessibilityUti;
       api === null || api === void 0 ? void 0 : (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify(message, {
@@ -1175,7 +1179,9 @@ export const DragHandle = ({
   const stickyWithoutTooltip = () => jsx(Box
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   , {
-    style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+    style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [dragHandleContainerStyles],
     as: "span",
     testId: "block-ctrl-drag-handle-container"
@@ -1188,7 +1194,9 @@ export const DragHandle = ({
     content: jsx(TooltipContentWithMultipleShortcuts, {
       helpDescriptors: helpDescriptors
     }),
-    ignoreTooltipPointerEvents: true,
+    ignoreTooltipPointerEvents: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onShow: () => {
       var _api$accessibilityUti2;
       api === null || api === void 0 ? void 0 : (_api$accessibilityUti2 = api.accessibilityUtils) === null || _api$accessibilityUti2 === void 0 ? void 0 : _api$accessibilityUti2.actions.ariaNotify(message, {

package/dist/es2019/ui/drop-target.js

@@ -235,8 +235,12 @@ export const DropTarget = props => {
     [EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX]: layers.navigation()
   };
   const isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
-  return jsx(Fragment, null, jsx(HoverZone, {
-    onDragEnter: () => setIsDraggedOver(true),
+  return jsx(Fragment, null, jsx(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
+    onDragEnter: () => setIsDraggedOver(true)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: () => setIsDraggedOver(false),
     onDrop: onDrop,
     node: prevNode,
@@ -259,8 +263,12 @@ export const DropTarget = props => {
     "data-testid": "block-ctrl-drop-indicator"
   }, jsx(DropIndicator, {
     edge: "bottom"
-  }))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone, {
-    onDragEnter: () => setIsDraggedOver(true),
+  }))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
+    onDragEnter: () => setIsDraggedOver(true)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: () => setIsDraggedOver(false),
     onDrop: onDrop,
     node: nextNode,

package/dist/es2019/ui/global-styles.js

@@ -24,6 +24,12 @@ const dragHandlerAnchorSelector = '[data-drag-handler-anchor-name]:not([data-dra
  * Disregards anchors that can not have handles next to them, and so shouldn't have an extended hover zone
  */
 const dragHandlerAnchorSelectorNext = `[${NODE_ANCHOR_ATTR_NAME}]:not([data-prosemirror-node-name="tableRow"], [data-prosemirror-node-name="tableCell"],  [data-prosemirror-node-name="tableHeader"], [data-prosemirror-node-name="media"], [data-prosemirror-node-inline="true"])`;
+
+/**
+ * Extended version that also excludes descendants of taskList.
+ * preventing the ::after hover zone from blocking checkbox inputs in blockTaskItem nodes.
+ */
+const dragHandlerAnchorSelectorWithTaskExclusion = `[${NODE_ANCHOR_ATTR_NAME}]:not([data-prosemirror-node-name="tableRow"], [data-prosemirror-node-name="tableCell"],  [data-prosemirror-node-name="tableHeader"], [data-prosemirror-node-name="media"], [data-prosemirror-node-inline="true"], [data-prosemirror-node-name="taskList"] [${NODE_ANCHOR_ATTR_NAME}])`;
 const gutterPaddingWidth = () => editorExperiment('platform_editor_controls', 'variant1') ? `${akEditorGutterPaddingDynamic()}px` : '100%';
 const gutterPaddingLeft = () => editorExperiment('platform_editor_controls', 'variant1') ? `-${akEditorGutterPaddingDynamic()}px` : '-100px';
 const extendedHoverZone = () => css({
@@ -103,15 +109,15 @@ const extendedHoverZone = () => css({
   }
 });
 const extendedHoverZoneNext = () => css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-  [`.block-ctrl-drag-preview ${dragHandlerAnchorSelectorNext}::after`]: {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [`.block-ctrl-drag-preview ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}::after`]: {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     display: 'none !important'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`&& ${dragHandlerAnchorSelectorNext}::after`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    [`&& ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}::after`]: {
       content: '""',
       position: 'absolute',
       top: 0,
@@ -126,7 +132,7 @@ const extendedHoverZoneNext = () => css({
     // Top level depth hover zone should extend to gutter padding area
     // we select the top level by using NOT nested anchor selector
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-    [`&& ${dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
+    [`&& ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
       content: '""',
       position: 'absolute',
       top: 0,
@@ -139,8 +145,8 @@ const extendedHoverZoneNext = () => css({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
       zIndex: -1
     },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ${dragHandlerAnchorSelectorNext}::after`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    [`&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}::after`]: {
       content: '""',
       position: 'absolute',
       top: 0,
@@ -158,7 +164,7 @@ const extendedHoverZoneNext = () => css({
   },
   //Hide pseudo element at top depth level. Leave for nested depths to prevent mouseover loop.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  [`[data-blocks-drag-handle-container="true"] + ${dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
+  [`[data-blocks-drag-handle-container="true"] + ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
     display: 'none'
   }
 });
@@ -166,8 +172,8 @@ const layoutColumnExtendedHoverZone = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
     // hover zone for layout column should be placed near the top of the column (where drag handle is)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`&&& ${dragHandlerAnchorSelectorNext}[data-layout-column]::after`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    [`&&& ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}[data-layout-column]::after`]: {
       content: '""',
       position: 'absolute',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -185,8 +191,8 @@ const layoutColumnWithoutHoverZone = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
     // when advanced_layouts is off, layout columns should not have hover zones, because there aren't any drag handles for layout columns
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`&&& ${dragHandlerAnchorSelectorNext}[data-layout-column]::after`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    [`&&& ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}[data-layout-column]::after`]: {
       display: 'none'
     }
   }
@@ -209,8 +215,8 @@ const extendHoverZoneReduced = css({
 const extendHoverZoneReducedNext = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
-    [`> ${dragHandlerAnchorSelectorNext}::after`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    [`> ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}::after`]: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
       [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -235,7 +241,7 @@ const extendedDragZoneNext = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-    [`&& ${dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
+    [`&& ${expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext}:not([${NODE_ANCHOR_ATTR_NAME}] [${NODE_ANCHOR_ATTR_NAME}])::after`]: {
       width: 'var(--ak-editor-max-container-width)',
       left: `calc((100% - var(--ak-editor-max-container-width))/2)`
     }
@@ -555,7 +561,9 @@ export const GlobalStylesWrapper = ({
   const isDragging = expValEquals('platform_editor_block_controls_perf_optimization', 'isEnabled', true) ? isDraggingFromState : false;
   const shouldRenderAnchors = isCSSAnchorSupported() && expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
   const toolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
-  return jsx(Global, {
+  return jsx(Global
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) ? expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined,

package/dist/es2019/ui/quick-insert-button.js

@@ -337,7 +337,9 @@ export const TypeAheadControl = ({
   }, jsx(Pressable, {
     testId: "editor-quick-insert-button",
     type: "button",
-    "aria-label": formatMessage(messages.insert),
+    "aria-label": formatMessage(messages.insert)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [stickyButtonStyles, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
     onClick: handleQuickInsert,
     onMouseDown: handleMouseDown
@@ -349,7 +351,9 @@ export const TypeAheadControl = ({
   return jsx(Box
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   , {
-    style: positionStyles,
+    style: positionStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [containerStaticStyles]
   }, jsx("span", {
     css: [tooltipContainerStyles, expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_6') ? tooltipContainerImprovedStylesStickyHeader : tooltipContainerStylesStickyHeader, expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_6') ? tooltipContainerStylesImprovedStickyHeaderWithMarksFix : tooltipContainerStylesStickyHeaderWithMarksFix]

package/dist/es2019/ui/visibility-container.js

@@ -112,6 +112,8 @@ export const VisibilityContainer = ({
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);
   }
+
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   return jsx(Box, {
     xcss: [baseStyles, shouldHide ? hiddenStyles : visibleStyles]
   }, children);

package/dist/esm/ui/drag-handle.js

@@ -1169,7 +1169,9 @@ export var DragHandle = function DragHandle(_ref3) {
     return jsx(Box
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     , {
-      style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+      style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [dragHandleContainerStyles],
       as: "span",
       testId: "block-ctrl-drag-handle-container"
@@ -1180,7 +1182,9 @@ export var DragHandle = function DragHandle(_ref3) {
         helpDescriptors: helpDescriptors
       }),
       ignoreTooltipPointerEvents: true,
-      position: 'top',
+      position: 'top'
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onShow: function onShow() {
         var _api$accessibilityUti;
         api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(message, {
@@ -1195,7 +1199,9 @@ export var DragHandle = function DragHandle(_ref3) {
     return jsx(Box
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     , {
-      style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld,
+      style: editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [dragHandleContainerStyles],
       as: "span",
       testId: "block-ctrl-drag-handle-container"
@@ -1210,7 +1216,9 @@ export var DragHandle = function DragHandle(_ref3) {
       content: jsx(TooltipContentWithMultipleShortcuts, {
         helpDescriptors: helpDescriptors
       }),
-      ignoreTooltipPointerEvents: true,
+      ignoreTooltipPointerEvents: true
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onShow: function onShow() {
         var _api$accessibilityUti2;
         api === null || api === void 0 || (_api$accessibilityUti2 = api.accessibilityUtils) === null || _api$accessibilityUti2 === void 0 || _api$accessibilityUti2.actions.ariaNotify(message, {

package/dist/esm/ui/drop-target.js

@@ -234,10 +234,14 @@ export var DropTarget = function DropTarget(props) {
     width: isNestedDropTarget ? 'unset' : '100%'
   }, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? getNestedNodeLeftPaddingMargin(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, layers.navigation());
   var isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
-  return jsx(Fragment, null, jsx(HoverZone, {
+  return jsx(Fragment, null, jsx(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: function onDragLeave() {
       return setIsDraggedOver(false);
     },
@@ -262,10 +266,14 @@ export var DropTarget = function DropTarget(props) {
     "data-testid": "block-ctrl-drop-indicator"
   }, jsx(DropIndicator, {
     edge: "bottom"
-  }))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone, {
+  }))), dropTargetStyle !== 'remainingHeight' && jsx(HoverZone
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: function onDragLeave() {
       return setIsDraggedOver(false);
     },

package/dist/esm/ui/global-styles.js

@@ -25,6 +25,12 @@ var dragHandlerAnchorSelector = '[data-drag-handler-anchor-name]:not([data-drag-
  * Disregards anchors that can not have handles next to them, and so shouldn't have an extended hover zone
  */
 var dragHandlerAnchorSelectorNext = "[".concat(NODE_ANCHOR_ATTR_NAME, "]:not([data-prosemirror-node-name=\"tableRow\"], [data-prosemirror-node-name=\"tableCell\"],  [data-prosemirror-node-name=\"tableHeader\"], [data-prosemirror-node-name=\"media\"], [data-prosemirror-node-inline=\"true\"])");
+
+/**
+ * Extended version that also excludes descendants of taskList.
+ * preventing the ::after hover zone from blocking checkbox inputs in blockTaskItem nodes.
+ */
+var dragHandlerAnchorSelectorWithTaskExclusion = "[".concat(NODE_ANCHOR_ATTR_NAME, "]:not([data-prosemirror-node-name=\"tableRow\"], [data-prosemirror-node-name=\"tableCell\"],  [data-prosemirror-node-name=\"tableHeader\"], [data-prosemirror-node-name=\"media\"], [data-prosemirror-node-inline=\"true\"], [data-prosemirror-node-name=\"taskList\"] [").concat(NODE_ANCHOR_ATTR_NAME, "])");
 var gutterPaddingWidth = function gutterPaddingWidth() {
   return editorExperiment('platform_editor_controls', 'variant1') ? "".concat(akEditorGutterPaddingDynamic(), "px") : '100%';
 };
@@ -89,10 +95,10 @@ var extendedHoverZone = function extendedHoverZone() {
   }));
 };
 var extendedHoverZoneNext = function extendedHoverZoneNext() {
-  return css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".block-ctrl-drag-preview ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  return css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".block-ctrl-drag-preview ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
     display: 'none !important'
-  }), '.ProseMirror', _defineProperty(_defineProperty(_defineProperty({}, "&& ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  }), '.ProseMirror', _defineProperty(_defineProperty(_defineProperty({}, "&& ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -103,7 +109,7 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     height: '100%',
     cursor: 'default',
     zIndex: 1
-  }), "&& ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  }), "&& ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -115,7 +121,7 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     cursor: 'default',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     zIndex: -1
-  }), "&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ".concat(dragHandlerAnchorSelectorNext, "::after"), {
+  }), "&& :is(.pm-table-cell-content-wrap, .pm-table-header-content-wrap) > ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), {
     content: '""',
     position: 'absolute',
     top: 0,
@@ -126,13 +132,13 @@ var extendedHoverZoneNext = function extendedHoverZoneNext() {
     zIndex: 1
   })), 'hr[data-drag-handler-anchor-name]', {
     overflow: 'visible'
-  }), "[data-blocks-drag-handle-container=\"true\"] + ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  }), "[data-blocks-drag-handle-container=\"true\"] + ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
     display: 'none'
   }));
 };
 var layoutColumnExtendedHoverZone = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty({}, "&&& ".concat(dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
+  '.ProseMirror': _defineProperty({}, "&&& ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
     content: '""',
     position: 'absolute',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
@@ -147,7 +153,7 @@ var layoutColumnExtendedHoverZone = css({
 });
 var layoutColumnWithoutHoverZone = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty({}, "&&& ".concat(dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
+  '.ProseMirror': _defineProperty({}, "&&& ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "[data-layout-column]::after"), {
     display: 'none'
   })
 });
@@ -162,7 +168,7 @@ var extendHoverZoneReduced = css({
 });
 var extendHoverZoneReducedNext = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty({}, "> ".concat(dragHandlerAnchorSelectorNext, "::after"), _defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
+  '.ProseMirror': _defineProperty({}, "> ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, "::after"), _defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     left: "-".concat(akEditorGutterPaddingReduced, "px"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -178,7 +184,7 @@ var extendedDragZone = css({
 });
 var extendedDragZoneNext = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': _defineProperty({}, "&& ".concat(dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
+  '.ProseMirror': _defineProperty({}, "&& ".concat(expValEquals('platform_editor_unify_native_dnd_selectors', 'isEnabled', true) ? dragHandlerAnchorSelectorWithTaskExclusion : dragHandlerAnchorSelectorNext, ":not([").concat(NODE_ANCHOR_ATTR_NAME, "] [").concat(NODE_ANCHOR_ATTR_NAME, "])::after"), {
     width: 'var(--ak-editor-max-container-width)',
     left: "calc((100% - var(--ak-editor-max-container-width))/2)"
   })
@@ -462,7 +468,9 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
   var isDragging = expValEquals('platform_editor_block_controls_perf_optimization', 'isEnabled', true) ? isDraggingFromState : false;
   var shouldRenderAnchors = isCSSAnchorSupported() && expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
   var toolbarFlagsEnabled = areToolbarFlagsEnabled(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
-  return jsx(Global, {
+  return jsx(Global
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
     }) ? expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined,

package/dist/esm/ui/quick-insert-button.js

@@ -336,7 +336,9 @@ export var TypeAheadControl = function TypeAheadControl(_ref) {
     }, jsx(Pressable, {
       testId: "editor-quick-insert-button",
       type: "button",
-      "aria-label": formatMessage(messages.insert),
+      "aria-label": formatMessage(messages.insert)
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       xcss: [stickyButtonStyles, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && stickyButtonDenseModeStyles],
       onClick: handleQuickInsert,
       onMouseDown: handleMouseDown
@@ -349,7 +351,9 @@ export var TypeAheadControl = function TypeAheadControl(_ref) {
   return jsx(Box
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   , {
-    style: positionStyles,
+    style: positionStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [containerStaticStyles]
   }, jsx("span", {
     css: [tooltipContainerStyles, expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_6') ? tooltipContainerImprovedStylesStickyHeader : tooltipContainerStylesStickyHeader, expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && fg('platform_editor_table_sticky_header_patch_6') ? tooltipContainerStylesImprovedStickyHeaderWithMarksFix : tooltipContainerStylesStickyHeaderWithMarksFix]

package/dist/esm/ui/visibility-container.js

@@ -113,6 +113,8 @@ export var VisibilityContainer = function VisibilityContainer(_ref) {
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);
   }
+
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   return jsx(Box, {
     xcss: [baseStyles, shouldHide ? hiddenStyles : visibleStyles]
   }, children);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "9.0.16",
+	"version": "9.0.18",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^43.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.2.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.7.0",
+		"@atlaskit/editor-common": "^112.8.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"