@wordpress/block-editor/build-module/components/skip-to-selected-block/index.js

Generic block editor.

/**
 * WordPress dependencies
 */
import { useSelect } from '@wordpress/data';
import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
import { useRef } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { store as blockEditorStore } from '../../store';
import { useBlockElementRef } from '../block-list/use-block-props/use-block-refs';

/**
 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md
 */
import { jsx as _jsx } from "react/jsx-runtime";
export default function SkipToSelectedBlock() {
  const selectedBlockClientId = useSelect(select => select(blockEditorStore).getBlockSelectionStart(), []);
  const ref = useRef();
  useBlockElementRef(selectedBlockClientId, ref);
  const onClick = () => {
    ref.current?.focus();
  };
  return selectedBlockClientId ? /*#__PURE__*/_jsx(Button, {
    __next40pxDefaultSize: true,
    variant: "secondary",
    className: "block-editor-skip-to-selected-block",
    onClick: onClick,
    children: __('Skip to the selected block')
  }) : null;
}
//# sourceMappingURL=index.js.map