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

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

@@ -1,6 +1,6 @@
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isMeasuring, startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
@@ -295,6 +295,7 @@ export const apply = (api, formatMessage, tr, currentState, newState, flags, nod
       if (activeNode && (meta === null || meta === void 0 ? void 0 : meta.isDragging) !== true) {
         var _mappedRootPos$pos, _mappedRootPos;
         let mappedPos;
+        const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
         // In safari, when platform_editor_controls is on,
         // sometimes the drag handle for the layout disppears after you click on the handle for a few times
         // Which caused the drag handle onClick event not firing, then block menu wouldn't be opened

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

@@ -9,7 +9,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
@@ -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)`]: {
@@ -243,6 +253,7 @@ const selectedStyles = css({
 // icon span receives dragStart event, instead of button, and since it is not registered as a draggable element
 // with pragmatic DnD and pragmatic DnD is not triggered
 const handleIconDragStart = e => {
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   if (!browser.chrome) {
     return;
   }
@@ -512,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
@@ -713,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
       };
     }
@@ -933,6 +943,7 @@ export const DragHandle = ({
     editorExperiment('platform_editor_element_drag_and_drop_multiselect', true) && event.stopPropagation();
   };
   const hasHadInteraction = interactionState !== 'hasNotHadInteraction';
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   const renderButton = () =>
   // eslint-disable-next-line @atlaskit/design-system/no-html-button
   jsx("button", {
@@ -940,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/drag-preview.js

@@ -1,5 +1,6 @@
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { N20, N30 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const previewStyle = {
   borderColor: `var(--ds-border, ${N30})`,
   borderStyle: 'solid',
@@ -62,6 +63,7 @@ const createContentPreviewElement = (dom, nodeType, nodeSpacing) => {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   dom.cloneNode(true);
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   clonedDom.style.marginLeft = '0';
   clonedDom.style.marginTop = nodeSpacing ? `${nodeSpacing.top}` : '0';
   clonedDom.style.marginRight = '0';

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

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import rafSchedule from 'raf-schd';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isMeasuring, startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
@@ -289,6 +289,7 @@ var _apply = function apply(api, formatMessage, tr, currentState, newState, flag
       if (activeNode && (meta === null || meta === void 0 ? void 0 : meta.isDragging) !== true) {
         var _mappedRootPos$pos, _mappedRootPos;
         var _mappedPos;
+        var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
         // In safari, when platform_editor_controls is on,
         // sometimes the drag handle for the layout disppears after you click on the handle for a few times
         // Which caused the drag handle onClick event not firing, then block menu wouldn't be opened