@atlaskit/editor-plugin-block-controls 27.0.3 → 27.0.5

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.setCursorPositionAtMovedNode = exports.selectNode = exports.rootTaskListDepth = exports.rootListDepth = exports.newGetSelection = exports.isNodeWithCodeBlock = exports.isHandleCorrelatedToSelection = exports.getSelection = exports.getInlineNodePos = void 0;
 var _nodeSelection = require("@atlaskit/editor-common/node-selection");
 var _selection2 = require("@atlaskit/editor-common/selection");
+var _selection3 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _utils2 = require("@atlaskit/editor-tables/utils");
+var _selectTableClosestToPos = require("@atlaskit/editor-tables/select-table-closest-to-pos");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var getInlineNodePos = exports.getInlineNodePos = function getInlineNodePos(doc, start, nodeSize) {
   var $startPos = doc.resolve(start);
@@ -74,7 +75,7 @@ var selectNode = exports.selectNode = function selectNode(tr, start, nodeType, a
     return (0, _nodeSelection.selectNodeAtPos)(tr, start, nodeType);
   }
   if (nodeType === 'table') {
-    tr = (0, _utils2.selectTableClosestToPos)(tr, tr.doc.resolve(start + 1));
+    tr = (0, _selectTableClosestToPos.selectTableClosestToPos)(tr, tr.doc.resolve(start + 1));
     return tr;
   }
   var selection = getSelection(tr, start);
@@ -91,7 +92,7 @@ var setCursorPositionAtMovedNode = exports.setCursorPositionAtMovedNode = functi
   // decisionList node is not selectable, but we want to select the whole node not just text
   // blockQuote is selectable, but we want to set cursor at the inline end Pos instead of the gap cursor as this causes jittering post drop
   if (isNodeSelection && node.type.name !== 'blockquote' || (node === null || node === void 0 ? void 0 : node.type.name) === 'decisionList') {
-    selection = new _selection2.GapCursorSelection(tr.doc.resolve(start + node.nodeSize), _selection2.Side.RIGHT);
+    selection = new _selection3.GapCursorSelection(tr.doc.resolve(start + node.nodeSize), _selection2.Side.RIGHT);
     tr.setSelection(selection);
     return tr;
   }

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.mapPreservedSelection = exports.getSelectedSlicePosition = exports.getMultiSelectionIfPosInside = exports.createPreservedSelection = exports.adjustSelectionBoundsForEdgePositions = void 0;
 var _blockType = require("@atlaskit/editor-common/block-type");
 var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _getTableSelectionClosesToPos = require("@atlaskit/editor-tables/get-table-selection-closes-to-pos");
 var _main = require("../main");
 var _getSelection = require("./getSelection");
 var getMultiSelectionIfPosInside = exports.getMultiSelectionIfPosInside = function getMultiSelectionIfPosInside(api, pos, tr) {
@@ -156,7 +157,7 @@ var createPreservedSelection = exports.createPreservedSelection = function creat
   }
 
   // expand the selection range to block boundaries, so selection always includes whole nodes
-  var expanded = (0, _selection.expandToBlockRange)(adjusted.$from, adjusted.$to);
+  var expanded = (0, _utils.expandToBlockRange)(adjusted.$from, adjusted.$to);
 
   // stop preserving if selection becomes invalid
   if (expanded.$from.pos < 0 || expanded.$to.pos > doc.content.size || expanded.$from.pos >= expanded.$to.pos) {
@@ -172,7 +173,7 @@ var createPreservedSelection = exports.createPreservedSelection = function creat
     return undefined;
   }
   if (nodeType === 'table') {
-    return (0, _utils.getTableSelectionClosesToPos)($from);
+    return (0, _getTableSelectionClosesToPos.getTableSelectionClosesToPos)($from);
   }
   return (0, _getSelection.newGetSelection)(doc, false, expanded.$from.pos) || undefined;
 };

