@wordpress/block-editor/build-module/components/button-block-appender/index.js

Generic block editor.

/**
 * External dependencies
 */
import clsx from 'clsx';

/**
 * WordPress dependencies
 */
import { Button } from '@wordpress/components';
import { forwardRef } from '@wordpress/element';
import { _x, sprintf } from '@wordpress/i18n';
import { Icon, plus } from '@wordpress/icons';
import deprecated from '@wordpress/deprecated';

/**
 * Internal dependencies
 */
import Inserter from '../inserter';
import { jsx as _jsx } from "react/jsx-runtime";
function ButtonBlockAppender({
  rootClientId,
  className,
  onFocus,
  tabIndex,
  onSelect
}, ref) {
  return /*#__PURE__*/_jsx(Inserter, {
    position: "bottom center",
    rootClientId: rootClientId,
    __experimentalIsQuick: true,
    onSelectOrClose: (...args) => {
      if (onSelect && typeof onSelect === 'function') {
        onSelect(...args);
      }
    },
    renderToggle: ({
      onToggle,
      disabled,
      isOpen,
      blockTitle,
      hasSingleBlockType
    }) => {
      const isToggleButton = !hasSingleBlockType;
      const label = hasSingleBlockType ? sprintf(
      // translators: %s: the name of the block when there is only one
      _x('Add %s', 'directly add the only allowed block'), blockTitle) : _x('Add block', 'Generic label for block inserter button');
      return /*#__PURE__*/_jsx(Button, {
        __next40pxDefaultSize: true,
        ref: ref,
        onFocus: onFocus,
        tabIndex: tabIndex,
        className: clsx(className, 'block-editor-button-block-appender'),
        onClick: onToggle,
        "aria-haspopup": isToggleButton ? 'true' : undefined,
        "aria-expanded": isToggleButton ? isOpen : undefined
        // Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.
        // eslint-disable-next-line no-restricted-syntax
        ,
        disabled: disabled,
        label: label,
        showTooltip: true,
        children: /*#__PURE__*/_jsx(Icon, {
          icon: plus
        })
      });
    },
    isAppender: true
  });
}

/**
 * Use `ButtonBlockAppender` instead.
 *
 * @deprecated
 */
export const ButtonBlockerAppender = forwardRef((props, ref) => {
  deprecated(`wp.blockEditor.ButtonBlockerAppender`, {
    alternative: 'wp.blockEditor.ButtonBlockAppender',
    since: '5.9'
  });
  return ButtonBlockAppender(props, ref);
});

/**
 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md
 */
export default forwardRef(ButtonBlockAppender);
//# sourceMappingURL=index.js.map