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

Undo redo plugin for @atlaskit/editor-core

import React from 'react';
import { useIntl } from 'react-intl';
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
import { getAriaKeyshortcuts, redo as redoKeymap, ToolTipContent } from '@atlaskit/editor-common/keymaps';
import { undoRedoMessages } from '@atlaskit/editor-common/messages';
import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
import { ToolbarButton, RedoIcon, ToolbarTooltip } from '@atlaskit/editor-toolbar';
import { redoFromToolbarWithAnalytics } from '../../pm-plugins/commands';
import { forceFocus } from '../../pm-plugins/utils';
export var RedoButton = function RedoButton(_ref) {
  var api = _ref.api;
  var _useIntl = useIntl(),
    formatMessage = _useIntl.formatMessage;
  var _useEditorToolbar = useEditorToolbar(),
    editorView = _useEditorToolbar.editorView;
  var _useSharedPluginState = 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;
      forceFocus(editorView, api)(redoFromToolbarWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions));
    }
  };
  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
    content: /*#__PURE__*/React.createElement(ToolTipContent, {
      description: formatMessage(undoRedoMessages.redo),
      keymap: redoKeymap
    })
  }, /*#__PURE__*/React.createElement(ToolbarButton, {
    iconBefore: /*#__PURE__*/React.createElement(RedoIcon, {
      label: formatMessage(undoRedoMessages.redo),
      size: "small"
    }),
    onClick: handleRedo,
    isDisabled: !canRedo,
    ariaKeyshortcuts: getAriaKeyshortcuts(redoKeymap),
    testId: "ak-editor-toolbar-button-redo"
  }));
};