@wordpress/block-library 9.23.0 → 9.25.0

package/build-module/rss/edit.js

@@ -2,12 +2,17 @@
  * WordPress dependencies
  */
 import { BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { Button, Disabled, PanelBody, Placeholder, RangeControl, ToggleControl, ToolbarGroup, TextControl, __experimentalInputControl as InputControl } from '@wordpress/components';
+import { Button, Disabled, Placeholder, RangeControl, ToggleControl, ToolbarGroup, TextControl, __experimentalInputControl as InputControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useState } from '@wordpress/element';
 import { grid, list, edit, rss } from '@wordpress/icons';
 import { __, _x } from '@wordpress/i18n';
 import { prependHTTP } from '@wordpress/url';
 import ServerSideRender from '@wordpress/server-side-render';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DEFAULT_MIN_ITEMS = 1;
 const DEFAULT_MAX_ITEMS = 20;
@@ -28,6 +33,7 @@ export default function RSSEdit({
     openInNewTab,
     rel
   } = attributes;
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   function toggleAttribute(propName) {
     return () => {
       const value = attributes[propName];
@@ -117,62 +123,130 @@ export default function RSSEdit({
         controls: toolbarControls
       })
     }), /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsxs(PanelBody, {
-        title: __('Settings'),
-        children: [/*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+      children: /*#__PURE__*/_jsxs(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          setAttributes({
+            itemsToShow: 5,
+            displayAuthor: false,
+            displayDate: false,
+            displayExcerpt: false,
+            excerptLength: 55,
+            columns: 2,
+            openInNewTab: false
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Number of items'),
-          value: itemsToShow,
-          onChange: value => setAttributes({
-            itemsToShow: value
+          hasValue: () => itemsToShow !== 5,
+          onDeselect: () => setAttributes({
+            itemsToShow: 5
           }),
-          min: DEFAULT_MIN_ITEMS,
-          max: DEFAULT_MAX_ITEMS,
-          required: true
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Number of items'),
+            value: itemsToShow,
+            onChange: value => setAttributes({
+              itemsToShow: value
+            }),
+            min: DEFAULT_MIN_ITEMS,
+            max: DEFAULT_MAX_ITEMS,
+            required: true
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display author'),
-          checked: displayAuthor,
-          onChange: toggleAttribute('displayAuthor')
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayAuthor,
+          onDeselect: () => setAttributes({
+            displayAuthor: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display author'),
+            checked: displayAuthor,
+            onChange: toggleAttribute('displayAuthor')
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display date'),
-          checked: displayDate,
-          onChange: toggleAttribute('displayDate')
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          hasValue: () => !!displayDate,
+          onDeselect: () => setAttributes({
+            displayDate: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display date'),
+            checked: displayDate,
+            onChange: toggleAttribute('displayDate')
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Display excerpt'),
-          checked: displayExcerpt,
-          onChange: toggleAttribute('displayExcerpt')
-        }), displayExcerpt && /*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          hasValue: () => !!displayExcerpt,
+          onDeselect: () => setAttributes({
+            displayExcerpt: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Display excerpt'),
+            checked: displayExcerpt,
+            onChange: toggleAttribute('displayExcerpt')
+          })
+        }), displayExcerpt && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Max number of words in excerpt'),
-          value: excerptLength,
-          onChange: value => setAttributes({
-            excerptLength: value
+          hasValue: () => excerptLength !== 55,
+          onDeselect: () => setAttributes({
+            excerptLength: 55
           }),
-          min: 10,
-          max: 100,
-          required: true
-        }), blockLayout === 'grid' && /*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Max number of words in excerpt'),
+            value: excerptLength,
+            onChange: value => setAttributes({
+              excerptLength: value
+            }),
+            min: 10,
+            max: 100,
+            required: true
+          })
+        }), blockLayout === 'grid' && /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Columns'),
-          value: columns,
-          onChange: value => setAttributes({
-            columns: value
+          hasValue: () => columns !== 2,
+          onDeselect: () => setAttributes({
+            columns: 2
           }),
-          min: 2,
-          max: 6,
-          required: true
-        }), /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: __('Columns'),
+            value: columns,
+            onChange: value => setAttributes({
+              columns: value
+            }),
+            min: 2,
+            max: 6,
+            required: true
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           label: __('Open links in new tab'),
-          checked: openInNewTab,
-          onChange: value => setAttributes({
-            openInNewTab: value
+          hasValue: () => !!openInNewTab,
+          onDeselect: () => setAttributes({
+            openInNewTab: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Open links in new tab'),
+            checked: openInNewTab,
+            onChange: value => setAttributes({
+              openInNewTab: value
+            })
           })
         })]
       })

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

@@ -1 +1 @@
-{"version":3,"names":["BlockControls","InspectorControls","useBlockProps","Button","Disabled","PanelBody","Placeholder","RangeControl","ToggleControl","ToolbarGroup","TextControl","__experimentalInputControl","InputControl","useState","grid","list","edit","rss","__","_x","prependHTTP","ServerSideRender","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","label","children","icon","instructions","onSubmit","className","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","variant","toolbarControls","title","onClick","isActive","serverSideAttributes","style","border","undefined","spacing","controls","__nextHasNoMarginBottom","min","max","required","checked","group","block"],"sources":["@wordpress/block-library/src/rss/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tDisabled,\n\tPanelBody,\n\tPlaceholder,\n\tRangeControl,\n\tToggleControl,\n\tToolbarGroup,\n\tTextControl,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { grid, list, edit, rss } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { prependHTTP } from '@wordpress/url';\nimport ServerSideRender from '@wordpress/server-side-render';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 20;\n\nexport default function RSSEdit( { attributes, setAttributes } ) {\n\tconst [ isEditing, setIsEditing ] = useState( ! attributes.feedURL );\n\n\tconst {\n\t\tblockLayout,\n\t\tcolumns,\n\t\tdisplayAuthor,\n\t\tdisplayDate,\n\t\tdisplayExcerpt,\n\t\texcerptLength,\n\t\tfeedURL,\n\t\titemsToShow,\n\t\topenInNewTab,\n\t\trel,\n\t} = attributes;\n\n\tfunction toggleAttribute( propName ) {\n\t\treturn () => {\n\t\t\tconst value = attributes[ propName ];\n\n\t\t\tsetAttributes( { [ propName ]: ! value } );\n\t\t};\n\t}\n\n\tfunction onSubmitURL( event ) {\n\t\tevent.preventDefault();\n\n\t\tif ( feedURL ) {\n\t\t\tsetAttributes( { feedURL: prependHTTP( feedURL ) } );\n\t\t\tsetIsEditing( false );\n\t\t}\n\t}\n\n\tconst blockProps = useBlockProps();\n\n\tconst label = __( 'RSS URL' );\n\n\tif ( isEditing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ rss }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'Display entries from any RSS or Atom feed.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ onSubmitURL }\n\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-form\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ttype=\"url\"\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tplaceholder={ __( 'Enter URL here…' ) }\n\t\t\t\t\t\t\tvalue={ feedURL }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { feedURL: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-input\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst toolbarControls = [\n\t\t{\n\t\t\ticon: edit,\n\t\t\ttitle: __( 'Edit RSS URL' ),\n\t\t\tonClick: () => setIsEditing( true ),\n\t\t},\n\t\t{\n\t\t\ticon: list,\n\t\t\ttitle: _x( 'List view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'list' } ),\n\t\t\tisActive: blockLayout === 'list',\n\t\t},\n\t\t{\n\t\t\ticon: grid,\n\t\t\ttitle: _x( 'Grid view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'grid' } ),\n\t\t\tisActive: blockLayout === 'grid',\n\t\t},\n\t];\n\n\t/*\n\t * This function merges the existing attributes with additional style properties.\n\t * The `border` and `spacing` properties are set to `undefined` to ensure that\n\t * these styles are reset and not applied on the server side.\n\t */\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tborder: undefined,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ itemsToShow }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { itemsToShow: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ DEFAULT_MIN_ITEMS }\n\t\t\t\t\t\tmax={ DEFAULT_MAX_ITEMS }\n\t\t\t\t\t\trequired\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={ __( 'Display author' ) }\n\t\t\t\t\t\tchecked={ displayAuthor }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayAuthor' ) }\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={ __( 'Display date' ) }\n\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayDate' ) }\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={ __( 'Display excerpt' ) }\n\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\tonChange={ toggleAttribute( 'displayExcerpt' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ displayExcerpt && (\n\t\t\t\t\t\t<RangeControl\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={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ blockLayout === 'grid' && (\n\t\t\t\t\t\t<RangeControl\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={ __( 'Columns' ) }\n\t\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\t\tmax={ 6 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: value } )\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<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\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { rel: value } ) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tblock=\"core/rss\"\n\t\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BlockControls","InspectorControls","useBlockProps","Button","Disabled","Placeholder","RangeControl","ToggleControl","ToolbarGroup","TextControl","__experimentalInputControl","InputControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useState","grid","list","edit","rss","__","_x","prependHTTP","ServerSideRender","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","openInNewTab","rel","dropdownMenuProps","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","label","children","icon","instructions","onSubmit","className","__next40pxDefaultSize","type","hideLabelFromVision","placeholder","onChange","variant","toolbarControls","title","onClick","isActive","serverSideAttributes","style","border","undefined","spacing","controls","resetAll","hasValue","onDeselect","isShownByDefault","__nextHasNoMarginBottom","min","max","required","checked","group","block"],"sources":["@wordpress/block-library/src/rss/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\tDisabled,\n\tPlaceholder,\n\tRangeControl,\n\tToggleControl,\n\tToolbarGroup,\n\tTextControl,\n\t__experimentalInputControl as InputControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { grid, list, edit, rss } from '@wordpress/icons';\nimport { __, _x } from '@wordpress/i18n';\nimport { prependHTTP } from '@wordpress/url';\nimport ServerSideRender from '@wordpress/server-side-render';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 20;\n\nexport default function RSSEdit( { attributes, setAttributes } ) {\n\tconst [ isEditing, setIsEditing ] = useState( ! attributes.feedURL );\n\n\tconst {\n\t\tblockLayout,\n\t\tcolumns,\n\t\tdisplayAuthor,\n\t\tdisplayDate,\n\t\tdisplayExcerpt,\n\t\texcerptLength,\n\t\tfeedURL,\n\t\titemsToShow,\n\t\topenInNewTab,\n\t\trel,\n\t} = attributes;\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tfunction toggleAttribute( propName ) {\n\t\treturn () => {\n\t\t\tconst value = attributes[ propName ];\n\n\t\t\tsetAttributes( { [ propName ]: ! value } );\n\t\t};\n\t}\n\n\tfunction onSubmitURL( event ) {\n\t\tevent.preventDefault();\n\n\t\tif ( feedURL ) {\n\t\t\tsetAttributes( { feedURL: prependHTTP( feedURL ) } );\n\t\t\tsetIsEditing( false );\n\t\t}\n\t}\n\n\tconst blockProps = useBlockProps();\n\n\tconst label = __( 'RSS URL' );\n\n\tif ( isEditing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ rss }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t'Display entries from any RSS or Atom feed.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ onSubmitURL }\n\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-form\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ttype=\"url\"\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tplaceholder={ __( 'Enter URL here…' ) }\n\t\t\t\t\t\t\tvalue={ feedURL }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { feedURL: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-input\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst toolbarControls = [\n\t\t{\n\t\t\ticon: edit,\n\t\t\ttitle: __( 'Edit RSS URL' ),\n\t\t\tonClick: () => setIsEditing( true ),\n\t\t},\n\t\t{\n\t\t\ticon: list,\n\t\t\ttitle: _x( 'List view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'list' } ),\n\t\t\tisActive: blockLayout === 'list',\n\t\t},\n\t\t{\n\t\t\ticon: grid,\n\t\t\ttitle: _x( 'Grid view', 'RSS block display setting' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'grid' } ),\n\t\t\tisActive: blockLayout === 'grid',\n\t\t},\n\t];\n\n\t/*\n\t * This function merges the existing attributes with additional style properties.\n\t * The `border` and `spacing` properties are set to `undefined` to ensure that\n\t * these styles are reset and not applied on the server side.\n\t */\n\tconst serverSideAttributes = {\n\t\t...attributes,\n\t\tstyle: {\n\t\t\t...attributes?.style,\n\t\t\tborder: undefined,\n\t\t\tspacing: undefined,\n\t\t},\n\t};\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup controls={ toolbarControls } />\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\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\tsetAttributes( {\n\t\t\t\t\t\t\titemsToShow: 5,\n\t\t\t\t\t\t\tdisplayAuthor: false,\n\t\t\t\t\t\t\tdisplayDate: false,\n\t\t\t\t\t\t\tdisplayExcerpt: false,\n\t\t\t\t\t\t\texcerptLength: 55,\n\t\t\t\t\t\t\tcolumns: 2,\n\t\t\t\t\t\t\topenInNewTab: false,\n\t\t\t\t\t\t} );\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={ __( 'Number of items' ) }\n\t\t\t\t\t\thasValue={ () => itemsToShow !== 5 }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { itemsToShow: 5 } ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\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={ __( 'Number of items' ) }\n\t\t\t\t\t\t\tvalue={ itemsToShow }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { itemsToShow: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ DEFAULT_MIN_ITEMS }\n\t\t\t\t\t\t\tmax={ DEFAULT_MAX_ITEMS }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display author' ) }\n\t\t\t\t\t\thasValue={ () => !! displayAuthor }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayAuthor: false } )\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display author' ) }\n\t\t\t\t\t\t\tchecked={ displayAuthor }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayAuthor' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\thasValue={ () => !! displayDate }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayDate: false } )\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display date' ) }\n\t\t\t\t\t\t\tchecked={ displayDate }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayDate' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\thasValue={ () => !! displayExcerpt }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { displayExcerpt: false } )\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Display excerpt' ) }\n\t\t\t\t\t\t\tchecked={ displayExcerpt }\n\t\t\t\t\t\t\tonChange={ toggleAttribute( 'displayExcerpt' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t{ displayExcerpt && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\thasValue={ () => excerptLength !== 55 }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: 55 } )\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<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={ __( 'Max number of words in excerpt' ) }\n\t\t\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ blockLayout === 'grid' && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thasValue={ () => columns !== 2 }\n\t\t\t\t\t\t\tonDeselect={ () => setAttributes( { columns: 2 } ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\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={ __( 'Columns' ) }\n\t\t\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\t\t\tmax={ 6 }\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\thasValue={ () => !! openInNewTab }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: false } )\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { openInNewTab: value } )\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</ToolsPanel>\n\t\t\t</InspectorControls>\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\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\tvalue={ rel || '' }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { rel: value } ) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tblock=\"core/rss\"\n\t\t\t\t\t\tattributes={ serverSideAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/rss/index.js

@@ -27,7 +27,8 @@ const metadata = {
     },
     feedURL: {
       type: "string",
-      "default": ""
+      "default": "",
+      role: "content"
     },
     itemsToShow: {
       type: "number",

package/build-module/rss/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["rss","icon","initBlock","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","columns","type","blockLayout","feedURL","itemsToShow","displayExcerpt","displayAuthor","displayDate","excerptLength","openInNewTab","rel","supports","align","html","interactivity","clientNavigation","__experimentalBorder","radius","color","width","style","spacing","margin","padding","__experimentalDefaultControls","background","text","gradients","link","editorStyle","edit","settings","example","init"],"sources":["@wordpress/block-library/src/rss/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rss as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tfeedURL: 'https://wordpress.org',\n\t\t},\n\t},\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;;AAE9C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,WAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,OAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,WAAA;MAAAH,IAAA;MAAA;IAAA;IAAAI,cAAA;MAAAJ,IAAA;MAAA;IAAA;IAAAK,aAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,WAAA;MAAAN,IAAA;MAAA;IAAA;IAAAO,aAAA;MAAAP,IAAA;MAAA;IAAA;IAAAQ,YAAA;MAAAR,IAAA;MAAA;IAAA;IAAAS,GAAA;MAAAT,IAAA;IAAA;EAAA;EAAAU,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,aAAA;MAAAC,gBAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;IAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAD,OAAA;QAAAD,MAAA;MAAA;IAAA;IAAAJ,KAAA;MAAAO,UAAA;MAAAC,IAAA;MAAAC,SAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,WAAA;EAAAT,KAAA;AAAA;AAE5C,OAAOU,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAErC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMsC,QAAQ,GAAG;EACvB3C,IAAI;EACJ4C,OAAO,EAAE;IACRjC,UAAU,EAAE;MACXI,OAAO,EAAE;IACV;EACD,CAAC;EACD2B;AACD,CAAC;AAED,OAAO,MAAMG,IAAI,GAAGA,CAAA,KAAM5C,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAEyC;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["rss","icon","initBlock","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","columns","type","blockLayout","feedURL","role","itemsToShow","displayExcerpt","displayAuthor","displayDate","excerptLength","openInNewTab","rel","supports","align","html","interactivity","clientNavigation","__experimentalBorder","radius","color","width","style","spacing","margin","padding","__experimentalDefaultControls","background","text","gradients","link","editorStyle","edit","settings","example","init"],"sources":["@wordpress/block-library/src/rss/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rss as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tfeedURL: 'https://wordpress.org',\n\t\t},\n\t},\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;;AAE9C;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,OAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,WAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,OAAA;MAAAF,IAAA;MAAA;MAAAG,IAAA;IAAA;IAAAC,WAAA;MAAAJ,IAAA;MAAA;IAAA;IAAAK,cAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,aAAA;MAAAN,IAAA;MAAA;IAAA;IAAAO,WAAA;MAAAP,IAAA;MAAA;IAAA;IAAAQ,aAAA;MAAAR,IAAA;MAAA;IAAA;IAAAS,YAAA;MAAAT,IAAA;MAAA;IAAA;IAAAU,GAAA;MAAAV,IAAA;IAAA;EAAA;EAAAW,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,aAAA;MAAAC,gBAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;IAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAD,OAAA;QAAAD,MAAA;MAAA;IAAA;IAAAJ,KAAA;MAAAO,UAAA;MAAAC,IAAA;MAAAC,SAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,WAAA;EAAAT,KAAA;AAAA;AAE5C,OAAOU,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEtC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMuC,QAAQ,GAAG;EACvB5C,IAAI;EACJ6C,OAAO,EAAE;IACRlC,UAAU,EAAE;MACXI,OAAO,EAAE;IACV;EACD,CAAC;EACD4B;AACD,CAAC;AAED,OAAO,MAAMG,IAAI,GAAGA,CAAA,KAAM7C,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAE0C;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/search/edit.js

@@ -6,10 +6,10 @@ import clsx from 'clsx';
 /**
  * WordPress dependencies
  */
-import { useBlockProps, BlockControls, InspectorControls, RichText, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps, getTypographyClassesAndStyles as useTypographyProps, store as blockEditorStore, __experimentalGetElementClassName, useSettings } from '@wordpress/block-editor';
+import { useBlockProps, InspectorControls, RichText, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps, getTypographyClassesAndStyles as useTypographyProps, store as blockEditorStore, __experimentalGetElementClassName, useSettings } from '@wordpress/block-editor';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { useEffect, useRef } from '@wordpress/element';
-import { ToolbarDropdownMenu, ToolbarGroup, ToolbarButton, ResizableBox, __experimentalUseCustomUnits as useCustomUnits, __experimentalUnitControl as UnitControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalVStack as VStack } from '@wordpress/components';
+import { SelectControl, ToggleControl, ResizableBox, __experimentalUseCustomUnits as useCustomUnits, __experimentalUnitControl as UnitControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalVStack as VStack } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 import { Icon, search } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
@@ -18,7 +18,6 @@ import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
 /**
  * Internal dependencies
  */
-import { buttonOnly, buttonOutside, buttonInside, noButton, buttonWithIcon, toggleLabel } from './icons';
 import { PC_WIDTH_DEFAULT, PX_WIDTH_DEFAULT, MIN_WIDTH, isPercentageUnit } from './utils.js';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
@@ -130,62 +129,18 @@ export default function SearchEdit({
     return clsx(className, isButtonPositionInside ? 'wp-block-search__button-inside' : undefined, isButtonPositionOutside ? 'wp-block-search__button-outside' : undefined, hasNoButton ? 'wp-block-search__no-button' : undefined, hasOnlyButton ? 'wp-block-search__button-only' : undefined, !buttonUseIcon && !hasNoButton ? 'wp-block-search__text-button' : undefined, buttonUseIcon && !hasNoButton ? 'wp-block-search__icon-button' : undefined, hasOnlyButton && isSearchFieldHidden ? 'wp-block-search__searchfield-hidden' : undefined);
   };
   const buttonPositionControls = [{
-    role: 'menuitemradio',
-    title: __('Button outside'),
-    isActive: buttonPosition === 'button-outside',
-    icon: buttonOutside,
-    onClick: () => {
-      setAttributes({
-        buttonPosition: 'button-outside',
-        isSearchFieldHidden: false
-      });
-    }
+    label: __('Button outside'),
+    value: 'button-outside'
   }, {
-    role: 'menuitemradio',
-    title: __('Button inside'),
-    isActive: buttonPosition === 'button-inside',
-    icon: buttonInside,
-    onClick: () => {
-      setAttributes({
-        buttonPosition: 'button-inside',
-        isSearchFieldHidden: false
-      });
-    }
+    label: __('Button inside'),
+    value: 'button-inside'
   }, {
-    role: 'menuitemradio',
-    title: __('No button'),
-    isActive: buttonPosition === 'no-button',
-    icon: noButton,
-    onClick: () => {
-      setAttributes({
-        buttonPosition: 'no-button',
-        isSearchFieldHidden: false
-      });
-    }
+    label: __('No button'),
+    value: 'no-button'
   }, {
-    role: 'menuitemradio',
-    title: __('Button only'),
-    isActive: buttonPosition === 'button-only',
-    icon: buttonOnly,
-    onClick: () => {
-      setAttributes({
-        buttonPosition: 'button-only',
-        isSearchFieldHidden: true
-      });
-    }
+    label: __('Button only'),
+    value: 'button-only'
   }];
-  const getButtonPositionIcon = () => {
-    switch (buttonPosition) {
-      case 'button-inside':
-        return buttonInside;
-      case 'button-outside':
-        return buttonOutside;
-      case 'no-button':
-        return noButton;
-      case 'button-only':
-        return buttonOnly;
-    }
-  };
   const getResizableSides = () => {
     if (hasOnlyButton) {
       return {};
@@ -266,44 +221,79 @@ export default function SearchEdit({
     });
   };
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-  const controls = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(BlockControls, {
-      children: /*#__PURE__*/_jsxs(ToolbarGroup, {
-        children: [/*#__PURE__*/_jsx(ToolbarButton, {
-          title: __('Show search label'),
-          icon: toggleLabel,
-          onClick: () => {
-            setAttributes({
-              showLabel: !showLabel
-            });
-          },
-          className: showLabel ? 'is-pressed' : undefined
-        }), /*#__PURE__*/_jsx(ToolbarDropdownMenu, {
-          icon: getButtonPositionIcon(),
-          label: __('Change button position'),
-          controls: buttonPositionControls
-        }), !hasNoButton && /*#__PURE__*/_jsx(ToolbarButton, {
-          title: __('Use button with icon'),
-          icon: buttonWithIcon,
-          onClick: () => {
-            setAttributes({
-              buttonUseIcon: !buttonUseIcon
-            });
-          },
-          className: buttonUseIcon ? 'is-pressed' : undefined
-        })]
-      })
-    }), /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsx(ToolsPanel, {
+  const controls = /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(ToolsPanel, {
         label: __('Settings'),
         resetAll: () => {
           setAttributes({
             width: undefined,
-            widthUnit: undefined
+            widthUnit: undefined,
+            showLabel: true,
+            buttonUseIcon: false,
+            buttonPosition: 'button-outside',
+            isSearchFieldHidden: false
           });
         },
         dropdownMenuProps: dropdownMenuProps,
-        children: /*#__PURE__*/_jsx(ToolsPanelItem, {
+        children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => !showLabel,
+          label: __('Show label'),
+          onDeselect: () => {
+            setAttributes({
+              showLabel: true
+            });
+          },
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            checked: showLabel,
+            label: __('Show label'),
+            onChange: value => setAttributes({
+              showLabel: value
+            })
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => buttonPosition !== 'button-outside',
+          label: __('Button position'),
+          onDeselect: () => {
+            setAttributes({
+              buttonPosition: 'button-outside',
+              isSearchFieldHidden: false
+            });
+          },
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(SelectControl, {
+            value: buttonPosition,
+            __next40pxDefaultSize: true,
+            __nextHasNoMarginBottom: true,
+            label: __('Button position'),
+            onChange: value => {
+              setAttributes({
+                buttonPosition: value,
+                isSearchFieldHidden: value === 'button-only'
+              });
+            },
+            options: buttonPositionControls
+          })
+        }), buttonPosition !== 'no-button' && /*#__PURE__*/_jsx(ToolsPanelItem, {
+          hasValue: () => !!buttonUseIcon,
+          label: __('Use button with icon'),
+          onDeselect: () => {
+            setAttributes({
+              buttonUseIcon: false
+            });
+          },
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            checked: buttonUseIcon,
+            label: __('Use button with icon'),
+            onChange: value => setAttributes({
+              buttonUseIcon: value
+            })
+          })
+        }), /*#__PURE__*/_jsx(ToolsPanelItem, {
           hasValue: () => !!width,
           label: __('Width'),
           onDeselect: () => {
@@ -359,9 +349,9 @@ export default function SearchEdit({
               })
             })]
           })
-        })
+        })]
       })
-    })]
+    })
   });
   const padBorderRadius = radius => radius ? `calc(${radius} + ${DEFAULT_INNER_PADDING})` : undefined;
   const getWrapperStyles = () => {