@atlaskit/editor-plugin-block-controls 2.4.1 → 2.6.0

package/dist/esm/ui/drag-handle.js

@@ -8,7 +8,6 @@ import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
-import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
@@ -60,14 +59,14 @@ var selectedStyles = css({
   backgroundColor: "var(--ds-background-selected, #E9F2FF)",
   color: "var(--ds-icon-selected, #0C66E4)"
 });
-var DragHandleInternal = function DragHandleInternal(_ref) {
+export var DragHandle = function DragHandle(_ref) {
   var _api$core2, _api$analytics2, _api$core4, _api$core6;
   var view = _ref.view,
     api = _ref.api,
+    formatMessage = _ref.formatMessage,
     getPos = _ref.getPos,
     anchorName = _ref.anchorName,
     nodeType = _ref.nodeType,
-    formatMessage = _ref.intl.formatMessage,
     handleOptions = _ref.handleOptions,
     _ref$isTopLevelNode = _ref.isTopLevelNode,
     isTopLevelNode = _ref$isTopLevelNode === void 0 ? true : _ref$isTopLevelNode;
@@ -368,7 +367,7 @@ var DragHandleInternal = function DragHandleInternal(_ref) {
     keymap: dragToMoveDown
   }];
   var isParentNodeOfTypeLayout;
-  if (!isTopLevelNode && handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && fg('platform_editor_element_dnd_nested_a11y')) {
+  if (!isTopLevelNode && handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && editorExperiment('nested-dnd', true) && fg('platform_editor_element_dnd_nested_a11y')) {
     isParentNodeOfTypeLayout = nodeType === 'layoutSection' || view.state.doc.resolve(getNestedNodePosition(view.state)).node().type.name === 'layoutColumn';
     if (isParentNodeOfTypeLayout) {
       helpDescriptors = [].concat(_toConsumableArray(helpDescriptors), [{
@@ -415,5 +414,4 @@ var DragHandleInternal = function DragHandleInternal(_ref) {
       });
     }
   }, renderButton()) : renderButton();
-};
-export var DragHandle = injectIntl(DragHandleInternal);
+};

package/dist/esm/ui/drop-target-v2.js

@@ -54,15 +54,28 @@ var nestedDropZoneStyle = css({
   width: 'unset'
 });
 var enableDropZone = ['paragraph', 'mediaSingle', 'heading', 'codeBlock', 'decisionList', 'bulletList', 'orderedList', 'taskList', 'extension', 'blockCard'];
+var fullHeightStyle = css({
+  top: '4px',
+  bottom: '4px',
+  height: 'unset',
+  zIndex: 10
+});
+
+// This z index is used in container like layout
+var fullHeightStyleAdjustZIndexStyle = css({
+  zIndex: 0
+});
 var HoverZone = function HoverZone(_ref) {
   var onDragEnter = _ref.onDragEnter,
     onDragLeave = _ref.onDragLeave,
     onDrop = _ref.onDrop,
     node = _ref.node,
+    parent = _ref.parent,
     editorWidth = _ref.editorWidth,
     anchorHeightsCache = _ref.anchorHeightsCache,
     position = _ref.position,
-    isNestedDropTarget = _ref.isNestedDropTarget;
+    isNestedDropTarget = _ref.isNestedDropTarget,
+    dropTargetStyle = _ref.dropTargetStyle;
   var ref = useRef(null);
   useEffect(function () {
     if (ref.current) {
@@ -89,14 +102,23 @@ var HoverZone = function HoverZone(_ref) {
       maxWidth: "".concat(editorWidth || 0, "px")
     });
   }, [anchorHeightsCache, editorWidth, node, position]);
+  var isFullHeight = useMemo(function () {
+    return dropTargetStyle === 'fullHeight';
+  }, [dropTargetStyle]);
+  var isFullHeightInLayout = useMemo(function () {
+    return isFullHeight && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutColumn';
+  }, [isFullHeight, parent === null || parent === void 0 ? void 0 : parent.type.name]);
   return jsx("div", {
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: "drop-target-hover-zone-".concat(position)
+    className: "drop-target-hover-zone-".concat(position),
+    "data-testid": "drop-target-zone-".concat(position)
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
-    css: [dropZoneStyles, isNestedDropTarget && nestedDropZoneStyle, hoverZoneUpperStyle]
+    css: [dropZoneStyles, isNestedDropTarget && nestedDropZoneStyle,
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    hoverZoneUpperStyle, isFullHeight && fullHeightStyle, isFullHeightInLayout && fullHeightStyleAdjustZIndexStyle]
   });
 };
 export var DropTargetV2 = function DropTargetV2(_ref2) {
@@ -107,7 +129,8 @@ export var DropTargetV2 = function DropTargetV2(_ref2) {
     nextNode = _ref2.nextNode,
     parentNode = _ref2.parentNode,
     formatMessage = _ref2.formatMessage,
-    anchorHeightsCache = _ref2.anchorHeightsCache;
+    anchorHeightsCache = _ref2.anchorHeightsCache,
+    dropTargetStyle = _ref2.dropTargetStyle;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDraggedOver = _useState2[0],
@@ -129,10 +152,11 @@ export var DropTargetV2 = function DropTargetV2(_ref2) {
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.moveNode(start, pos, undefined, formatMessage));
     }
   };
+  var isFullHeight = dropTargetStyle === 'fullHeight';
   var dynamicStyle = (_dynamicStyle = {
     width: isNestedDropTarget ? 'unset' : '100%'
   }, _defineProperty(_dynamicStyle, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat((widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH, "px")), _defineProperty(_dynamicStyle, EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? getNestedNodeLeftPaddingMargin(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), _defineProperty(_dynamicStyle, EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, editorExperiment('nested-dnd', true) ? layers.navigation() : layers.card()), _dynamicStyle);
-  return jsx(Fragment, null, jsx(HoverZone, {
+  return jsx(Fragment, null, !isFullHeight && jsx(HoverZone, {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
     },
@@ -168,9 +192,11 @@ export var DropTargetV2 = function DropTargetV2(_ref2) {
     },
     onDrop: onDrop,
     node: nextNode,
+    parent: parentNode,
     editorWidth: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
     anchorHeightsCache: anchorHeightsCache,
     position: "lower",
-    isNestedDropTarget: isNestedDropTarget
+    isNestedDropTarget: isNestedDropTarget,
+    dropTargetStyle: dropTargetStyle
   }));
 };

package/dist/esm/ui/drop-target.js

@@ -112,6 +112,8 @@ export var DropTarget = function DropTarget(_ref3) {
       return;
     }
 
+    // This should be moved to platform/packages/editor/editor-plugin-block-controls/src/utils/validation.ts
+    // Since we are moved to drop-target-v2
     // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
     if (editorExperiment('nest-media-and-codeblock-in-quote', false)) {
       var _api$blockControls;

package/dist/esm/ui/global-styles.js

@@ -120,18 +120,12 @@ var withFormatInLayoutStyleFixSelectors = ["".concat(dragHandleContainer, ":firs
 var withInlineNodeStyleWithChromeFix = css(_defineProperty({}, withInlineNodeStyleWithChromeFixSelectors, {
   transform: 'scale(0)'
 }));
-var globalStyles = editorExperiment('nested-dnd', true) ? css({
+var globalStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '.ProseMirror-widget:first-child + *:not([data-panel-type], .code-block, [data-node-type="nestedExpand"])': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: '0 !important'
   }
-}) : css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '.ProseMirror-widget:first-child + *': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    marginTop: '0 !important'
-  }
 });
 var withDividerInPanelStyleFix = css(_defineProperty({}, "".concat(dividerBodiedInCustomPanelWithNoIconSelector), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles

package/dist/esm/utils/transactions.js

@@ -0,0 +1,57 @@
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+/**
+ * Checks if step adds inline char
+ * @param s
+ * @returns True if step adds inline char
+ */
+export var isStepText = function isStepText(s) {
+  var content = s.slice.content.firstChild;
+  return s.from === s.to && s.slice.content.childCount === 1 && !!content && !!content.text;
+};
+
+/**
+ * Checks if step is an inline delete/backspace (replace range from -> from + 1 with empty content)
+ * @param s
+ * @returns True if delete/backspace
+ */
+export var isStepDelete = function isStepDelete(s) {
+  var content = s.slice.content;
+  return s.to === s.from + 1 && content.size === 0;
+};
+
+/**
+ * Get metadata from the transaction.
+ * @param tr
+ * @returns Min 'from', max 'to' (from + slice size). If no steps, returns pos range of entire doc.
+ * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
+ * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
+ */
+export var getTrMetadata = function getTrMetadata(tr) {
+  var from;
+  var to;
+  var numReplaceSteps = 0;
+  var isAllText = true;
+  tr.steps.forEach(function (s) {
+    if (s instanceof ReplaceStep || s instanceof ReplaceAroundStep) {
+      if (s instanceof ReplaceAroundStep || s instanceof ReplaceStep && !isStepText(s) && !isStepDelete(s)) {
+        isAllText = false;
+      }
+      var $to = s.from + s.slice.size;
+      from = from === undefined || from > s.from ? s.from : from;
+      to = to === undefined || to < $to ? $to : to;
+      numReplaceSteps++;
+    }
+  });
+  if (from === undefined) {
+    from = 0;
+  }
+  if (to === undefined || to > tr.doc.nodeSize - 2) {
+    to = tr.doc.nodeSize - 2;
+  }
+  return {
+    from: from,
+    to: to,
+    numReplaceSteps: numReplaceSteps,
+    isAllText: isAllText
+  };
+};

package/dist/esm/utils/validation.js

@@ -1,5 +1,6 @@
 import memoizeOne from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var isInsideTable = function isInsideTable(nodeType) {
   var _nodeType$schema$node = nodeType.schema.nodes,
     tableCell = _nodeType$schema$node.tableCell,
@@ -62,6 +63,22 @@ export var memoizedTransformExpandToNestedExpand = memoizeOne(function (node) {
 });
 export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode) {
   var srcNodeType = srcNode.type;
+  var parentNodeType = destParent === null || destParent === void 0 ? void 0 : destParent.type.name;
+  var activeNodeType = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.name;
+
+  // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
+  if (editorExperiment('nest-media-and-codeblock-in-quote', false)) {
+    if (parentNodeType === 'blockquote' && (activeNodeType === 'mediaGroup' || activeNodeType === 'mediaSingle' || activeNodeType === 'codeBlock')) {
+      return false;
+    }
+  }
+
+  // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
+  if (editorExperiment('nested-expand-in-expand', false)) {
+    if (parentNodeType === 'expand' && (activeNodeType === 'expand' || activeNodeType === 'nestedExpand')) {
+      return false;
+    }
+  }
   if (isInsideTable(destParent.type) && isExpand(srcNodeType)) {
     if (memoizedTransformExpandToNestedExpand(srcNode)) {
       srcNodeType = srcNodeType.schema.nodes.nestedExpand;

package/dist/types/pm-plugins/decorations.d.ts

@@ -2,13 +2,33 @@ import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { Decoration, type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ActiveNode, BlockControlsPlugin, HandleOptions } from '../types';
 import { type DropTargetProps } from '../ui/drop-target';
 import { type AnchorHeightsCache } from '../utils/anchor-utils';
+export declare const TYPE_DROP_TARGET_DEC = "drop-target-decoration";
+export declare const TYPE_HANDLE_DEC = "drag-handle";
+export declare const TYPE_NODE_DEC = "node-decoration";
 export declare const getNodeAnchor: (node: PMNode) => string;
+/**
+ * Find drop target decorations in the pos range between from and to
+ * @param decorations
+ * @param from
+ * @param to
+ * @returns
+ */
+export declare const findDropTargetDecs: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
+export declare const findHandleDec: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
+/**
+ * Find node decorations in the pos range between from and to (non-inclusive)
+ * @param decorations
+ * @param from
+ * @param to
+ * @returns
+ */
+export declare const findNodeDecs: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 export declare const createDropTargetDecoration: (pos: number, props: Omit<DropTargetProps, 'getPos'>, side?: number, anchorHeightsCache?: AnchorHeightsCache) => Decoration;
-export declare const dropTargetDecorations: (newState: EditorState, api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], activeNode?: ActiveNode, anchorHeightsCache?: AnchorHeightsCache) => Decoration[];
+export declare const dropTargetDecorations: (newState: EditorState, api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], activeNode?: ActiveNode, anchorHeightsCache?: AnchorHeightsCache, from?: number, to?: number) => Decoration[];
 export declare const emptyParagraphNodeDecorations: () => Decoration;
-export declare const nodeDecorations: (newState: EditorState) => Decoration[];
-export declare const dragHandleDecoration: (api: ExtractInjectionAPI<BlockControlsPlugin>, getIntl: () => IntlShape, pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions) => Decoration;
+export declare const nodeDecorations: (newState: EditorState, from?: number, to?: number) => Decoration[];
+export declare const dragHandleDecoration: (api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions) => Decoration;

package/dist/types/pm-plugins/main.d.ts

@@ -1,7 +1,39 @@
 import { type IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, PluginState } from '../types';
+import { AnchorHeightsCache } from '../utils/anchor-utils';
 export declare const key: PluginKey<PluginState>;
+export interface FlagType {
+    isNestedEnabled: boolean;
+    isOptimisedApply: boolean;
+    isTitleEnterImprovementEnabled: boolean;
+}
+export declare const newApply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape['formatMessage'], tr: ReadonlyTransaction, currentState: PluginState, newState: EditorState, flags: FlagType, anchorHeightsCache?: AnchorHeightsCache) => {
+    decorations: DecorationSet;
+    activeNode: any;
+    isDragging: any;
+    isMenuOpen: boolean | undefined;
+    editorHeight: any;
+    editorWidthLeft: any;
+    editorWidthRight: any;
+    isResizerResizing: boolean;
+    isDocSizeLimitEnabled: boolean | null;
+    isPMDragging: any;
+};
+export declare const oldApply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape['formatMessage'], tr: ReadonlyTransaction, currentState: PluginState, oldState: EditorState, newState: EditorState, flags: FlagType, anchorHeightsCache?: AnchorHeightsCache) => {
+    decorations: DecorationSet;
+    activeNode: any;
+    isDragging: any;
+    isMenuOpen: boolean | undefined;
+    editorHeight: any;
+    editorWidthLeft: any;
+    editorWidthRight: any;
+    isResizerResizing: boolean;
+    isDocSizeLimitEnabled: boolean | null;
+    isPMDragging: any;
+};
 export declare const createPlugin: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => SafePlugin<PluginState>;

package/dist/types/ui/drag-handle.d.ts

@@ -1,24 +1,15 @@
-/// <reference types="react" />
-import { type WrappedComponentProps } from 'react-intl-next';
+import { jsx } from '@emotion/react';
+import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, HandleOptions } from '../types';
-export declare const DragHandle: import("react").FC<import("react-intl-next").WithIntlProps<{
+export declare const DragHandle: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, isTopLevelNode, }: {
     view: EditorView;
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     anchorName: string;
     nodeType: string;
     handleOptions?: HandleOptions;
     isTopLevelNode?: Boolean | undefined;
-} & WrappedComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<{
-        view: EditorView;
-        api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-        getPos: () => number | undefined;
-        anchorName: string;
-        nodeType: string;
-        handleOptions?: HandleOptions;
-        isTopLevelNode?: Boolean | undefined;
-    } & WrappedComponentProps>;
-};
+}) => jsx.JSX.Element;

