@atlaskit/editor-plugin-block-controls 17.2.4 → 17.3.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 17.3.0
+
+### Minor Changes
+
+- [`14f10ff093c15`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14f10ff093c15) -
+  EDITOR-8770: Add the right control surface - currently only used in example page and behind
+  platform_editor_block_control_right_surface
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.2.5
+
+### Patch Changes
+
+- [`6304662fbdf4a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6304662fbdf4a) -
+  Use the supported `createRoot` API when `platform_editor_react19_migration` is enabled.
+- Updated dependencies
+
 ## 17.2.4
 
 ### Patch Changes

package/dist/cjs/blockControlsPlugin.js

@@ -16,7 +16,7 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _handleKeyDownWithPreservedSelection = require("./editor-commands/handle-key-down-with-preserved-selection");
 var _mapPreservedSelection2 = require("./editor-commands/map-preserved-selection");
 var _moveNode = require("./editor-commands/move-node");
@@ -32,6 +32,7 @@ var _pmPlugin2 = require("./pm-plugins/selection-preservation/pm-plugin");
 var _expandAndUpdateSelection2 = require("./pm-plugins/utils/expand-and-update-selection");
 var _getSelection = require("./pm-plugins/utils/getSelection");
 var _blockControlsLeftSurfaces = require("./ui/block-controls-left-surfaces");
+var _blockControlsRightSurfaces = require("./ui/block-controls-right-surfaces");
 var _blockControlsSurfaceDragHandleRegistration = require("./ui/block-controls-surface-drag-handle-registration");
 var _globalStyles = require("./ui/global-styles");
 var _surfaceEditorViewContext = require("./ui/surface-editor-view-context");
@@ -47,6 +48,7 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
   var registryBlockControlsEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_migration');
   var surfaceNodePositionsEnabled = registryBlockControlsEnabled && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_collapsible_headings');
   var legacyBlockControlsEnabled = !registryBlockControlsEnabled;
+  var rightSurfaceEnabled = registryBlockControlsEnabled && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_right_surface');
   if (registryBlockControlsEnabled) {
     var _api$uiControlRegistr;
     api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register([_surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE, _objectSpread(_objectSpread({}, _surfaceKeys.BLOCK_CONTROLS_LEFT_SECTION), {}, {
@@ -60,6 +62,21 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
     })].concat((0, _toConsumableArray2.default)((0, _blockControlsSurfaceDragHandleRegistration.getBlockControlsSurfaceDragHandleComponents)({
       api: api
     }))));
+    if (rightSurfaceEnabled) {
+      var _api$uiControlRegistr2;
+      // The right surface host stays generic: it only registers the toolbar/section/group
+      // hierarchy. Individual features contribute their own buttons into
+      // BLOCK_CONTROLS_RIGHT_GROUP from their own plugins, same as the left surface.
+      api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 || _api$uiControlRegistr2.actions.register([_surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE, _objectSpread(_objectSpread({}, _surfaceKeys.BLOCK_CONTROLS_RIGHT_SECTION), {}, {
+        parents: [_objectSpread(_objectSpread({}, _surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE), {}, {
+          rank: 100
+        })]
+      }), _objectSpread(_objectSpread({}, _surfaceKeys.BLOCK_CONTROLS_RIGHT_GROUP), {}, {
+        parents: [_objectSpread(_objectSpread({}, _surfaceKeys.BLOCK_CONTROLS_RIGHT_SECTION), {}, {
+          rank: 100
+        })]
+      })]);
+    }
   }
   return {
     name: 'blockControls',
@@ -129,10 +146,10 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
         plugin: function plugin(_ref2) {
           var getIntl = _ref2.getIntl,
             nodeViewPortalProviderAPI = _ref2.nodeViewPortalProviderAPI;
-          return (0, _main.createPlugin)(api, getIntl, nodeViewPortalProviderAPI, nodeDecorationRegistry, rightSideControlsEnabled, quickInsertButtonEnabled && legacyBlockControlsEnabled, legacyBlockControlsEnabled, surfaceNodePositionsEnabled);
+          return (0, _main.createPlugin)(api, getIntl, nodeViewPortalProviderAPI, nodeDecorationRegistry, rightSideControlsEnabled, quickInsertButtonEnabled && legacyBlockControlsEnabled, legacyBlockControlsEnabled, surfaceNodePositionsEnabled, rightSurfaceEnabled);
         }
       }];
-      if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         pmPlugins.push({
           name: 'blockControlsInteractionTrackingPlugin',
           plugin: function plugin() {
@@ -140,7 +157,7 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
           }
         });
       }
-      if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
         pmPlugins.push({
           name: 'blockControlsSelectionPreservationPlugin',
           plugin: (0, _pmPlugin2.createSelectionPreservationPlugin)(api)
@@ -199,7 +216,7 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
         return function (_ref6) {
           var _api$userIntent, _api$blockControls2, _options$anchorName, _api$blockControls3;
           var tr = _ref6.tr;
-          if (!(0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+          if (!(0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
             return tr;
           }
           var currMeta = tr.getMeta(_main.key);
@@ -435,14 +452,14 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
         var _key$getState$surface, _key$getState11;
         sharedState.surfaceNodePositions = (_key$getState$surface = (_key$getState11 = _main.key.getState(editorState)) === null || _key$getState11 === void 0 ? void 0 : _key$getState11.surfaceNodePositions) !== null && _key$getState$surface !== void 0 ? _key$getState$surface : [];
       }
-      if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
         var _interactionTrackingP2, _interactionTrackingP3, _interactionTrackingP4;
         sharedState.isMouseOut = (_interactionTrackingP2 = (_interactionTrackingP3 = _pmPlugin.interactionTrackingPluginKey.getState(editorState)) === null || _interactionTrackingP3 === void 0 ? void 0 : _interactionTrackingP3.isMouseOut) !== null && _interactionTrackingP2 !== void 0 ? _interactionTrackingP2 : false;
         // rightSideControlsEnabled is the single source of truth (confluence_remix_button_right_side_block_fg from preset)
         sharedState.rightSideControlsEnabled = rightSideControlsEnabled;
         sharedState.hoverSide = rightSideControlsEnabled ? (_interactionTrackingP4 = _pmPlugin.interactionTrackingPluginKey.getState(editorState)) === null || _interactionTrackingP4 === void 0 ? void 0 : _interactionTrackingP4.hoverSide : undefined;
       }
-      if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
         var _selectionPreservatio;
         sharedState.preservedSelection = (_selectionPreservatio = _pluginKey.selectionPreservationPluginKey.getState(editorState)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
       }
@@ -457,7 +474,10 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
       }, /*#__PURE__*/_react.default.createElement(_blockControlsLeftSurfaces.BlockControlsLeftSurfaces, {
         api: api,
         editorView: editorView
-      })) : null);
+      }), rightSurfaceEnabled ? /*#__PURE__*/_react.default.createElement(_blockControlsRightSurfaces.BlockControlsRightSurfaces, {
+        api: api,
+        editorView: editorView
+      }) : null) : null);
     }
   };
 };

package/dist/cjs/editor-commands/move-node-with-block-menu.js

@@ -8,7 +8,7 @@ exports.moveNodeWithBlockMenu = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _types = require("@atlaskit/editor-common/types");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _main = require("../pm-plugins/main");
 var _selection = require("../pm-plugins/utils/selection");
 var _moveNode = require("./move-node");
@@ -30,7 +30,7 @@ var moveNodeWithBlockMenu = exports.moveNodeWithBlockMenu = function moveNodeWit
   return function (_ref) {
     var _api$blockControls$sh;
     var tr = _ref.tr;
-    if (!(0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+    if (!(0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
       return tr;
     }
     var preservedSelection = api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.preservedSelection;

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

@@ -22,7 +22,7 @@ var _utils3 = require("@atlaskit/editor-tables/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _main = require("../pm-plugins/main");
 var _analytics2 = require("../pm-plugins/utils/analytics");
 var _getNestedNodePosition = require("../pm-plugins/utils/getNestedNodePosition");
@@ -203,7 +203,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
       var moveToPos = -1;
       var isLayoutColumnSelected = selection instanceof _state.NodeSelection && selection.node.type.name === 'layoutColumn';
       if (direction === _types.DIRECTION.LEFT) {
-        if (isTopLevelNode && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+        if (isTopLevelNode && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
           var _api$core, _api$core2;
           var nodeBefore = $currentNodePos.nodeBefore;
           if (nodeBefore) {
@@ -247,7 +247,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
           moveToPos = $currentNodePos.start() - ((previousNode === null || previousNode === void 0 ? void 0 : previousNode.nodeSize) || 1);
         }
       } else if (direction === _types.DIRECTION.RIGHT) {
-        if (isTopLevelNode && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+        if (isTopLevelNode && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
           var _api$core4, _api$core5;
           var endOfDoc = $currentNodePos.end();
           moveToPos = $currentNodePos.posAtIndex($currentNodePos.index() + 1);
@@ -378,7 +378,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
           tr: tr
         });
       }
-      var preservedSelection = (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.preservedSelection : undefined;
+      var preservedSelection = (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.preservedSelection : undefined;
       if (preservedSelection) {
         var $from = tr.doc.resolve(Math.min(start, preservedSelection.from));
         var expandedRange = $from.blockRange(preservedSelection.$to);
@@ -482,7 +482,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
       }));
       if (
       // when move node via block menu, we need to keep the focus on block menu popup, so don't move focus to editor in this scenario
-      !(inputMethod === _analytics.INPUT_METHOD.BLOCK_MENU && (0, _experiments.editorExperiment)('platform_editor_block_menu', true))) {
+      !(inputMethod === _analytics.INPUT_METHOD.BLOCK_MENU && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true))) {
         api === null || api === void 0 || api.core.actions.focus();
       }
       var $mappedTo = tr.doc.resolve(mappedTo);
@@ -494,7 +494,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
           _expand.expandedState.set(updatedExpandAncestor.node, wasExpandExpanded);
         }
       }
-      if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
+      if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
         (0, _analytics2.attachMoveNodeAnalytics)(tr, inputMethod, $handlePos.depth, sourceNodeTypes, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api, hasSelectedMultipleNodes);
       } else {
         var _api$analytics;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getShouldMoveNode = exports.getPosWhenMoveNodeUp = exports.getPosWhenMoveNodeDown = exports.getNodeBoundsFromSelection = exports.canMoveNodeUpOrDown = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _selection = require("../../pm-plugins/utils/selection");
 /**
  * Gets the current node position and bounds from the selection using the preserved selection logic.
@@ -33,7 +33,7 @@ var getNodeBoundsFromSelection = exports.getNodeBoundsFromSelection = function g
   // Special case: if a media node (file) is selected, we need to get the parent mediaGroup
   // This handles the case where clicking on a file creates a NodeSelection of the media node
   // but we want to move the entire mediaGroup that wraps it
-  if (selection instanceof _state.NodeSelection && selection.node.type.name === 'media' && selection.node.attrs.type === 'file' && (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if (selection instanceof _state.NodeSelection && selection.node.type.name === 'media' && selection.node.attrs.type === 'file' && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     // The media node is wrapped in a mediaGroup, so we need to get the parent position
     var mediaGroupPos = selection.$from.pos - 1;
     var mediaGroupNode = selection.$from.doc.nodeAt(mediaGroupPos);
@@ -58,7 +58,7 @@ var getNodeBoundsFromSelection = exports.getNodeBoundsFromSelection = function g
 var getPosWhenMoveNodeUp = exports.getPosWhenMoveNodeUp = function getPosWhenMoveNodeUp($currentNodePos, currentNodePos) {
   var nodeIndex = $currentNodePos.index();
   var nodeBefore = $currentNodePos.depth > 1 && nodeIndex === 0 ? $currentNodePos.node($currentNodePos.depth) : $currentNodePos.nodeBefore;
-  if ((nodeBefore === null || nodeBefore === void 0 ? void 0 : nodeBefore.type.name) === 'layoutColumn' && (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if ((nodeBefore === null || nodeBefore === void 0 ? void 0 : nodeBefore.type.name) === 'layoutColumn' && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     return -1;
   }
   return nodeBefore ? currentNodePos - nodeBefore.nodeSize : -1;
@@ -72,7 +72,7 @@ var getPosWhenMoveNodeDown = exports.getPosWhenMoveNodeDown = function getPosWhe
     return -1;
   }
   var nodeAfter = tr.doc.nodeAt(nodeAfterPos);
-  if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     var nodeAtCurrentPos = tr.doc.nodeAt($currentNodePos.pos);
     // if move empty line down to another empty line, move to the position of the next empty line
     if ((nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && nodeAtCurrentPos.type.name !== 'extension' && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0 && nodeAfter.type.name !== 'extension') {

package/dist/cjs/pm-plugins/decorations-anchor.js

@@ -8,7 +8,7 @@ exports.shouldDescendIntoNode = exports.nodeDecorations = exports.findNodeDecs =
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _decorationsCommon = require("./decorations-common");
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 var IGNORE_NODES_NEXT = exports.IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
@@ -22,7 +22,7 @@ var shouldDescendIntoNode = exports.shouldDescendIntoNode = function shouldDesce
       return false;
     }
   }
-  if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
+  if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
     return !IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT.includes(node.type.name);
   }
   return !IGNORE_NODE_DESCENDANTS.includes(node.type.name);
@@ -36,7 +36,7 @@ var shouldIgnoreNode = function shouldIgnoreNode(node, ignore_nodes, depth, pare
   if (isNestedTable) {
     return true;
   }
-  var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && (0, _experiments.editorExperiment)('advanced_layouts', true);
+  var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && (0, _editorExperiment.editorExperiment)('advanced_layouts', true);
   if (isFirstTableRow) {
     return false;
   }
@@ -82,7 +82,7 @@ var nodeDecorations = exports.nodeDecorations = function nodeDecorations(newStat
   }
   var docFrom = from === undefined || from < 0 ? 0 : from;
   var docTo = to === undefined || to > newState.doc.nodeSize - 2 ? newState.doc.nodeSize - 2 : to;
-  var ignore_nodes = (0, _experiments.editorExperiment)('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
+  var ignore_nodes = (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, _) {
     var depth = 0;
     var shouldDescend = shouldDescendIntoNode(node);

package/dist/cjs/pm-plugins/decorations-drag-handle.js

@@ -11,7 +11,7 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../ui/consts");
 var _dragHandle = require("../ui/drag-handle");
 var _decorationsCommon = require("./decorations-common");
@@ -63,7 +63,7 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
   (0, _decorationsCommon.unmountDecorations)(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var key = (0, _uuid.default)();
-  var widgetSpec = (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) ? {
+  var widgetSpec = (0, _editorExperiment.editorExperiment)('platform_editor_breakout_resizing', true) ? {
     side: -1,
     type: _decorationsCommon.TYPE_HANDLE_DEC,
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -139,7 +139,7 @@ var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDec
     // 		key,
     // 	);
 
-    if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+    if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
       (0, _reactRootRegistry.renderToMountPoint)( /*#__PURE__*/(0, _react.createElement)(_dragHandle.DragHandleWithVisibility, {
         view: view,
         api: api,

package/dist/cjs/pm-plugins/decorations-drop-target-active.js

@@ -12,7 +12,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _decorationsCommon = require("./decorations-common");
 var _decorationsDropTarget = require("./decorations-drop-target");
 var _decorationsFindSurroundingNodes = require("./decorations-find-surrounding-nodes");
@@ -212,7 +212,7 @@ var getActiveDropTargetDecorations = exports.getActiveDropTargetDecorations = fu
     };
   }
   var anchorEmitNodeWithPos = rootNodeWithPos;
-  if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
+  if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
     var schema = rootNodeWithPos.node.type.schema;
     var layoutSection = schema.nodes.layoutSection;
     var isLayoutSectionChildOfRoot = (0, _utils2.findChildrenByType)(rootNodeWithPos.node, layoutSection, false).length > 0;

package/dist/cjs/pm-plugins/decorations-drop-target.js

@@ -15,7 +15,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../ui/consts");
 var _dropTarget = require("../ui/drop-target");
 var _dropTargetLayout = require("../ui/drop-target-layout");
@@ -191,7 +191,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
     popNodeStack(depth);
     prevNodeStack.push(node);
   };
-  var isAdvancedLayoutsPreRelease2 = (0, _experiments.editorExperiment)('advanced_layouts', true);
+  var isAdvancedLayoutsPreRelease2 = (0, _editorExperiment.editorExperiment)('advanced_layouts', true);
 
   // For deciding to show drop targets or not when multiple nodes are selected
   var selection = newState.selection;

package/dist/cjs/pm-plugins/decorations-quick-insert-button.js

@@ -11,7 +11,7 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../ui/consts");
 var _quickInsertButton = require("../ui/quick-insert-button");
 var _marks = require("./utils/marks");
@@ -53,7 +53,7 @@ var quickInsertButtonDecoration = exports.quickInsertButtonDecoration = function
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var key = (0, _uuid.default)();
   var cleanupCallbacks = [];
-  var widgetSpec = (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) ? {
+  var widgetSpec = (0, _editorExperiment.editorExperiment)('platform_editor_breakout_resizing', true) ? {
     side: -2,
     type: TYPE_QUICK_INSERT,
     /**

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleMouseDown = void 0;
 var _styles = require("@atlaskit/editor-common/styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var handleMouseDown = exports.handleMouseDown = function handleMouseDown(api) {
   return function (view, event) {
     if (!(event.target instanceof HTMLElement)) {
@@ -34,7 +34,7 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(api) {
         api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.showDragHandleAt(rootPos, '', (_rootNode$type$name3 = rootNode.type.name) !== null && _rootNode$type$name3 !== void 0 ? _rootNode$type$name3 : '', undefined, rootPos, '', (_rootNode$type$name4 = rootNode.type.name) !== null && _rootNode$type$name4 !== void 0 ? _rootNode$type$name4 : ''));
       }
     } else {
-      var isDragHandle = event.target.closest((0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? _styles.DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle]') !== null;
+      var isDragHandle = event.target.closest((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? _styles.DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle]') !== null;
       api === null || api === void 0 || api.core.actions.execute(function (_ref) {
         var tr = _ref.tr;
         api === null || api === void 0 || api.blockControls.commands.setSelectedViaDragHandle(isDragHandle)({
@@ -44,7 +44,7 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(api) {
          * 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 ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+        if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
           // if target is drag handle, block menu will be opened
           if (!isDragHandle) {
             var _api$userIntent;

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

@@ -12,7 +12,7 @@ var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _domAttrName = require("../ui/utils/dom-attr-name");
 var _decorationsAnchor = require("./decorations-anchor");
 var _pluginKey = require("./selection-preservation/plugin-key");
@@ -115,7 +115,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
   }
 
   // If the editor view is not in focus when the block menu is open, do not update the drag handle
-  if (!view.hasFocus() && isMenuOpen && (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
+  if (!view.hasFocus() && isMenuOpen && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true, {
     exposure: true
   })) {
     return false;
@@ -166,7 +166,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     if (isEmptyNestedParagraphOrHeading(rootElement)) {
       return false;
     }
-    if (rootElement.getAttribute((0, _domAttrName.getTypeNameAttrName)()) === 'media' && (0, _experiments.editorExperiment)('advanced_layouts', true) && !isNativeAnchorSupported) {
+    if (rootElement.getAttribute((0, _domAttrName.getTypeNameAttrName)()) === 'media' && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !isNativeAnchorSupported) {
       rootElement = rootElement.closest("[".concat((0, _domAttrName.getAnchorAttrName)(), "][").concat((0, _domAttrName.getTypeNameAttrName)(), "=\"mediaSingle\"]"));
       if (!rootElement) {
         return false;
@@ -174,7 +174,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     }
     var parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest("[".concat((0, _domAttrName.getAnchorAttrName)(), "]"));
     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)) {
+    if ((0, _editorExperiment.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') {
         rootElement = parentElement;
@@ -240,7 +240,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     } else {
       pos = view.posAtDOM(rootElement, 0);
     }
-    if (parentRootElement && parentRootElement.getAttribute('data-layout-section') === 'true' && parentRootElement.querySelectorAll('[data-layout-column]').length === 1 && (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true)) {
+    if (parentRootElement && parentRootElement.getAttribute('data-layout-section') === 'true' && parentRootElement.querySelectorAll('[data-layout-column]').length === 1 && (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && !(0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true)) {
       // Don't show drag handle for layout column in a single column layout,
       // unless the layout column menu is enabled (menu needs the handle to be accessible).
       return false;
@@ -269,7 +269,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     if (nodeType) {
       // platform_editor_controls note: enables quick insert
       if (toolbarFlagsEnabled) {
-        if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+        if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
           var _selectionPreservatio;
           var preservedSelection = (_selectionPreservatio = _pluginKey.selectionPreservationPluginKey.getState(view.state)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
           var selection = preservedSelection || view.state.selection;
@@ -290,7 +290,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
         var _api$core3, _api$blockControls5;
         api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 ? void 0 : _api$blockControls5.commands.showDragHandleAt(targetPos, anchorName, nodeType));
       }
-      if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+      if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
         var _api$userIntent2;
         if (isMenuOpen && originalAnchorName && (api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 || (_api$userIntent2 = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.currentUserIntent) === 'blockMenuOpen') {
           var _api$core4, _api$blockControls6;

package/dist/cjs/pm-plugins/interaction-tracking/pm-plugin.js

@@ -12,7 +12,7 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _constants = require("./constants");
 var _handleKeyDown = require("./handle-key-down");
 var _handleMouseMove = require("./handle-mouse-move");
@@ -70,7 +70,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
         var state = {
           isEditing: false
         };
-        if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+        if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
           state.isMouseOut = false;
         }
         return state;
@@ -113,7 +113,7 @@ var createInteractionTrackingPlugin = exports.createInteractionTrackingPlugin =
         }
       }
     },
-    view: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? function (view) {
+    view: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? function (view) {
       var editorContentArea = view.dom.closest('.ak-editor-content-area');
       // rightSideControlsEnabled is the single source of truth (confluence_remix_button_right_side_block_fg from preset)