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

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

@@ -31,52 +31,38 @@ import { getPosWhenMoveNodeDown, getPosWhenMoveNodeUp } from './utils/move-node-
 function transformSourceSlice(nodeCopy, destType) {
   const srcNode = nodeCopy.content.firstChild;
   const 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;
-    }
-    const {
-      doc,
-      layoutColumn
-    } = schema.nodes;
-    const destTypeInTable = isInsideTable(destType);
-    const destTypeInDocOrLayoutCol = [doc, layoutColumn].includes(destType);
+  if (!schema) {
+    return nodeCopy;
+  }
+  const {
+    doc,
+    layoutColumn
+  } = schema.nodes;
+  const destTypeInTable = isInsideTable(destType);
+  const destTypeInDocOrLayoutCol = [doc, layoutColumn].includes(destType);
 
-    // No need to loop over slice content if destination requires no transformations
-    if (!destTypeInTable && !destTypeInDocOrLayoutCol) {
-      return nodeCopy;
-    }
-    let containsExpand = false;
-    let containsNestedExpand = false;
-    for (let i = 0; i < nodeCopy.content.childCount; i++) {
-      const 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;
-      }
+  // No need to loop over slice content if destination requires no transformations
+  if (!destTypeInTable && !destTypeInDocOrLayoutCol) {
+    return nodeCopy;
+  }
+  let containsExpand = false;
+  let containsNestedExpand = false;
+  for (let i = 0; i < nodeCopy.content.childCount; i++) {
+    const node = nodeCopy.content.child(i);
+    if (node.type === schema.nodes.expand) {
+      containsExpand = true;
+    } else if (node.type === schema.nodes.nestedExpand) {
+      containsNestedExpand = true;
     }
-    if (containsExpand && destTypeInTable) {
-      return transformSliceExpandToNestedExpand(nodeCopy);
-    } else if (containsNestedExpand && destTypeInDocOrLayoutCol) {
-      return transformSliceNestedExpandToExpand(nodeCopy, schema);
-    }
-  } else {
-    if (srcNode && schema) {
-      const {
-        doc,
-        layoutColumn
-      } = schema.nodes;
-      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;
 }
 const nodesSupportDragLayoutColumnInto = ['tableCell', 'tableHeader', 'panel', 'expand', 'nestedExpand'];
@@ -145,7 +131,7 @@ export const moveNodeViaShortcut = (api, direction, formatMessage) => {
     let hoistedPos;
     const 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) {
       const LAYOUT_COL_DEPTH = 3;
       hoistedPos = state.doc.resolve(from).before(LAYOUT_COL_DEPTH);
     }
@@ -291,15 +277,9 @@ export const moveNodeViaShortcut = (api, direction, formatMessage) => {
         api === null || api === void 0 ? void 0 : (_api$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions.execute(({
           tr
         }) => {
-          if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-            api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
-              tr
-            });
-          } else {
-            api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions(expandedAnchor, expandedHead)({
-              tr
-            });
-          }
+          api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
+            tr
+          });
           moveNode(api)(currentNodePos, moveToPos, INPUT_METHOD.SHORTCUT, formatMessage)({
             tr
           });
@@ -323,15 +303,9 @@ export const moveNodeViaShortcut = (api, direction, formatMessage) => {
         api === null || api === void 0 ? void 0 : (_api$core9 = api.core) === null || _api$core9 === void 0 ? void 0 : _api$core9.actions.execute(({
           tr
         }) => {
-          if (fg('platform_editor_elements_dnd_multi_select_patch_1')) {
-            api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
-              tr
-            });
-          } else {
-            api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions(expandedAnchor, expandedHead)({
-              tr
-            });
-          }
+          api === null || api === void 0 ? void 0 : api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
+            tr
+          });
           tr.scrollIntoView();
           return tr;
         });

package/dist/es2019/pm-plugins/handle-mouse-down.js

@@ -1,4 +1,5 @@
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 export const handleMouseDown = api => (view, event) => {
@@ -28,7 +29,34 @@ export const handleMouseDown = api => (view, event) => {
     }
   } else {
     const isDragHandle = event.target.closest(expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle]') !== null;
-    api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle));
+    api === null || api === void 0 ? void 0 : api.core.actions.execute(({
+      tr
+    }) => {
+      api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle)({
+        tr
+      });
+      /**
+       * When block menu is enabled, reset intent back to 'default' as editor-plugin-block-menu sets the user intent to 'blockMenuOpen', and setting here
+       * causes flickering as this runs before editor-plugin-block-menu.
+       */
+      if (fg('platform_editor_toolbar_aifc_user_intent_fix')) {
+        if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
+          // if target is drag handle, block menu will be opened
+          if (!isDragHandle) {
+            var _api$userIntent;
+            api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('default')({
+              tr
+            });
+          }
+        } else {
+          var _api$userIntent2;
+          (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands.setCurrentUserIntent(isDragHandle ? 'dragHandleSelected' : 'default')({
+            tr
+          });
+        }
+      }
+      return tr;
+    });
   }
   return false;
 };

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