package/dist/types/ui/drop-target-v2.d.ts

@@ -3,6 +3,6 @@ import { type AnchorHeightsCache } from '../utils/anchor-utils';
 import { type DropTargetProps } from './drop-target';
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET = "--editor-block-controls-drop-indicator-offset";
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP = "--editor-block-controls-drop-indicator-gap";
-export declare const DropTargetV2: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, anchorHeightsCache, }: DropTargetProps & {
+export declare const DropTargetV2: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, anchorHeightsCache, dropTargetStyle, }: DropTargetProps & {
     anchorHeightsCache?: AnchorHeightsCache | undefined;
 }) => jsx.JSX.Element;

package/dist/types/ui/drop-target.d.ts

@@ -3,12 +3,14 @@ import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { BlockControlsPlugin } from '../types';
+export type DropTargetStyle = 'default' | 'fullHeight';
 export type DropTargetProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
     getPos: () => number | undefined;
     prevNode?: PMNode;
     nextNode?: PMNode;
     parentNode?: PMNode;
+    dropTargetStyle?: DropTargetStyle;
     formatMessage?: IntlShape['formatMessage'];
 };
 export declare const DropTarget: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, }: DropTargetProps) => jsx.JSX.Element;

package/dist/types/utils/transactions.d.ts

