@atlaskit/editor-plugin-undo-redo 0.1.0

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @atlaskit/editor-plugin-undo-redo

package/LICENSE.md

@@ -0,0 +1,13 @@
+Copyright 2023 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,9 @@
+# EditorPluginUndoRedo
+
+Undo redo plugin for @atlaskit/editor-core
+
+## Usage
+
+`import EditorPluginUndoRedo from '@atlaskit/editor-plugin-undo-redo';`
+
+Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/editor/editor-plugin-undo-redo).

package/dist/cjs/attach-input-meta.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attachInputMeta = void 0;
+var _pluginKey = require("./pm-plugins/plugin-key");
+var attachInputMeta = exports.attachInputMeta = function attachInputMeta(inputSource) {
+  return function (command) {
+    return function (state, dispatch) {
+      var customTr = state.tr;
+      var fakeDispatch = function fakeDispatch(tr) {
+        customTr = tr;
+      };
+      command(state, fakeDispatch);
+      if (!customTr || !customTr.docChanged) {
+        return false;
+      }
+      customTr.setMeta(_pluginKey.pluginKey, inputSource);
+      if (dispatch) {
+        dispatch(customTr);
+      }
+      return true;
+    };
+  };
+};

package/dist/cjs/commands.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.undoFromToolbar = exports.undoFromKeyboard = exports.redoFromToolbar = exports.redoFromKeyboard = void 0;
+var _history = require("@atlaskit/editor-prosemirror/history");
+var _attachInputMeta = require("./attach-input-meta");
+var _enums = require("./enums");
+var undoFromKeyboard = exports.undoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_history.undo);
+var redoFromKeyboard = exports.redoFromKeyboard = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.KEYBOARD)(_history.redo);
+var undoFromToolbar = exports.undoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_history.undo);
+var redoFromToolbar = exports.redoFromToolbar = (0, _attachInputMeta.attachInputMeta)(_enums.InputSource.TOOLBAR)(_history.redo);

package/dist/cjs/enums.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputSource = void 0;
+var _analytics = require("@atlaskit/editor-common/analytics");
+var InputSource = exports.InputSource = function (InputSource) {
+  InputSource[InputSource["TOOLBAR"] = _analytics.INPUT_METHOD.TOOLBAR] = "TOOLBAR";
+  InputSource[InputSource["KEYBOARD"] = _analytics.INPUT_METHOD.KEYBOARD] = "KEYBOARD";
+  return InputSource;
+}({});

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "undoRedoPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.undoRedoPlugin;
+  }
+});
+var _plugin = require("./plugin");

package/dist/cjs/plugin.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.undoRedoPlugin = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _keymaps = require("./pm-plugins/keymaps");
+var _main = require("./pm-plugins/main");
+var _ToolbarUndoRedo = _interopRequireDefault(require("./ui/ToolbarUndoRedo"));
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
+var undoRedoPlugin = exports.undoRedoPlugin = function undoRedoPlugin(_ref) {
+  var api = _ref.api;
+  return {
+    name: 'undoRedoPlugin',
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'undoRedoKeyMap',
+        plugin: function plugin() {
+          return (0, _keymaps.keymapPlugin)();
+        }
+      }, {
+        name: 'undoRedoPlugin',
+        plugin: function plugin(options) {
+          return (0, _main.createPlugin)(options);
+        }
+      }];
+    },
+    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
+      var editorView = _ref2.editorView,
+        disabled = _ref2.disabled,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
+      return /*#__PURE__*/_react.default.createElement(_ToolbarUndoRedo.default, {
+        isReducedSpacing: isToolbarReducedSpacing,
+        disabled: disabled,
+        editorView: editorView,
+        api: api
+      });
+    }
+  };
+};

package/dist/cjs/pm-plugins/keymaps.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keymapPlugin = keymapPlugin;
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _commands = require("../commands");
+function keymapPlugin() {
+  var list = {};
+  (0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findKeyMapForBrowser)(_keymaps.redo), _commands.redoFromKeyboard, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, _commands.undoFromKeyboard, list);
+  return new _safePlugin.SafePlugin({
+    props: {
+      handleKeyDown: function handleKeyDown(view, event) {
+        var keyboardEvent = (0, _keymaps.isCapsLockOnAndModifyKeyboardEvent)(event);
+        return (0, _keymap.keydownHandler)(list)(view, keyboardEvent);
+      }
+    }
+  });
+}

