@wordpress/block-library 8.35.0 → 9.0.0

package/build/form/edit.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _utils = require("./utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -58,78 +58,84 @@ const Edit = ({
     template: TEMPLATE,
     renderAppender: hasInnerBlocks ? undefined : _blockEditor.InnerBlocks.ButtonBlockAppender
   });
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.SelectControl
-  // __nextHasNoMarginBottom
-  // size={ '__unstable-large' }
-  , {
-    label: (0, _i18n.__)('Submissions method'),
-    options: [
-    // TODO: Allow plugins to add their own submission methods.
-    {
-      label: (0, _i18n.__)('Send email'),
-      value: 'email'
-    }, {
-      label: (0, _i18n.__)('- Custom -'),
-      value: 'custom'
-    }],
-    value: submissionMethod,
-    onChange: value => setAttributes({
-      submissionMethod: value
-    }),
-    help: submissionMethod === 'custom' ? (0, _i18n.__)('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : (0, _i18n.__)('Select the method to use for form submissions.')
-  }), submissionMethod === 'email' && (0, _react.createElement)(_components.TextControl, {
-    __nextHasNoMarginBottom: true,
-    autoComplete: "off",
-    label: (0, _i18n.__)('Email for form submissions'),
-    value: email,
-    required: true,
-    onChange: value => {
-      setAttributes({
-        email: value
-      });
-      setAttributes({
-        action: `mailto:${value}`
-      });
-      setAttributes({
-        method: 'post'
-      });
-    },
-    help: (0, _i18n.__)('The email address where form submissions will be sent. Separate multiple email addresses with a comma.')
-  }))), submissionMethod !== 'email' && (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "advanced"
-  }, (0, _react.createElement)(_components.SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Method'),
-    options: [{
-      label: 'Get',
-      value: 'get'
-    }, {
-      label: 'Post',
-      value: 'post'
-    }],
-    value: method,
-    onChange: value => setAttributes({
-      method: value
-    }),
-    help: (0, _i18n.__)('Select the method to use for form submissions.')
-  }), (0, _react.createElement)(_components.TextControl, {
-    __nextHasNoMarginBottom: true,
-    autoComplete: "off",
-    label: (0, _i18n.__)('Form action'),
-    value: action,
-    onChange: newVal => {
-      setAttributes({
-        action: newVal
-      });
-    },
-    help: (0, _i18n.__)('The URL where the form should be submitted.')
-  })), (0, _react.createElement)("form", {
-    ...innerBlocksProps,
-    className: "wp-block-form",
-    encType: submissionMethod === 'email' ? 'text/plain' : null
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl
+        // __nextHasNoMarginBottom
+        // size={ '__unstable-large' }
+        , {
+          label: (0, _i18n.__)('Submissions method'),
+          options: [
+          // TODO: Allow plugins to add their own submission methods.
+          {
+            label: (0, _i18n.__)('Send email'),
+            value: 'email'
+          }, {
+            label: (0, _i18n.__)('- Custom -'),
+            value: 'custom'
+          }],
+          value: submissionMethod,
+          onChange: value => setAttributes({
+            submissionMethod: value
+          }),
+          help: submissionMethod === 'custom' ? (0, _i18n.__)('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : (0, _i18n.__)('Select the method to use for form submissions.')
+        }), submissionMethod === 'email' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+          __nextHasNoMarginBottom: true,
+          autoComplete: "off",
+          label: (0, _i18n.__)('Email for form submissions'),
+          value: email,
+          required: true,
+          onChange: value => {
+            setAttributes({
+              email: value
+            });
+            setAttributes({
+              action: `mailto:${value}`
+            });
+            setAttributes({
+              method: 'post'
+            });
+          },
+          help: (0, _i18n.__)('The email address where form submissions will be sent. Separate multiple email addresses with a comma.')
+        })]
+      })
+    }), submissionMethod !== 'email' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+      group: "advanced",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Method'),
+        options: [{
+          label: 'Get',
+          value: 'get'
+        }, {
+          label: 'Post',
+          value: 'post'
+        }],
+        value: method,
+        onChange: value => setAttributes({
+          method: value
+        }),
+        help: (0, _i18n.__)('Select the method to use for form submissions.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+        __nextHasNoMarginBottom: true,
+        autoComplete: "off",
+        label: (0, _i18n.__)('Form action'),
+        value: action,
+        onChange: newVal => {
+          setAttributes({
+            action: newVal
+          });
+        },
+        help: (0, _i18n.__)('The URL where the form should be submitted.')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
+      ...innerBlocksProps,
+      className: "wp-block-form",
+      encType: submissionMethod === 'email' ? 'text/plain' : null
+    })]
+  });
 };
 var _default = exports.default = Edit;
 //# sourceMappingURL=edit.js.map

