@atlaskit/editor-plugin-show-diff/dist/esm/pm-plugins/decorations/createInlineChangedDecoration.js

ShowDiff plugin for @atlaskit/editor-core

import { Decoration } from '@atlaskit/editor-prosemirror/view';
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive } from './colorSchemes/standard';
import { traditionalInsertStyle, traditionalInsertStyleActive, deletedTraditionalContentStyle } from './colorSchemes/traditional';

/**
 * Inline decoration used for insertions as the content already exists in the document
 *
 * @param change Changeset "change" containing information about the change content + range
 * @returns Prosemirror inline decoration
 */

export var createInlineChangedDecoration = function createInlineChangedDecoration(_ref) {
  var change = _ref.change,
    colorScheme = _ref.colorScheme,
    _ref$isActive = _ref.isActive,
    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
    _ref$isInserted = _ref.isInserted,
    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted;
  var style;
  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
    if (isInserted) {
      if (colorScheme === 'traditional') {
        style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
      } else {
        style = isActive ? editingStyleActive : editingStyle;
      }
    } else {
      if (colorScheme === 'traditional') {
        style = deletedTraditionalContentStyle;
      } else {
        style = isActive ? deletedContentStyleActive : deletedContentStyle;
      }
    }
  } else {
    if (colorScheme === 'traditional') {
      style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
    } else {
      style = isActive ? editingStyleActive : editingStyle;
    }
  }
  return Decoration.inline(change.fromB, change.toB, {
    style: style,
    'data-testid': 'show-diff-changed-decoration'
  }, {
    key: 'diff-inline'
  });
};