package/dist/cjs/pm-plugins/main.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _pluginKey = require("./plugin-key");
+var createPlugin = exports.createPlugin = function createPlugin(_ref) {
+  var dispatch = _ref.dispatch;
+  return new _safePlugin.SafePlugin({
+    key: _pluginKey.pluginKey
+  });
+};

package/dist/cjs/pm-plugins/plugin-key.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = exports.pluginKey = new _state.PluginKey('undoRedoPlugin');

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/ToolbarUndoRedo/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ToolbarUndoRedo = void 0;
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
+var _styles = require("@atlaskit/editor-common/styles");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _redo = _interopRequireDefault(require("@atlaskit/icon/glyph/redo"));
+var _undo = _interopRequireDefault(require("@atlaskit/icon/glyph/undo"));
+var _commands = require("../../commands");
+/** @jsx jsx */
+
+var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView, api) {
+  return function (command) {
+    var _api$typeAhead;
+    if (!editorView) {
+      return;
+    }
+    if (api !== null && api !== void 0 && (_api$typeAhead = api.typeAhead) !== null && _api$typeAhead !== void 0 && (_api$typeAhead = _api$typeAhead.actions) !== null && _api$typeAhead !== void 0 && _api$typeAhead.isOpen(editorView.state)) {
+      var _api$typeAhead2;
+      api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || _api$typeAhead2.close({
+        attachCommand: command,
+        insertCurrentQueryAsRawText: false
+      });
+    } else {
+      command(editorView.state, editorView.dispatch);
+    }
+  };
+};
+var forceFocus = function forceFocus(editorView, api) {
+  return function (command) {
+    closeTypeAheadAndRunCommand(editorView, api)(command);
+    if (!editorView.hasFocus()) {
+      editorView.focus();
+    }
+  };
+};
+var ToolbarUndoRedo = exports.ToolbarUndoRedo = function ToolbarUndoRedo(_ref) {
+  var disabled = _ref.disabled,
+    isReducedSpacing = _ref.isReducedSpacing,
+    editorView = _ref.editorView,
+    api = _ref.api,
+    formatMessage = _ref.intl.formatMessage;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['history']),
+    historyState = _useSharedPluginState.historyState;
+  var handleUndo = function handleUndo() {
+    forceFocus(editorView, api)(_commands.undoFromToolbar);
+  };
+  var handleRedo = function handleRedo() {
+    forceFocus(editorView, api)(_commands.redoFromToolbar);
+  };
+  var labelUndo = formatMessage(_messages.undoRedoMessages.undo);
+  var labelRedo = formatMessage(_messages.undoRedoMessages.redo);
+  var _ref2 = historyState !== null && historyState !== void 0 ? historyState : {},
+    canUndo = _ref2.canUndo,
+    canRedo = _ref2.canRedo;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    (0, _react.jsx)("span", {
+      css: _styles.buttonGroupStyle
+    }, (0, _react.jsx)(_uiMenu.ToolbarButton, {
+      buttonId: _uiMenu.TOOLBAR_BUTTON.UNDO,
+      spacing: isReducedSpacing ? 'none' : 'default',
+      onClick: handleUndo,
+      disabled: !canUndo || disabled,
+      "aria-label": (0, _keymaps.tooltip)(_keymaps.undo, labelUndo),
+      "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.undo),
+      title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+        description: labelUndo,
+        keymap: _keymaps.undo
+      }),
+      iconBefore: (0, _react.jsx)(_undo.default, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-undo"
+    }), (0, _react.jsx)(_uiMenu.ToolbarButton, {
+      spacing: isReducedSpacing ? 'none' : 'default',
+      buttonId: _uiMenu.TOOLBAR_BUTTON.REDO,
+      onClick: handleRedo,
+      disabled: !canRedo || disabled,
+      title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+        description: labelRedo,
+        keymap: _keymaps.redo
+      }),
+      iconBefore: (0, _react.jsx)(_redo.default, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-redo",
+      "aria-label": (0, _keymaps.tooltip)(_keymaps.redo, labelRedo),
+      "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.redo)
+    }), (0, _react.jsx)("span", {
+      css: _styles.separatorStyles
+    }))
+  );
+};
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ToolbarUndoRedo);

package/dist/es2019/attach-input-meta.js