package/dist/cjs/pm-plugins/utils/update-selection.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateSelection = exports.getInsertLayoutStep = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
+var _selection2 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
@@ -40,7 +41,7 @@ var updateSelection = exports.updateSelection = function updateSelection(tr, to,
   if (['paragraph', 'heading'].includes(((_lastNode = lastNode) === null || _lastNode === void 0 ? void 0 : _lastNode.type.name) || '')) {
     tr.setSelection(_state.TextSelection.near(tr.doc.resolve(to + offset - 2)));
   } else if (lastNode) {
-    tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(to + offset - 1), _selection.Side.RIGHT));
+    tr.setSelection(new _selection2.GapCursorSelection(tr.doc.resolve(to + offset - 1), _selection.Side.RIGHT));
   }
   return tr;
 };

package/dist/cjs/pm-plugins/vanilla-quick-insert.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createVanillaButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _messages = require("@atlaskit/editor-common/messages");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
+var _blockControls = require("@atlaskit/editor-common/messages/block-controls");
 var _vanillaTooltip = require("@atlaskit/editor-common/vanilla-tooltip");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -42,7 +42,7 @@ var vanillaQuickInsert = function vanillaQuickInsert(_ref) {
     rootAnchorName = _ref.rootAnchorName,
     api = _ref.api;
   return ['div', {
-    style: (0, _lazyNodeView.convertToInlineCss)(_objectSpread({
+    style: (0, _cssHelper.convertToInlineCss)(_objectSpread({
       position: 'absolute'
     }, (0, _quickInsertCalculatePosition.calculatePosition)({
       rootAnchorName: rootAnchorName,
@@ -75,7 +75,7 @@ var createVanillaButton = exports.createVanillaButton = function createVanillaBu
 
       // Flag-on (platform-dst-top-layer), positioning is async via a React root;
       // safe here as VanillaTooltip stays hidden until positioned.
-      var tooltip = new _vanillaTooltip.VanillaTooltip(button, props.formatMessage(_messages.blockControlsMessages.insert), 'quick-insert-button-tooltip', 'blocks-quick-insert-tooltip');
+      var tooltip = new _vanillaTooltip.VanillaTooltip(button, props.formatMessage(_blockControls.messages.insert), 'quick-insert-button-tooltip', 'blocks-quick-insert-tooltip');
       props.cleanupCallbacks.push(function () {
         tooltip.destroy();
       });

package/dist/cjs/ui/block-controls-left-surfaces.js

@@ -15,8 +15,8 @@ var _bindEventListener = require("bind-event-listener");
 var _browserApis = require("@atlaskit/browser-apis");
 var _blockControlUiContext = require("@atlaskit/editor-common/block-controls/block-control-ui-context");
 var _surfaceKeys = require("@atlaskit/editor-common/block-controls/surface-keys");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _styles = require("@atlaskit/editor-common/styles");
+var _nativeAnchor = require("@atlaskit/editor-common/styles/native-anchor");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
 var _blockControlsLeftSurface = require("./block-controls-left-surface");
@@ -39,7 +39,7 @@ var BlockControlsLeftSurfaces = exports.BlockControlsLeftSurfaces = function Blo
   var _api$uiControlRegistr, _api$uiControlRegistr2;
   var api = _ref.api,
     editorView = _ref.editorView;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$blockControls3, _states$blockControls4, _states$blockControls5, _states$blockControls6;
       return {
         activeNode: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.activeNode,
@@ -73,7 +73,7 @@ var BlockControlsLeftSurfaces = exports.BlockControlsLeftSurfaces = function Blo
         return [];
       }
       // The cache supplies the same anchor names used by ProseMirror decorations.
-      var anchorName = (0, _styles.isCSSAnchorSupported)() ? surfaceAnchors.get(target.position) : undefined;
+      var anchorName = (0, _nativeAnchor.isCSSAnchorSupported)() ? surfaceAnchors.get(target.position) : undefined;
       // Top-level controls can respond to the available left gutter without the surface
       // host knowing which controls are registered or how they adapt.
       var isTopLevel = context.targetNode.parentType === 'doc';

package/dist/cjs/ui/block-controls-right-surfaces.js

@@ -15,8 +15,8 @@ var _bindEventListener = require("bind-event-listener");
 var _browserApis = require("@atlaskit/browser-apis");
 var _blockControlUiContext = require("@atlaskit/editor-common/block-controls/block-control-ui-context");
 var _surfaceKeys = require("@atlaskit/editor-common/block-controls/surface-keys");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _styles = require("@atlaskit/editor-common/styles");
+var _nativeAnchor = require("@atlaskit/editor-common/styles/native-anchor");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
 var _blockControlsRightSurface = require("./block-controls-right-surface");
@@ -48,7 +48,7 @@ var BlockControlsRightSurfaces = exports.BlockControlsRightSurfaces = function B
   var _api$uiControlRegistr, _api$uiControlRegistr2;
   var api = _ref.api,
     editorView = _ref.editorView;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$blockControls3, _states$blockControls4, _states$blockControls5, _states$blockControls6;
       return {
         activeNode: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.activeNode,
@@ -82,7 +82,7 @@ var BlockControlsRightSurfaces = exports.BlockControlsRightSurfaces = function B
         return [];
       }
       // The cache supplies the same anchor names used by ProseMirror decorations.
-      var anchorName = (0, _styles.isCSSAnchorSupported)() ? surfaceAnchors.get(target.position) : undefined;
+      var anchorName = (0, _nativeAnchor.isCSSAnchorSupported)() ? surfaceAnchors.get(target.position) : undefined;
       return [_objectSpread(_objectSpread({}, target), {}, {
         anchorName: anchorName,
         blockControlsContext: context,

package/dist/cjs/ui/block-controls-surface-drag-handle.js

@@ -13,13 +13,13 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _blockControlUiContext = require("@atlaskit/editor-common/block-controls/block-control-ui-context");
 var _surfaceDragHandleElement = require("@atlaskit/editor-common/block-controls/surface-drag-handle-element");
 var _browser = require("@atlaskit/editor-common/browser");
-var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
+var _blockControls = require("@atlaskit/editor-common/messages/block-controls");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/core/drag-handle-vertical"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -85,7 +85,7 @@ var BlockControlsSurfaceDragHandle = exports.BlockControlsSurfaceDragHandle = fu
   var getPos = (0, _react.useCallback)(function () {
     return posRef.current;
   }, []);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls', 'interaction', 'selection'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls', 'interaction', 'selection'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$interactionSt, _states$selectionStat;
       return {
         activeNodeAnchorName: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 || (_states$blockControls = _states$blockControls.activeNode) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.anchorName,
@@ -194,14 +194,14 @@ var BlockControlsSurfaceDragHandle = exports.BlockControlsSurfaceDragHandle = fu
       var selection = (_selectionPreservatio = (_selectionPreservatio2 = _pluginKey.selectionPreservationPluginKey.getState(view.state)) === null || _selectionPreservatio2 === void 0 ? void 0 : _selectionPreservatio2.preservedSelection) !== null && _selectionPreservatio !== void 0 ? _selectionPreservatio : tr.selection;
       var resolvedStartPos = tr.doc.resolve(startPos);
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.BUTTON,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
         attributes: {
           nodeDepth: resolvedStartPos.depth,
           nodeTypes: ((_resolvedStartPos$nod = resolvedStartPos.nodeAfter) === null || _resolvedStartPos$nod === void 0 ? void 0 : _resolvedStartPos$nod.type.name) || ''
         },
-        eventType: _analytics.EVENT_TYPE.UI
+        eventType: _enums.EVENT_TYPE.UI
       })(tr);
       (0, _expandAndUpdateSelection.expandAndUpdateSelection)({
         api: api,
@@ -238,12 +238,12 @@ var BlockControlsSurfaceDragHandle = exports.BlockControlsSurfaceDragHandle = fu
     });
     view.focus();
   }, [activeNode === null || activeNode === void 0 ? void 0 : activeNode.rootPos, api, getAnchorName, getPos, nodeType, view]);
-  var label = formatMessage(_messages.blockControlsMessages.dragToMoveClickToOpen, {
+  var label = formatMessage(_blockControls.messages.dragToMoveClickToOpen, {
     br: ' '
   });
   var helpDescriptors = (0, _react.useMemo)(function () {
     return [{
-      description: formatMessage(_messages.blockControlsMessages.dragToMoveClickToOpen, {
+      description: formatMessage(_blockControls.messages.dragToMoveClickToOpen, {
         br: /*#__PURE__*/React.createElement("br", null)
       })
     }];

package/dist/cjs/ui/consts.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.topPositionAdjustment = exports.spacingBetweenNodesForPreview = exports.spaceLookupMap = exports.rootElementGap = exports.nodeMargins = exports.getNestedNodeLeftPaddingMargin = exports.dropTargetMarginMap = exports.dragHandleGap = exports.STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER = exports.STICKY_CONTROLS_TOP_MARGIN = exports.QUICK_INSERT_WIDTH = exports.QUICK_INSERT_LEFT_OFFSET = exports.QUICK_INSERT_HEIGHT = exports.QUICK_INSERT_DIMENSIONS = exports.DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_WRAPPED_MEDIA_EMBED_TOP_ADJUSTMENT = exports.DRAG_HANDLE_SYNCED_BLOCK_GAP = exports.DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT = exports.DRAG_HANDLE_PARAGRAPH_SMALL_TOP_ADJUSTMENT = exports.DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_GAP = exports.DRAG_HANDLE_LAYOUT_SECTION_TOP_ADJUSTMENT = exports.DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_H6_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H5_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H4_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H3_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H2_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H1_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_BORDER_RADIUS = exports.DEFAULT_COLUMN_DISTRIBUTIONS = exports.BLOCK_CONTROLS_SURFACE_SELECTOR = exports.ACTIVE_QUICK_INSERT_FALLBACK_ANCHOR_NAME = exports.ACTIVE_QUICK_INSERT_ATTR = exports.ACTIVE_DRAG_HANDLE_FALLBACK_ANCHOR_NAME = exports.ACTIVE_DRAG_HANDLE_ATTR = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
 var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -22,13 +22,13 @@ var ACTIVE_DRAG_HANDLE_FALLBACK_ANCHOR_NAME = exports.ACTIVE_DRAG_HANDLE_FALLBAC
 var ACTIVE_QUICK_INSERT_FALLBACK_ANCHOR_NAME = exports.ACTIVE_QUICK_INSERT_FALLBACK_ANCHOR_NAME = '--editor-block-controls-active-quick-insert-anchor';
 var DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_HEIGHT = 24;
 var DRAG_HANDLE_BORDER_RADIUS = exports.DRAG_HANDLE_BORDER_RADIUS = 4;
-var DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_ZINDEX = _editorSharedStyles.akRichMediaResizeZIndex + _editorSharedStyles.akEditorUnitZIndex; //place above legacy resizer
+var DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_ZINDEX = _constants.akRichMediaResizeZIndex + _constants.akEditorUnitZIndex; //place above legacy resizer
 var LEGACY_DRAG_HANDLE_DEFAULT_GAP = 8;
 var MIGRATED_DRAG_HANDLE_DEFAULT_GAP = 12;
 var DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_NARROW_GAP = 4;
 var DRAG_HANDLE_MAX_GAP = exports.DRAG_HANDLE_MAX_GAP = 12;
 var DRAG_HANDLE_SYNCED_BLOCK_GAP = exports.DRAG_HANDLE_SYNCED_BLOCK_GAP = 2.5;
-var DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = _styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_MAX_GAP;
+var DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = _dragHandle.DRAG_HANDLE_WIDTH + DRAG_HANDLE_MAX_GAP;
 
 // Non-resizable/default-sized nodes get the same gap as resizable/breakout nodes
 // (DRAG_HANDLE_MAX_GAP) once the registry-backed surfaces are on; kept at the legacy value
@@ -114,7 +114,7 @@ var getNestedNodeLeftPaddingMargin = exports.getNestedNodeLeftPaddingMargin = fu
       if ((0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true)) {
         return '28px';
       }
-      return "".concat(_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_NARROW_GAP, "px");
+      return "".concat(_dragHandle.DRAG_HANDLE_WIDTH + DRAG_HANDLE_NARROW_GAP, "px");
     case 'expand':
     case 'nestedExpand':
       return '24px';
@@ -127,7 +127,7 @@ var getNestedNodeLeftPaddingMargin = exports.getNestedNodeLeftPaddingMargin = fu
     case 'tableHeader':
       return '8px';
     default:
-      return "".concat(_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_NARROW_GAP, "px");
+      return "".concat(_dragHandle.DRAG_HANDLE_WIDTH + DRAG_HANDLE_NARROW_GAP, "px");
   }
 };
 var topPositionAdjustment = exports.topPositionAdjustment = function topPositionAdjustment(nodeType, layout) {