@@ -0,0 +1,29 @@
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+interface TransactionMetadata {
+    from: number;
+    to: number;
+    numReplaceSteps: number;
+    isAllText: boolean;
+}
+/**
+ * Checks if step adds inline char
+ * @param s
+ * @returns True if step adds inline char
+ */
+export declare const isStepText: (s: ReplaceStep) => boolean;
+/**
+ * Checks if step is an inline delete/backspace (replace range from -> from + 1 with empty content)
+ * @param s
+ * @returns True if delete/backspace
+ */
+export declare const isStepDelete: (s: ReplaceStep) => boolean;
+/**
+ * Get metadata from the transaction.
+ * @param tr
+ * @returns Min 'from', max 'to' (from + slice size). If no steps, returns pos range of entire doc.
+ * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
+ * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
+ */
+export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction) => TransactionMetadata;
+export {};

package/dist/types-ts4.5/pm-plugins/decorations.d.ts

@@ -2,13 +2,33 @@ import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { Decoration, type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ActiveNode, BlockControlsPlugin, HandleOptions } from '../types';
 import { type DropTargetProps } from '../ui/drop-target';
 import { type AnchorHeightsCache } from '../utils/anchor-utils';
+export declare const TYPE_DROP_TARGET_DEC = "drop-target-decoration";
+export declare const TYPE_HANDLE_DEC = "drag-handle";
+export declare const TYPE_NODE_DEC = "node-decoration";
 export declare const getNodeAnchor: (node: PMNode) => string;