@@ -0,0 +1,16 @@
+import { pluginKey as undoPluginKey } from './pm-plugins/plugin-key';
+export const attachInputMeta = inputSource => command => (state, dispatch) => {
+  let customTr = state.tr;
+  const fakeDispatch = tr => {
+    customTr = tr;
+  };
+  command(state, fakeDispatch);
+  if (!customTr || !customTr.docChanged) {
+    return false;
+  }
+  customTr.setMeta(undoPluginKey, inputSource);
+  if (dispatch) {
+    dispatch(customTr);
+  }
+  return true;
+};

package/dist/es2019/commands.js

@@ -0,0 +1,7 @@
+import { redo, undo } from '@atlaskit/editor-prosemirror/history';
+import { attachInputMeta } from './attach-input-meta';
+import { InputSource } from './enums';
+export const undoFromKeyboard = attachInputMeta(InputSource.KEYBOARD)(undo);
+export const redoFromKeyboard = attachInputMeta(InputSource.KEYBOARD)(redo);
+export const undoFromToolbar = attachInputMeta(InputSource.TOOLBAR)(undo);
+export const redoFromToolbar = attachInputMeta(InputSource.TOOLBAR)(redo);

package/dist/es2019/enums.js

@@ -0,0 +1,6 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+export let InputSource = function (InputSource) {
+  InputSource[InputSource["TOOLBAR"] = INPUT_METHOD.TOOLBAR] = "TOOLBAR";
+  InputSource[InputSource["KEYBOARD"] = INPUT_METHOD.KEYBOARD] = "KEYBOARD";
+  return InputSource;
+}({});

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { undoRedoPlugin } from './plugin';

package/dist/es2019/plugin.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { keymapPlugin } from './pm-plugins/keymaps';
+import { createPlugin } from './pm-plugins/main';
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
+import ToolbarUndoRedo from './ui/ToolbarUndoRedo';
+export const undoRedoPlugin = ({
+  api
+}) => ({
+  name: 'undoRedoPlugin',
+  pmPlugins() {
+    return [{
+      name: 'undoRedoKeyMap',
+      plugin: () => keymapPlugin()
+    }, {
+      name: 'undoRedoPlugin',
+      plugin: options => createPlugin(options)
+    }];
+  },
+  primaryToolbarComponent({
+    editorView,
+    disabled,
+    isToolbarReducedSpacing
+  }) {
+    return /*#__PURE__*/React.createElement(ToolbarUndoRedo, {
+      isReducedSpacing: isToolbarReducedSpacing,
+      disabled: disabled,
+      editorView: editorView,
+      api: api
+    });
+  }
+});

package/dist/es2019/pm-plugins/keymaps.js

@@ -0,0 +1,17 @@
+import { bindKeymapWithCommand, findKeyMapForBrowser, isCapsLockOnAndModifyKeyboardEvent, redo, undo } from '@atlaskit/editor-common/keymaps';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { redoFromKeyboard, undoFromKeyboard } from '../commands';
+export function keymapPlugin() {
+  const list = {};
+  bindKeymapWithCommand(findKeyMapForBrowser(redo), redoFromKeyboard, list);
+  bindKeymapWithCommand(undo.common, undoFromKeyboard, list);
+  return new SafePlugin({
+    props: {
+      handleKeyDown(view, event) {
+        let keyboardEvent = isCapsLockOnAndModifyKeyboardEvent(event);
+        return keydownHandler(list)(view, keyboardEvent);
+      }
+    }
+  });
+}

package/dist/es2019/pm-plugins/main.js

@@ -0,0 +1,9 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { pluginKey } from './plugin-key';
+export const createPlugin = ({
+  dispatch
+}) => {
+  return new SafePlugin({
+    key: pluginKey
+  });
+};

package/dist/es2019/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const pluginKey = new PluginKey('undoRedoPlugin');

package/dist/es2019/types.js

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

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

