@wordpress/editor/build-module/components/table-of-contents/panel.js

Enhanced block editor for WordPress posts.

import { createElement, Fragment } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { useSelect } from '@wordpress/data';
import { store as blockEditorStore } from '@wordpress/block-editor';
/**
 * Internal dependencies
 */

import WordCount from '../word-count';
import DocumentOutline from '../document-outline';
import CharacterCount from '../character-count';

function TableOfContentsPanel({
  hasOutlineItemsDisabled,
  onRequestClose
}) {
  const {
    headingCount,
    paragraphCount,
    numberOfBlocks
  } = useSelect(select => {
    const {
      getGlobalBlockCount
    } = select(blockEditorStore);
    return {
      headingCount: getGlobalBlockCount('core/heading'),
      paragraphCount: getGlobalBlockCount('core/paragraph'),
      numberOfBlocks: getGlobalBlockCount()
    };
  }, []);
  return (
    /*
     * Disable reason: The `list` ARIA role is redundant but
     * Safari+VoiceOver won't announce the list otherwise.
     */

    /* eslint-disable jsx-a11y/no-redundant-roles */
    createElement(Fragment, null, createElement("div", {
      className: "table-of-contents__wrapper",
      role: "note",
      "aria-label": __('Document Statistics'),
      tabIndex: "0"
    }, createElement("ul", {
      role: "list",
      className: "table-of-contents__counts"
    }, createElement("li", {
      className: "table-of-contents__count"
    }, __('Characters'), createElement("span", {
      className: "table-of-contents__number"
    }, createElement(CharacterCount, null))), createElement("li", {
      className: "table-of-contents__count"
    }, __('Words'), createElement(WordCount, null)), createElement("li", {
      className: "table-of-contents__count"
    }, __('Headings'), createElement("span", {
      className: "table-of-contents__number"
    }, headingCount)), createElement("li", {
      className: "table-of-contents__count"
    }, __('Paragraphs'), createElement("span", {
      className: "table-of-contents__number"
    }, paragraphCount)), createElement("li", {
      className: "table-of-contents__count"
    }, __('Blocks'), createElement("span", {
      className: "table-of-contents__number"
    }, numberOfBlocks)))), headingCount > 0 && createElement(Fragment, null, createElement("hr", null), createElement("h2", {
      className: "table-of-contents__title"
    }, __('Document Outline')), createElement(DocumentOutline, {
      onSelect: onRequestClose,
      hasOutlineItemsDisabled: hasOutlineItemsDisabled
    })))
    /* eslint-enable jsx-a11y/no-redundant-roles */

  );
}

export default TableOfContentsPanel;
//# sourceMappingURL=panel.js.map