@atlaskit/editor-plugin-block-controls 2.13.19 → 2.13.21

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.13.21
+
+### Patch Changes
+
+- [#166734](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166734)
+  [`433c0771a2eb9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/433c0771a2eb9) -
+  add offsets to align drag handle with headings
+- Updated dependencies
+
+## 2.13.20
+
+### Patch Changes
+
+- [#167178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167178)
+  [`c2bcf67d564c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c2bcf67d564c7) -
+  Apply breakout mark to layout node when dnd target or source node contains it
+
 ## 2.13.19
 
 ### Patch Changes

package/dist/cjs/commands/move-to-layout.js

@@ -116,6 +116,15 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
       var _ref7 = tr.doc.type.schema.marks || {},
         breakout = _ref7.breakout;
       var fromNodeWithoutBreakout = fromNode;
+      var getBreakoutMode = function getBreakoutMode(node) {
+        var _node$marks$find;
+        return (_node$marks$find = node.marks.find(function (m) {
+          return m.type === breakout;
+        })) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs.mode;
+      };
+      // get breakout mode from destination node,
+      // if not found, get from source node,
+      var breakoutMode = getBreakoutMode(toNode) || getBreakoutMode(fromNode);
 
       // remove breakout from node;
       if (breakout && $from.nodeAfter && $from.nodeAfter.marks.some(function (m) {
@@ -156,6 +165,9 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
           tr = (0, _removeFromSource.removeFromSource)(tr, $from);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
+          breakoutMode && tr.setNodeMarkup(mappedTo, newLayout.type, newLayout.attrs, [breakout.create({
+            mode: breakoutMode
+          })]);
         }
         return tr;
       }

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

@@ -96,9 +96,10 @@ var nodeDecorations = exports.nodeDecorations = function nodeDecorations(newStat
       anchorName = (_anchorName2 = anchorName) !== null && _anchorName2 !== void 0 ? _anchorName2 : "--node-anchor-".concat(node.type.name, "-").concat(index);
     }
     var anchorStyles = ['tableRow', 'media'].includes(node.type.name) ? "anchor-name: ".concat(anchorName, ";") : "anchor-name: ".concat(anchorName, "; ").concat(pos === 0 && !(0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_3') ? 'margin-top: 0px;' : '', " ").concat((0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_3') ? '' : 'position: relative; z-index: 1;');
+    var subType = node.attrs.level ? "-".concat(node.attrs.level) : '';
     decs.push(_view.Decoration.node(pos, pos + node.nodeSize, (_Decoration$node = {
       style: anchorStyles
-    }, (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-anchor-name', anchorName), (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-node-type', node.type.name), (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-anchor-depth', "".concat(depth)), _Decoration$node), {
+    }, (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-anchor-name', anchorName), (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-node-type', node.type.name + subType), (0, _defineProperty2.default)(_Decoration$node, 'data-drag-handler-anchor-depth', "".concat(depth)), _Decoration$node), {
       type: _decorationsCommon.TYPE_NODE_DEC,
       anchorName: anchorName,
       nodeType: node.type.name

package/dist/cjs/ui/consts.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topPositionAdjustment = exports.spaceLookupMap = exports.nodeMargins = exports.getNestedNodeLeftPaddingMargin = exports.dropTargetMarginMap = exports.dragHandleGap = exports.DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_GAP = exports.DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DEFAULT_GAP = exports.DRAG_HANDLE_BORDER_RADIUS = exports.DEFAULT_COLUMN_DISTRIBUTIONS = void 0;
+exports.topPositionAdjustment = exports.spaceLookupMap = exports.nodeMargins = exports.getNestedNodeLeftPaddingMargin = exports.dropTargetMarginMap = exports.dragHandleGap = exports.DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_GAP = 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_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DEFAULT_GAP = exports.DRAG_HANDLE_BORDER_RADIUS = exports.DEFAULT_COLUMN_DISTRIBUTIONS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -18,7 +18,10 @@ 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_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = DRAG_HANDLE_WIDTH + DRAG_HANDLE_MAX_GAP;
 var DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = 4 + 2; // 4px for the divider vertical padding and 2px for the divider height
-
+var DRAG_HANDLE_H3_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H3_TOP_ADJUSTMENT = 2;
+var DRAG_HANDLE_H4_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H4_TOP_ADJUSTMENT = 3;
+var DRAG_HANDLE_H5_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H5_TOP_ADJUSTMENT = 3;
+var DRAG_HANDLE_H6_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H6_TOP_ADJUSTMENT = 3;
 var nodeTypeExcludeList = ['embedCard', 'mediaSingle', 'table'];
 var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
   if (parentNodeType && parentNodeType !== 'doc') {
@@ -69,6 +72,16 @@ var topPositionAdjustment = exports.topPositionAdjustment = function topPosition
       return -DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT;
     case 'table':
       return DRAG_HANDLE_HEIGHT;
+    case 'paragraph':
+      return 2;
+    case 'heading-3':
+      return -DRAG_HANDLE_H3_TOP_ADJUSTMENT;
+    case 'heading-4':
+      return -DRAG_HANDLE_H4_TOP_ADJUSTMENT;
+    case 'heading-5':
+      return -DRAG_HANDLE_H5_TOP_ADJUSTMENT;
+    case 'heading-6':
+      return -DRAG_HANDLE_H6_TOP_ADJUSTMENT;
     default:
       return 0;
   }

package/dist/cjs/utils/drag-handle-positions.js

@@ -16,6 +16,14 @@ var getTopPosition = exports.getTopPosition = function getTopPosition(dom, type)
     return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, "px");
   } else if (type === 'layoutColumn') {
     return "".concat(-_consts.DRAG_HANDLE_WIDTH, "px");
+  } else if (type === 'heading-3') {
+    return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_H3_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-4') {
+    return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_H4_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-5') {
+    return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_H5_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-6') {
+    return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_H6_TOP_ADJUSTMENT, "px");
   } else {
     return "".concat(dom.offsetTop, "px");
   }

package/dist/es2019/commands/move-to-layout.js

@@ -117,6 +117,13 @@ export const moveToLayout = api => (from, to, options) => ({
     breakout
   } = tr.doc.type.schema.marks || {};
   let fromNodeWithoutBreakout = fromNode;
+  const getBreakoutMode = node => {
+    var _node$marks$find;
+    return (_node$marks$find = node.marks.find(m => m.type === breakout)) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs.mode;
+  };
+  // get breakout mode from destination node,
+  // if not found, get from source node,
+  const breakoutMode = getBreakoutMode(toNode) || getBreakoutMode(fromNode);
 
   // remove breakout from node;
   if (breakout && $from.nodeAfter && $from.nodeAfter.marks.some(m => m.type === breakout)) {
@@ -153,6 +160,9 @@ export const moveToLayout = api => (from, to, options) => ({
       tr = removeFromSource(tr, $from);
       const mappedTo = tr.mapping.map(to);
       tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
+      breakoutMode && tr.setNodeMarkup(mappedTo, newLayout.type, newLayout.attrs, [breakout.create({
+        mode: breakoutMode
+      })]);
     }
     return tr;
   }

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

@@ -85,10 +85,11 @@ export const nodeDecorations = (newState, from, to) => {
       anchorName = (_anchorName2 = anchorName) !== null && _anchorName2 !== void 0 ? _anchorName2 : `--node-anchor-${node.type.name}-${index}`;
     }
     const anchorStyles = ['tableRow', 'media'].includes(node.type.name) ? `anchor-name: ${anchorName};` : `anchor-name: ${anchorName}; ${pos === 0 && !fg('platform_editor_element_dnd_nested_fix_patch_3') ? 'margin-top: 0px;' : ''} ${fg('platform_editor_element_dnd_nested_fix_patch_3') ? '' : 'position: relative; z-index: 1;'}`;
+    const subType = node.attrs.level ? `-${node.attrs.level}` : '';
     decs.push(Decoration.node(pos, pos + node.nodeSize, {
       style: anchorStyles,
       ['data-drag-handler-anchor-name']: anchorName,
-      ['data-drag-handler-node-type']: node.type.name,
+      ['data-drag-handler-node-type']: node.type.name + subType,
       ['data-drag-handler-anchor-depth']: `${depth}`
     }, {
       type: TYPE_NODE_DEC,

package/dist/es2019/ui/consts.js

@@ -9,7 +9,10 @@ export const DRAG_HANDLE_NARROW_GAP = 4;
 export const DRAG_HANDLE_MAX_GAP = 12;
 export const DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = DRAG_HANDLE_WIDTH + DRAG_HANDLE_MAX_GAP;
 export const DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = 4 + 2; // 4px for the divider vertical padding and 2px for the divider height
-
+export const DRAG_HANDLE_H3_TOP_ADJUSTMENT = 2;
+export const DRAG_HANDLE_H4_TOP_ADJUSTMENT = 3;
+export const DRAG_HANDLE_H5_TOP_ADJUSTMENT = 3;
+export const DRAG_HANDLE_H6_TOP_ADJUSTMENT = 3;
 const nodeTypeExcludeList = ['embedCard', 'mediaSingle', 'table'];
 export const dragHandleGap = (nodeType, parentNodeType) => {
   if (parentNodeType && parentNodeType !== 'doc') {
@@ -60,6 +63,16 @@ export const topPositionAdjustment = nodeType => {
       return -DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT;
     case 'table':
       return DRAG_HANDLE_HEIGHT;
+    case 'paragraph':
+      return 2;
+    case 'heading-3':
+      return -DRAG_HANDLE_H3_TOP_ADJUSTMENT;
+    case 'heading-4':
+      return -DRAG_HANDLE_H4_TOP_ADJUSTMENT;
+    case 'heading-5':
+      return -DRAG_HANDLE_H5_TOP_ADJUSTMENT;
+    case 'heading-6':
+      return -DRAG_HANDLE_H6_TOP_ADJUSTMENT;
     default:
       return 0;
   }

package/dist/es2019/utils/drag-handle-positions.js

@@ -1,4 +1,4 @@
-import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
+import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
 export const getTopPosition = (dom, type) => {
   if (!dom) {
     return 'auto';
@@ -10,6 +10,14 @@ export const getTopPosition = (dom, type) => {
     return `${dom.offsetTop - DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT}px`;
   } else if (type === 'layoutColumn') {
     return `${-DRAG_HANDLE_WIDTH}px`;
+  } else if (type === 'heading-3') {
+    return `${dom.offsetTop - DRAG_HANDLE_H3_TOP_ADJUSTMENT}px`;
+  } else if (type === 'heading-4') {
+    return `${dom.offsetTop - DRAG_HANDLE_H4_TOP_ADJUSTMENT}px`;
+  } else if (type === 'heading-5') {
+    return `${dom.offsetTop - DRAG_HANDLE_H5_TOP_ADJUSTMENT}px`;
+  } else if (type === 'heading-6') {
+    return `${dom.offsetTop - DRAG_HANDLE_H6_TOP_ADJUSTMENT}px`;
   } else {
     return `${dom.offsetTop}px`;
   }

package/dist/esm/commands/move-to-layout.js

@@ -110,6 +110,15 @@ export var moveToLayout = function moveToLayout(api) {
       var _ref7 = tr.doc.type.schema.marks || {},
         breakout = _ref7.breakout;
       var fromNodeWithoutBreakout = fromNode;
+      var getBreakoutMode = function getBreakoutMode(node) {
+        var _node$marks$find;
+        return (_node$marks$find = node.marks.find(function (m) {
+          return m.type === breakout;
+        })) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs.mode;
+      };
+      // get breakout mode from destination node,
+      // if not found, get from source node,
+      var breakoutMode = getBreakoutMode(toNode) || getBreakoutMode(fromNode);
 
       // remove breakout from node;
       if (breakout && $from.nodeAfter && $from.nodeAfter.marks.some(function (m) {
@@ -150,6 +159,9 @@ export var moveToLayout = function moveToLayout(api) {
           tr = removeFromSource(tr, $from);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
+          breakoutMode && tr.setNodeMarkup(mappedTo, newLayout.type, newLayout.attrs, [breakout.create({
+            mode: breakoutMode
+          })]);
         }
         return tr;
       }

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

@@ -89,9 +89,10 @@ export var nodeDecorations = function nodeDecorations(newState, from, to) {
       anchorName = (_anchorName2 = anchorName) !== null && _anchorName2 !== void 0 ? _anchorName2 : "--node-anchor-".concat(node.type.name, "-").concat(index);
     }
     var anchorStyles = ['tableRow', 'media'].includes(node.type.name) ? "anchor-name: ".concat(anchorName, ";") : "anchor-name: ".concat(anchorName, "; ").concat(pos === 0 && !fg('platform_editor_element_dnd_nested_fix_patch_3') ? 'margin-top: 0px;' : '', " ").concat(fg('platform_editor_element_dnd_nested_fix_patch_3') ? '' : 'position: relative; z-index: 1;');
+    var subType = node.attrs.level ? "-".concat(node.attrs.level) : '';
     decs.push(Decoration.node(pos, pos + node.nodeSize, (_Decoration$node = {
       style: anchorStyles
-    }, _defineProperty(_Decoration$node, 'data-drag-handler-anchor-name', anchorName), _defineProperty(_Decoration$node, 'data-drag-handler-node-type', node.type.name), _defineProperty(_Decoration$node, 'data-drag-handler-anchor-depth', "".concat(depth)), _Decoration$node), {
+    }, _defineProperty(_Decoration$node, 'data-drag-handler-anchor-name', anchorName), _defineProperty(_Decoration$node, 'data-drag-handler-node-type', node.type.name + subType), _defineProperty(_Decoration$node, 'data-drag-handler-anchor-depth', "".concat(depth)), _Decoration$node), {
       type: TYPE_NODE_DEC,
       anchorName: anchorName,
       nodeType: node.type.name

package/dist/esm/ui/consts.js

@@ -11,7 +11,10 @@ export var DRAG_HANDLE_NARROW_GAP = 4;
 export var DRAG_HANDLE_MAX_GAP = 12;
 export var DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = DRAG_HANDLE_WIDTH + DRAG_HANDLE_MAX_GAP;
 export var DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = 4 + 2; // 4px for the divider vertical padding and 2px for the divider height
-
+export var DRAG_HANDLE_H3_TOP_ADJUSTMENT = 2;
+export var DRAG_HANDLE_H4_TOP_ADJUSTMENT = 3;
+export var DRAG_HANDLE_H5_TOP_ADJUSTMENT = 3;
+export var DRAG_HANDLE_H6_TOP_ADJUSTMENT = 3;
 var nodeTypeExcludeList = ['embedCard', 'mediaSingle', 'table'];
 export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
   if (parentNodeType && parentNodeType !== 'doc') {
@@ -62,6 +65,16 @@ export var topPositionAdjustment = function topPositionAdjustment(nodeType) {
       return -DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT;
     case 'table':
       return DRAG_HANDLE_HEIGHT;
+    case 'paragraph':
+      return 2;
+    case 'heading-3':
+      return -DRAG_HANDLE_H3_TOP_ADJUSTMENT;
+    case 'heading-4':
+      return -DRAG_HANDLE_H4_TOP_ADJUSTMENT;
+    case 'heading-5':
+      return -DRAG_HANDLE_H5_TOP_ADJUSTMENT;
+    case 'heading-6':
+      return -DRAG_HANDLE_H6_TOP_ADJUSTMENT;
     default:
       return 0;
   }

package/dist/esm/utils/drag-handle-positions.js

@@ -1,4 +1,4 @@
-import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
+import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
 export var getTopPosition = function getTopPosition(dom, type) {
   if (!dom) {
     return 'auto';
@@ -10,6 +10,14 @@ export var getTopPosition = function getTopPosition(dom, type) {
     return "".concat(dom.offsetTop - DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, "px");
   } else if (type === 'layoutColumn') {
     return "".concat(-DRAG_HANDLE_WIDTH, "px");
+  } else if (type === 'heading-3') {
+    return "".concat(dom.offsetTop - DRAG_HANDLE_H3_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-4') {
+    return "".concat(dom.offsetTop - DRAG_HANDLE_H4_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-5') {
+    return "".concat(dom.offsetTop - DRAG_HANDLE_H5_TOP_ADJUSTMENT, "px");
+  } else if (type === 'heading-6') {
+    return "".concat(dom.offsetTop - DRAG_HANDLE_H6_TOP_ADJUSTMENT, "px");
   } else {
     return "".concat(dom.offsetTop, "px");
   }

package/dist/types/ui/consts.d.ts

@@ -7,6 +7,10 @@ export declare const DRAG_HANDLE_NARROW_GAP = 4;
 export declare const DRAG_HANDLE_MAX_GAP = 12;
 export declare const DRAG_HANDLE_MAX_WIDTH_PLUS_GAP: number;
 export declare const DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT: number;
+export declare const DRAG_HANDLE_H3_TOP_ADJUSTMENT = 2;
+export declare const DRAG_HANDLE_H4_TOP_ADJUSTMENT = 3;
+export declare const DRAG_HANDLE_H5_TOP_ADJUSTMENT = 3;
+export declare const DRAG_HANDLE_H6_TOP_ADJUSTMENT = 3;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;

package/dist/types-ts4.5/ui/consts.d.ts

@@ -7,6 +7,10 @@ export declare const DRAG_HANDLE_NARROW_GAP = 4;
 export declare const DRAG_HANDLE_MAX_GAP = 12;
 export declare const DRAG_HANDLE_MAX_WIDTH_PLUS_GAP: number;
 export declare const DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT: number;
+export declare const DRAG_HANDLE_H3_TOP_ADJUSTMENT = 2;
+export declare const DRAG_HANDLE_H4_TOP_ADJUSTMENT = 3;
+export declare const DRAG_HANDLE_H5_TOP_ADJUSTMENT = 3;
+export declare const DRAG_HANDLE_H6_TOP_ADJUSTMENT = 3;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.13.19",
+	"version": "2.13.21",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^44.2.0",
-		"@atlaskit/editor-common": "^95.0.0",
+		"@atlaskit/editor-common": "^95.2.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/icon": "^22.25.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",