@atlaskit/editor-plugin-block-controls 7.2.12 → 7.3.0

package/dist/es2019/pm-plugins/utils/getSelection.js

@@ -2,7 +2,6 @@ import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export const getInlineNodePos = (tr, start, nodeSize) => {
@@ -67,7 +66,7 @@ const oldGetSelection = (tr, start) => {
   // we need a quick way to make all child media nodes appear as selected without the need for a custom selection
   nodeName === 'mediaGroup') {
     return new NodeSelection($startPos);
-  } else if (nodeName === 'taskList' && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  } else if (nodeName === 'taskList') {
     return TextSelection.create(tr.doc, start, start + nodeSize);
   } else {
     const {
@@ -109,7 +108,7 @@ const newGetSelection = (tr, start) => {
     const $mediaStartPos = tr.doc.resolve(start + 1);
     return new NodeSelection($mediaStartPos);
   }
-  if (nodeName === 'taskList' && !expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  if (nodeName === 'taskList' && !expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
     return TextSelection.create(tr.doc, start, start + nodeSize);
   }
   const {
@@ -176,40 +175,22 @@ export const isHandleCorrelatedToSelection = (state, selection, handlePos) => {
   }
   let nodeStart;
   const $selectionFrom = selection.$from;
-  if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-    nodeStart = $selectionFrom.before($selectionFrom.sharedDepth(selection.to) + 1);
-    if (nodeStart === $selectionFrom.pos) {
-      nodeStart = $selectionFrom.depth ? $selectionFrom.before() : $selectionFrom.pos;
-    }
-    const $resolvedNodePos = state.doc.resolve(nodeStart);
-    if (['tableRow', 'tableCell', 'tableHeader'].includes($resolvedNodePos.node().type.name)) {
-      const parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
-      const tablePos = parentNodeFindRes === null || parentNodeFindRes === void 0 ? void 0 : parentNodeFindRes.pos;
-      nodeStart = typeof tablePos === 'undefined' ? nodeStart : tablePos;
-    } else if (['listItem'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before(rootListDepth($resolvedNodePos));
-    } else if (['taskList'].includes($resolvedNodePos.node().type.name)) {
-      const listdepth = rootTaskListDepth($resolvedNodePos);
-      nodeStart = $resolvedNodePos.before(listdepth);
-    } else if (['blockquote'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before();
-    }
-  } else {
-    const selectionFrom = $selectionFrom.pos;
-    nodeStart = $selectionFrom.depth ? $selectionFrom.before() : selectionFrom;
-    const $resolvedNodePos = state.doc.resolve(nodeStart);
-    if (['tableRow', 'tableCell', 'tableHeader'].includes($resolvedNodePos.node().type.name)) {
-      const parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
-      const tablePos = parentNodeFindRes === null || parentNodeFindRes === void 0 ? void 0 : parentNodeFindRes.pos;
-      nodeStart = typeof tablePos === 'undefined' ? nodeStart : tablePos;
-    } else if (['listItem'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before(rootListDepth($resolvedNodePos));
-    } else if (['taskList'].includes($resolvedNodePos.node().type.name)) {
-      const listdepth = rootTaskListDepth($resolvedNodePos);
-      nodeStart = $resolvedNodePos.before(listdepth);
-    } else if (['blockquote'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before();
-    }
+  nodeStart = $selectionFrom.before($selectionFrom.sharedDepth(selection.to) + 1);
+  if (nodeStart === $selectionFrom.pos) {
+    nodeStart = $selectionFrom.depth ? $selectionFrom.before() : $selectionFrom.pos;
+  }
+  const $resolvedNodePos = state.doc.resolve(nodeStart);
+  if (['tableRow', 'tableCell', 'tableHeader'].includes($resolvedNodePos.node().type.name)) {
+    const parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
+    const tablePos = parentNodeFindRes === null || parentNodeFindRes === void 0 ? void 0 : parentNodeFindRes.pos;
+    nodeStart = typeof tablePos === 'undefined' ? nodeStart : tablePos;
+  } else if (['listItem'].includes($resolvedNodePos.node().type.name)) {
+    nodeStart = $resolvedNodePos.before(rootListDepth($resolvedNodePos));
+  } else if (['taskList'].includes($resolvedNodePos.node().type.name)) {
+    const listdepth = rootTaskListDepth($resolvedNodePos);
+    nodeStart = $resolvedNodePos.before(listdepth);
+  } else if (['blockquote'].includes($resolvedNodePos.node().type.name)) {
+    nodeStart = $resolvedNodePos.before();
   }
   return Boolean(handlePos < selection.$to.pos && handlePos >= nodeStart);
 };

package/dist/es2019/pm-plugins/utils/validation.js

@@ -164,7 +164,7 @@ export function canMoveSliceToIndex(slice, sliceFromPos, sliceToPos, destParent,
   }
 
   // Multiple layout columns do not drop correctly.
-  if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'layoutColumn' && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'layoutColumn') {
     return false;
   }
   for (let i = 0; i < slice.content.childCount; i++) {

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

@@ -17,7 +17,7 @@ import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles/consts';
+import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles/consts';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -127,6 +127,16 @@ const dragHandleButtonStyles = css({
     backgroundColor: "var(--ds-background-disabled, transparent)"
   }
 });
+
+// Calculate scaled dimensions based on the base font size using CSS calc()
+// Default font size is 16px, scale proportionally
+// Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
+const dragHandleButtonDenseModeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: `calc(${DRAG_HANDLE_HEIGHT}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: `calc(${DRAG_HANDLE_WIDTH}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`
+});
 const dragHandleButtonSmallScreenStyles = css({
   // 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)`]: {
@@ -513,9 +523,8 @@ export const DragHandle = ({
             if (typeof handlePos !== 'number') {
               return tr;
             }
-            const oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             const newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
-            if (!tr.selection.empty && (fg('platform_editor_elements_dnd_multi_select_patch_1') ? newHandlePosCheck : oldHandlePosCheck)) {
+            if (!tr.selection.empty && newHandlePosCheck) {
               var _api$blockControls7;
               api === null || api === void 0 ? void 0 : (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 ? void 0 : _api$blockControls7.commands.setMultiSelectPositions()({
                 tr
@@ -714,7 +723,7 @@ export const DragHandle = ({
       const bottom = editorExperiment('platform_editor_controls', 'variant1') ? getControlBottomCSSValue(safeAnchorName, isSticky, isTopLevelNode, isLayoutColumn) : {};
       return {
         left: isEdgeCase ? `calc(anchor(${safeAnchorName} start) + ${getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType)})` : editorExperiment('advanced_layouts', true) && isLayoutColumn ? `calc((anchor(${safeAnchorName} right) + anchor(${safeAnchorName} left))/2 - ${DRAG_HANDLE_HEIGHT / 2}px)` : `calc(anchor(${safeAnchorName} start) - ${DRAG_HANDLE_WIDTH}px - ${dragHandleGap(nodeType, parentNodeType)}px)`,
-        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? `calc(anchor(${safeAnchorName} top) - ${DRAG_HANDLE_WIDTH}px)` : `calc(anchor(${safeAnchorName} start) + ${expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && getNodeTypeWithLevel($pos.nodeAfter) || nodeType : nodeType}px)`,
+        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? `calc(anchor(${safeAnchorName} top) - ${DRAG_HANDLE_WIDTH}px)` : `calc(anchor(${safeAnchorName} start)+ ${topPositionAdjustment(expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && getNodeTypeWithLevel($pos.nodeAfter) || nodeType : nodeType)}px)`,
         ...bottom
       };
     }
@@ -942,7 +951,7 @@ export const DragHandle = ({
     css: [editorExperiment('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, editorExperiment('platform_editor_controls', 'variant1') && dragHandleColor,
     // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
     // See https://product-fabric.atlassian.net/browse/ED-26266
-    browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld],
+    browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && dragHandleButtonDenseModeStyles],
     ref: buttonRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

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

@@ -90,7 +90,8 @@ export const InlineDropTarget = ({
   const [isDraggedOver, setIsDraggedOver] = useState(false);
   const anchorName = useMemo(() => {
     if (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
-      return nextNode ? (api === null || api === void 0 ? void 0 : api.core.actions.getAnchorIdForNode(nextNode, getPos() || -1)) || '' : '';
+      var _getPos;
+      return nextNode ? (api === null || api === void 0 ? void 0 : api.core.actions.getAnchorIdForNode(nextNode, (_getPos = getPos()) !== null && _getPos !== void 0 ? _getPos : -1)) || '' : '';
     }
     return nextNode ? getNodeAnchor(nextNode) : '';
   }, [api, getPos, nextNode]);

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

@@ -14,14 +14,17 @@ import { tableControlsSpacing } from '@atlaskit/editor-common/styles';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import AddIcon from '@atlaskit/icon/core/add';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Pressable, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky } from '../pm-plugins/utils/drag-handle-positions';
 import { getLeftPositionForRootElement } from '../pm-plugins/utils/widget-positions';
-import { QUICK_INSERT_DIMENSIONS, QUICK_INSERT_LEFT_OFFSET, rootElementGap, topPositionAdjustment } from './consts';
+import { QUICK_INSERT_DIMENSIONS, QUICK_INSERT_HEIGHT, QUICK_INSERT_LEFT_OFFSET, QUICK_INSERT_WIDTH, rootElementGap, topPositionAdjustment } from './consts';
 import { refreshAnchorName } from './utils/anchor-name';
 import { isInTextSelection, isNestedNodeSelected, isNonEditableBlock, isSelectionInNode } from './utils/document-checks';
 import { getAnchorAttrName } from './utils/dom-attr-name';
@@ -53,6 +56,16 @@ const stickyButtonStyles = xcss({
     outline: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #388BFF)"}`
   }
 });
+
+// Calculate scaled dimensions based on the base font size using CSS calc()
+// Default font size is 16px, scale proportionally
+// Standard: 16px -> 24px x 24px, Dense: 13px -> ~18.5px x ~18.5px
+const stickyButtonDenseModeStyles = xcss({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: `calc(${QUICK_INSERT_HEIGHT}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: `calc(${QUICK_INSERT_WIDTH}px * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize}px)`
+});
 const containerStaticStyles = xcss({
   position: 'absolute',
   zIndex: 'card'
@@ -273,7 +286,7 @@ export const TypeAheadControl = ({
     testId: "editor-quick-insert-button",
     type: "button",
     "aria-label": formatMessage(messages.insert),
-    xcss: [stickyButtonStyles],
+    xcss: [stickyButtonStyles, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && stickyButtonDenseModeStyles],
     onClick: handleQuickInsert,
     onMouseDown: handleMouseDown
   }, jsx(AddIcon, {

package/dist/esm/editor-commands/move-node.js

@@ -34,50 +34,37 @@ import { getPosWhenMoveNodeDown, getPosWhenMoveNodeUp } from './utils/move-node-
 function transformSourceSlice(nodeCopy, destType) {
   var srcNode = nodeCopy.content.firstChild;
   var schema = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.schema;
-  if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-    if (!schema) {
-      return nodeCopy;
-    }
-    var _schema$nodes = schema.nodes,
-      doc = _schema$nodes.doc,
-      layoutColumn = _schema$nodes.layoutColumn;
-    var destTypeInTable = isInsideTable(destType);
-    var destTypeInDocOrLayoutCol = [doc, layoutColumn].includes(destType);
+  if (!schema) {
+    return nodeCopy;
+  }
+  var _schema$nodes = schema.nodes,
+    doc = _schema$nodes.doc,
+    layoutColumn = _schema$nodes.layoutColumn;
+  var destTypeInTable = isInsideTable(destType);
+  var destTypeInDocOrLayoutCol = [doc, layoutColumn].includes(destType);
 
-    // No need to loop over slice content if destination requires no transformations
-    if (!destTypeInTable && !destTypeInDocOrLayoutCol) {
-      return nodeCopy;
-    }
-    var containsExpand = false;
-    var containsNestedExpand = false;
-    for (var i = 0; i < nodeCopy.content.childCount; i++) {
-      var node = nodeCopy.content.child(i);
-      if (node.type === schema.nodes.expand) {
-        containsExpand = true;
-      } else if (node.type === schema.nodes.nestedExpand) {
-        containsNestedExpand = true;
-      }
-      if (containsExpand && containsNestedExpand) {
-        break;
-      }
-    }
-    if (containsExpand && destTypeInTable) {
-      return transformSliceExpandToNestedExpand(nodeCopy);
-    } else if (containsNestedExpand && destTypeInDocOrLayoutCol) {
-      return transformSliceNestedExpandToExpand(nodeCopy, schema);
+  // No need to loop over slice content if destination requires no transformations
+  if (!destTypeInTable && !destTypeInDocOrLayoutCol) {
+    return nodeCopy;
+  }
+  var containsExpand = false;
+  var containsNestedExpand = false;
+  for (var i = 0; i < nodeCopy.content.childCount; i++) {
+    var node = nodeCopy.content.child(i);
+    if (node.type === schema.nodes.expand) {
+      containsExpand = true;
+    } else if (node.type === schema.nodes.nestedExpand) {
+      containsNestedExpand = true;
     }
-  } else {
-    if (srcNode && schema) {
-      var _schema$nodes2 = schema.nodes,
-        _doc = _schema$nodes2.doc,
-        _layoutColumn = _schema$nodes2.layoutColumn;
-      if (srcNode.type === schema.nodes.nestedExpand && [_doc, _layoutColumn].includes(destType)) {
-        return transformSliceNestedExpandToExpand(nodeCopy, schema);
-      } else if (srcNode.type === schema.nodes.expand && isInsideTable(destType)) {
-        return transformSliceExpandToNestedExpand(nodeCopy);
-      }
+    if (containsExpand && containsNestedExpand) {
+      break;
     }
   }
+  if (containsExpand && destTypeInTable) {
+    return transformSliceExpandToNestedExpand(nodeCopy);
+  } else if (containsNestedExpand && destTypeInDocOrLayoutCol) {
+    return transformSliceNestedExpandToExpand(nodeCopy, schema);
+  }
   return nodeCopy;
 }
 var nodesSupportDragLayoutColumnInto = ['tableCell', 'tableHeader', 'panel', 'expand', 'nestedExpand'];
@@ -140,7 +127,7 @@ export var moveNodeViaShortcut = function moveNodeViaShortcut(api, direction, fo
     var hoistedPos;
     var from = Math.min(expandedAnchor, expandedHead);
     // Nodes like lists nest within themselves, we need to find the top most position
-    if (isParentNodeOfTypeLayout && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+    if (isParentNodeOfTypeLayout) {
       var LAYOUT_COL_DEPTH = 3;
       hoistedPos = state.doc.resolve(from).before(LAYOUT_COL_DEPTH);
     }
@@ -282,15 +269,9 @@ export var moveNodeViaShortcut = function moveNodeViaShortcut(api, direction, fo
         var _api$core7;
         api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref4) {
           var tr = _ref4.tr;
-          if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-            api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
-              tr: tr
-            });
-          } else {
-            api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions(expandedAnchor, expandedHead)({
-              tr: tr
-            });
-          }
+          api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
+            tr: tr
+          });
           moveNode(api)(currentNodePos, moveToPos, INPUT_METHOD.SHORTCUT, formatMessage)({
             tr: tr
           });
@@ -312,15 +293,9 @@ export var moveNodeViaShortcut = function moveNodeViaShortcut(api, direction, fo
         var _api$core9;
         api === null || api === void 0 || (_api$core9 = api.core) === null || _api$core9 === void 0 || _api$core9.actions.execute(function (_ref6) {
           var tr = _ref6.tr;
-          if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-            api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
-              tr: tr
-            });
-          } else {
-            api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions(expandedAnchor, expandedHead)({
-              tr: tr
-            });
-          }
+          api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
+            tr: tr
+          });
           tr.scrollIntoView();
           return tr;
         });

package/dist/esm/pm-plugins/handle-mouse-over.js

@@ -29,7 +29,7 @@ var getNodeSelector = function getNodeSelector(ignoreNodes, ignoreNodeDescendant
 };
 var getDefaultNodeSelector = memoizeOne(function () {
   // we don't show handler for node nested in table
-  return getNodeSelector(_toConsumableArray(IGNORE_NODES_NEXT), [].concat(_toConsumableArray(IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT), ['table']));
+  return getNodeSelector([].concat(_toConsumableArray(IGNORE_NODES_NEXT), ['media']), [].concat(_toConsumableArray(IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT), ['table']));
 });
 export var handleMouseOver = function handleMouseOver(view, event, api) {
   var _api$blockControls, _api$editorDisabled, _target$classList;
@@ -44,7 +44,7 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
     editorDisabled = _ref2.editorDisabled;
 
   // We shouldn't be firing mouse over transactions when the editor is disabled
-  if (editorDisabled && fg('platform_editor_ai_rovo_free_gen')) {
+  if (editorDisabled && fg('aifc_create_enabled')) {
     return false;
   }
 
@@ -57,24 +57,25 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   var target = event.target;
+  var isNativeAnchorSupported = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true);
   if (target !== null && target !== void 0 && (_target$classList = target.classList) !== null && _target$classList !== void 0 && _target$classList.contains('ProseMirror')) {
     return false;
   }
-  var rootElement = target === null || target === void 0 ? void 0 : target.closest(expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getDefaultNodeSelector() : "[data-drag-handler-anchor-name]");
+  var rootElement = target === null || target === void 0 ? void 0 : target.closest(isNativeAnchorSupported ? getDefaultNodeSelector() : "[data-drag-handler-anchor-name]");
   if (rootElement) {
     var _rootElement$parentEl;
     // We want to exlude handles from showing for empty paragraph and heading nodes
     if (isEmptyNestedParagraphOrHeading(rootElement)) {
       return false;
     }
-    if (rootElement.getAttribute(getTypeNameAttrName()) === 'media' && editorExperiment('advanced_layouts', true)) {
+    if (rootElement.getAttribute(getTypeNameAttrName()) === 'media' && editorExperiment('advanced_layouts', true) && !isNativeAnchorSupported) {
       rootElement = rootElement.closest("[".concat(getAnchorAttrName(), "][").concat(getTypeNameAttrName(), "=\"mediaSingle\"]"));
       if (!rootElement) {
         return false;
       }
     }
     var parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest("[".concat(getAnchorAttrName(), "]"));
-    var parentElementType = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getTypeNameFromDom(parentElement) : parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
+    var parentElementType = isNativeAnchorSupported ? getTypeNameFromDom(parentElement) : parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
     if (editorExperiment('advanced_layouts', true)) {
       // We want to exclude handles from showing for direct descendant of table nodes (i.e. nodes in cells)
       if (parentElement && parentElementType === 'table') {
@@ -82,7 +83,7 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
       } else if (parentElement && parentElementType === 'tableRow') {
         var _parentElement$parent;
         var grandparentElement = parentElement === null || parentElement === void 0 || (_parentElement$parent = parentElement.parentElement) === null || _parentElement$parent === void 0 ? void 0 : _parentElement$parent.closest("[".concat(getAnchorAttrName(), "]"));
-        var grandparentElementType = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getTypeNameFromDom(grandparentElement) : grandparentElement === null || grandparentElement === void 0 ? void 0 : grandparentElement.getAttribute('data-drag-handler-node-type');
+        var grandparentElementType = isNativeAnchorSupported ? getTypeNameFromDom(grandparentElement) : grandparentElement === null || grandparentElement === void 0 ? void 0 : grandparentElement.getAttribute('data-drag-handler-node-type');
         if (grandparentElement && grandparentElementType === 'table') {
           rootElement = grandparentElement;
         }
@@ -149,11 +150,11 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
         if (rootDOM instanceof HTMLElement) {
           var _rootDOM$getAttribute;
           rootAnchorName = (_rootDOM$getAttribute = rootDOM.getAttribute(getAnchorAttrName())) !== null && _rootDOM$getAttribute !== void 0 ? _rootDOM$getAttribute : undefined;
-          rootNodeType = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getTypeNameFromDom(rootDOM) : rootDOM.getAttribute('data-drag-handler-node-type');
+          rootNodeType = isNativeAnchorSupported ? getTypeNameFromDom(rootDOM) : rootDOM.getAttribute('data-drag-handler-node-type');
         }
       }
     }
-    var nodeType = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getTypeNameFromDom(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
+    var nodeType = isNativeAnchorSupported ? getTypeNameFromDom(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
     if (nodeType) {
       if (editorExperiment('platform_editor_controls', 'variant1')) {
         var _api$core, _api$blockControls2;

package/dist/esm/pm-plugins/utils/getSelection.js

@@ -2,7 +2,6 @@ import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var getInlineNodePos = function getInlineNodePos(tr, start, nodeSize) {
@@ -67,7 +66,7 @@ var oldGetSelection = function oldGetSelection(tr, start) {
   // we need a quick way to make all child media nodes appear as selected without the need for a custom selection
   nodeName === 'mediaGroup') {
     return new NodeSelection($startPos);
-  } else if (nodeName === 'taskList' && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  } else if (nodeName === 'taskList') {
     return TextSelection.create(tr.doc, start, start + nodeSize);
   } else {
     var _getInlineNodePos = getInlineNodePos(tr, start, nodeSize),
@@ -108,7 +107,7 @@ var newGetSelection = function newGetSelection(tr, start) {
     var $mediaStartPos = tr.doc.resolve(start + 1);
     return new NodeSelection($mediaStartPos);
   }
-  if (nodeName === 'taskList' && !expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  if (nodeName === 'taskList' && !expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
     return TextSelection.create(tr.doc, start, start + nodeSize);
   }
   var _getInlineNodePos2 = getInlineNodePos(tr, start, nodeSize),
@@ -173,40 +172,22 @@ export var isHandleCorrelatedToSelection = function isHandleCorrelatedToSelectio
   }
   var nodeStart;
   var $selectionFrom = selection.$from;
-  if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-    nodeStart = $selectionFrom.before($selectionFrom.sharedDepth(selection.to) + 1);
-    if (nodeStart === $selectionFrom.pos) {
-      nodeStart = $selectionFrom.depth ? $selectionFrom.before() : $selectionFrom.pos;
-    }
-    var $resolvedNodePos = state.doc.resolve(nodeStart);
-    if (['tableRow', 'tableCell', 'tableHeader'].includes($resolvedNodePos.node().type.name)) {
-      var parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
-      var tablePos = parentNodeFindRes === null || parentNodeFindRes === void 0 ? void 0 : parentNodeFindRes.pos;
-      nodeStart = typeof tablePos === 'undefined' ? nodeStart : tablePos;
-    } else if (['listItem'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before(rootListDepth($resolvedNodePos));
-    } else if (['taskList'].includes($resolvedNodePos.node().type.name)) {
-      var listdepth = rootTaskListDepth($resolvedNodePos);
-      nodeStart = $resolvedNodePos.before(listdepth);
-    } else if (['blockquote'].includes($resolvedNodePos.node().type.name)) {
-      nodeStart = $resolvedNodePos.before();
-    }
-  } else {
-    var selectionFrom = $selectionFrom.pos;
-    nodeStart = $selectionFrom.depth ? $selectionFrom.before() : selectionFrom;
-    var _$resolvedNodePos = state.doc.resolve(nodeStart);
-    if (['tableRow', 'tableCell', 'tableHeader'].includes(_$resolvedNodePos.node().type.name)) {
-      var _parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
-      var _tablePos = _parentNodeFindRes === null || _parentNodeFindRes === void 0 ? void 0 : _parentNodeFindRes.pos;
-      nodeStart = typeof _tablePos === 'undefined' ? nodeStart : _tablePos;
-    } else if (['listItem'].includes(_$resolvedNodePos.node().type.name)) {
-      nodeStart = _$resolvedNodePos.before(rootListDepth(_$resolvedNodePos));
-    } else if (['taskList'].includes(_$resolvedNodePos.node().type.name)) {
-      var _listdepth = rootTaskListDepth(_$resolvedNodePos);
-      nodeStart = _$resolvedNodePos.before(_listdepth);
-    } else if (['blockquote'].includes(_$resolvedNodePos.node().type.name)) {
-      nodeStart = _$resolvedNodePos.before();
-    }
+  nodeStart = $selectionFrom.before($selectionFrom.sharedDepth(selection.to) + 1);
+  if (nodeStart === $selectionFrom.pos) {
+    nodeStart = $selectionFrom.depth ? $selectionFrom.before() : $selectionFrom.pos;
+  }
+  var $resolvedNodePos = state.doc.resolve(nodeStart);
+  if (['tableRow', 'tableCell', 'tableHeader'].includes($resolvedNodePos.node().type.name)) {
+    var parentNodeFindRes = findParentNodeOfType(state.schema.nodes['table'])(selection);
+    var tablePos = parentNodeFindRes === null || parentNodeFindRes === void 0 ? void 0 : parentNodeFindRes.pos;
+    nodeStart = typeof tablePos === 'undefined' ? nodeStart : tablePos;
+  } else if (['listItem'].includes($resolvedNodePos.node().type.name)) {
+    nodeStart = $resolvedNodePos.before(rootListDepth($resolvedNodePos));
+  } else if (['taskList'].includes($resolvedNodePos.node().type.name)) {
+    var listdepth = rootTaskListDepth($resolvedNodePos);
+    nodeStart = $resolvedNodePos.before(listdepth);
+  } else if (['blockquote'].includes($resolvedNodePos.node().type.name)) {
+    nodeStart = $resolvedNodePos.before();
   }
   return Boolean(handlePos < selection.$to.pos && handlePos >= nodeStart);
 };

package/dist/esm/pm-plugins/utils/validation.js

@@ -163,7 +163,7 @@ export function canMoveSliceToIndex(slice, sliceFromPos, sliceToPos, destParent,
   }
 
   // Multiple layout columns do not drop correctly.
-  if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'layoutColumn' && fg('platform_editor_elements_dnd_multi_select_patch_1')) {
+  if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'layoutColumn') {
     return false;
   }
   for (var i = 0; i < slice.content.childCount; i++) {

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

@@ -22,7 +22,7 @@ import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles/consts';
+import { akEditorTableToolbarSize, akEditorFullPageNarrowBreakout, akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles/consts';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -132,6 +132,16 @@ var dragHandleButtonStyles = css({
     backgroundColor: "var(--ds-background-disabled, transparent)"
   }
 });
+
+// Calculate scaled dimensions based on the base font size using CSS calc()
+// Default font size is 16px, scale proportionally
+// Standard: 16px -> 24h x 12w, Dense: 13px -> 18h x 9w
+var dragHandleButtonDenseModeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "calc(".concat(DRAG_HANDLE_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "calc(".concat(DRAG_HANDLE_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, "px)")
+});
 var dragHandleButtonSmallScreenStyles = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), {
   opacity: 0,
   visibility: 'hidden'
@@ -535,9 +545,8 @@ export var DragHandle = function DragHandle(_ref) {
             if (typeof handlePos !== 'number') {
               return tr;
             }
-            var oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             var newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
-            if (!tr.selection.empty && (fg('platform_editor_elements_dnd_multi_select_patch_1') ? newHandlePosCheck : oldHandlePosCheck)) {
+            if (!tr.selection.empty && newHandlePosCheck) {
               var _api$blockControls7;
               api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setMultiSelectPositions()({
                 tr: tr
@@ -729,7 +738,7 @@ export var DragHandle = function DragHandle(_ref) {
       var bottom = editorExperiment('platform_editor_controls', 'variant1') ? getControlBottomCSSValue(safeAnchorName, isSticky, isTopLevelNode, isLayoutColumn) : {};
       return _objectSpread({
         left: isEdgeCase ? "calc(anchor(".concat(safeAnchorName, " start) + ").concat(getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : editorExperiment('advanced_layouts', true) && isLayoutColumn ? "calc((anchor(".concat(safeAnchorName, " right) + anchor(").concat(safeAnchorName, " left))/2 - ").concat(DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(safeAnchorName, " start) - ").concat(DRAG_HANDLE_WIDTH, "px - ").concat(dragHandleGap(nodeType, parentNodeType), "px)"),
-        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(safeAnchorName, " top) - ").concat(DRAG_HANDLE_WIDTH, "px)") : "calc(anchor(".concat(safeAnchorName, " start) + ").concat(expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && getNodeTypeWithLevel($pos.nodeAfter) || nodeType : nodeType, "px)")
+        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(safeAnchorName, " top) - ").concat(DRAG_HANDLE_WIDTH, "px)") : "calc(anchor(".concat(safeAnchorName, " start)+ ").concat(topPositionAdjustment(expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && getNodeTypeWithLevel($pos.nodeAfter) || nodeType : nodeType), "px)")
       }, bottom);
     }
     var height = editorExperiment('platform_editor_controls', 'variant1') ? getControlHeightCSSValue(getNodeHeight(dom, safeAnchorName, anchorRectCache) || 0, isSticky, isTopLevelNode, "".concat(DRAG_HANDLE_HEIGHT), isLayoutColumn) : {};
@@ -954,7 +963,7 @@ export var DragHandle = function DragHandle(_ref) {
         css: [editorExperiment('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, editorExperiment('platform_editor_controls', 'variant1') && dragHandleColor,
         // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
         // See https://product-fabric.atlassian.net/browse/ED-26266
-        browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld],
+        browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld, expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') && dragHandleButtonDenseModeStyles],
         ref: buttonRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,

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

@@ -94,7 +94,8 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
     setIsDraggedOver = _useState2[1];
   var anchorName = useMemo(function () {
     if (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
-      return nextNode ? (api === null || api === void 0 ? void 0 : api.core.actions.getAnchorIdForNode(nextNode, getPos() || -1)) || '' : '';
+      var _getPos;
+      return nextNode ? (api === null || api === void 0 ? void 0 : api.core.actions.getAnchorIdForNode(nextNode, (_getPos = getPos()) !== null && _getPos !== void 0 ? _getPos : -1)) || '' : '';
     }
     return nextNode ? getNodeAnchor(nextNode) : '';
   }, [api, getPos, nextNode]);