@atlaskit/editor-plugin-undo-redo/dist/cjs/ui/ToolbarUndoRedo/RedoButton.js

Undo redo plugin for @atlaskit/editor-core

"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 _keymaps = require("@atlaskit/editor-common/keymaps");
var _undoRedo = require("@atlaskit/editor-common/messages/undo-redo");
var _context = require("@atlaskit/editor-common/toolbar/context");
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
var _redoIcon = require("@atlaskit/editor-toolbar/redo-icon");
var _toolbarButton = require("@atlaskit/editor-toolbar/toolbar-button");
var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
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, _context.useEditorToolbar)(),
    editorView = _useEditorToolbar.editorView;
  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.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(_toolbarTooltip.ToolbarTooltip, {
    content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
      description: formatMessage(_undoRedo.messages.redo),
      keymap: _keymaps.redo
    })
  }, /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, {
    iconBefore: /*#__PURE__*/_react.default.createElement(_redoIcon.RedoIcon, {
      label: formatMessage(_undoRedo.messages.redo),
      size: "small"
    }),
    onClick: handleRedo,
    isDisabled: !canRedo,
    ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(_keymaps.redo),
    testId: "ak-editor-toolbar-button-redo"
  }));
};