@wordpress/block-editor/build-module/components/convert-to-group-buttons/index.js

Generic block editor.

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

/**
 * WordPress dependencies
 */
import { MenuItem } from '@wordpress/components';
import { _x } from '@wordpress/i18n';
import { switchToBlockType } from '@wordpress/blocks';
import { useDispatch } from '@wordpress/data';
/**
 * Internal dependencies
 */

import { store as blockEditorStore } from '../../store';
import useConvertToGroupButtonProps from './use-convert-to-group-button-props';
import BlockGroupToolbar from './toolbar';

function ConvertToGroupButton({
  clientIds,
  isGroupable,
  isUngroupable,
  onUngroup,
  blocksSelection,
  groupingBlockName,
  onClose = () => {}
}) {
  const {
    replaceBlocks
  } = useDispatch(blockEditorStore);

  const onConvertToGroup = () => {
    // Activate the `transform` on the Grouping Block which does the conversion.
    const newBlocks = switchToBlockType(blocksSelection, groupingBlockName);

    if (newBlocks) {
      replaceBlocks(clientIds, newBlocks);
    }
  };

  const onConvertFromGroup = () => {
    let innerBlocks = blocksSelection[0].innerBlocks;

    if (!innerBlocks.length) {
      return;
    }

    if (onUngroup) {
      innerBlocks = onUngroup(blocksSelection[0].attributes, blocksSelection[0].innerBlocks);
    }

    replaceBlocks(clientIds, innerBlocks);
  };

  if (!isGroupable && !isUngroupable) {
    return null;
  }

  return createElement(Fragment, null, isGroupable && createElement(MenuItem, {
    onClick: () => {
      onConvertToGroup();
      onClose();
    }
  }, _x('Group', 'verb')), isUngroupable && createElement(MenuItem, {
    onClick: () => {
      onConvertFromGroup();
      onClose();
    }
  }, _x('Ungroup', 'Ungrouping blocks from within a grouping block back into individual blocks within the Editor ')));
}

export { BlockGroupToolbar, ConvertToGroupButton, useConvertToGroupButtonProps };
//# sourceMappingURL=index.js.map