@@ -24,7 +24,7 @@ const getNodeSelector = (ignoreNodes, ignoreNodeDescendants) => {
 };
 const getDefaultNodeSelector = memoizeOne(() => {
   // we don't show handler for node nested in table
-  return getNodeSelector([...IGNORE_NODES_NEXT], [...IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT, 'table']);
+  return getNodeSelector([...IGNORE_NODES_NEXT, 'media'], [...IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT, 'table']);
 });
 export const handleMouseOver = (view, event, api) => {
   var _api$blockControls, _api$editorDisabled, _target$classList;
@@ -41,7 +41,7 @@ export const handleMouseOver = (view, event, api) => {
   };
 
   // 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;
   }
 
@@ -54,24 +54,25 @@ export const handleMouseOver = (view, event, api) => {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const target = event.target;
+  const 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;
   }
-  let rootElement = target === null || target === void 0 ? void 0 : target.closest(expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getDefaultNodeSelector() : `[data-drag-handler-anchor-name]`);
+  let 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(`[${getAnchorAttrName()}][${getTypeNameAttrName()}="mediaSingle"]`);
       if (!rootElement) {
         return false;
       }
     }
     const parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest(`[${getAnchorAttrName()}]`);
-    const 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');
+    const 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') {
@@ -79,7 +80,7 @@ export const handleMouseOver = (view, event, api) => {
       } else if (parentElement && parentElementType === 'tableRow') {
         var _parentElement$parent;
         const grandparentElement = parentElement === null || parentElement === void 0 ? void 0 : (_parentElement$parent = parentElement.parentElement) === null || _parentElement$parent === void 0 ? void 0 : _parentElement$parent.closest(`[${getAnchorAttrName()}]`);
-        const 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');
+        const grandparentElementType = isNativeAnchorSupported ? getTypeNameFromDom(grandparentElement) : grandparentElement === null || grandparentElement === void 0 ? void 0 : grandparentElement.getAttribute('data-drag-handler-node-type');
         if (grandparentElement && grandparentElementType === 'table') {
           rootElement = grandparentElement;
         }
@@ -146,11 +147,11 @@ export const 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');
         }
       }
     }
-    const nodeType = expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? getTypeNameFromDom(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
+    const nodeType = isNativeAnchorSupported ? getTypeNameFromDom(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
     if (nodeType) {
       if (editorExperiment('platform_editor_controls', 'variant1')) {
         var _api$core, _api$blockControls2, _rootPos, _rootAnchorName, _rootNodeType;

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/blockControlsPlugin.js

@@ -118,18 +118,26 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
             toggleMenu: toggleMenuMeta
           }));
           if ((menuTriggerBy === undefined || !!menuTriggerBy && menuTriggerBy === (options === null || options === void 0 ? void 0 : options.anchorName)) && currentUserIntent === 'blockMenuOpen') {
-            var _api$userIntent4;
-            // Toggled from drag handle
-            api === null || api === void 0 || (_api$userIntent4 = api.userIntent) === null || _api$userIntent4 === void 0 || _api$userIntent4.commands.setCurrentUserIntent('default')({
-              tr: tr
-            });
+            var state = api === null || api === void 0 ? void 0 : api.blockControls.sharedState.currentState();
+            if (state !== null && state !== void 0 && state.isSelectedViaDragHandle && fg('platform_editor_toolbar_aifc_user_intent_fix')) {
+              var _api$userIntent4;
+              api === null || api === void 0 || (_api$userIntent4 = api.userIntent) === null || _api$userIntent4 === void 0 || _api$userIntent4.commands.setCurrentUserIntent('dragHandleSelected')({
+                tr: tr
+              });
+            } else {
+              var _api$userIntent5;
+              // Toggled from drag handle
+              api === null || api === void 0 || (_api$userIntent5 = api.userIntent) === null || _api$userIntent5 === void 0 || _api$userIntent5.commands.setCurrentUserIntent('default')({
+                tr: tr
+              });
+            }
           }
           return tr;
         };
       },
       setNodeDragged: function setNodeDragged(getPos, anchorName, nodeType) {
         return function (_ref5) {
-          var _api$userIntent5;
+          var _api$userIntent6;
           var tr = _ref5.tr;
           var pos = getPos();
           if (pos === undefined) {
@@ -153,7 +161,7 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
               tr: tr
             });
           }
-          api === null || api === void 0 || (_api$userIntent5 = api.userIntent) === null || _api$userIntent5 === void 0 || _api$userIntent5.commands.setCurrentUserIntent('dragging')({
+          api === null || api === void 0 || (_api$userIntent6 = api.userIntent) === null || _api$userIntent6 === void 0 || _api$userIntent6.commands.setCurrentUserIntent('dragging')({
             tr: tr
           });
           return tr;

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;
         });