@@ -0,0 +1,96 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { injectIntl } from 'react-intl-next';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { getAriaKeyshortcuts, redo as redoKeymap, tooltip, ToolTipContent, undo as undoKeymap } from '@atlaskit/editor-common/keymaps';
+import { undoRedoMessages } from '@atlaskit/editor-common/messages';
+import { buttonGroupStyle, separatorStyles } from '@atlaskit/editor-common/styles';
+import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import RedoIcon from '@atlaskit/icon/glyph/redo';
+import UndoIcon from '@atlaskit/icon/glyph/undo';
+import { redoFromToolbar, undoFromToolbar } from '../../commands';
+const closeTypeAheadAndRunCommand = (editorView, api) => command => {
+  var _api$typeAhead, _api$typeAhead$action;
+  if (!editorView) {
+    return;
+  }
+  if (api !== null && api !== void 0 && (_api$typeAhead = api.typeAhead) !== null && _api$typeAhead !== void 0 && (_api$typeAhead$action = _api$typeAhead.actions) !== null && _api$typeAhead$action !== void 0 && _api$typeAhead$action.isOpen(editorView.state)) {
+    var _api$typeAhead2, _api$typeAhead2$actio;
+    api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : (_api$typeAhead2$actio = _api$typeAhead2.actions) === null || _api$typeAhead2$actio === void 0 ? void 0 : _api$typeAhead2$actio.close({
+      attachCommand: command,
+      insertCurrentQueryAsRawText: false
+    });
+  } else {
+    command(editorView.state, editorView.dispatch);
+  }
+};
+const forceFocus = (editorView, api) => command => {
+  closeTypeAheadAndRunCommand(editorView, api)(command);
+  if (!editorView.hasFocus()) {
+    editorView.focus();
+  }
+};
+export const ToolbarUndoRedo = ({
+  disabled,
+  isReducedSpacing,
+  editorView,
+  api,
+  intl: {
+    formatMessage
+  }
+}) => {
+  const {
+    historyState
+  } = useSharedPluginState(api, ['history']);
+  const handleUndo = () => {
+    forceFocus(editorView, api)(undoFromToolbar);
+  };
+  const handleRedo = () => {
+    forceFocus(editorView, api)(redoFromToolbar);
+  };
+  const labelUndo = formatMessage(undoRedoMessages.undo);
+  const labelRedo = formatMessage(undoRedoMessages.redo);
+  const {
+    canUndo,
+    canRedo
+  } = historyState !== null && historyState !== void 0 ? historyState : {};
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("span", {
+      css: buttonGroupStyle
+    }, jsx(ToolbarButton, {
+      buttonId: TOOLBAR_BUTTON.UNDO,
+      spacing: isReducedSpacing ? 'none' : 'default',
+      onClick: handleUndo,
+      disabled: !canUndo || disabled,
+      "aria-label": tooltip(undoKeymap, labelUndo),
+      "aria-keyshortcuts": getAriaKeyshortcuts(undoKeymap),
+      title: jsx(ToolTipContent, {
+        description: labelUndo,
+        keymap: undoKeymap
+      }),
+      iconBefore: jsx(UndoIcon, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-undo"
+    }), jsx(ToolbarButton, {
+      spacing: isReducedSpacing ? 'none' : 'default',
+      buttonId: TOOLBAR_BUTTON.REDO,
+      onClick: handleRedo,
+      disabled: !canRedo || disabled,
+      title: jsx(ToolTipContent, {
+        description: labelRedo,
+        keymap: redoKeymap
+      }),
+      iconBefore: jsx(RedoIcon, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-redo",
+      "aria-label": tooltip(redoKeymap, labelRedo),
+      "aria-keyshortcuts": getAriaKeyshortcuts(redoKeymap)
+    }), jsx("span", {
+      css: separatorStyles
+    }))
+  );
+};
+export default injectIntl(ToolbarUndoRedo);

package/dist/esm/attach-input-meta.js

@@ -0,0 +1,20 @@
+import { pluginKey as undoPluginKey } from './pm-plugins/plugin-key';
+export var attachInputMeta = function attachInputMeta(inputSource) {
+  return function (command) {
+    return function (state, dispatch) {
+      var customTr = state.tr;
+      var fakeDispatch = function fakeDispatch(tr) {
+        customTr = tr;
+      };
+      command(state, fakeDispatch);
+      if (!customTr || !customTr.docChanged) {
+        return false;
+      }
+      customTr.setMeta(undoPluginKey, inputSource);
+      if (dispatch) {
+        dispatch(customTr);
+      }
+      return true;
+    };
+  };
+};

package/dist/esm/commands.js

@@ -0,0 +1,7 @@
+import { redo, undo } from '@atlaskit/editor-prosemirror/history';
+import { attachInputMeta } from './attach-input-meta';
+import { InputSource } from './enums';
+export var undoFromKeyboard = attachInputMeta(InputSource.KEYBOARD)(undo);
+export var redoFromKeyboard = attachInputMeta(InputSource.KEYBOARD)(redo);
+export var undoFromToolbar = attachInputMeta(InputSource.TOOLBAR)(undo);
+export var redoFromToolbar = attachInputMeta(InputSource.TOOLBAR)(redo);

package/dist/esm/enums.js

@@ -0,0 +1,6 @@
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+export var InputSource = function (InputSource) {
+  InputSource[InputSource["TOOLBAR"] = INPUT_METHOD.TOOLBAR] = "TOOLBAR";
+  InputSource[InputSource["KEYBOARD"] = INPUT_METHOD.KEYBOARD] = "KEYBOARD";
+  return InputSource;
+}({});

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { undoRedoPlugin } from './plugin';

package/dist/esm/plugin.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { keymapPlugin } from './pm-plugins/keymaps';
+import { createPlugin } from './pm-plugins/main';
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
+import ToolbarUndoRedo from './ui/ToolbarUndoRedo';
+export var undoRedoPlugin = function undoRedoPlugin(_ref) {
+  var api = _ref.api;
+  return {
+    name: 'undoRedoPlugin',
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'undoRedoKeyMap',
+        plugin: function plugin() {
+          return keymapPlugin();
+        }
+      }, {
+        name: 'undoRedoPlugin',
+        plugin: function plugin(options) {
+          return createPlugin(options);
+        }
+      }];
+    },
+    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
+      var editorView = _ref2.editorView,
+        disabled = _ref2.disabled,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
+      return /*#__PURE__*/React.createElement(ToolbarUndoRedo, {
+        isReducedSpacing: isToolbarReducedSpacing,
+        disabled: disabled,
+        editorView: editorView,
+        api: api
+      });
+    }
+  };
+};

