@wordpress/block-editor/build-module/components/inserter-listbox/group.js

Generic block editor.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { forwardRef, useEffect, useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';

function InserterListboxGroup(props, ref) {
  const [shouldSpeak, setShouldSpeak] = useState(false);
  useEffect(() => {
    if (shouldSpeak) {
      speak(__('Use left and right arrow keys to move through blocks'));
    }
  }, [shouldSpeak]);
  return createElement("div", _extends({
    ref: ref,
    role: "listbox",
    "aria-orientation": "horizontal",
    onFocus: () => {
      setShouldSpeak(true);
    },
    onBlur: event => {
      const focusingOutsideGroup = !event.currentTarget.contains(event.relatedTarget);

      if (focusingOutsideGroup) {
        setShouldSpeak(false);
      }
    }
  }, props));
}

export default forwardRef(InserterListboxGroup);
//# sourceMappingURL=group.js.map