@wordpress/block-library/build-module/form-submission-notification/edit.js

Block library for the WordPress editor.

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

/**
 * External dependencies
 */
import clsx from 'clsx';
import { jsx as _jsx } from "react/jsx-runtime";
const TEMPLATE = [['core/paragraph', {
  content: __("Enter the message you wish displayed for form submission error/success, and select the type of the message (success/error) from the block's options.")
}]];
const Edit = ({
  attributes,
  clientId
}) => {
  const {
    type
  } = attributes;
  const blockProps = useBlockProps({
    className: clsx('wp-block-form-submission-notification', {
      [`form-notification-type-${type}`]: type
    })
  });
  const {
    hasInnerBlocks
  } = useSelect(select => {
    const {
      getBlock
    } = select(blockEditorStore);
    const block = getBlock(clientId);
    return {
      hasInnerBlocks: !!(block && block.innerBlocks.length)
    };
  }, [clientId]);
  const innerBlocksProps = useInnerBlocksProps(blockProps, {
    template: TEMPLATE,
    renderAppender: hasInnerBlocks ? undefined : InnerBlocks.ButtonBlockAppender
  });
  return /*#__PURE__*/_jsx("div", {
    ...innerBlocksProps,
    "data-message-success": __('Submission success notification'),
    "data-message-error": __('Submission error notification')
  });
};
export default Edit;
//# sourceMappingURL=edit.js.map