+/**
+ * Find drop target decorations in the pos range between from and to
+ * @param decorations
+ * @param from
+ * @param to
+ * @returns
+ */
+export declare const findDropTargetDecs: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
+export declare const findHandleDec: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
+/**
+ * Find node decorations in the pos range between from and to (non-inclusive)
+ * @param decorations
+ * @param from
+ * @param to
+ * @returns
+ */
+export declare const findNodeDecs: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 export declare const createDropTargetDecoration: (pos: number, props: Omit<DropTargetProps, 'getPos'>, side?: number, anchorHeightsCache?: AnchorHeightsCache) => Decoration;
-export declare const dropTargetDecorations: (newState: EditorState, api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], activeNode?: ActiveNode, anchorHeightsCache?: AnchorHeightsCache) => Decoration[];
+export declare const dropTargetDecorations: (newState: EditorState, api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], activeNode?: ActiveNode, anchorHeightsCache?: AnchorHeightsCache, from?: number, to?: number) => Decoration[];
 export declare const emptyParagraphNodeDecorations: () => Decoration;
-export declare const nodeDecorations: (newState: EditorState) => Decoration[];
-export declare const dragHandleDecoration: (api: ExtractInjectionAPI<BlockControlsPlugin>, getIntl: () => IntlShape, pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions) => Decoration;
+export declare const nodeDecorations: (newState: EditorState, from?: number, to?: number) => Decoration[];
+export declare const dragHandleDecoration: (api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], pos: number, anchorName: string, nodeType: string, handleOptions?: HandleOptions) => Decoration;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,7 +1,39 @@
 import { type IntlShape } from 'react-intl-next';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, PluginState } from '../types';