package/build/form/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_components","_data","_utils","TEMPLATE","formSubmissionNotificationSuccess","formSubmissionNotificationError","type","label","__","required","Edit","attributes","setAttributes","clientId","action","method","email","submissionMethod","blockProps","useBlockProps","hasInnerBlocks","useSelect","select","getBlock","blockEditorStore","block","innerBlocks","length","innerBlocksProps","useInnerBlocksProps","template","renderAppender","undefined","InnerBlocks","ButtonBlockAppender","_react","createElement","Fragment","InspectorControls","PanelBody","title","SelectControl","options","value","onChange","help","TextControl","__nextHasNoMarginBottom","autoComplete","group","newVal","className","encType","_default","exports","default"],"sources":["@wordpress/block-library/src/form/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { TextControl, SelectControl, PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n} from './utils.js';\n\nconst TEMPLATE = [\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'text',\n\t\t\tlabel: __( 'Name' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'email',\n\t\t\tlabel: __( 'Email' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'textarea',\n\t\t\tlabel: __( 'Comment' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[ 'core/form-submit-button', {} ],\n];\n\nconst Edit = ( { attributes, setAttributes, clientId } ) => {\n\tconst { action, method, email, submissionMethod } = attributes;\n\tconst blockProps = useBlockProps();\n\n\tconst { hasInnerBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\trenderAppender: hasInnerBlocks\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t// __nextHasNoMarginBottom\n\t\t\t\t\t\t// size={ '__unstable-large' }\n\t\t\t\t\t\tlabel={ __( 'Submissions method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t// TODO: Allow plugins to add their own submission methods.\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Send email' ),\n\t\t\t\t\t\t\t\tvalue: 'email',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( '- Custom -' ),\n\t\t\t\t\t\t\t\tvalue: 'custom',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ submissionMethod }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { submissionMethod: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\tsubmissionMethod === 'custom'\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions. Additional options for the \"custom\" mode can be found in the \"Advanced\" section.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{ submissionMethod === 'email' && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Email for form submissions' ) }\n\t\t\t\t\t\t\tvalue={ email }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { email: value } );\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\taction: `mailto:${ value }`,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tsetAttributes( { method: 'post' } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'The email address where form submissions will be sent. Separate multiple email addresses with a comma.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ submissionMethod !== 'email' && (\n\t\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ label: 'Get', value: 'get' },\n\t\t\t\t\t\t\t{ label: 'Post', value: 'post' },\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ method }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { method: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tlabel={ __( 'Form action' ) }\n\t\t\t\t\t\tvalue={ action }\n\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\taction: newVal,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'The URL where the form should be submitted.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<form\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\tclassName=\"wp-block-form\"\n\t\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t\t/>\n\t\t</>\n\t);\n};\nexport default Edit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_components","_data","_utils","_jsxRuntime","TEMPLATE","formSubmissionNotificationSuccess","formSubmissionNotificationError","type","label","__","required","Edit","attributes","setAttributes","clientId","action","method","email","submissionMethod","blockProps","useBlockProps","hasInnerBlocks","useSelect","select","getBlock","blockEditorStore","block","innerBlocks","length","innerBlocksProps","useInnerBlocksProps","template","renderAppender","undefined","InnerBlocks","ButtonBlockAppender","jsxs","Fragment","children","jsx","InspectorControls","PanelBody","title","SelectControl","options","value","onChange","help","TextControl","__nextHasNoMarginBottom","autoComplete","group","newVal","className","encType","_default","exports","default"],"sources":["@wordpress/block-library/src/form/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { TextControl, SelectControl, PanelBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n} from './utils.js';\n\nconst TEMPLATE = [\n\tformSubmissionNotificationSuccess,\n\tformSubmissionNotificationError,\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'text',\n\t\t\tlabel: __( 'Name' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'email',\n\t\t\tlabel: __( 'Email' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[\n\t\t'core/form-input',\n\t\t{\n\t\t\ttype: 'textarea',\n\t\t\tlabel: __( 'Comment' ),\n\t\t\trequired: true,\n\t\t},\n\t],\n\t[ 'core/form-submit-button', {} ],\n];\n\nconst Edit = ( { attributes, setAttributes, clientId } ) => {\n\tconst { action, method, email, submissionMethod } = attributes;\n\tconst blockProps = useBlockProps();\n\n\tconst { hasInnerBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\trenderAppender: hasInnerBlocks\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t// __nextHasNoMarginBottom\n\t\t\t\t\t\t// size={ '__unstable-large' }\n\t\t\t\t\t\tlabel={ __( 'Submissions method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t// TODO: Allow plugins to add their own submission methods.\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Send email' ),\n\t\t\t\t\t\t\t\tvalue: 'email',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( '- Custom -' ),\n\t\t\t\t\t\t\t\tvalue: 'custom',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ submissionMethod }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { submissionMethod: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\tsubmissionMethod === 'custom'\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions. Additional options for the \"custom\" mode can be found in the \"Advanced\" section.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{ submissionMethod === 'email' && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Email for form submissions' ) }\n\t\t\t\t\t\t\tvalue={ email }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { email: value } );\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\taction: `mailto:${ value }`,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tsetAttributes( { method: 'post' } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'The email address where form submissions will be sent. Separate multiple email addresses with a comma.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ submissionMethod !== 'email' && (\n\t\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Method' ) }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ label: 'Get', value: 'get' },\n\t\t\t\t\t\t\t{ label: 'Post', value: 'post' },\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tvalue={ method }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { method: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Select the method to use for form submissions.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tlabel={ __( 'Form action' ) }\n\t\t\t\t\t\tvalue={ action }\n\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\taction: newVal,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'The URL where the form should be submitted.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<form\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\tclassName=\"wp-block-form\"\n\t\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t\t/>\n\t\t</>\n\t);\n};\nexport default Edit;\n"],"mappings":"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","ignoreList":[]}

package/build/form/save.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = require("react");
+exports.default = save;
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-const Save = ({
+function save({
   attributes
-}) => {
+}) {
   const blockProps = _blockEditor.useBlockProps.save();
   const {
     submissionMethod
   } = attributes;
-  return (0, _react.createElement)("form", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
     ...blockProps,
     className: "wp-block-form",
-    encType: submissionMethod === 'email' ? 'text/plain' : null
-  }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
-};
-var _default = exports.default = Save;
+    encType: submissionMethod === 'email' ? 'text/plain' : null,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+  });
+}
 //# sourceMappingURL=save.js.map

package/build/form/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","Save","attributes","blockProps","useBlockProps","save","submissionMethod","_react","createElement","className","encType","InnerBlocks","Content","_default","exports","default"],"sources":["@wordpress/block-library/src/form/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nconst Save = ( { attributes } ) => {\n\tconst blockProps = useBlockProps.save();\n\tconst { submissionMethod } = attributes;\n\n\treturn (\n\t\t<form\n\t\t\t{ ...blockProps }\n\t\t\tclassName=\"wp-block-form\"\n\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</form>\n\t);\n};\nexport default Save;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,IAAI,GAAGA,CAAE;EAAEC;AAAW,CAAC,KAAM;EAClC,MAAMC,UAAU,GAAGC,0BAAa,CAACC,IAAI,CAAC,CAAC;EACvC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,UAAU;EAEvC,OACC,IAAAK,MAAA,CAAAC,aAAA;IAAA,GACML,UAAU;IACfM,SAAS,EAAC,eAAe;IACzBC,OAAO,EAAGJ,gBAAgB,KAAK,OAAO,GAAG,YAAY,GAAG;EAAM,GAE9D,IAAAC,MAAA,CAAAC,aAAA,EAACT,YAAA,CAAAY,WAAW,CAACC,OAAO,MAAE,CACjB,CAAC;AAET,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACad,IAAI","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_jsxRuntime","save","attributes","blockProps","useBlockProps","submissionMethod","jsx","className","encType","children","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/form/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst blockProps = useBlockProps.save();\n\tconst { submissionMethod } = attributes;\n\n\treturn (\n\t\t<form\n\t\t\t{ ...blockProps }\n\t\t\tclassName=\"wp-block-form\"\n\t\t\tencType={ submissionMethod === 'email' ? 'text/plain' : null }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</form>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAqE,IAAAC,WAAA,GAAAD,OAAA;AAHrE;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAMC,UAAU,GAAGC,0BAAa,CAACH,IAAI,CAAC,CAAC;EACvC,MAAM;IAAEI;EAAiB,CAAC,GAAGH,UAAU;EAEvC,oBACC,IAAAF,WAAA,CAAAM,GAAA;IAAA,GACMH,UAAU;IACfI,SAAS,EAAC,eAAe;IACzBC,OAAO,EAAGH,gBAAgB,KAAK,OAAO,GAAG,YAAY,GAAG,IAAM;IAAAI,QAAA,eAE9D,IAAAT,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAY,WAAW,CAACC,OAAO,IAAE;EAAC,CAClB,CAAC;AAET","ignoreList":[]}

package/build/form-input/deprecated.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _removeAccents = _interopRequireDefault(require("remove-accents"));
 var _blockEditor = require("@wordpress/block-editor");
 var _dom = require("@wordpress/dom");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -112,7 +112,7 @@ const v1 = {
     const inputClasses = (0, _clsx.default)('wp-block-form-input__input', colorProps.className, borderProps.className);
     const TagName = type === 'textarea' ? 'textarea' : 'input';
     if ('hidden' === type) {
-      return (0, _react.createElement)("input", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: type,
         name: name,
         value: value
@@ -120,23 +120,25 @@ const v1 = {
     }
 
     /* eslint-disable jsx-a11y/label-has-associated-control */
-    return (0, _react.createElement)("label", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       className: (0, _clsx.default)('wp-block-form-input__label', {
         'is-label-inline': inlineLabel
-      })
-    }, (0, _react.createElement)("span", {
-      className: "wp-block-form-input__label-content"
-    }, (0, _react.createElement)(_blockEditor.RichText.Content, {
-      value: label
-    })), (0, _react.createElement)(TagName, {
-      className: inputClasses,
-      type: 'textarea' === type ? undefined : type,
-      name: name || getNameFromLabelV1(label),
-      required: required,
-      "aria-required": required,
-      placeholder: placeholder || undefined,
-      style: inputStyle
-    }));
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "wp-block-form-input__label-content",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
+          value: label
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+        className: inputClasses,
+        type: 'textarea' === type ? undefined : type,
+        name: name || getNameFromLabelV1(label),
+        required: required,
+        "aria-required": required,
+        placeholder: placeholder || undefined,
+        style: inputStyle
+      })]
+    });
     /* eslint-enable jsx-a11y/label-has-associated-control */
   }
 };

