@atlaskit/editor-plugin-track-changes/dist/esm/trackChangesPlugin.js

ShowDiff plugin for @atlaskit/editor-core

import React from 'react';
import { keymapPlugin } from './pm-plugins/keymaps';
import { createTrackChangesPlugin, trackChangesPluginKey } from './pm-plugins/main';
import { TOGGLE_TRACK_CHANGES_ACTION as ACTION } from './pm-plugins/types';
import { getToolbarComponents } from './ui/toolbar-components';
import { TrackChangesToolbarButton } from './ui/TrackChangesToolbarButton';
export var trackChangesPlugin = function trackChangesPlugin(_ref) {
  var api = _ref.api,
    options = _ref.config;
  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
  var primaryToolbarComponent = function primaryToolbarComponent() {
    return /*#__PURE__*/React.createElement(TrackChangesToolbarButton, {
      api: api
    });
  };
  if ((options === null || options === void 0 ? void 0 : options.showOnToolbar) === true) {
    if (isToolbarAIFCEnabled) {
      var _api$toolbar;
      api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api, options));
    } else {
      var _api$primaryToolbar;
      api === null || api === void 0 || (_api$primaryToolbar = api.primaryToolbar) === null || _api$primaryToolbar === void 0 || (_api$primaryToolbar = _api$primaryToolbar.actions) === null || _api$primaryToolbar === void 0 || _api$primaryToolbar.registerComponent({
        name: 'trackChanges',
        component: primaryToolbarComponent
      });
    }
  }
  return {
    name: 'trackChanges',
    pmPlugins: function pmPlugins() {
      return [{
        name: 'trackChangesKeyMap',
        plugin: function plugin() {
          return keymapPlugin(api);
        }
      }, {
        name: 'trackChangesPlugin',
        plugin: function plugin() {
          return createTrackChangesPlugin(api);
        }
      }];
    },
    commands: {
      toggleChanges: function toggleChanges(_ref2) {
        var tr = _ref2.tr;
        return tr.setMeta(trackChangesPluginKey, {
          action: ACTION.TOGGLE_TRACK_CHANGES
        });
      },
      resetBaseline: function resetBaseline(_ref3) {
        var _api$trackChanges;
        var tr = _ref3.tr;
        if (!(api !== null && api !== void 0 && (_api$trackChanges = api.trackChanges) !== null && _api$trackChanges !== void 0 && (_api$trackChanges = _api$trackChanges.sharedState.currentState()) !== null && _api$trackChanges !== void 0 && _api$trackChanges.isShowDiffAvailable)) {
          return null;
        }
        return tr.setMeta(trackChangesPluginKey, {
          action: ACTION.RESET_BASELINE
        });
      }
    },
    getSharedState: function getSharedState(editorState) {
      var _trackChangesPluginKe, _trackChangesPluginKe2;
      if (!editorState) {
        return {
          isDisplayingChanges: false,
          isShowDiffAvailable: false
        };
      }
      return {
        isDisplayingChanges: Boolean((_trackChangesPluginKe = trackChangesPluginKey.getState(editorState)) === null || _trackChangesPluginKe === void 0 ? void 0 : _trackChangesPluginKe.shouldChangesBeDisplayed),
        isShowDiffAvailable: Boolean((_trackChangesPluginKe2 = trackChangesPluginKey.getState(editorState)) === null || _trackChangesPluginKe2 === void 0 ? void 0 : _trackChangesPluginKe2.isShowDiffAvailable)
      };
    }
  };
};