package/dist/esm/pm-plugins/keymaps.js

@@ -0,0 +1,17 @@
+import { bindKeymapWithCommand, findKeyMapForBrowser, isCapsLockOnAndModifyKeyboardEvent, redo, undo } from '@atlaskit/editor-common/keymaps';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { redoFromKeyboard, undoFromKeyboard } from '../commands';
+export function keymapPlugin() {
+  var list = {};
+  bindKeymapWithCommand(findKeyMapForBrowser(redo), redoFromKeyboard, list);
+  bindKeymapWithCommand(undo.common, undoFromKeyboard, list);
+  return new SafePlugin({
+    props: {
+      handleKeyDown: function handleKeyDown(view, event) {
+        var keyboardEvent = isCapsLockOnAndModifyKeyboardEvent(event);
+        return keydownHandler(list)(view, keyboardEvent);
+      }
+    }
+  });
+}

package/dist/esm/pm-plugins/main.js

@@ -0,0 +1,8 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { pluginKey } from './plugin-key';
+export var createPlugin = function createPlugin(_ref) {
+  var dispatch = _ref.dispatch;
+  return new SafePlugin({
+    key: pluginKey
+  });
+};

package/dist/esm/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var pluginKey = new PluginKey('undoRedoPlugin');

package/dist/esm/types.js

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

package/dist/esm/ui/ToolbarUndoRedo/index.js

