@atlaskit/editor-core 185.2.0 → 185.2.2

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -1,221 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
-import { analyticsEventKey } from '../plugins/analytics/consts';
-import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
-export const inlineNodeViewClassname = 'inlineNodeView';
-function createNodeView({
-  nodeViewParams,
-  pmPluginFactoryParams,
-  Component,
-  extraComponentProps
-}) {
-  // We set a variable for the current node which is
-  // used for comparisions when doing updates, before being
-  // overwritten to the updated node.
-  let currentNode = nodeViewParams.node;
-
-  // First we setup the dom element which will be rendered and "tracked" by prosemirror
-  // and also used as a "editor portal" (not react portal) target by the editor
-  // portal provider api, for rendering the Component passed.
-
-  let domRef = document.createElement('span');
-  domRef.contentEditable = 'false';
-  setDomAttrs(nodeViewParams.node, domRef);
-
-  // @see ED-3790
-  // something gets messed up during mutation processing inside of a
-  // nodeView if DOM structure has nested plain "div"s, it doesn't see the
-  // difference between them and it kills the nodeView
-  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `${inlineNodeViewClassname}`);
-
-  // This util is shared for tracking rendering, and the ErrorBoundary that
-  // is setup to wrap the Component when rendering
-  // NOTE: This is not a prosemirror dispatch
-  function dispatchAnalyticsEvent(payload) {
-    pmPluginFactoryParams.eventDispatcher.emit(analyticsEventKey, {
-      payload
-    });
-  }
-
-  // This is called to render the Component into domRef which is inside the
-  // prosemirror View.
-  // Internally it uses the unstable_renderSubtreeIntoContainer api to render,
-  // to the passed dom element (domRef) which means it is automatically
-  // "cleaned up" when you do a "re render".
-  function renderComponent() {
-    pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
-      dispatchAnalyticsEvent,
-      currentNode,
-      nodeViewParams,
-      Component,
-      extraComponentProps
-    }), domRef, false,
-    // node views should be rendered with intl context
-    true);
-  }
-  const {
-    samplingRate,
-    slowThreshold,
-    trackingEnabled
-  } = getPerformanceOptions(nodeViewParams.view);
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
-
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent,
-    editorState: nodeViewParams.view.state,
-    samplingRate,
-    slowThreshold
-  });
-
-  // https://prosemirror.net/docs/ref/#view.NodeView
-  const nodeView = {
-    get dom() {
-      return domRef;
-    },
-    update(nextNode, _decorations) {
-      // Let ProseMirror handle the update if node types are different.
-      // This prevents an issue where it was not possible to select the
-      // inline node view then replace it by entering text - the node
-      // view contents would be deleted but the node view itself would
-      // stay in the view and become uneditable.
-      if (currentNode.type !== nextNode.type) {
-        return false;
-      }
-      // On updates, we only set the new attributes if the type, attributes, and marks
-      // have changed on the node.
-
-      // NOTE: this could mean attrs changes aren't reflected in the dom,
-      // when an attribute key which was previously present is no longer
-      // present.
-      // ie.
-      // -> Original attributes { text: "hello world", color: "red" }
-      // -> Updated attributes { color: "blue" }
-      // in this case, the dom text attribute will not be cleared.
-      //
-      // This may not be an issue with any of our current node schemas.
-      if (!currentNode.sameMarkup(nextNode)) {
-        setDomAttrs(nextNode, domRef);
-      }
-      currentNode = nextNode;
-      renderComponent();
-      return true;
-    },
-    destroy() {
-      // When prosemirror destroys the node view, we need to clean up
-      // what we have previously rendered using the editor portal
-      // provider api.
-      pmPluginFactoryParams.portalProviderAPI.remove(domRef);
-      // @ts-expect-error Expect an error as domRef is expected to be
-      // of HTMLSpanElement type however once the node view has
-      // been destroyed no other consumers should still be using it.
-      domRef = undefined;
-    }
-  };
-  return nodeView;
-}
-
-/**
- * Copies the attributes from a ProseMirror Node to a DOM node.
- * @param node The Prosemirror Node from which to source the attributes
- */
-function setDomAttrs(node, element) {
-  Object.keys(node.attrs || {}).forEach(attr => {
-    element.setAttribute(attr, node.attrs[attr]);
-  });
-}
-function getPortalChildren({
-  dispatchAnalyticsEvent,
-  currentNode,
-  nodeViewParams,
-  Component,
-  extraComponentProps
-}) {
-  return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
-    //  All inline nodes use `display: inline` to allow for multi-line
-    //  wrapping. This does produce an issue in Chrome where it is not
-    //  possible to click select the position after the node,
-    //  see: https://product-fabric.atlassian.net/browse/ED-12003
-    //  however this is only a problem for node views that use
-    //  `display: inline-block` somewhere within the Component.
-    //  Looking at the below structure, spans with className
-    //  `inlineNodeViewAddZeroWidthSpace` have pseudo elements that
-    //  add a zero width space which fixes the problem.
-    //  Without the additional zero width space before the Component,
-    //  it is not possible to use the keyboard to range select in Safari.
-    //
-    //  Zero width spaces on either side of the Component also prevent
-    //  the cursor from appearing inside the node view on all browsers.
-    //
-    //  Note:
-    //  In future it is worth considering prohibiting the use of `display: inline-block`
-    //  within inline node view Components however would require a sizable
-    //  refactor. A test suite to catch any instances of this is ideal however
-    //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
-
-    return jsx(ErrorBoundary, {
-      component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, jsx("span", {
-      "aria-hidden": "true",
-      className: `zeroWidthSpaceContainer`
-    }, jsx("span", {
-      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
-    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
-      view: nodeViewParams.view,
-      getPos: nodeViewParams.getPos,
-      node: currentNode
-    }, extraComponentProps)), jsx("span", {
-      "aria-hidden": "true",
-      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
-    }));
-  };
-}
-
-// https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews
-// The prosemirror EditorProps has a nodeViews key which has the rough shape:
-// type nodeViews: {
-//   [nodeViewName: string]: (node, editorView, getPos, decorations, innerDecorations) => NodeView
-// }
-// So the value of the keys on the nodeViews object, are a function which should return a NodeView.
-// The following type NodeViewProducer, refers to these functions which return a NodeView.
-//
-// So the above type could also be described as
-// type NodeViewProducer = (node, editorView, getPos, decorations, innerDecorations) => NodeView
-// nodeViews: {
-//   [nodeViewName: string]: NodeViewProducer
-// }
-// This return of this function is intended to be the value of a key
-// in a ProseMirror nodeViews object.
-export function getInlineNodeViewProducer({
-  pmPluginFactoryParams,
-  Component,
-  extraComponentProps
-}) {
-  function nodeViewProducer(...nodeViewProducerParameters) {
-    const nodeView = createNodeView({
-      nodeViewParams: {
-        node: nodeViewProducerParameters[0],
-        view: nodeViewProducerParameters[1],
-        getPos: nodeViewProducerParameters[2],
-        decorations: nodeViewProducerParameters[3]
-      },
-      pmPluginFactoryParams,
-      Component,
-      extraComponentProps
-    });
-    return nodeView;
-  }
-  return nodeViewProducer;
-}

