@atlaskit/editor-plugin-undo-redo
Version:
Undo redo plugin for @atlaskit/editor-core
51 lines (50 loc) • 2.37 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.RedoButton = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _hooks = require("@atlaskit/editor-common/hooks");
var _keymaps = require("@atlaskit/editor-common/keymaps");
var _messages = require("@atlaskit/editor-common/messages");
var _toolbar = require("@atlaskit/editor-common/toolbar");
var _editorToolbar = require("@atlaskit/editor-toolbar");
var _commands = require("../../pm-plugins/commands");
var _utils = require("../../pm-plugins/utils");
var RedoButton = exports.RedoButton = function RedoButton(_ref) {
var api = _ref.api;
var _useIntl = (0, _reactIntl.useIntl)(),
formatMessage = _useIntl.formatMessage;
var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
editorView = _useEditorToolbar.editorView;
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['history'], function (states) {
var _states$historyState;
return {
canRedo: (_states$historyState = states.historyState) === null || _states$historyState === void 0 ? void 0 : _states$historyState.canRedo
};
}),
canRedo = _useSharedPluginState.canRedo;
var handleRedo = function handleRedo() {
if (editorView) {
var _api$analytics;
(0, _utils.forceFocus)(editorView, api)((0, _commands.redoFromToolbarWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions));
}
};
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
description: formatMessage(_messages.undoRedoMessages.redo),
keymap: _keymaps.redo
})
}, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.RedoIcon, {
label: formatMessage(_messages.undoRedoMessages.redo),
size: "small"
}),
onClick: handleRedo,
isDisabled: !canRedo,
ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(_keymaps.redo),
testId: "ak-editor-toolbar-button-redo"
}));
};