@wordpress/block-library 9.24.0 → 9.25.0

package/build-module/file/inspector.js

@@ -2,13 +2,14 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { PanelBody, RangeControl, SelectControl, ToggleControl } from '@wordpress/components';
+import { RangeControl, SelectControl, ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { InspectorControls } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
 import { MIN_PREVIEW_HEIGHT, MAX_PREVIEW_HEIGHT } from './edit';
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function FileBlockInspector({
   hrefs,
@@ -27,6 +28,7 @@ export default function FileBlockInspector({
     textLinkHref,
     attachmentPage
   } = hrefs;
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   let linkDestinationOptions = [{
     value: href,
     label: __('URL')
@@ -42,42 +44,83 @@ export default function FileBlockInspector({
   }
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs(InspectorControls, {
-      children: [href.endsWith('.pdf') && /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('PDF settings'),
-        children: [/*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+      children: [href.endsWith('.pdf') && /*#__PURE__*/_jsxs(ToolsPanel, {
+        label: __('PDF settings'),
+        resetAll: () => {
+          changeDisplayPreview(true);
+          changePreviewHeight(600);
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Show inline embed'),
-          help: displayPreview ? __("Note: Most phone and tablet browsers won't display embedded PDFs.") : null,
-          checked: !!displayPreview,
-          onChange: changeDisplayPreview
-        }), displayPreview && /*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          isShownByDefault: true,
+          hasValue: () => !displayPreview,
+          onDeselect: () => changeDisplayPreview(true),
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Show inline embed'),
+            help: displayPreview ? __("Note: Most phone and tablet browsers won't display embedded PDFs.") : null,
+            checked: !!displayPreview,
+            onChange: changeDisplayPreview
+          })
+        }), displayPreview && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Height in pixels'),
-          min: MIN_PREVIEW_HEIGHT,
-          max: Math.max(MAX_PREVIEW_HEIGHT, previewHeight),
-          value: previewHeight,
-          onChange: changePreviewHeight
+          isShownByDefault: true,
+          hasValue: () => previewHeight !== 600,
+          onDeselect: () => changePreviewHeight(600),
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Height in pixels'),
+            min: MIN_PREVIEW_HEIGHT,
+            max: Math.max(MAX_PREVIEW_HEIGHT, previewHeight),
+            value: previewHeight,
+            onChange: changePreviewHeight
+          })
         })]
-      }), /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('Settings'),
-        children: [/*#__PURE__*/_jsx(SelectControl, {
-          __next40pxDefaultSize: true,
-          __nextHasNoMarginBottom: true,
+      }), /*#__PURE__*/_jsxs(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          changeLinkDestinationOption(href);
+          changeOpenInNewWindow(false);
+          changeShowDownloadButton(true);
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Link to'),
-          value: textLinkHref,
-          options: linkDestinationOptions,
-          onChange: changeLinkDestinationOption
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          hasValue: () => textLinkHref !== href,
+          onDeselect: () => changeLinkDestinationOption(href),
+          children: /*#__PURE__*/_jsx(SelectControl, {
+            __next40pxDefaultSize: true,
+            __nextHasNoMarginBottom: true,
+            label: __('Link to'),
+            value: textLinkHref,
+            options: linkDestinationOptions,
+            onChange: changeLinkDestinationOption
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Open in new tab'),
-          checked: openInNewWindow,
-          onChange: changeOpenInNewWindow
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          hasValue: () => !!openInNewWindow,
+          onDeselect: () => changeOpenInNewWindow(false),
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Open in new tab'),
+            checked: openInNewWindow,
+            onChange: changeOpenInNewWindow
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Show download button'),
-          checked: showDownloadButton,
-          onChange: changeShowDownloadButton
+          isShownByDefault: true,
+          hasValue: () => !showDownloadButton,
+          onDeselect: () => changeShowDownloadButton(true),
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Show download button'),
+            checked: showDownloadButton,
+            onChange: changeShowDownloadButton
+          })
         })]
       })]
     })

package/build-module/file/inspector.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","PanelBody","RangeControl","SelectControl","ToggleControl","InspectorControls","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FileBlockInspector","hrefs","openInNewWindow","showDownloadButton","changeLinkDestinationOption","changeOpenInNewWindow","changeShowDownloadButton","displayPreview","changeDisplayPreview","previewHeight","changePreviewHeight","href","textLinkHref","attachmentPage","linkDestinationOptions","value","label","children","endsWith","title","__nextHasNoMarginBottom","help","checked","onChange","__next40pxDefaultSize","min","max","Math","options"],"sources":["@wordpress/block-library/src/file/inspector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tSelectControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { MIN_PREVIEW_HEIGHT, MAX_PREVIEW_HEIGHT } from './edit';\n\nexport default function FileBlockInspector( {\n\threfs,\n\topenInNewWindow,\n\tshowDownloadButton,\n\tchangeLinkDestinationOption,\n\tchangeOpenInNewWindow,\n\tchangeShowDownloadButton,\n\tdisplayPreview,\n\tchangeDisplayPreview,\n\tpreviewHeight,\n\tchangePreviewHeight,\n} ) {\n\tconst { href, textLinkHref, attachmentPage } = hrefs;\n\n\tlet linkDestinationOptions = [ { value: href, label: __( 'URL' ) } ];\n\tif ( attachmentPage ) {\n\t\tlinkDestinationOptions = [\n\t\t\t{ value: href, label: __( 'Media file' ) },\n\t\t\t{ value: attachmentPage, label: __( 'Attachment page' ) },\n\t\t];\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ href.endsWith( '.pdf' ) && (\n\t\t\t\t\t<PanelBody title={ __( 'PDF settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show inline embed' ) }\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\tdisplayPreview\n\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\"Note: Most phone and tablet browsers won't display embedded PDFs.\"\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ !! displayPreview }\n\t\t\t\t\t\t\tonChange={ changeDisplayPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ displayPreview && (\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Height in pixels' ) }\n\t\t\t\t\t\t\t\tmin={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\t\t\tmax={ Math.max(\n\t\t\t\t\t\t\t\t\tMAX_PREVIEW_HEIGHT,\n\t\t\t\t\t\t\t\t\tpreviewHeight\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ previewHeight }\n\t\t\t\t\t\t\t\tonChange={ changePreviewHeight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t\t\t\tvalue={ textLinkHref }\n\t\t\t\t\t\toptions={ linkDestinationOptions }\n\t\t\t\t\t\tonChange={ changeLinkDestinationOption }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewWindow }\n\t\t\t\t\t\tonChange={ changeOpenInNewWindow }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show download button' ) }\n\t\t\t\t\t\tchecked={ showDownloadButton }\n\t\t\t\t\t\tonChange={ changeShowDownloadButton }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","RangeControl","SelectControl","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","InspectorControls","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FileBlockInspector","hrefs","openInNewWindow","showDownloadButton","changeLinkDestinationOption","changeOpenInNewWindow","changeShowDownloadButton","displayPreview","changeDisplayPreview","previewHeight","changePreviewHeight","href","textLinkHref","attachmentPage","dropdownMenuProps","linkDestinationOptions","value","label","children","endsWith","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","help","checked","onChange","__next40pxDefaultSize","min","max","Math","options"],"sources":["@wordpress/block-library/src/file/inspector.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tRangeControl,\n\tSelectControl,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { MIN_PREVIEW_HEIGHT, MAX_PREVIEW_HEIGHT } from './edit';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function FileBlockInspector( {\n\threfs,\n\topenInNewWindow,\n\tshowDownloadButton,\n\tchangeLinkDestinationOption,\n\tchangeOpenInNewWindow,\n\tchangeShowDownloadButton,\n\tdisplayPreview,\n\tchangeDisplayPreview,\n\tpreviewHeight,\n\tchangePreviewHeight,\n} ) {\n\tconst { href, textLinkHref, attachmentPage } = hrefs;\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tlet linkDestinationOptions = [ { value: href, label: __( 'URL' ) } ];\n\tif ( attachmentPage ) {\n\t\tlinkDestinationOptions = [\n\t\t\t{ value: href, label: __( 'Media file' ) },\n\t\t\t{ value: attachmentPage, label: __( 'Attachment page' ) },\n\t\t];\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ href.endsWith( '.pdf' ) && (\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'PDF settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tchangeDisplayPreview( true );\n\t\t\t\t\t\t\tchangePreviewHeight( 600 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Show inline embed' ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => ! displayPreview }\n\t\t\t\t\t\t\tonDeselect={ () => changeDisplayPreview( true ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Show inline embed' ) }\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\tdisplayPreview\n\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\"Note: Most phone and tablet browsers won't display embedded PDFs.\"\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tchecked={ !! displayPreview }\n\t\t\t\t\t\t\t\tonChange={ changeDisplayPreview }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t{ displayPreview && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Height in pixels' ) }\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t\thasValue={ () => previewHeight !== 600 }\n\t\t\t\t\t\t\t\tonDeselect={ () => changePreviewHeight( 600 ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Height in pixels' ) }\n\t\t\t\t\t\t\t\t\tmin={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\t\t\t\tmax={ Math.max(\n\t\t\t\t\t\t\t\t\t\tMAX_PREVIEW_HEIGHT,\n\t\t\t\t\t\t\t\t\t\tpreviewHeight\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tvalue={ previewHeight }\n\t\t\t\t\t\t\t\t\tonChange={ changePreviewHeight }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t) }\n\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tchangeLinkDestinationOption( href );\n\t\t\t\t\t\tchangeOpenInNewWindow( false );\n\t\t\t\t\t\tchangeShowDownloadButton( true );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => textLinkHref !== href }\n\t\t\t\t\t\tonDeselect={ () => changeLinkDestinationOption( href ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t\t\t\t\tvalue={ textLinkHref }\n\t\t\t\t\t\t\toptions={ linkDestinationOptions }\n\t\t\t\t\t\t\tonChange={ changeLinkDestinationOption }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! openInNewWindow }\n\t\t\t\t\t\tonDeselect={ () => changeOpenInNewWindow( false ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tchecked={ openInNewWindow }\n\t\t\t\t\t\t\tonChange={ changeOpenInNewWindow }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Show download button' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => ! showDownloadButton }\n\t\t\t\t\t\tonDeselect={ () => changeShowDownloadButton( true ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show download button' ) }\n\t\t\t\t\t\t\tchecked={ showDownloadButton }\n\t\t\t\t\t\t\tonChange={ changeShowDownloadButton }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/form/edit.js

@@ -3,12 +3,13 @@
  */
 import { __ } from '@wordpress/i18n';
 import { InnerBlocks, useBlockProps, useInnerBlocksProps, InspectorControls, store as blockEditorStore } from '@wordpress/block-editor';
-import { TextControl, SelectControl, PanelBody } from '@wordpress/components';
+import { SelectControl, TextControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { formSubmissionNotificationSuccess, formSubmissionNotificationError } from './utils.js';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const TEMPLATE = [formSubmissionNotificationSuccess, formSubmissionNotificationError, ['core/form-input', {
@@ -29,6 +30,15 @@ const Edit = ({
   setAttributes,
   clientId
 }) => {
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+  const resetAllSettings = () => {
+    setAttributes({
+      submissionMethod: 'email',
+      email: undefined,
+      action: undefined,
+      method: 'post'
+    });
+  };
   const {
     action,
     method,
@@ -53,46 +63,66 @@ const Edit = ({
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('Settings'),
-        children: [/*#__PURE__*/_jsx(SelectControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+      children: /*#__PURE__*/_jsxs(ToolsPanel, {
+        dropdownMenuProps: dropdownMenuProps,
+        label: __('Settings'),
+        resetAll: resetAllSettings,
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => submissionMethod !== 'email',
           label: __('Submissions method'),
-          options: [
-          // TODO: Allow plugins to add their own submission methods.
-          {
-            label: __('Send email'),
-            value: 'email'
-          }, {
-            label: __('- Custom -'),
-            value: 'custom'
-          }],
-          value: submissionMethod,
-          onChange: value => setAttributes({
-            submissionMethod: value
+          onDeselect: () => setAttributes({
+            submissionMethod: 'email'
           }),
-          help: submissionMethod === 'custom' ? __('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : __('Select the method to use for form submissions.')
-        }), submissionMethod === 'email' && /*#__PURE__*/_jsx(TextControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
-          autoComplete: "off",
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(SelectControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Submissions method'),
+            options: [
+            // TODO: Allow plugins to add their own submission methods.
+            {
+              label: __('Send email'),
+              value: 'email'
+            }, {
+              label: __('- Custom -'),
+              value: 'custom'
+            }],
+            value: submissionMethod,
+            onChange: value => setAttributes({
+              submissionMethod: value
+            }),
+            help: submissionMethod === 'custom' ? __('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : __('Select the method to use for form submissions.')
+          })
+        }), submissionMethod === 'email' && /*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => !!email,
           label: __('Email for form submissions'),
-          value: email,
-          required: true,
-          onChange: value => {
-            setAttributes({
-              email: value
-            });
-            setAttributes({
-              action: `mailto:${value}`
-            });
-            setAttributes({
-              method: 'post'
-            });
-          },
-          help: __('The email address where form submissions will be sent. Separate multiple email addresses with a comma.'),
-          type: "email"
+          onDeselect: () => setAttributes({
+            email: undefined,
+            action: undefined,
+            method: 'post'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(TextControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            autoComplete: "off",
+            label: __('Email for form submissions'),
+            value: email || '',
+            required: true,
+            onChange: value => {
+              setAttributes({
+                email: value
+              });
+              setAttributes({
+                action: `mailto:${value}`
+              });
+              setAttributes({
+                method: 'post'
+              });
+            },
+            help: __('The email address where form submissions will be sent. Separate multiple email addresses with a comma.'),
+            type: "email"
+          })
         })]
       })
     }), submissionMethod !== 'email' && /*#__PURE__*/_jsxs(InspectorControls, {

package/build-module/form/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","InnerBlocks","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","TextControl","SelectControl","PanelBody","useSelect","formSubmissionNotificationSuccess","formSubmissionNotificationError","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TEMPLATE","type","label","required","Edit","attributes","setAttributes","clientId","action","method","email","submissionMethod","blockProps","hasInnerBlocks","select","getBlock","block","innerBlocks","length","innerBlocksProps","template","renderAppender","undefined","ButtonBlockAppender","children","title","__nextHasNoMarginBottom","__next40pxDefaultSize","options","value","onChange","help","autoComplete","group","newVal","className","encType"],"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__next40pxDefaultSize\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\t__next40pxDefaultSize\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\ttype=\"email\"\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__next40pxDefaultSize\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__next40pxDefaultSize\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\ttype=\"url\"\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":["__","InnerBlocks","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","SelectControl","TextControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useSelect","useToolsPanelDropdownMenuProps","formSubmissionNotificationSuccess","formSubmissionNotificationError","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TEMPLATE","type","label","required","Edit","attributes","setAttributes","clientId","dropdownMenuProps","resetAllSettings","submissionMethod","email","undefined","action","method","blockProps","hasInnerBlocks","select","getBlock","block","innerBlocks","length","innerBlocksProps","template","renderAppender","ButtonBlockAppender","children","resetAll","hasValue","onDeselect","isShownByDefault","__nextHasNoMarginBottom","__next40pxDefaultSize","options","value","onChange","help","autoComplete","group","newVal","className","encType"],"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 {\n\tSelectControl,\n\tTextControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\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 dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst resetAllSettings = () => {\n\t\tsetAttributes( {\n\t\t\tsubmissionMethod: 'email',\n\t\t\temail: undefined,\n\t\t\taction: undefined,\n\t\t\tmethod: 'post',\n\t\t} );\n\t};\n\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<ToolsPanel\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ resetAllSettings }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => submissionMethod !== 'email' }\n\t\t\t\t\t\tlabel={ __( 'Submissions method' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tsubmissionMethod: 'email',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Submissions method' ) }\n\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t// TODO: Allow plugins to add their own submission methods.\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlabel: __( 'Send email' ),\n\t\t\t\t\t\t\t\t\tvalue: 'email',\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\tlabel: __( '- Custom -' ),\n\t\t\t\t\t\t\t\t\tvalue: 'custom',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\tvalue={ submissionMethod }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { submissionMethod: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\tsubmissionMethod === 'custom'\n\t\t\t\t\t\t\t\t\t? __(\n\t\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\t  )\n\t\t\t\t\t\t\t\t\t: __(\n\t\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\t  )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t{ submissionMethod === 'email' && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! email }\n\t\t\t\t\t\t\tlabel={ __( 'Email for form submissions' ) }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\temail: undefined,\n\t\t\t\t\t\t\t\t\taction: undefined,\n\t\t\t\t\t\t\t\t\tmethod: 'post',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Email for form submissions' ) }\n\t\t\t\t\t\t\t\tvalue={ email || '' }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { email: value } );\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\taction: `mailto:${ value }`,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tsetAttributes( { method: 'post' } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\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\t) }\n\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\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__next40pxDefaultSize\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__next40pxDefaultSize\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\ttype=\"url\"\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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,WAAW,EACXC,aAAa,EACbC,mBAAmB,EACnBC,iBAAiB,EACjBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SACCC,aAAa,EACbC,WAAW,EACXC,wBAAwB,IAAIC,UAAU,EACtCC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,8BAA8B,QAAQ,gBAAgB;AAC/D,SACCC,iCAAiC,EACjCC,+BAA+B,QACzB,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEpB,MAAMC,QAAQ,GAAG,CAChBR,iCAAiC,EACjCC,+BAA+B,EAC/B,CACC,iBAAiB,EACjB;EACCQ,IAAI,EAAE,MAAM;EACZC,KAAK,EAAEzB,EAAE,CAAE,MAAO,CAAC;EACnB0B,QAAQ,EAAE;AACX,CAAC,CACD,EACD,CACC,iBAAiB,EACjB;EACCF,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEzB,EAAE,CAAE,OAAQ,CAAC;EACpB0B,QAAQ,EAAE;AACX,CAAC,CACD,EACD,CACC,iBAAiB,EACjB;EACCF,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAEzB,EAAE,CAAE,SAAU,CAAC;EACtB0B,QAAQ,EAAE;AACX,CAAC,CACD,EACD,CAAE,yBAAyB,EAAE,CAAC,CAAC,CAAE,CACjC;AAED,MAAMC,IAAI,GAAGA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAS,CAAC,KAAM;EAC3D,MAAMC,iBAAiB,GAAGjB,8BAA8B,CAAC,CAAC;EAE1D,MAAMkB,gBAAgB,GAAGA,CAAA,KAAM;IAC9BH,aAAa,CAAE;MACdI,gBAAgB,EAAE,OAAO;MACzBC,KAAK,EAAEC,SAAS;MAChBC,MAAM,EAAED,SAAS;MACjBE,MAAM,EAAE;IACT,CAAE,CAAC;EACJ,CAAC;EAED,MAAM;IAAED,MAAM;IAAEC,MAAM;IAAEH,KAAK;IAAED;EAAiB,CAAC,GAAGL,UAAU;EAC9D,MAAMU,UAAU,GAAGpC,aAAa,CAAC,CAAC;EAElC,MAAM;IAAEqC;EAAe,CAAC,GAAG1B,SAAS,CACjC2B,MAAM,IAAM;IACb,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAElC,gBAAiB,CAAC;IAC/C,MAAMoC,KAAK,GAAGD,QAAQ,CAAEX,QAAS,CAAC;IAClC,OAAO;MACNS,cAAc,EAAE,CAAC,EAAIG,KAAK,IAAIA,KAAK,CAACC,WAAW,CAACC,MAAM;IACvD,CAAC;EACF,CAAC,EACD,CAAEd,QAAQ,CACX,CAAC;EAED,MAAMe,gBAAgB,GAAG1C,mBAAmB,CAAEmC,UAAU,EAAE;IACzDQ,QAAQ,EAAEvB,QAAQ;IAClBwB,cAAc,EAAER,cAAc,GAC3BJ,SAAS,GACTlC,WAAW,CAAC+C;EAChB,CAAE,CAAC;EAEH,oBACC5B,KAAA,CAAAE,SAAA;IAAA2B,QAAA,gBACC/B,IAAA,CAACd,iBAAiB;MAAA6C,QAAA,eACjB7B,KAAA,CAACV,UAAU;QACVqB,iBAAiB,EAAGA,iBAAmB;QACvCN,KAAK,EAAGzB,EAAE,CAAE,UAAW,CAAG;QAC1BkD,QAAQ,EAAGlB,gBAAkB;QAAAiB,QAAA,gBAE7B/B,IAAA,CAACN,cAAc;UACduC,QAAQ,EAAGA,CAAA,KAAMlB,gBAAgB,KAAK,OAAS;UAC/CR,KAAK,EAAGzB,EAAE,CAAE,oBAAqB,CAAG;UACpCoD,UAAU,EAAGA,CAAA,KACZvB,aAAa,CAAE;YACdI,gBAAgB,EAAE;UACnB,CAAE,CACF;UACDoB,gBAAgB;UAAAJ,QAAA,eAEhB/B,IAAA,CAACX,aAAa;YACb+C,uBAAuB;YACvBC,qBAAqB;YACrB9B,KAAK,EAAGzB,EAAE,CAAE,oBAAqB,CAAG;YACpCwD,OAAO,EAAG;YACT;YACA;cACC/B,KAAK,EAAEzB,EAAE,CAAE,YAAa,CAAC;cACzByD,KAAK,EAAE;YACR,CAAC,EACD;cACChC,KAAK,EAAEzB,EAAE,CAAE,YAAa,CAAC;cACzByD,KAAK,EAAE;YACR,CAAC,CACC;YACHA,KAAK,EAAGxB,gBAAkB;YAC1ByB,QAAQ,EAAKD,KAAK,IACjB5B,aAAa,CAAE;cAAEI,gBAAgB,EAAEwB;YAAM,CAAE,CAC3C;YACDE,IAAI,EACH1B,gBAAgB,KAAK,QAAQ,GAC1BjC,EAAE,CACF,iIACA,CAAC,GACDA,EAAE,CACF,gDACA;UACH,CACD;QAAC,CACa,CAAC,EACfiC,gBAAgB,KAAK,OAAO,iBAC7Bf,IAAA,CAACN,cAAc;UACduC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEjB,KAAO;UAC3BT,KAAK,EAAGzB,EAAE,CAAE,4BAA6B,CAAG;UAC5CoD,UAAU,EAAGA,CAAA,KACZvB,aAAa,CAAE;YACdK,KAAK,EAAEC,SAAS;YAChBC,MAAM,EAAED,SAAS;YACjBE,MAAM,EAAE;UACT,CAAE,CACF;UACDgB,gBAAgB;UAAAJ,QAAA,eAEhB/B,IAAA,CAACV,WAAW;YACX8C,uBAAuB;YACvBC,qBAAqB;YACrBK,YAAY,EAAC,KAAK;YAClBnC,KAAK,EAAGzB,EAAE,CAAE,4BAA6B,CAAG;YAC5CyD,KAAK,EAAGvB,KAAK,IAAI,EAAI;YACrBR,QAAQ;YACRgC,QAAQ,EAAKD,KAAK,IAAM;cACvB5B,aAAa,CAAE;gBAAEK,KAAK,EAAEuB;cAAM,CAAE,CAAC;cACjC5B,aAAa,CAAE;gBACdO,MAAM,EAAE,UAAWqB,KAAK;cACzB,CAAE,CAAC;cACH5B,aAAa,CAAE;gBAAEQ,MAAM,EAAE;cAAO,CAAE,CAAC;YACpC,CAAG;YACHsB,IAAI,EAAG3D,EAAE,CACR,wGACD,CAAG;YACHwB,IAAI,EAAC;UAAO,CACZ;QAAC,CACa,CAChB;MAAA,CACU;IAAC,CACK,CAAC,EAClBS,gBAAgB,KAAK,OAAO,iBAC7Bb,KAAA,CAAChB,iBAAiB;MAACyD,KAAK,EAAC,UAAU;MAAAZ,QAAA,gBAClC/B,IAAA,CAACX,aAAa;QACbgD,qBAAqB;QACrBD,uBAAuB;QACvB7B,KAAK,EAAGzB,EAAE,CAAE,QAAS,CAAG;QACxBwD,OAAO,EAAG,CACT;UAAE/B,KAAK,EAAE,KAAK;UAAEgC,KAAK,EAAE;QAAM,CAAC,EAC9B;UAAEhC,KAAK,EAAE,MAAM;UAAEgC,KAAK,EAAE;QAAO,CAAC,CAC9B;QACHA,KAAK,EAAGpB,MAAQ;QAChBqB,QAAQ,EAAKD,KAAK,IACjB5B,aAAa,CAAE;UAAEQ,MAAM,EAAEoB;QAAM,CAAE,CACjC;QACDE,IAAI,EAAG3D,EAAE,CACR,gDACD;MAAG,CACH,CAAC,eACFkB,IAAA,CAACV,WAAW;QACX+C,qBAAqB;QACrBD,uBAAuB;QACvBM,YAAY,EAAC,KAAK;QAClBnC,KAAK,EAAGzB,EAAE,CAAE,aAAc,CAAG;QAC7ByD,KAAK,EAAGrB,MAAQ;QAChBsB,QAAQ,EAAKI,MAAM,IAAM;UACxBjC,aAAa,CAAE;YACdO,MAAM,EAAE0B;UACT,CAAE,CAAC;QACJ,CAAG;QACHH,IAAI,EAAG3D,EAAE,CACR,6CACD,CAAG;QACHwB,IAAI,EAAC;MAAK,CACV,CAAC;IAAA,CACgB,CACnB,eACDN,IAAA;MAAA,GACM2B,gBAAgB;MACrBkB,SAAS,EAAC,eAAe;MACzBC,OAAO,EAAG/B,gBAAgB,KAAK,OAAO,GAAG,YAAY,GAAG;IAAM,CAC9D,CAAC;EAAA,CACD,CAAC;AAEL,CAAC;AACD,eAAeN,IAAI","ignoreList":[]}

package/build-module/form-input/edit.js

@@ -8,8 +8,13 @@ import clsx from 'clsx';
  */
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, RichText, useBlockProps, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps } from '@wordpress/block-editor';
-import { PanelBody, TextControl, CheckboxControl } from '@wordpress/components';
+import { TextControl, CheckboxControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useRef } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function InputFieldBlock({
   attributes,
@@ -26,6 +31,7 @@ function InputFieldBlock({
     value
   } = attributes;
   const blockProps = useBlockProps();
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   const ref = useRef();
   const TagName = type === 'textarea' ? 'textarea' : 'input';
   const borderProps = useBorderProps(attributes);
@@ -38,26 +44,49 @@ function InputFieldBlock({
   const isCheckboxOrRadio = type === 'checkbox' || type === 'radio';
   const controls = /*#__PURE__*/_jsxs(_Fragment, {
     children: ['hidden' !== type && /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('Settings'),
-        children: ['checkbox' !== type && /*#__PURE__*/_jsx(CheckboxControl, {
-          __nextHasNoMarginBottom: true,
+      children: /*#__PURE__*/_jsxs(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          setAttributes({
+            inlineLabel: false,
+            required: false
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: ['checkbox' !== type && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Inline label'),
-          checked: inlineLabel,
-          onChange: newVal => {
-            setAttributes({
-              inlineLabel: newVal
-            });
-          }
-        }), /*#__PURE__*/_jsx(CheckboxControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!inlineLabel,
+          onDeselect: () => setAttributes({
+            inlineLabel: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(CheckboxControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Inline label'),
+            checked: inlineLabel,
+            onChange: newVal => {
+              setAttributes({
+                inlineLabel: newVal
+              });
+            }
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Required'),
-          checked: required,
-          onChange: newVal => {
-            setAttributes({
-              required: newVal
-            });
-          }
+          hasValue: () => !!required,
+          onDeselect: () => setAttributes({
+            required: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(CheckboxControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Required'),
+            checked: required,
+            onChange: newVal => {
+              setAttributes({
+                required: newVal
+              });
+            }
+          })
         })]
       })
     }), /*#__PURE__*/_jsx(InspectorControls, {

package/build-module/form-input/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","PanelBody","TextControl","CheckboxControl","useRef","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","InputFieldBlock","attributes","setAttributes","className","type","name","label","inlineLabel","required","placeholder","value","blockProps","ref","TagName","borderProps","colorProps","current","focus","isCheckboxOrRadio","controls","children","title","__nextHasNoMarginBottom","checked","onChange","newVal","group","__next40pxDefaultSize","autoComplete","help","content","tagName","newLabel","event","target","undefined","style"],"sources":["@wordpress/block-library/src/form-input/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, TextControl, CheckboxControl } from '@wordpress/components';\n\nimport { useRef } from '@wordpress/element';\n\nfunction InputFieldBlock( { attributes, setAttributes, className } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst ref = useRef();\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tif ( ref.current ) {\n\t\tref.current.focus();\n\t}\n\n\t// Note: radio inputs aren't implemented yet.\n\tconst isCheckboxOrRadio = type === 'checkbox' || type === 'radio';\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ 'hidden' !== type && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t\t{ 'checkbox' !== type && (\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Inline label' ) }\n\t\t\t\t\t\t\t\tchecked={ inlineLabel }\n\t\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tinlineLabel: newVal,\n\t\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/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Required' ) }\n\t\t\t\t\t\t\tchecked={ required }\n\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\trequired: newVal,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tname: newVal,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Affects the \"name\" attribute of the input element, and is used as a name for the form submission results.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst content = (\n\t\t<RichText\n\t\t\ttagName=\"span\"\n\t\t\tclassName=\"wp-block-form-input__label-content\"\n\t\t\tvalue={ label }\n\t\t\tonChange={ ( newLabel ) => setAttributes( { label: newLabel } ) }\n\t\t\taria-label={ label ? __( 'Label' ) : __( 'Empty label' ) }\n\t\t\tdata-empty={ ! label }\n\t\t\tplaceholder={ __( 'Type the label for this input' ) }\n\t\t/>\n\t);\n\n\tif ( 'hidden' === type ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<input\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Value' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { value: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t<span\n\t\t\t\tclassName={ clsx( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel || 'checkbox' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ ! isCheckboxOrRadio && content }\n\t\t\t\t<TagName\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t\t// which is confusing.\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ isCheckboxOrRadio && content }\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n\nexport default InputFieldBlock;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__","InspectorControls","RichText","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","TextControl","CheckboxControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useRef","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","InputFieldBlock","attributes","setAttributes","className","type","name","label","inlineLabel","required","placeholder","value","blockProps","dropdownMenuProps","ref","TagName","borderProps","colorProps","current","focus","isCheckboxOrRadio","controls","children","resetAll","hasValue","onDeselect","isShownByDefault","__nextHasNoMarginBottom","checked","onChange","newVal","group","__next40pxDefaultSize","autoComplete","help","content","tagName","newLabel","event","target","undefined","style"],"sources":["@wordpress/block-library/src/form-input/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tCheckboxControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nfunction InputFieldBlock( { attributes, setAttributes, className } ) {\n\tconst { type, name, label, inlineLabel, required, placeholder, value } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst ref = useRef();\n\tconst TagName = type === 'textarea' ? 'textarea' : 'input';\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tif ( ref.current ) {\n\t\tref.current.focus();\n\t}\n\n\t// Note: radio inputs aren't implemented yet.\n\tconst isCheckboxOrRadio = type === 'checkbox' || type === 'radio';\n\n\tconst controls = (\n\t\t<>\n\t\t\t{ 'hidden' !== type && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tinlineLabel: false,\n\t\t\t\t\t\t\t\trequired: false,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ 'checkbox' !== type && (\n\t\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\t\tlabel={ __( 'Inline label' ) }\n\t\t\t\t\t\t\t\thasValue={ () => !! inlineLabel }\n\t\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { inlineLabel: false } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Inline label' ) }\n\t\t\t\t\t\t\t\t\tchecked={ inlineLabel }\n\t\t\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\tinlineLabel: newVal,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\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</ToolsPanelItem>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Required' ) }\n\t\t\t\t\t\t\thasValue={ () => !! required }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { required: false } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Required' ) }\n\t\t\t\t\t\t\t\tchecked={ required }\n\t\t\t\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\trequired: newVal,\n\t\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/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ name }\n\t\t\t\t\tonChange={ ( newVal ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tname: newVal,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Affects the \"name\" attribute of the input element, and is used as a name for the form submission results.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tconst content = (\n\t\t<RichText\n\t\t\ttagName=\"span\"\n\t\t\tclassName=\"wp-block-form-input__label-content\"\n\t\t\tvalue={ label }\n\t\t\tonChange={ ( newLabel ) => setAttributes( { label: newLabel } ) }\n\t\t\taria-label={ label ? __( 'Label' ) : __( 'Empty label' ) }\n\t\t\tdata-empty={ ! label }\n\t\t\tplaceholder={ __( 'Type the label for this input' ) }\n\t\t/>\n\t);\n\n\tif ( 'hidden' === type ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<input\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Value' ) }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { value: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\t\t\t<span\n\t\t\t\tclassName={ clsx( 'wp-block-form-input__label', {\n\t\t\t\t\t'is-label-inline': inlineLabel || 'checkbox' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ ! isCheckboxOrRadio && content }\n\t\t\t\t<TagName\n\t\t\t\t\ttype={ 'textarea' === type ? undefined : type }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t'wp-block-form-input__input',\n\t\t\t\t\t\tcolorProps.className,\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t\t// which is confusing.\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t\t}\n\t\t\t\t\taria-required={ required }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ isCheckboxOrRadio && content }\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n\nexport default InputFieldBlock;\n"],"mappings":"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","ignoreList":[]}