@atlaskit/editor-plugin-show-diff 12.1.2 → 12.1.3

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

@@ -1,120 +0,0 @@
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { createLeftAnchorWidget } from './createAnchorDecorationWidgets';
-import { buildDiffDecorationSpec, buildAnchorDecorationKey } from './decorationKeys';
-import { wrapBlockNodeView, injectInnerWrapper } from './utils/wrapBlockNodeView';
-
-/**
- * Creates a single block widget that renders a reference text block content
- * beneath a granular diff set, for reference when deleted content is hidden.
- *
- * Since granular diffing only applies to singular isTextBlock=true nodes, this
- * widget always renders exactly one block node and does not need the slice/fragment
- * complexity of createNodeChangedDecorationWidget.
- *
- * Resolves which doc and positions to render based on isInverted:
- * - !isInverted: renders originalDoc at A-side positions (what was there before)
- * - isInverted: renders newDoc at B-side positions (the current/new content)
- *
- * The widget is always inserted at the B-side block boundary in newDoc since
- * ProseMirror decorations are always anchored against the live (new) document.
- */
-export var createGranularBlockReferenceWidget = function createGranularBlockReferenceWidget(_ref) {
-  var change = _ref.change,
-    originalDoc = _ref.originalDoc,
-    newDoc = _ref.newDoc,
-    isInverted = _ref.isInverted,
-    nodeViewSerializer = _ref.nodeViewSerializer,
-    colorScheme = _ref.colorScheme,
-    intl = _ref.intl,
-    activeIndexPos = _ref.activeIndexPos,
-    diffId = _ref.diffId,
-    _ref$showIndicators = _ref.showIndicators,
-    showIndicators = _ref$showIndicators === void 0 ? false : _ref$showIndicators;
-  // Determine which doc and positions to use for rendering the reference block.
-  var renderDoc = isInverted ? newDoc : originalDoc;
-  var renderTo = isInverted ? change.toB : change.toA;
-
-  // The insertion point is always in newDoc — ProseMirror decorates against the live document.
-  // Walk up from toB to find the enclosing text block boundary for widget placement.
-  var insertResolvedPos = newDoc.resolve(change.toB);
-  var blockEnd = change.toB;
-  for (var depth = insertResolvedPos.depth; depth >= 0; depth--) {
-    var node = insertResolvedPos.node(depth);
-    if (node.isTextblock) {
-      blockEnd = insertResolvedPos.start(depth) + node.nodeSize - 1;
-      break;
-    }
-  }
-
-  // Find the block node to render from the render doc at the render positions.
-  var renderResolvedPos = renderDoc.resolve(renderTo);
-  var renderBlockNode = null;
-  for (var _depth = renderResolvedPos.depth; _depth >= 0; _depth--) {
-    var _node = renderResolvedPos.node(_depth);
-    if (_node.isTextblock) {
-      renderBlockNode = _node;
-      break;
-    }
-  }
-  if (!renderBlockNode) {
-    return [];
-  }
-  var isActive = activeIndexPos && change.fromB === activeIndexPos.from && change.toB === activeIndexPos.to;
-
-  /**
-   * This will always be a block node as it's a textBlock-like node.
-   * We use div instead of span so we can add margins.
-   */
-  var dom = document.createElement('div');
-  dom.setAttribute('data-testid', 'show-diff-granular-block-reference');
-  dom.style.setProperty('margin-top', "var(--ds-space-200, 16px)");
-  var nodeView = nodeViewSerializer.tryCreateNodeView(renderBlockNode);
-  if (nodeView) {
-    wrapBlockNodeView({
-      dom: dom,
-      nodeView: nodeView,
-      targetNode: renderBlockNode,
-      colorScheme: colorScheme,
-      intl: intl,
-      isActive: !!isActive,
-      isInserted: false
-    });
-  } else {
-    var serialized = nodeViewSerializer.serializeNode(renderBlockNode);
-    if (serialized && serialized instanceof HTMLElement) {
-      injectInnerWrapper({
-        node: serialized,
-        colorScheme: colorScheme,
-        isActive: !!isActive,
-        isInserted: false
-      });
-      dom.append(serialized);
-    } else if (serialized) {
-      dom.append(serialized);
-    }
-  }
-  if (dom.childNodes.length === 0) {
-    return [];
-  }
-  var decorations = [];
-  if (showIndicators) {
-    var leftAnchor = createLeftAnchorWidget({
-      doc: newDoc,
-      from: blockEnd,
-      diffId: diffId
-    });
-    dom.style.setProperty('anchor-name', "--".concat(buildAnchorDecorationKey({
-      diffId: diffId
-    })));
-    if (leftAnchor) {
-      decorations.push(leftAnchor);
-    }
-  }
-  decorations.push(Decoration.widget(blockEnd, dom, buildDiffDecorationSpec({
-    decorationType: 'widget',
-    diffId: diffId,
-    // We want it to be as close to the granular diff as possible
-    side: -999
-  })));
-  return decorations;
-};

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

@@ -1,36 +0,0 @@
-import type { Change } from 'prosemirror-changeset';
-import type { IntlShape } from 'react-intl';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import type { ColorScheme } from '../../showDiffPluginType';
-import type { NodeViewSerializer } from '../NodeViewSerializer';
-/**
- * Creates a single block widget that renders a reference text block content
- * beneath a granular diff set, for reference when deleted content is hidden.
- *
- * Since granular diffing only applies to singular isTextBlock=true nodes, this
- * widget always renders exactly one block node and does not need the slice/fragment
- * complexity of createNodeChangedDecorationWidget.
- *
- * Resolves which doc and positions to render based on isInverted:
- * - !isInverted: renders originalDoc at A-side positions (what was there before)
- * - isInverted: renders newDoc at B-side positions (the current/new content)
- *
- * The widget is always inserted at the B-side block boundary in newDoc since
- * ProseMirror decorations are always anchored against the live (new) document.
- */
-export declare const createGranularBlockReferenceWidget: ({ change, originalDoc, newDoc, isInverted, nodeViewSerializer, colorScheme, intl, activeIndexPos, diffId, showIndicators, }: {
-    activeIndexPos?: {
-        from: number;
-        to: number;
-    };
-    change: Change;
-    colorScheme?: ColorScheme;
-    diffId: string;
-    intl: IntlShape;
-    isInverted: boolean;
-    newDoc: PMNode;
-    nodeViewSerializer: NodeViewSerializer;
-    originalDoc: PMNode;
-    showIndicators?: boolean;
-}) => Decoration[];