@wordpress/block-editor
Version:
37 lines (31 loc) • 978 B
JavaScript
import { createElement } from "@wordpress/element";
/**
* WordPress dependencies
*/
import { withSelect } from '@wordpress/data';
import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components';
/**
* Internal dependencies
*/
import { store as blockEditorStore } from '../../store';
import { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';
const SkipToSelectedBlock = ({
selectedBlockClientId
}) => {
const ref = useBlockRef(selectedBlockClientId);
const onClick = () => {
ref.current.focus();
};
return selectedBlockClientId ? createElement(Button, {
isSecondary: true,
className: "block-editor-skip-to-selected-block",
onClick: onClick
}, __('Skip to the selected block')) : null;
};
export default withSelect(select => {
return {
selectedBlockClientId: select(blockEditorStore).getBlockSelectionStart()
};
})(SkipToSelectedBlock);
//# sourceMappingURL=index.js.map