@wordpress/components/build/guide/finish-button.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _button = _interopRequireDefault(require("../button"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function FinishButton(props) {
  const ref = (0, _element.useRef)(); // Focus the button on mount if nothing else is focused. This prevents a
  // focus loss when the 'Next' button is swapped out.

  (0, _element.useLayoutEffect)(() => {
    const {
      ownerDocument
    } = ref.current;
    const {
      activeElement,
      body
    } = ownerDocument;

    if (!activeElement || activeElement === body) {
      ref.current.focus();
    }
  }, []);
  return (0, _element.createElement)(_button.default, (0, _extends2.default)({}, props, {
    ref: ref
  }));
}
//# sourceMappingURL=finish-button.js.map