+import { AnchorHeightsCache } from '../utils/anchor-utils';
 export declare const key: PluginKey<PluginState>;
+export interface FlagType {
+    isNestedEnabled: boolean;
+    isOptimisedApply: boolean;
+    isTitleEnterImprovementEnabled: boolean;
+}
+export declare const newApply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape['formatMessage'], tr: ReadonlyTransaction, currentState: PluginState, newState: EditorState, flags: FlagType, anchorHeightsCache?: AnchorHeightsCache) => {
+    decorations: DecorationSet;
+    activeNode: any;
+    isDragging: any;
+    isMenuOpen: boolean | undefined;
+    editorHeight: any;
+    editorWidthLeft: any;
+    editorWidthRight: any;
+    isResizerResizing: boolean;
+    isDocSizeLimitEnabled: boolean | null;
+    isPMDragging: any;
+};
+export declare const oldApply: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, formatMessage: IntlShape['formatMessage'], tr: ReadonlyTransaction, currentState: PluginState, oldState: EditorState, newState: EditorState, flags: FlagType, anchorHeightsCache?: AnchorHeightsCache) => {
+    decorations: DecorationSet;
+    activeNode: any;
+    isDragging: any;
+    isMenuOpen: boolean | undefined;
+    editorHeight: any;
+    editorWidthLeft: any;
+    editorWidthRight: any;
+    isResizerResizing: boolean;
+    isDocSizeLimitEnabled: boolean | null;
+    isPMDragging: any;
+};
 export declare const createPlugin: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => SafePlugin<PluginState>;