package/build/form-input/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_removeAccents","_blockEditor","_dom","getNameFromLabelV1","content","removeAccents","stripHTML","replace","toLowerCase","v1","attributes","type","default","name","label","selector","source","__experimentalRole","inlineLabel","required","attribute","placeholder","value","visibilityPermissions","supports","className","anchor","reusable","spacing","margin","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","save","borderProps","getBorderClassesAndStyles","colorProps","getColorClassesAndStyles","inputStyle","style","inputClasses","clsx","TagName","_react","createElement","RichText","Content","undefined","deprecated","_default","exports"],"sources":["@wordpress/block-library/src/form-input/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\nconst getNameFromLabelV1 = ( content ) => {\n\treturn (\n\t\tremoveAccents( stripHTML( content ) )\n\t\t\t// Convert anything that's not a letter or number to a hyphen.\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t// Convert to lowercase\n\t\t\t.toLowerCase()\n\t\t\t// Remove any remaining leading or trailing hyphens.\n\t\t\t.replace( /(^-+)|(-+$)/g, '' )\n\t);\n};\n\n// Version without wrapper div in saved markup\n// See: https://github.com/WordPress/gutenberg/pull/56507\nconst v1 = {\n\tattributes: {\n\t\ttype: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'text',\n\t\t},\n\t\tname: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tlabel: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'Label',\n\t\t\tselector: '.wp-block-form-input__label-content',\n\t\t\tsource: 'html',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tinlineLabel: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t},\n\t\trequired: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t\tselector: '.wp-block-form-input__input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'required',\n\t\t},\n\t\tplaceholder: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.wp-block-form-input__input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'placeholder',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tvalue: {\n\t\t\ttype: 'string',\n\t\t\tdefault: '',\n\t\t\tselector: 'input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'value',\n\t\t},\n\t\tvisibilityPermissions: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'all',\n\t\t},\n\t},\n\tsupports: {\n\t\tclassName: false,\n\t\tanchor: true,\n\t\treusable: false,\n\t\tspacing: {\n\t\t\tmargin: [ 'top', 'bottom' ],\n\t\t},\n\t\t__experimentalBorder: {\n\t\t\tradius: true,\n\t\t\t__experimentalSkipSerialization: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tradius: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\t\tattributes;\n\n\t\tconst borderProps = getBorderClassesAndStyles( attributes );\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\tconst inputStyle = {\n\t\t\t...borderProps.style,\n\t\t\t...colorProps.style,\n\t\t};\n\n\t\tconst inputClasses = clsx(\n\t\t\t'wp-block-form-input__input',\n\t\t\tcolorProps.className,\n\t\t\tborderProps.className\n\t\t);\n\t\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\t\tif ( 'hidden' === type ) {\n\t\t\treturn <input type={ type } name={ name } value={ value } />;\n\t\t}\n\n\t\t/* eslint-disable jsx-a11y/label-has-associated-control */\n\t\treturn (\n\t\t\t<label\n\t\t\t\tclassName={ clsx( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<span className=\"wp-block-form-input__label-content\">\n\t\t\t\t\t<RichText.Content value={ label } />\n\t\t\t\t</span>\n\t\t\t\t<TagName\n\t\t\t\t\tclassName={ inputClasses }\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tname={ name || getNameFromLabelV1( label ) }\n\t\t\t\t\trequired={ required }\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tplaceholder={ placeholder || undefined }\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t\t/* eslint-enable jsx-a11y/label-has-associated-control */\n\t},\n};\n\nconst deprecated = [ v1 ];\n\nexport default deprecated;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_removeAccents","_blockEditor","_dom","_jsxRuntime","getNameFromLabelV1","content","removeAccents","stripHTML","replace","toLowerCase","v1","attributes","type","default","name","label","selector","source","__experimentalRole","inlineLabel","required","attribute","placeholder","value","visibilityPermissions","supports","className","anchor","reusable","spacing","margin","__experimentalBorder","radius","__experimentalSkipSerialization","__experimentalDefaultControls","save","borderProps","getBorderClassesAndStyles","colorProps","getColorClassesAndStyles","inputStyle","style","inputClasses","clsx","TagName","jsx","jsxs","children","RichText","Content","undefined","deprecated","_default","exports"],"sources":["@wordpress/block-library/src/form-input/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport removeAccents from 'remove-accents';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\nconst getNameFromLabelV1 = ( content ) => {\n\treturn (\n\t\tremoveAccents( stripHTML( content ) )\n\t\t\t// Convert anything that's not a letter or number to a hyphen.\n\t\t\t.replace( /[^\\p{L}\\p{N}]+/gu, '-' )\n\t\t\t// Convert to lowercase\n\t\t\t.toLowerCase()\n\t\t\t// Remove any remaining leading or trailing hyphens.\n\t\t\t.replace( /(^-+)|(-+$)/g, '' )\n\t);\n};\n\n// Version without wrapper div in saved markup\n// See: https://github.com/WordPress/gutenberg/pull/56507\nconst v1 = {\n\tattributes: {\n\t\ttype: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'text',\n\t\t},\n\t\tname: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tlabel: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'Label',\n\t\t\tselector: '.wp-block-form-input__label-content',\n\t\t\tsource: 'html',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tinlineLabel: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t},\n\t\trequired: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t\tselector: '.wp-block-form-input__input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'required',\n\t\t},\n\t\tplaceholder: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.wp-block-form-input__input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'placeholder',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tvalue: {\n\t\t\ttype: 'string',\n\t\t\tdefault: '',\n\t\t\tselector: 'input',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'value',\n\t\t},\n\t\tvisibilityPermissions: {\n\t\t\ttype: 'string',\n\t\t\tdefault: 'all',\n\t\t},\n\t},\n\tsupports: {\n\t\tclassName: false,\n\t\tanchor: true,\n\t\treusable: false,\n\t\tspacing: {\n\t\t\tmargin: [ 'top', 'bottom' ],\n\t\t},\n\t\t__experimentalBorder: {\n\t\t\tradius: true,\n\t\t\t__experimentalSkipSerialization: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tradius: true,\n\t\t\t},\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\t\tattributes;\n\n\t\tconst borderProps = getBorderClassesAndStyles( attributes );\n\t\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t\tconst inputStyle = {\n\t\t\t...borderProps.style,\n\t\t\t...colorProps.style,\n\t\t};\n\n\t\tconst inputClasses = clsx(\n\t\t\t'wp-block-form-input__input',\n\t\t\tcolorProps.className,\n\t\t\tborderProps.className\n\t\t);\n\t\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\t\tif ( 'hidden' === type ) {\n\t\t\treturn <input type={ type } name={ name } value={ value } />;\n\t\t}\n\n\t\t/* eslint-disable jsx-a11y/label-has-associated-control */\n\t\treturn (\n\t\t\t<label\n\t\t\t\tclassName={ clsx( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<span className=\"wp-block-form-input__label-content\">\n\t\t\t\t\t<RichText.Content value={ label } />\n\t\t\t\t</span>\n\t\t\t\t<TagName\n\t\t\t\t\tclassName={ inputClasses }\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tname={ name || getNameFromLabelV1( label ) }\n\t\t\t\t\trequired={ required }\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tplaceholder={ placeholder || undefined }\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t\t/* eslint-enable jsx-a11y/label-has-associated-control */\n\t},\n};\n\nconst deprecated = [ v1 ];\n\nexport default deprecated;\n"],"mappings":"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","ignoreList":[]}

package/build/form-input/edit.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -41,83 +41,93 @@ function InputFieldBlock({
   if (ref.current) {
     ref.current.focus();
   }
-  const controls = (0, _react.createElement)(_react.Fragment, null, 'hidden' !== type && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, 'checkbox' !== type && (0, _react.createElement)(_components.CheckboxControl, {
-    label: (0, _i18n.__)('Inline label'),
-    checked: inlineLabel,
-    onChange: newVal => {
-      setAttributes({
-        inlineLabel: newVal
-      });
-    }
-  }), (0, _react.createElement)(_components.CheckboxControl, {
-    label: (0, _i18n.__)('Required'),
-    checked: required,
-    onChange: newVal => {
-      setAttributes({
-        required: newVal
-      });
-    }
-  }))), (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "advanced"
-  }, (0, _react.createElement)(_components.TextControl, {
-    autoComplete: "off",
-    label: (0, _i18n.__)('Name'),
-    value: name,
-    onChange: newVal => {
-      setAttributes({
-        name: newVal
-      });
-    },
-    help: (0, _i18n.__)('Affects the "name" atribute of the input element, and is used as a name for the form submission results.')
-  })));
-  if ('hidden' === type) {
-    return (0, _react.createElement)(_react.Fragment, null, controls, (0, _react.createElement)("input", {
-      type: "hidden",
-      className: (0, _clsx.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
-      "aria-label": (0, _i18n.__)('Value'),
-      value: value,
-      onChange: event => setAttributes({
-        value: event.target.value
+  const controls = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: ['hidden' !== type && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: ['checkbox' !== type && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+          label: (0, _i18n.__)('Inline label'),
+          checked: inlineLabel,
+          onChange: newVal => {
+            setAttributes({
+              inlineLabel: newVal
+            });
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+          label: (0, _i18n.__)('Required'),
+          checked: required,
+          onChange: newVal => {
+            setAttributes({
+              required: newVal
+            });
+          }
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      group: "advanced",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+        autoComplete: "off",
+        label: (0, _i18n.__)('Name'),
+        value: name,
+        onChange: newVal => {
+          setAttributes({
+            name: newVal
+          });
+        },
+        help: (0, _i18n.__)('Affects the "name" atribute of the input element, and is used as a name for the form submission results.')
       })
-    }));
+    })]
+  });
+  if ('hidden' === type) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [controls, /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "hidden",
+        className: (0, _clsx.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+        "aria-label": (0, _i18n.__)('Value'),
+        value: value,
+        onChange: event => setAttributes({
+          value: event.target.value
+        })
+      })]
+    });
   }