package/dist/es2019/plugins/hyperlink/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/ui/MediaAndEmbedsToolbar/index.js

@@ -1,159 +0,0 @@
-import { NodeSelection } from 'prosemirror-state';
-import { hasParentNodeOfType } from 'prosemirror-utils';
-import commonMessages from '../../messages';
-import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
-import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
-import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
-import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
-import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
-import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
-import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
-import { alignAttributes } from '../../utils/rich-media-utils';
-import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { addAnalytics } from '../../plugins/analytics/utils';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../../plugins/analytics';
-import { toolbarMessages } from './toolbar-messages';
-import { insideTable, isInLayoutColumn } from '../../utils';
-const alignmentIcons = [{
-  id: 'editor.media.alignLeft',
-  value: 'align-start',
-  icon: EditorAlignImageLeft
-}, {
-  id: 'editor.media.alignCenter',
-  value: 'center',
-  icon: EditorAlignImageCenter
-}, {
-  id: 'editor.media.alignRight',
-  value: 'align-end',
-  icon: EditorAlignImageRight
-}];
-const wrappingIcons = [{
-  id: 'editor.media.wrapLeft',
-  value: 'wrap-left',
-  icon: WrapLeftIcon
-}, {
-  id: 'editor.media.wrapRight',
-  value: 'wrap-right',
-  icon: WrapRightIcon
-}];
-const breakoutIcons = [{
-  value: 'wide',
-  icon: WideIcon
-}, {
-  value: 'full-width',
-  icon: FullWidthIcon
-}];
-const layoutToMessages = {
-  'wrap-left': toolbarMessages.wrapLeft,
-  center: commonMessages.alignImageCenter,
-  'wrap-right': toolbarMessages.wrapRight,
-  wide: commonMessages.layoutWide,
-  'full-width': commonMessages.layoutFullWidth,
-  'align-end': commonMessages.alignImageRight,
-  'align-start': commonMessages.alignImageLeft
-};
-const getNodeWidth = (node, schema) => {
-  const {
-    embedCard
-  } = schema.nodes;
-  if (node.type === embedCard) {
-    return node.attrs.originalWidth || DEFAULT_EMBED_CARD_WIDTH;
-  }
-  return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
-};
-const makeAlign = (layout, nodeType, widthPluginDependencyApi) => {
-  return (state, dispatch) => {
-    const {
-      node
-    } = state.selection;
-    const {
-      layout: previousLayoutType
-    } = node.attrs;
-    const {
-      mediaSingle
-    } = state.schema.nodes;
-    if (!dispatch) {
-      return false;
-    }
-    const widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
-    if (!node || node.type !== nodeType || !widthPluginState) {
-      return false;
-    }
-    const nodeWidth = getNodeWidth(node, state.schema);
-    const newAttrs = alignAttributes(layout, node.attrs, undefined, nodeWidth, widthPluginState.lineLength);
-    const tr = state.tr.setNodeMarkup(state.selection.from, undefined, newAttrs);
-    tr.setMeta('scrollIntoView', false);
-    // when image captions are enabled, the wrong node gets selected after
-    // setNodeMarkup is called
-    tr.setSelection(NodeSelection.create(tr.doc, state.selection.from));
-    const {
-      doc: {
-        type: {
-          schema: {
-            nodes: {
-              paragraph
-            }
-          }
-        }
-      }
-    } = tr;
-
-    // see https://product-fabric.atlassian.net/browse/ED-15518 insert a new paragraph when an embedded card is wrapped left or right
-    if (layout.startsWith('wrap') && paragraph && !tr.doc.nodeAt(state.selection.to) && (insideTable(state) || isInLayoutColumn(state))) {
-      tr.insert(state.selection.to, paragraph.createAndFill());
-    }
-    dispatch(addAnalytics(state, tr, {
-      eventType: EVENT_TYPE.TRACK,
-      action: ACTION.SELECTED,
-      actionSubject: ACTION_SUBJECT[node.type === mediaSingle ? 'MEDIA_SINGLE' : 'EMBEDS'],
-      actionSubjectId: ACTION_SUBJECT_ID.RICH_MEDIA_LAYOUT,
-      attributes: {
-        previousLayoutType,
-        currentLayoutType: layout
-      }
-    }));
-    return true;
-  };
-};
-const mapIconsToToolbarItem = (icons, layout, intl, nodeType, widthPluginDependencyApi) => icons.map(toolbarItem => {
-  const {
-    id,
-    value
-  } = toolbarItem;
-  return {
-    id: id,
-    type: 'button',
-    icon: toolbarItem.icon,
-    title: intl.formatMessage(layoutToMessages[value]),
-    selected: layout === value,
-    onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
-  };
-});
-const shouldHideLayoutToolbar = (selection, {
-  nodes
-}, allowResizingInTables) => {
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
-};
-const buildLayoutButtons = (state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true) => {
-  const {
-    selection
-  } = state;
-  if (!(selection instanceof NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
-    return [];
-  }
-  const {
-    layout
-  } = selection.node.attrs;
-  const alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
-  const items = [...alignmentToolbarItems, ...getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping), ...wrappingToolbarItems, ...getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing), ...breakOutToolbarItems];
-  return items;
-};
-const getSeparatorBetweenAlignmentAndWrapping = (allowAlignment, allowWrapping) => allowAlignment && allowWrapping ? [{
-  type: 'separator'
-}] : [];
-const getSeparatorBeforeBreakoutItems = (allowAlignment, allowWrapping, allowResizing) => !allowResizing && (allowAlignment || allowWrapping) ? [{
-  type: 'separator'
-}] : [];
-export default buildLayoutButtons;