package/dist/types-ts4.5/ui/drag-handle.d.ts

@@ -1,24 +1,15 @@
-/// <reference types="react" />
-import { type WrappedComponentProps } from 'react-intl-next';
+import { jsx } from '@emotion/react';
+import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BlockControlsPlugin, HandleOptions } from '../types';
-export declare const DragHandle: import("react").FC<import("react-intl-next").WithIntlProps<{
+export declare const DragHandle: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, isTopLevelNode, }: {
     view: EditorView;
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
+    formatMessage: IntlShape['formatMessage'];
     getPos: () => number | undefined;
     anchorName: string;
     nodeType: string;
     handleOptions?: HandleOptions;
     isTopLevelNode?: Boolean | undefined;
-} & WrappedComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<{
-        view: EditorView;
-        api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-        getPos: () => number | undefined;
-        anchorName: string;
-        nodeType: string;
-        handleOptions?: HandleOptions;
-        isTopLevelNode?: Boolean | undefined;
-    } & WrappedComponentProps>;
-};
+}) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/drop-target-v2.d.ts

@@ -3,6 +3,6 @@ import { type AnchorHeightsCache } from '../utils/anchor-utils';
 import { type DropTargetProps } from './drop-target';
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET = "--editor-block-controls-drop-indicator-offset";
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP = "--editor-block-controls-drop-indicator-gap";
-export declare const DropTargetV2: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, anchorHeightsCache, }: DropTargetProps & {
+export declare const DropTargetV2: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, anchorHeightsCache, dropTargetStyle, }: DropTargetProps & {
     anchorHeightsCache?: AnchorHeightsCache | undefined;
 }) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/drop-target.d.ts

@@ -3,12 +3,14 @@ import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { BlockControlsPlugin } from '../types';
+export type DropTargetStyle = 'default' | 'fullHeight';
 export type DropTargetProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
     getPos: () => number | undefined;
     prevNode?: PMNode;
     nextNode?: PMNode;
     parentNode?: PMNode;
+    dropTargetStyle?: DropTargetStyle;
     formatMessage?: IntlShape['formatMessage'];
 };
 export declare const DropTarget: ({ api, getPos, prevNode, nextNode, parentNode, formatMessage, }: DropTargetProps) => jsx.JSX.Element;

package/dist/types-ts4.5/utils/transactions.d.ts

@@ -0,0 +1,29 @@
+import type { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+interface TransactionMetadata {
+    from: number;
+    to: number;
+    numReplaceSteps: number;
+    isAllText: boolean;
+}
+/**
+ * Checks if step adds inline char
+ * @param s
+ * @returns True if step adds inline char
+ */
+export declare const isStepText: (s: ReplaceStep) => boolean;
+/**
+ * Checks if step is an inline delete/backspace (replace range from -> from + 1 with empty content)
+ * @param s
+ * @returns True if delete/backspace
+ */
+export declare const isStepDelete: (s: ReplaceStep) => boolean;
+/**
+ * Get metadata from the transaction.
+ * @param tr
+ * @returns Min 'from', max 'to' (from + slice size). If no steps, returns pos range of entire doc.
+ * Number of ReplaceStep and ReplaceAroundStep steps 'numReplaceSteps'.
+ * 'isAllText' if all steps are represent adding inline text or a backspace/delete or no-op
+ */
+export declare const getTrMetadata: (tr: Transaction | ReadonlyTransaction) => TransactionMetadata;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.4.1",
+	"version": "2.6.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,9 +31,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^40.9.4",
-		"@atlaskit/editor-common": "^93.3.0",
+		"@atlaskit/editor-common": "^93.4.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
-		"@atlaskit/editor-plugin-analytics": "^1.9.0",
+		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-plugin-quick-insert": "^1.4.0",
@@ -47,8 +47,8 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.3.0",
+		"@atlaskit/theme": "^13.1.0",
+		"@atlaskit/tmp-editor-statsig": "^2.4.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@babel/runtime": "^7.0.0",
@@ -112,9 +112,6 @@
 		"platform_editor_element_drag_and_drop_ed_23873": {
 			"type": "boolean"
 		},
-		"platform_editor_elements_drag_and_drop_ed_23394": {
-			"type": "boolean"
-		},
 		"platform_editor_element_controls_chrome_input_fix": {
 			"type": "boolean"
 		},