-  return (0, _react.createElement)("div", {
-    ...blockProps
-  }, controls, (0, _react.createElement)("span", {
-    className: (0, _clsx.default)('wp-block-form-input__label', {
-      'is-label-inline': inlineLabel || 'checkbox' === type
-    })
-  }, (0, _react.createElement)(_blockEditor.RichText, {
-    tagName: "span",
-    className: "wp-block-form-input__label-content",
-    value: label,
-    onChange: newLabel => setAttributes({
-      label: newLabel
-    }),
-    "aria-label": label ? (0, _i18n.__)('Label') : (0, _i18n.__)('Empty label'),
-    "data-empty": label ? false : true,
-    placeholder: (0, _i18n.__)('Type the label for this input')
-  }), (0, _react.createElement)(TagName, {
-    type: 'textarea' === type ? undefined : type,
-    className: (0, _clsx.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
-    "aria-label": (0, _i18n.__)('Optional placeholder text')
-    // We hide the placeholder field's placeholder when there is a value. This
-    // stops screen readers from reading the placeholder field's placeholder
-    // which is confusing.
-    ,
-    placeholder: placeholder ? undefined : (0, _i18n.__)('Optional placeholder…'),
-    value: placeholder,
-    onChange: event => setAttributes({
-      placeholder: event.target.value
-    }),
-    "aria-required": required,
-    style: {
-      ...borderProps.style,
-      ...colorProps.style
-    }
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...blockProps,
+    children: [controls, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: (0, _clsx.default)('wp-block-form-input__label', {
+        'is-label-inline': inlineLabel || 'checkbox' === type
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
+        tagName: "span",
+        className: "wp-block-form-input__label-content",
+        value: label,
+        onChange: newLabel => setAttributes({
+          label: newLabel
+        }),
+        "aria-label": label ? (0, _i18n.__)('Label') : (0, _i18n.__)('Empty label'),
+        "data-empty": label ? false : true,
+        placeholder: (0, _i18n.__)('Type the label for this input')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+        type: 'textarea' === type ? undefined : type,
+        className: (0, _clsx.default)(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+        "aria-label": (0, _i18n.__)('Optional placeholder text')
+        // We hide the placeholder field's placeholder when there is a value. This
+        // stops screen readers from reading the placeholder field's placeholder
+        // which is confusing.
+        ,
+        placeholder: placeholder ? undefined : (0, _i18n.__)('Optional placeholder…'),
+        value: placeholder,
+        onChange: event => setAttributes({
+          placeholder: event.target.value
+        }),
+        "aria-required": required,
+        style: {
+          ...borderProps.style,
+          ...colorProps.style
+        }
+      })]
+    })]
+  });
 }
 var _default = exports.default = InputFieldBlock;
 //# sourceMappingURL=edit.js.map