package/dist/es2019/ui/Resizer/index.js

@@ -1,191 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import classnames from 'classnames';
-import { Resizable } from 're-resizable';
-import { gridTypeForLayout } from '@atlaskit/editor-common/utils';
-import { snapTo, handleSides } from './utils';
-import { richMediaClassName } from '@atlaskit/editor-common/styles';
-import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics';
-const getResizeAnalyticsEvent = (type, size, layout) => {
-  const actionSubject = type === 'embed' ? ACTION_SUBJECT.EMBEDS : ACTION_SUBJECT.MEDIA_SINGLE;
-  return {
-    action: ACTION.EDITED,
-    actionSubject,
-    actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
-    attributes: {
-      size,
-      layout
-    },
-    eventType: EVENT_TYPE.UI
-  };
-};
-const getWidthFromSnapPoints = (width, snapPoints) => {
-  if (snapPoints.length) {
-    return Math.min(Math.max(width, snapPoints[0]), snapPoints[snapPoints.length - 1]);
-  }
-  return width;
-};
-export default class Resizer extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "resizable", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "state", {
-      isResizing: false
-    });
-    _defineProperty(this, "handleResizeStart", event => {
-      const {
-        innerPadding = 0,
-        highlights,
-        displayGrid,
-        layout,
-        width,
-        snapPoints
-      } = this.props;
-
-      // prevent creating a drag event on Firefox
-      event.preventDefault();
-      this.setState({
-        isResizing: true
-      }, () => {
-        const newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
-      });
-    });
-    _defineProperty(this, "handleResize", (_event, _direction, _elementRef, delta) => {
-      const {
-        highlights,
-        calcNewSize,
-        scaleFactor,
-        snapPoints,
-        displayGrid,
-        layout,
-        updateSize,
-        innerPadding = 0
-      } = this.props;
-      const resizable = this.resizable.current;
-      const {
-        isResizing
-      } = this.state;
-      if (!resizable || !resizable.state.original || !isResizing) {
-        return;
-      }
-      const newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width * (scaleFactor || 1), snapPoints);
-      const newSize = calcNewSize(newWidth + innerPadding, false);
-      if (newSize.layout !== layout) {
-        updateSize(newSize.width, newSize.layout);
-      }
-      const newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
-      resizable.updateSize({
-        width: newWidth,
-        height: 'auto'
-      });
-      resizable.setState({
-        isResizing: true
-      });
-    });
-    _defineProperty(this, "handleResizeStop", (_event, _direction, _elementRef, delta) => {
-      const {
-        highlights,
-        calcNewSize,
-        snapPoints,
-        displayGrid,
-        layout,
-        updateSize,
-        dispatchAnalyticsEvent,
-        nodeType
-      } = this.props;
-      const resizable = this.resizable.current;
-      const {
-        isResizing
-      } = this.state;
-      if (!resizable || !resizable.state.original || !isResizing) {
-        return;
-      }
-      const newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
-      const snapWidth = snapTo(newWidth, snapPoints);
-      const newSize = calcNewSize(snapWidth, true);
-      const newHighlights = highlights(newWidth, snapPoints);
-      if (dispatchAnalyticsEvent) {
-        dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
-      }
-      // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, gridTypeForLayout(newSize.layout), newHighlights);
-      this.setState({
-        isResizing: false
-      }, () => {
-        updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, gridTypeForLayout(layout), []);
-      });
-    });
-  }
-  render() {
-    const handleStyles = {};
-    const handles = {};
-    const handleComponent = {};
-    const {
-      innerPadding = 0,
-      width,
-      pctWidth,
-      selected,
-      layout,
-      enable,
-      children,
-      ratio,
-      handleComponentFunc
-    } = this.props;
-    const {
-      isResizing
-    } = this.state;
-    handleSides.forEach(side => {
-      handles[side] = `richMedia-resize-handle-${side}`;
-      handleStyles[side] = {
-        width: '24px',
-        [side]: `${-13 - innerPadding}px`,
-        zIndex: akRichMediaResizeZIndex,
-        pointerEvents: 'auto'
-      };
-      const sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
-      if (sideHandleComponent) {
-        handleComponent[side] = sideHandleComponent;
-      }
-    });
-    const className = classnames(richMediaClassName, `image-${layout}`, this.props.className, {
-      'is-resizing': isResizing,
-      'not-resized': !pctWidth,
-      'richMedia-selected': selected,
-      'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
-    });
-    let handleWrapperStyle;
-    if (ratio) {
-      handleWrapperStyle = {
-        position: 'absolute',
-        width: '100%',
-        paddingBottom: `${ratio}%`,
-        top: 0,
-        pointerEvents: 'none'
-      };
-    }
-
-    // Ideally, Resizable would let you pass in the component rather than
-    // the div. For now, we just apply the same styles using CSS
-    return /*#__PURE__*/React.createElement(Resizable, {
-      ref: this.resizable,
-      size: {
-        width,
-        // just content itself (no paddings)
-        height: 'auto'
-      },
-      className: className,
-      handleClasses: handles,
-      handleStyles: handleStyles,
-      handleWrapperStyle: handleWrapperStyle,
-      handleComponent: handleComponent,
-      enable: enable,
-      onResize: this.handleResize,
-      onResizeStop: this.handleResizeStop,
-      onResizeStart: this.handleResizeStart
-    }, children);
-  }
-}

