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

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 7.3.0
+
+### Minor Changes
+
+- [`5167552fe1a93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5167552fe1a93) -
+  [EDITOR-2339] Bump @atlaskit/adf-schema to 51.3.0
+
+### Patch Changes
+
+- [`cebe32372285d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cebe32372285d) -
+  Tidy up feature gate
+- [`8062900ea5010`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8062900ea5010) -
+  [ux] ED-29550 Fix drop targets not showing for layouts as first node
+- [`0b0ef25b2f529`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b0ef25b2f529) -
+  Cleanup various feature gates and align them to aifc_create_enabled
+- [`3feef799ad0a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3feef799ad0a5) -
+  [ED-29333] Fix 2 issues when platform_editor_native_anchor_support is enabled
+  1. Drag handle is rendered for media node
+  2. When advanced_layouts experiment is off, quick insert button is rendered based on child node
+     inside layout column (as opposed to layout section node )
+
+- [`e108f7cc7cedf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e108f7cc7cedf) -
+  [ux] Drag handle and quick insert button in dense mode
+- Updated dependencies
+
+## 7.2.12
+
+### Patch Changes
+
+- [`5e7e734485a98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5e7e734485a98) -
+  upgrade browser util api
+- Updated dependencies
+
 ## 7.2.11
 
 ### Patch Changes

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

@@ -40,50 +40,37 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function transformSourceSlice(nodeCopy, destType) {
   var srcNode = nodeCopy.content.firstChild;
   var schema = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.schema;
-  if ((0, _platformFeatureFlags.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 = (0, _validation.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 = (0, _validation.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 (0, _validation.transformSliceExpandToNestedExpand)(nodeCopy);
-    } else if (containsNestedExpand && destTypeInDocOrLayoutCol) {
-      return (0, _transforms.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 (0, _transforms.transformSliceNestedExpandToExpand)(nodeCopy, schema);
-      } else if (srcNode.type === schema.nodes.expand && (0, _validation.isInsideTable)(destType)) {
-        return (0, _validation.transformSliceExpandToNestedExpand)(nodeCopy);
-      }
+    if (containsExpand && containsNestedExpand) {
+      break;
     }
   }
+  if (containsExpand && destTypeInTable) {
+    return (0, _validation.transformSliceExpandToNestedExpand)(nodeCopy);
+  } else if (containsNestedExpand && destTypeInDocOrLayoutCol) {
+    return (0, _transforms.transformSliceNestedExpandToExpand)(nodeCopy, schema);
+  }
   return nodeCopy;
 }
 var nodesSupportDragLayoutColumnInto = ['tableCell', 'tableHeader', 'panel', 'expand', 'nestedExpand'];
@@ -146,7 +133,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
     var hoistedPos;
     var from = Math.min(expandedAnchor, expandedHead);
     // Nodes like lists nest within themselves, we need to find the top most position
-    if (isParentNodeOfTypeLayout && (0, _platformFeatureFlags.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);
     }
@@ -288,15 +275,9 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
         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 ((0, _platformFeatureFlags.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, _analytics.INPUT_METHOD.SHORTCUT, formatMessage)({
             tr: tr
           });
@@ -318,15 +299,9 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
         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 ((0, _platformFeatureFlags.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/cjs/pm-plugins/handle-mouse-over.js

@@ -36,7 +36,7 @@ var getNodeSelector = function getNodeSelector(ignoreNodes, ignoreNodeDescendant
 };
 var getDefaultNodeSelector = (0, _memoizeOne.default)(function () {
   // we don't show handler for node nested in table
-  return getNodeSelector((0, _toConsumableArray2.default)(_decorationsAnchor.IGNORE_NODES_NEXT), [].concat((0, _toConsumableArray2.default)(_decorationsAnchor.IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT), ['table']));
+  return getNodeSelector([].concat((0, _toConsumableArray2.default)(_decorationsAnchor.IGNORE_NODES_NEXT), ['media']), [].concat((0, _toConsumableArray2.default)(_decorationsAnchor.IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT), ['table']));
 });
 var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, event, api) {
   var _api$blockControls, _api$editorDisabled, _target$classList;
@@ -51,7 +51,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     editorDisabled = _ref2.editorDisabled;
 
   // We shouldn't be firing mouse over transactions when the editor is disabled
-  if (editorDisabled && (0, _platformFeatureFlags.fg)('platform_editor_ai_rovo_free_gen')) {
+  if (editorDisabled && (0, _platformFeatureFlags.fg)('aifc_create_enabled')) {
     return false;
   }
 
@@ -64,24 +64,25 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   var target = event.target;
+  var isNativeAnchorSupported = (0, _expValEquals.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((0, _expValEquals.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((0, _domAttrName.getTypeNameAttrName)()) === 'media' && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+    if (rootElement.getAttribute((0, _domAttrName.getTypeNameAttrName)()) === 'media' && (0, _experiments.editorExperiment)('advanced_layouts', true) && !isNativeAnchorSupported) {
       rootElement = rootElement.closest("[".concat((0, _domAttrName.getAnchorAttrName)(), "][").concat((0, _domAttrName.getTypeNameAttrName)(), "=\"mediaSingle\"]"));
       if (!rootElement) {
         return false;
       }
     }
     var parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest("[".concat((0, _domAttrName.getAnchorAttrName)(), "]"));
-    var parentElementType = (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? (0, _domAttrName.getTypeNameFromDom)(parentElement) : parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
+    var parentElementType = isNativeAnchorSupported ? (0, _domAttrName.getTypeNameFromDom)(parentElement) : parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
     if ((0, _experiments.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') {
@@ -89,7 +90,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
       } 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((0, _domAttrName.getAnchorAttrName)(), "]"));
-        var grandparentElementType = (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? (0, _domAttrName.getTypeNameFromDom)(grandparentElement) : grandparentElement === null || grandparentElement === void 0 ? void 0 : grandparentElement.getAttribute('data-drag-handler-node-type');
+        var grandparentElementType = isNativeAnchorSupported ? (0, _domAttrName.getTypeNameFromDom)(grandparentElement) : grandparentElement === null || grandparentElement === void 0 ? void 0 : grandparentElement.getAttribute('data-drag-handler-node-type');
         if (grandparentElement && grandparentElementType === 'table') {
           rootElement = grandparentElement;
         }
@@ -156,11 +157,11 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
         if (rootDOM instanceof HTMLElement) {
           var _rootDOM$getAttribute;
           rootAnchorName = (_rootDOM$getAttribute = rootDOM.getAttribute((0, _domAttrName.getAnchorAttrName)())) !== null && _rootDOM$getAttribute !== void 0 ? _rootDOM$getAttribute : undefined;
-          rootNodeType = (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? (0, _domAttrName.getTypeNameFromDom)(rootDOM) : rootDOM.getAttribute('data-drag-handler-node-type');
+          rootNodeType = isNativeAnchorSupported ? (0, _domAttrName.getTypeNameFromDom)(rootDOM) : rootDOM.getAttribute('data-drag-handler-node-type');
         }
       }
     }
-    var nodeType = (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? (0, _domAttrName.getTypeNameFromDom)(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
+    var nodeType = isNativeAnchorSupported ? (0, _domAttrName.getTypeNameFromDom)(rootElement) : rootElement.getAttribute('data-drag-handler-node-type');
     if (nodeType) {
       if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
         var _api$core, _api$blockControls2;

package/dist/cjs/pm-plugins/main.js

@@ -296,12 +296,13 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
       if (activeNode && (meta === null || meta === void 0 ? void 0 : meta.isDragging) !== true) {
         var _mappedRootPos$pos, _mappedRootPos;
         var _mappedPos;
+        var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
         // 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
         // This is caused by the mappedPos.deletedAfter sometimes returning true in webkit browsers even though the active node still exists
         // This is likely a prosemirror and safari integration bug, but to unblock the issue, we are going to use mappedPos.deleted in safari for now
-        if (_browser.browser.webkit && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true)) {
+        if (browser.webkit && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true)) {
           _mappedPos = tr.mapping.mapResult(activeNode.pos);
           isActiveNodeDeleted = _mappedPos.deleted;
         } else {

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

@@ -8,7 +8,6 @@ var _selection2 = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var getInlineNodePos = exports.getInlineNodePos = function getInlineNodePos(tr, start, nodeSize) {
@@ -73,7 +72,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 _state.NodeSelection($startPos);
-  } else if (nodeName === 'taskList' && (0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_multi_select_patch_1')) {
+  } else if (nodeName === 'taskList') {
     return _state.TextSelection.create(tr.doc, start, start + nodeSize);
   } else {
     var _getInlineNodePos = getInlineNodePos(tr, start, nodeSize),
@@ -114,7 +113,7 @@ var newGetSelection = function newGetSelection(tr, start) {
     var $mediaStartPos = tr.doc.resolve(start + 1);
     return new _state.NodeSelection($mediaStartPos);
   }
-  if (nodeName === 'taskList' && !(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_multi_select_patch_1')) {
+  if (nodeName === 'taskList' && !(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true)) {
     return _state.TextSelection.create(tr.doc, start, start + nodeSize);
   }
   var _getInlineNodePos2 = getInlineNodePos(tr, start, nodeSize),
@@ -179,40 +178,22 @@ var isHandleCorrelatedToSelection = exports.isHandleCorrelatedToSelection = func
   }
   var nodeStart;
   var $selectionFrom = selection.$from;
-  if ((0, _platformFeatureFlags.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 = (0, _utils.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 = (0, _utils.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 = (0, _utils.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/cjs/pm-plugins/utils/validation.js

@@ -173,7 +173,7 @@ function canMoveSliceToIndex(slice, sliceFromPos, sliceToPos, destParent, indexI
   }
 
   // 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' && (0, _platformFeatureFlags.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/cjs/ui/drag-handle.js

@@ -135,6 +135,16 @@ var dragHandleButtonStyles = (0, _react2.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 = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "calc(".concat(_consts2.DRAG_HANDLE_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(_consts.akEditorFullPageDefaultFontSize, "px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "calc(".concat(_styles.DRAG_HANDLE_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(_consts.akEditorFullPageDefaultFontSize, "px)")
+});
 var dragHandleButtonSmallScreenStyles = (0, _react2.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_consts.akEditorFullPageNarrowBreakout, "px)"), {
   opacity: 0,
   visibility: 'hidden'
@@ -248,7 +258,8 @@ var selectedStyles = (0, _react2.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
 var handleIconDragStart = function handleIconDragStart(e) {
-  if (!_browser.browser.chrome) {
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
+  if (!browser.chrome) {
     return;
   }
   // prevent dragStart handler triggered by icon
@@ -537,9 +548,8 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
             if (typeof handlePos !== 'number') {
               return tr;
             }
-            var oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             var newHandlePosCheck = (0, _getSelection.isHandleCorrelatedToSelection)(view.state, tr.selection, handlePos);
-            if (!tr.selection.empty && ((0, _platformFeatureFlags.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
@@ -731,7 +741,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
       var bottom = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _dragHandlePositions.getControlBottomCSSValue)(safeAnchorName, isSticky, isTopLevelNode, isLayoutColumn) : {};
       return _objectSpread({
         left: isEdgeCase ? "calc(anchor(".concat(safeAnchorName, " start) + ").concat((0, _dragHandlePositions.getLeftPosition)(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn ? "calc((anchor(".concat(safeAnchorName, " right) + anchor(").concat(safeAnchorName, " left))/2 - ").concat(_consts2.DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(safeAnchorName, " start) - ").concat(_styles.DRAG_HANDLE_WIDTH, "px - ").concat((0, _consts2.dragHandleGap)(nodeType, parentNodeType), "px)"),
-        top: (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(safeAnchorName, " top) - ").concat(_styles.DRAG_HANDLE_WIDTH, "px)") : "calc(anchor(".concat(safeAnchorName, " start) + ").concat((0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && (0, _decorationsCommon.getNodeTypeWithLevel)($pos.nodeAfter) || nodeType : nodeType, "px)")
+        top: (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(safeAnchorName, " top) - ").concat(_styles.DRAG_HANDLE_WIDTH, "px)") : "calc(anchor(".concat(safeAnchorName, " start)+ ").concat((0, _consts2.topPositionAdjustment)((0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? $pos && $pos.nodeAfter && (0, _decorationsCommon.getNodeTypeWithLevel)($pos.nodeAfter) || nodeType : nodeType), "px)")
       }, bottom);
     }
     var height = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _dragHandlePositions.getControlHeightCSSValue)((0, _dragHandlePositions.getNodeHeight)(dom, safeAnchorName, anchorRectCache) || 0, isSticky, isTopLevelNode, "".concat(_consts2.DRAG_HANDLE_HEIGHT), isLayoutColumn) : {};
@@ -947,6 +957,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true) && event.stopPropagation();
   };
   var hasHadInteraction = interactionState !== 'hasNotHadInteraction';
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   var renderButton = function renderButton() {
     return (
       // eslint-disable-next-line @atlaskit/design-system/no-html-button
@@ -955,7 +966,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         css: [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, (0, _experiments.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.browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld],
+        browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) && isFocused && keyboardFocusedDragHandleStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true) ? focusedStyles : focusedStylesOld, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.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/cjs/ui/drag-preview.js

@@ -8,6 +8,7 @@ exports.dragPreview = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _browser = require("@atlaskit/editor-common/browser");
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var previewStyle = {
   borderColor: "var(--ds-border, ".concat(_colors.N30, ")"),
   borderStyle: 'solid',
@@ -69,12 +70,13 @@ var createContentPreviewElement = function createContentPreviewElement(dom, node
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   dom.cloneNode(true);
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   clonedDom.style.marginLeft = '0';
   clonedDom.style.marginTop = nodeSpacing ? "".concat(nodeSpacing.top) : '0';
   clonedDom.style.marginRight = '0';
   clonedDom.style.marginBottom = nodeSpacing ? "".concat(nodeSpacing.bottom) : '0';
   clonedDom.style.boxShadow = 'none';
-  clonedDom.style.opacity = _browser.browser.windows ? '1' : '0.31';
+  clonedDom.style.opacity = browser.windows ? '1' : '0.31';
   contentPreviewOneElement.appendChild(clonedDom);
   return contentPreviewOneElement;
 };

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

@@ -102,7 +102,8 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
     setIsDraggedOver = _useState2[1];
   var anchorName = (0, _react.useMemo)(function () {
     if ((0, _expValEquals.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 ? (0, _decorationsCommon.getNodeAnchor)(nextNode) : '';
   }, [api, getPos, nextNode]);

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

@@ -17,9 +17,12 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _dragHandlePositions = require("../pm-plugins/utils/drag-handle-positions");
 var _widgetPositions = require("../pm-plugins/utils/widget-positions");
@@ -62,6 +65,16 @@ var stickyButtonStyles = (0, _primitives.xcss)({
     outline: "var(--ds-border-width-focused, 2px)".concat(" 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
+var stickyButtonDenseModeStyles = (0, _primitives.xcss)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "calc(".concat(_consts.QUICK_INSERT_HEIGHT, "px * var(--ak-editor-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "calc(".concat(_consts.QUICK_INSERT_WIDTH, "px * var(--ak-editor-base-font-size) / ").concat(_editorSharedStyles.akEditorFullPageDefaultFontSize, "px)")
+});
 var containerStaticStyles = (0, _primitives.xcss)({
   position: 'absolute',
   zIndex: 'card'
@@ -278,7 +291,7 @@ var TypeAheadControl = exports.TypeAheadControl = function TypeAheadControl(_ref
       testId: "editor-quick-insert-button",
       type: "button",
       "aria-label": formatMessage(_messages.blockControlsMessages.insert),
-      xcss: [stickyButtonStyles],
+      xcss: [stickyButtonStyles, (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') && stickyButtonDenseModeStyles],
       onClick: handleQuickInsert,
       onMouseDown: handleMouseDown
     }, (0, _react2.jsx)(_add.default, {

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