@wordpress/editor/build-module/components/editor-history/redo.js

Enhanced block editor for WordPress posts.

/**
 * WordPress dependencies
 */
import { __, isRTL } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import { useSelect, useDispatch } from '@wordpress/data';
import { displayShortcut, isAppleOS } from '@wordpress/keycodes';
import { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';
import { forwardRef } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { store as editorStore } from '../../store';
import { jsx as _jsx } from "react/jsx-runtime";
function EditorHistoryRedo(props, ref) {
  const shortcut = isAppleOS() ? displayShortcut.primaryShift('z') : displayShortcut.primary('y');
  const hasRedo = useSelect(select => select(editorStore).hasEditorRedo(), []);
  const {
    redo
  } = useDispatch(editorStore);
  return /*#__PURE__*/_jsx(Button, {
    __next40pxDefaultSize: true,
    ...props,
    ref: ref,
    icon: !isRTL() ? redoIcon : undoIcon
    /* translators: button label text should, if possible, be under 16 characters. */,
    label: __('Redo'),
    shortcut: shortcut
    // If there are no redo levels we don't want to actually disable this
    // button, because it will remove focus for keyboard users.
    // See: https://github.com/WordPress/gutenberg/issues/3486
    ,
    "aria-disabled": !hasRedo,
    onClick: hasRedo ? redo : undefined,
    className: "editor-history__redo"
  });
}

/** @typedef {import('react').Ref<HTMLElement>} Ref */

/**
 * Renders the redo button for the editor history.
 *
 * @param {Object} props - Props.
 * @param {Ref}    ref   - Forwarded ref.
 *
 * @return {Component} The component to be rendered.
 */
export default forwardRef(EditorHistoryRedo);
//# sourceMappingURL=redo.js.map