@@ -0,0 +1,95 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { injectIntl } from 'react-intl-next';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { getAriaKeyshortcuts, redo as redoKeymap, tooltip, ToolTipContent, undo as undoKeymap } from '@atlaskit/editor-common/keymaps';
+import { undoRedoMessages } from '@atlaskit/editor-common/messages';
+import { buttonGroupStyle, separatorStyles } from '@atlaskit/editor-common/styles';
+import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import RedoIcon from '@atlaskit/icon/glyph/redo';
+import UndoIcon from '@atlaskit/icon/glyph/undo';
+import { redoFromToolbar, undoFromToolbar } from '../../commands';
+var closeTypeAheadAndRunCommand = function closeTypeAheadAndRunCommand(editorView, api) {
+  return function (command) {
+    var _api$typeAhead;
+    if (!editorView) {
+      return;
+    }
+    if (api !== null && api !== void 0 && (_api$typeAhead = api.typeAhead) !== null && _api$typeAhead !== void 0 && (_api$typeAhead = _api$typeAhead.actions) !== null && _api$typeAhead !== void 0 && _api$typeAhead.isOpen(editorView.state)) {
+      var _api$typeAhead2;
+      api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || _api$typeAhead2.close({
+        attachCommand: command,
+        insertCurrentQueryAsRawText: false
+      });
+    } else {
+      command(editorView.state, editorView.dispatch);
+    }
+  };
+};
+var forceFocus = function forceFocus(editorView, api) {
+  return function (command) {
+    closeTypeAheadAndRunCommand(editorView, api)(command);
+    if (!editorView.hasFocus()) {
+      editorView.focus();
+    }
+  };
+};
+export var ToolbarUndoRedo = function ToolbarUndoRedo(_ref) {
+  var disabled = _ref.disabled,
+    isReducedSpacing = _ref.isReducedSpacing,
+    editorView = _ref.editorView,
+    api = _ref.api,
+    formatMessage = _ref.intl.formatMessage;
+  var _useSharedPluginState = useSharedPluginState(api, ['history']),
+    historyState = _useSharedPluginState.historyState;
+  var handleUndo = function handleUndo() {
+    forceFocus(editorView, api)(undoFromToolbar);
+  };
+  var handleRedo = function handleRedo() {
+    forceFocus(editorView, api)(redoFromToolbar);
+  };
+  var labelUndo = formatMessage(undoRedoMessages.undo);
+  var labelRedo = formatMessage(undoRedoMessages.redo);
+  var _ref2 = historyState !== null && historyState !== void 0 ? historyState : {},
+    canUndo = _ref2.canUndo,
+    canRedo = _ref2.canRedo;
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("span", {
+      css: buttonGroupStyle
+    }, jsx(ToolbarButton, {
+      buttonId: TOOLBAR_BUTTON.UNDO,
+      spacing: isReducedSpacing ? 'none' : 'default',
+      onClick: handleUndo,
+      disabled: !canUndo || disabled,
+      "aria-label": tooltip(undoKeymap, labelUndo),
+      "aria-keyshortcuts": getAriaKeyshortcuts(undoKeymap),
+      title: jsx(ToolTipContent, {
+        description: labelUndo,
+        keymap: undoKeymap
+      }),
+      iconBefore: jsx(UndoIcon, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-undo"
+    }), jsx(ToolbarButton, {
+      spacing: isReducedSpacing ? 'none' : 'default',
+      buttonId: TOOLBAR_BUTTON.REDO,
+      onClick: handleRedo,
+      disabled: !canRedo || disabled,
+      title: jsx(ToolTipContent, {
+        description: labelRedo,
+        keymap: redoKeymap
+      }),
+      iconBefore: jsx(RedoIcon, {
+        label: ""
+      }),
+      testId: "ak-editor-toolbar-button-redo",
+      "aria-label": tooltip(redoKeymap, labelRedo),
+      "aria-keyshortcuts": getAriaKeyshortcuts(redoKeymap)
+    }), jsx("span", {
+      css: separatorStyles
+    }))
+  );
+};
+export default injectIntl(ToolbarUndoRedo);

package/dist/types/attach-input-meta.d.ts

@@ -0,0 +1,5 @@
+import type { HigherOrderCommand } from '@atlaskit/editor-common/types';
+import type { InputSource } from './enums';
+type AttachInputMeta = (inputSource: InputSource) => HigherOrderCommand;
+export declare const attachInputMeta: AttachInputMeta;
+export {};

package/dist/types/commands.d.ts

@@ -0,0 +1,4 @@
+export declare const undoFromKeyboard: import("@atlaskit/editor-common/types").Command;
+export declare const redoFromKeyboard: import("@atlaskit/editor-common/types").Command;
+export declare const undoFromToolbar: import("@atlaskit/editor-common/types").Command;
+export declare const redoFromToolbar: import("@atlaskit/editor-common/types").Command;

package/dist/types/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum InputSource {
+    TOOLBAR = "toolbar",
+    KEYBOARD = "keyboard"
+}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { undoRedoPlugin } from './plugin';
+export type { UndoRedoPlugin } from './types';

package/dist/types/plugin.d.ts

@@ -0,0 +1,2 @@
+import type { UndoRedoPlugin } from './types';
+export declare const undoRedoPlugin: UndoRedoPlugin;

package/dist/types/pm-plugins/keymaps.d.ts