package/dist/es2019/ui/Resizer/styled.js

@@ -1,15 +0,0 @@
-import { css } from '@emotion/react';
-import { MediaSingleDimensionHelper } from '@atlaskit/editor-common/ui';
-export const wrapperStyle = props => css`
-  & > div {
-    ${MediaSingleDimensionHelper(props)};
-    position: relative;
-    clear: both;
-
-    > div {
-      position: absolute;
-      height: 100%;
-      width: 100%;
-    }
-  }
-`;

package/dist/es2019/ui/Resizer/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/ui/Resizer/utils.js

@@ -1,12 +0,0 @@
-export const snapTo = (target, points) => {
-  return points.length === 0 ?
-  // extreme last case if there are no points somehow
-  target : points.reduce((point, closest) => {
-    return Math.abs(closest - target) < Math.abs(point - target) ? closest : point;
-  });
-};
-export const handleSides = ['left', 'right'];
-export const imageAlignmentMap = {
-  left: 'start',
-  right: 'end'
-};

package/dist/es2019/utils/filter/privacy-filter.js

@@ -1,47 +0,0 @@
-import { traverse } from '@atlaskit/adf-utils/traverse';
-import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
-/**
- * Sanitises a document where some content should not be in the document (e.g. mention names).
- *
- * It is expected that these names we be resolved separately (e.g. when rendering
- * a node view).
- */
-export function sanitizeNodeForPrivacy(json, providerFactory) {
-  const mentionNames = new Map();
-  let hasCacheableMentions = false;
-  const sanitizedJSON = traverse(json, {
-    mention: node => {
-      if (node.attrs && node.attrs.text) {
-        hasCacheableMentions = true;
-        // Remove @ prefix
-        const text = node.attrs.text;
-        const name = text.startsWith('@') ? text.slice(1) : text;
-        mentionNames.set(node.attrs.id, name);
-      }
-      return {
-        ...node,
-        attrs: {
-          ...node.attrs,
-          text: ''
-        }
-      };
-    }
-  });
-  if (hasCacheableMentions && providerFactory) {
-    const handler = (_name, providerPromise) => {
-      if (providerPromise) {
-        providerPromise.then(provider => {
-          if (isResolvingMentionProvider(provider)) {
-            mentionNames.forEach((name, id) => {
-              provider.cacheMentionName(id, name);
-            });
-            mentionNames.clear();
-            providerFactory.unsubscribe('mentionProvider', handler);
-          }
-        });
-      }
-    };
-    providerFactory.subscribe('mentionProvider', handler);
-  }
-  return sanitizedJSON;
-}