@atlaskit/editor-plugin-placeholder 12.0.33 → 12.0.35

package/dist/cjs/pm-plugins/multi-bodied-extension-placeholder-decorations.js

@@ -1,178 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createMultiBodiedExtensionPlaceholderDecorations = createMultiBodiedExtensionPlaceholderDecorations;
-exports.updateMultiBodiedExtensionPlaceholderDecorations = updateMultiBodiedExtensionPlaceholderDecorations;
-var _messages = require("@atlaskit/editor-common/messages");
-var _view = require("@atlaskit/editor-prosemirror/view");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _constants = require("./constants");
-var isMultiBodiedExtensionPlaceholderEnabled = function isMultiBodiedExtensionPlaceholderEnabled() {
-  return (0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true);
-};
-
-// Empty MBE bodies are represented as extensionFrame -> empty paragraph.
-// The paragraph gives the cursor a valid textblock, but there is no authored content yet.
-var isEmptyExtensionFrame = function isEmptyExtensionFrame(node) {
-  var _node$firstChild, _node$firstChild2;
-  return _constants.nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-
-// Keep this generic for any MBE extension by checking the node shape rather
-// than a product-specific extensionKey.
-var isExtensionFrameInMultiBodiedExtension = function isExtensionFrameInMultiBodiedExtension(node, parent) {
-  return _constants.nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'multiBodiedExtension';
-};
-var isEmptyExtensionFrameInMultiBodiedExtension = function isEmptyExtensionFrameInMultiBodiedExtension(node, parent) {
-  return isExtensionFrameInMultiBodiedExtension(node, parent) && isEmptyExtensionFrame(node);
-};
-
-// Widget decorations render UI without adding real content to the document.
-var createMultiBodiedExtensionPlaceholderElement = function createMultiBodiedExtensionPlaceholderElement(intl) {
-  var placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', _constants.placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(_messages.placeholderTextMessages.multiBodiedExtensionPlaceholderText);
-  return placeholderDecoration;
-};
-
-// `pos` is before extensionFrame; `pos + 2` is inside its paragraph, where
-// typing starts and where the placeholder should render.
-var createMultiBodiedExtensionPlaceholderDecoration = function createMultiBodiedExtensionPlaceholderDecoration(pos, intl) {
-  return _view.Decoration.widget(pos + 2, function () {
-    return createMultiBodiedExtensionPlaceholderElement(intl);
-  }, {
-    side: 0,
-    key: "multi-bodied-extension-placeholder-".concat(pos)
-  });
-};
-// Convert changed step ranges into final-document positions. A transaction can
-// contain multiple steps, and each step can shift positions for later steps.
-var getChangedRanges = function getChangedRanges(tr) {
-  var ranges = [];
-  tr.mapping.maps.forEach(function (stepMap, index) {
-    stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
-      var mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-
-// Walk from a changed position up to its containing MBE frame. The frame may no
-// longer be empty after the change, but we still need its range to remove stale decorations.
-var getMultiBodiedExtensionFrameRange = function getMultiBodiedExtensionFrameRange(doc, pos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    var node = resolvedPos.node(depth);
-    var parent = depth > 0 ? resolvedPos.node(depth - 1) : undefined;
-    if (isExtensionFrameInMultiBodiedExtension(node, parent)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-
-// Resolve just inside a frame to recover its parent; `doc.nodeAt(framePos)` only
-// gives the frame node itself.
-var getMultiBodiedExtensionFrameParent = function getMultiBodiedExtensionFrameParent(doc, framePos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(framePos + 1, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    if (resolvedPos.before(depth) === framePos) {
-      return resolvedPos.node(depth - 1);
-    }
-  }
-  return;
-};
-
-// Only update MBE frames touched by this transaction: either the change happened
-// inside a frame, or the transaction inserted/replaced an empty frame.
-var getAffectedMultiBodiedExtensionFrameRanges = function getAffectedMultiBodiedExtensionFrameRanges(doc, ranges) {
-  var affectedRanges = new Map();
-  ranges.forEach(function (_ref) {
-    var from = _ref.from,
-      to = _ref.to;
-    [from, to].forEach(function (pos) {
-      var multiBodiedExtensionFrameRange = getMultiBodiedExtensionFrameRange(doc, pos);
-      if (multiBodiedExtensionFrameRange) {
-        affectedRanges.set("".concat(multiBodiedExtensionFrameRange.from, "-").concat(multiBodiedExtensionFrameRange.to), multiBodiedExtensionFrameRange);
-      }
-    });
-    doc.nodesBetween(from, to, function (node, pos, parent) {
-      if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-        var multiBodiedExtensionFrameRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set("".concat(multiBodiedExtensionFrameRange.from, "-").concat(multiBodiedExtensionFrameRange.to), multiBodiedExtensionFrameRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-
-// Initial creation scans the full document once. Later updates use affected
-// ranges, and inactive tab frames stay hidden by the MBE renderer.
-function createMultiBodiedExtensionPlaceholderDecorations(editorState, intl) {
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  var decorations = [];
-  editorState.doc.descendants(function (node, pos, parent) {
-    if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-      decorations.push(createMultiBodiedExtensionPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? _view.DecorationSet.create(editorState.doc, decorations) : _view.DecorationSet.empty;
-}
-function updateMultiBodiedExtensionPlaceholderDecorations(_ref2) {
-  var currentDecorationSet = _ref2.currentDecorationSet,
-    intl = _ref2.intl,
-    newEditorState = _ref2.newEditorState,
-    tr = _ref2.tr;
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createMultiBodiedExtensionPlaceholderDecorations(newEditorState, intl);
-  }
-
-  // No document change means no empty/non-empty frame state change; remap
-  // existing decorations only if ProseMirror reports positional mapping.
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  var mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  var affectedRanges = getAffectedMultiBodiedExtensionFrameRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-
-  // Remove placeholders in affected frames, then re-add only for frames that
-  // still have the empty extensionFrame -> paragraph shape.
-  var decorationsToRemove = affectedRanges.flatMap(function (_ref3) {
-    var from = _ref3.from,
-      to = _ref3.to;
-    return mappedDecorationSet.find(from, to);
-  });
-  var decorationsToAdd = affectedRanges.flatMap(function (_ref4) {
-    var from = _ref4.from;
-    var node = newEditorState.doc.nodeAt(from);
-    var parent = getMultiBodiedExtensionFrameParent(newEditorState.doc, from);
-    return node && isEmptyExtensionFrameInMultiBodiedExtension(node, parent) ? [createMultiBodiedExtensionPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}

package/dist/cjs/pm-plugins/source-sync-block-placeholder-decorations.js

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSourceSyncBlockPlaceholderDecorations = createSourceSyncBlockPlaceholderDecorations;
-exports.updateSourceSyncBlockPlaceholderDecorations = updateSourceSyncBlockPlaceholderDecorations;
-var _messages = require("@atlaskit/editor-common/messages");
-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 _constants = require("./constants");
-var isEmptySourceSyncBlock = function isEmptySourceSyncBlock(node) {
-  var _node$firstChild, _node$firstChild2;
-  return _constants.nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-var createSourceSyncBlockPlaceholderElement = function createSourceSyncBlockPlaceholderElement(intl) {
-  var placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', _constants.placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(_messages.placeholderTextMessages.sourceSyncBlockPlaceholderText);
-  return placeholderDecoration;
-};
-var createSourceSyncBlockPlaceholderDecoration = function createSourceSyncBlockPlaceholderDecoration(pos, intl) {
-  return _view.Decoration.widget(pos + 2, function () {
-    return createSourceSyncBlockPlaceholderElement(intl);
-  }, {
-    side: 0,
-    key: "source-sync-block-placeholder-".concat(pos)
-  });
-};
-var isSourceSyncBlockPlaceholderEnabled = function isSourceSyncBlockPlaceholderEnabled() {
-  return (0, _expValEquals.expValEquals)('platform_editor_sync_block_activation', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true);
-};
-var getChangedRanges = function getChangedRanges(tr) {
-  var ranges = [];
-  tr.mapping.maps.forEach(function (stepMap, index) {
-    stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
-      var mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-var getSourceSyncBlockRange = function getSourceSyncBlockRange(doc, pos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    var node = resolvedPos.node(depth);
-    if (_constants.nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-var getAffectedSourceSyncBlockRanges = function getAffectedSourceSyncBlockRanges(doc, ranges) {
-  var affectedRanges = new Map();
-  ranges.forEach(function (_ref) {
-    var from = _ref.from,
-      to = _ref.to;
-    [from, to].forEach(function (pos) {
-      var sourceSyncBlockRange = getSourceSyncBlockRange(doc, pos);
-      if (sourceSyncBlockRange) {
-        affectedRanges.set("".concat(sourceSyncBlockRange.from, "-").concat(sourceSyncBlockRange.to), sourceSyncBlockRange);
-      }
-    });
-    doc.nodesBetween(from, to, function (node, pos) {
-      if (_constants.nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-        var sourceSyncBlockRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set("".concat(sourceSyncBlockRange.from, "-").concat(sourceSyncBlockRange.to), sourceSyncBlockRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-function createSourceSyncBlockPlaceholderDecorations(editorState, intl) {
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  var decorations = [];
-  editorState.doc.descendants(function (node, pos) {
-    if (isEmptySourceSyncBlock(node)) {
-      decorations.push(createSourceSyncBlockPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? _view.DecorationSet.create(editorState.doc, decorations) : _view.DecorationSet.empty;
-}
-function updateSourceSyncBlockPlaceholderDecorations(_ref2) {
-  var currentDecorationSet = _ref2.currentDecorationSet,
-    intl = _ref2.intl,
-    newEditorState = _ref2.newEditorState,
-    oldEditorState = _ref2.oldEditorState,
-    tr = _ref2.tr;
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createSourceSyncBlockPlaceholderDecorations(newEditorState, intl);
-  }
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  var mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  var affectedRanges = getAffectedSourceSyncBlockRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-  var decorationsToRemove = affectedRanges.flatMap(function (_ref3) {
-    var from = _ref3.from,
-      to = _ref3.to;
-    return mappedDecorationSet.find(from, to);
-  });
-  var decorationsToAdd = affectedRanges.flatMap(function (_ref4) {
-    var from = _ref4.from;
-    var node = newEditorState.doc.nodeAt(from);
-    return node && isEmptySourceSyncBlock(node) ? [createSourceSyncBlockPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}

package/dist/es2019/pm-plugins/multi-bodied-extension-placeholder-decorations.js

@@ -1,163 +0,0 @@
-import { placeholderTextMessages as messages } from '@atlaskit/editor-common/messages';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { nodeTypesWithMultiBodiedExtensionPlaceholderText, placeholderTestId } from './constants';
-const isMultiBodiedExtensionPlaceholderEnabled = () => expValEquals('confluence_native_tabs_experiment', 'isEnabled', true);
-
-// Empty MBE bodies are represented as extensionFrame -> empty paragraph.
-// The paragraph gives the cursor a valid textblock, but there is no authored content yet.
-const isEmptyExtensionFrame = node => {
-  var _node$firstChild, _node$firstChild2;
-  return nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-
-// Keep this generic for any MBE extension by checking the node shape rather
-// than a product-specific extensionKey.
-const isExtensionFrameInMultiBodiedExtension = (node, parent) => nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'multiBodiedExtension';
-const isEmptyExtensionFrameInMultiBodiedExtension = (node, parent) => isExtensionFrameInMultiBodiedExtension(node, parent) && isEmptyExtensionFrame(node);
-
-// Widget decorations render UI without adding real content to the document.
-const createMultiBodiedExtensionPlaceholderElement = intl => {
-  const placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(messages.multiBodiedExtensionPlaceholderText);
-  return placeholderDecoration;
-};
-
-// `pos` is before extensionFrame; `pos + 2` is inside its paragraph, where
-// typing starts and where the placeholder should render.
-const createMultiBodiedExtensionPlaceholderDecoration = (pos, intl) => Decoration.widget(pos + 2, () => createMultiBodiedExtensionPlaceholderElement(intl), {
-  side: 0,
-  key: `multi-bodied-extension-placeholder-${pos}`
-});
-// Convert changed step ranges into final-document positions. A transaction can
-// contain multiple steps, and each step can shift positions for later steps.
-const getChangedRanges = tr => {
-  const ranges = [];
-  tr.mapping.maps.forEach((stepMap, index) => {
-    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
-      const mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-
-// Walk from a changed position up to its containing MBE frame. The frame may no
-// longer be empty after the change, but we still need its range to remove stale decorations.
-const getMultiBodiedExtensionFrameRange = (doc, pos) => {
-  const resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (let depth = resolvedPos.depth; depth > 0; depth--) {
-    const node = resolvedPos.node(depth);
-    const parent = depth > 0 ? resolvedPos.node(depth - 1) : undefined;
-    if (isExtensionFrameInMultiBodiedExtension(node, parent)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-
-// Resolve just inside a frame to recover its parent; `doc.nodeAt(framePos)` only
-// gives the frame node itself.
-const getMultiBodiedExtensionFrameParent = (doc, framePos) => {
-  const resolvedPos = doc.resolve(Math.max(0, Math.min(framePos + 1, doc.content.size)));
-  for (let depth = resolvedPos.depth; depth > 0; depth--) {
-    if (resolvedPos.before(depth) === framePos) {
-      return resolvedPos.node(depth - 1);
-    }
-  }
-  return;
-};
-
-// Only update MBE frames touched by this transaction: either the change happened
-// inside a frame, or the transaction inserted/replaced an empty frame.
-const getAffectedMultiBodiedExtensionFrameRanges = (doc, ranges) => {
-  const affectedRanges = new Map();
-  ranges.forEach(({
-    from,
-    to
-  }) => {
-    [from, to].forEach(pos => {
-      const multiBodiedExtensionFrameRange = getMultiBodiedExtensionFrameRange(doc, pos);
-      if (multiBodiedExtensionFrameRange) {
-        affectedRanges.set(`${multiBodiedExtensionFrameRange.from}-${multiBodiedExtensionFrameRange.to}`, multiBodiedExtensionFrameRange);
-      }
-    });
-    doc.nodesBetween(from, to, (node, pos, parent) => {
-      if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-        const multiBodiedExtensionFrameRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set(`${multiBodiedExtensionFrameRange.from}-${multiBodiedExtensionFrameRange.to}`, multiBodiedExtensionFrameRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-
-// Initial creation scans the full document once. Later updates use affected
-// ranges, and inactive tab frames stay hidden by the MBE renderer.
-export function createMultiBodiedExtensionPlaceholderDecorations(editorState, intl) {
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  const decorations = [];
-  editorState.doc.descendants((node, pos, parent) => {
-    if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-      decorations.push(createMultiBodiedExtensionPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? DecorationSet.create(editorState.doc, decorations) : DecorationSet.empty;
-}
-export function updateMultiBodiedExtensionPlaceholderDecorations({
-  currentDecorationSet,
-  intl,
-  newEditorState,
-  tr
-}) {
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createMultiBodiedExtensionPlaceholderDecorations(newEditorState, intl);
-  }
-
-  // No document change means no empty/non-empty frame state change; remap
-  // existing decorations only if ProseMirror reports positional mapping.
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  const mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  const affectedRanges = getAffectedMultiBodiedExtensionFrameRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-
-  // Remove placeholders in affected frames, then re-add only for frames that
-  // still have the empty extensionFrame -> paragraph shape.
-  const decorationsToRemove = affectedRanges.flatMap(({
-    from,
-    to
-  }) => mappedDecorationSet.find(from, to));
-  const decorationsToAdd = affectedRanges.flatMap(({
-    from
-  }) => {
-    const node = newEditorState.doc.nodeAt(from);
-    const parent = getMultiBodiedExtensionFrameParent(newEditorState.doc, from);
-    return node && isEmptyExtensionFrameInMultiBodiedExtension(node, parent) ? [createMultiBodiedExtensionPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}

package/dist/es2019/pm-plugins/source-sync-block-placeholder-decorations.js

@@ -1,121 +0,0 @@
-import { placeholderTextMessages as messages } from '@atlaskit/editor-common/messages';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { nodeTypesWithSyncBlockPlaceholderText, placeholderTestId } from './constants';
-const isEmptySourceSyncBlock = node => {
-  var _node$firstChild, _node$firstChild2;
-  return nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-const createSourceSyncBlockPlaceholderElement = intl => {
-  const placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(messages.sourceSyncBlockPlaceholderText);
-  return placeholderDecoration;
-};
-const createSourceSyncBlockPlaceholderDecoration = (pos, intl) => Decoration.widget(pos + 2, () => createSourceSyncBlockPlaceholderElement(intl), {
-  side: 0,
-  key: `source-sync-block-placeholder-${pos}`
-});
-const isSourceSyncBlockPlaceholderEnabled = () => expValEquals('platform_editor_sync_block_activation', 'isEnabled', true) && editorExperiment('platform_synced_block', true);
-const getChangedRanges = tr => {
-  const ranges = [];
-  tr.mapping.maps.forEach((stepMap, index) => {
-    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
-      const mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-const getSourceSyncBlockRange = (doc, pos) => {
-  const resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (let depth = resolvedPos.depth; depth > 0; depth--) {
-    const node = resolvedPos.node(depth);
-    if (nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-const getAffectedSourceSyncBlockRanges = (doc, ranges) => {
-  const affectedRanges = new Map();
-  ranges.forEach(({
-    from,
-    to
-  }) => {
-    [from, to].forEach(pos => {
-      const sourceSyncBlockRange = getSourceSyncBlockRange(doc, pos);
-      if (sourceSyncBlockRange) {
-        affectedRanges.set(`${sourceSyncBlockRange.from}-${sourceSyncBlockRange.to}`, sourceSyncBlockRange);
-      }
-    });
-    doc.nodesBetween(from, to, (node, pos) => {
-      if (nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-        const sourceSyncBlockRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set(`${sourceSyncBlockRange.from}-${sourceSyncBlockRange.to}`, sourceSyncBlockRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-export function createSourceSyncBlockPlaceholderDecorations(editorState, intl) {
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  const decorations = [];
-  editorState.doc.descendants((node, pos) => {
-    if (isEmptySourceSyncBlock(node)) {
-      decorations.push(createSourceSyncBlockPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? DecorationSet.create(editorState.doc, decorations) : DecorationSet.empty;
-}
-export function updateSourceSyncBlockPlaceholderDecorations({
-  currentDecorationSet,
-  intl,
-  newEditorState,
-  oldEditorState,
-  tr
-}) {
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createSourceSyncBlockPlaceholderDecorations(newEditorState, intl);
-  }
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  const mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  const affectedRanges = getAffectedSourceSyncBlockRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-  const decorationsToRemove = affectedRanges.flatMap(({
-    from,
-    to
-  }) => mappedDecorationSet.find(from, to));
-  const decorationsToAdd = affectedRanges.flatMap(({
-    from
-  }) => {
-    const node = newEditorState.doc.nodeAt(from);
-    return node && isEmptySourceSyncBlock(node) ? [createSourceSyncBlockPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}