@@ -0,0 +1,2 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,2 @@
+import type { PMPluginFactory } from '@atlaskit/editor-common/types';
+export declare const createPlugin: PMPluginFactory;

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const pluginKey: PluginKey<any>;

package/dist/types/types.d.ts

@@ -0,0 +1,6 @@
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { HistoryPlugin } from '@atlaskit/editor-plugin-history';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+export type UndoRedoPlugin = NextEditorPlugin<'undoRedoPlugin', {
+    dependencies: [TypeAheadPlugin, HistoryPlugin];
+}>;

package/dist/types/ui/ToolbarUndoRedo/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { UndoRedoPlugin } from '../../types';
+export interface Props {
+    undoDisabled?: boolean;
+    redoDisabled?: boolean;
+    disabled?: boolean;
+    isReducedSpacing?: boolean;
+    editorView: EditorView;
+    api: ExtractInjectionAPI<UndoRedoPlugin> | undefined;
+}
+export declare const ToolbarUndoRedo: ({ disabled, isReducedSpacing, editorView, api, intl: { formatMessage }, }: Props & WrappedComponentProps) => jsx.JSX.Element;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.5/attach-input-meta.d.ts

@@ -0,0 +1,5 @@
+import type { HigherOrderCommand } from '@atlaskit/editor-common/types';
+import type { InputSource } from './enums';
+type AttachInputMeta = (inputSource: InputSource) => HigherOrderCommand;
+export declare const attachInputMeta: AttachInputMeta;
+export {};

package/dist/types-ts4.5/commands.d.ts

@@ -0,0 +1,4 @@
+export declare const undoFromKeyboard: import("@atlaskit/editor-common/types").Command;
+export declare const redoFromKeyboard: import("@atlaskit/editor-common/types").Command;
+export declare const undoFromToolbar: import("@atlaskit/editor-common/types").Command;
+export declare const redoFromToolbar: import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum InputSource {
+    TOOLBAR = "toolbar",
+    KEYBOARD = "keyboard"
+}

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { undoRedoPlugin } from './plugin';
+export type { UndoRedoPlugin } from './types';

package/dist/types-ts4.5/plugin.d.ts

@@ -0,0 +1,2 @@
+import type { UndoRedoPlugin } from './types';
+export declare const undoRedoPlugin: UndoRedoPlugin;

package/dist/types-ts4.5/pm-plugins/keymaps.d.ts

@@ -0,0 +1,2 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -0,0 +1,2 @@
+import type { PMPluginFactory } from '@atlaskit/editor-common/types';
+export declare const createPlugin: PMPluginFactory;

package/dist/types-ts4.5/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const pluginKey: PluginKey<any>;

package/dist/types-ts4.5/types.d.ts

@@ -0,0 +1,9 @@
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { HistoryPlugin } from '@atlaskit/editor-plugin-history';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+export type UndoRedoPlugin = NextEditorPlugin<'undoRedoPlugin', {
+    dependencies: [
+        TypeAheadPlugin,
+        HistoryPlugin
+    ];
+}>;

package/dist/types-ts4.5/ui/ToolbarUndoRedo/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { UndoRedoPlugin } from '../../types';
+export interface Props {
+    undoDisabled?: boolean;
+    redoDisabled?: boolean;
+    disabled?: boolean;
+    isReducedSpacing?: boolean;
+    editorView: EditorView;
+    api: ExtractInjectionAPI<UndoRedoPlugin> | undefined;
+}
+export declare const ToolbarUndoRedo: ({ disabled, isReducedSpacing, editorView, api, intl: { formatMessage }, }: Props & WrappedComponentProps) => jsx.JSX.Element;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@atlaskit/editor-plugin-undo-redo",
+  "version": "0.1.0",
+  "description": "Undo redo plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Lego",
+    "singleton": true,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/editor-common": "^76.27.0",
+    "@atlaskit/editor-plugin-history": "^0.1.0",
+    "@atlaskit/editor-plugin-type-ahead": "^0.8.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/icon": "^22.0.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "devDependencies": {
+    "@af/integration-testing": "*",
+    "@af/visual-regression": "*",
+    "@atlaskit/analytics-listeners": "^8.7.0",
+    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/editor-plugin-analytics": "^0.4.0",
+    "@atlaskit/editor-plugin-list": "^3.0.0",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}