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

Generic block editor.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _data = require("@wordpress/data");

var _i18n = require("@wordpress/i18n");

var _components = require("@wordpress/components");

var _store = require("../../store");

var _useBlockRefs = require("../block-list/use-block-props/use-block-refs");

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
const SkipToSelectedBlock = ({
  selectedBlockClientId
}) => {
  const ref = (0, _useBlockRefs.__unstableUseBlockRef)(selectedBlockClientId);

  const onClick = () => {
    ref.current.focus();
  };

  return selectedBlockClientId ? (0, _element.createElement)(_components.Button, {
    variant: "secondary",
    className: "block-editor-skip-to-selected-block",
    onClick: onClick
  }, (0, _i18n.__)('Skip to the selected block')) : null;
};
/**
 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md
 */


var _default = (0, _data.withSelect)(select => {
  return {
    selectedBlockClientId: select(_store.store).getBlockSelectionStart()
  };
})(SkipToSelectedBlock);

exports.default = _default;
//# sourceMappingURL=index.js.map