@wordpress/block-library 9.25.0 → 9.26.1-next.719a03cbe.0

package/build/post-navigation-link/edit.js

@@ -11,6 +11,7 @@ var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -20,6 +21,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 function PostNavigationLinkEdit({
   context: {
     postType
@@ -82,46 +87,80 @@ function PostNavigationLinkEdit({
     });
     return [selectOption, ...taxonomyOptions];
   };
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        resetAll: () => {
+          setAttributes({
+            showTitle: false,
+            linkLabel: false,
+            arrow: 'none'
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Display the title as a link'),
-          help: (0, _i18n.__)('If you have entered a custom label, it will be prepended before the title.'),
-          checked: !!showTitle,
-          onChange: () => setAttributes({
-            showTitle: !showTitle
+          isShownByDefault: true,
+          hasValue: () => showTitle,
+          onDeselect: () => setAttributes({
+            showTitle: false
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Display the title as a link'),
+            help: (0, _i18n.__)('If you have entered a custom label, it will be prepended before the title.'),
+            checked: !!showTitle,
+            onChange: () => setAttributes({
+              showTitle: !showTitle
+            })
           })
-        }), showTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+        }), showTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Include the label as part of the link'),
-          checked: !!linkLabel,
-          onChange: () => setAttributes({
-            linkLabel: !linkLabel
+          isShownByDefault: true,
+          hasValue: () => !!linkLabel,
+          onDeselect: () => setAttributes({
+            linkLabel: false
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Include the label as part of the link'),
+            checked: !!linkLabel,
+            onChange: () => setAttributes({
+              linkLabel: !linkLabel
+            })
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
-          __next40pxDefaultSize: true,
-          __nextHasNoMarginBottom: true,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
           label: (0, _i18n.__)('Arrow'),
-          value: arrow,
-          onChange: value => {
-            setAttributes({
-              arrow: value
-            });
-          },
-          help: (0, _i18n.__)('A decorative arrow for the next and previous link.'),
-          isBlock: true,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-            value: "none",
-            label: (0, _i18n._x)('None', 'Arrow option for Next/Previous link')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-            value: "arrow",
-            label: (0, _i18n._x)('Arrow', 'Arrow option for Next/Previous link')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-            value: "chevron",
-            label: (0, _i18n._x)('Chevron', 'Arrow option for Next/Previous link')
-          })]
+          isShownByDefault: true,
+          hasValue: () => arrow !== 'none',
+          onDeselect: () => setAttributes({
+            arrow: 'none'
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
+            __next40pxDefaultSize: true,
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Arrow'),
+            value: arrow,
+            onChange: value => {
+              setAttributes({
+                arrow: value
+              });
+            },
+            help: (0, _i18n.__)('A decorative arrow for the next and previous link.'),
+            isBlock: true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+              value: "none",
+              label: (0, _i18n._x)('None', 'Arrow option for Next/Previous link')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+              value: "arrow",
+              label: (0, _i18n._x)('Arrow', 'Arrow option for Next/Previous link')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
+              value: "chevron",
+              label: (0, _i18n._x)('Chevron', 'Arrow option for Next/Previous link')
+            })]
+          })
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {

package/build/post-navigation-link/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_i18n","_data","_coreData","_jsxRuntime","PostNavigationLinkEdit","context","postType","attributes","type","label","showTitle","textAlign","linkLabel","arrow","taxonomy","setAttributes","blockEditingMode","useBlockEditingMode","showControls","isNext","placeholder","__","arrowMap","none","chevron","displayArrow","ariaLabel","blockProps","useBlockProps","className","clsx","taxonomies","useSelect","select","getTaxonomies","coreStore","filteredTaxonomies","per_page","getTaxonomyOptions","selectOption","value","taxonomyOptions","filter","visibility","publicly_queryable","map","item","slug","name","jsxs","Fragment","children","jsx","InspectorControls","PanelBody","ToggleControl","__nextHasNoMarginBottom","help","checked","onChange","__experimentalToggleGroupControl","__next40pxDefaultSize","isBlock","__experimentalToggleGroupControlOption","_x","group","SelectControl","options","BlockControls","AlignmentToolbar","nextAlign","RichText","tagName","identifier","withoutInteractiveFormatting","newLabel","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-navigation-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tToggleControl,\n\tSelectControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function PostNavigationLinkEdit( {\n\tcontext: { postType },\n\tattributes: {\n\t\ttype,\n\t\tlabel,\n\t\tshowTitle,\n\t\ttextAlign,\n\t\tlinkLabel,\n\t\tarrow,\n\t\ttaxonomy,\n\t},\n\tsetAttributes,\n} ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst showControls = blockEditingMode === 'default';\n\tconst isNext = type === 'next';\n\tlet placeholder = isNext ? __( 'Next' ) : __( 'Previous' );\n\n\tconst arrowMap = {\n\t\tnone: '',\n\t\tarrow: isNext ? '→' : '←',\n\t\tchevron: isNext ? '»' : '«',\n\t};\n\n\tconst displayArrow = arrowMap[ arrow ];\n\n\tif ( showTitle ) {\n\t\tplaceholder = isNext\n\t\t\t? /* translators: Label before for next and previous post. There is a space after the colon. */\n\t\t\t  __( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace\n\t\t\t: /* translators: Label before for next and previous post. There is a space after the colon. */\n\t\t\t  __( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace\n\t}\n\n\tconst ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst taxonomies = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getTaxonomies } = select( coreStore );\n\t\t\tconst filteredTaxonomies = getTaxonomies( {\n\t\t\t\ttype: postType,\n\t\t\t\tper_page: -1,\n\t\t\t} );\n\t\t\treturn filteredTaxonomies;\n\t\t},\n\t\t[ postType ]\n\t);\n\tconst getTaxonomyOptions = () => {\n\t\tconst selectOption = {\n\t\t\tlabel: __( 'Unfiltered' ),\n\t\t\tvalue: '',\n\t\t};\n\t\tconst taxonomyOptions = ( taxonomies ?? [] )\n\t\t\t.filter( ( { visibility } ) => !! visibility?.publicly_queryable )\n\t\t\t.map( ( item ) => {\n\t\t\t\treturn {\n\t\t\t\t\tvalue: item.slug,\n\t\t\t\t\tlabel: item.name,\n\t\t\t\t};\n\t\t\t} );\n\n\t\treturn [ selectOption, ...taxonomyOptions ];\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display the title as a link' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'If you have entered a custom label, it will be prepended before the title.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ !! showTitle }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowTitle: ! showTitle,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{ showTitle && (\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={ __(\n\t\t\t\t\t\t\t\t'Include the label as part of the link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ !! linkLabel }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkLabel: ! linkLabel,\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) }\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\t\t\t\tvalue={ arrow }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { arrow: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'A decorative arrow for the next and previous link.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"none\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'None',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"arrow\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Arrow',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"chevron\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Chevron',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Filter by taxonomy' ) }\n\t\t\t\t\tvalue={ taxonomy }\n\t\t\t\t\toptions={ getTaxonomyOptions() }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\ttaxonomy: value,\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'Only link to posts that have the same taxonomy terms as the current post. For example the same tags or categories.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t{ showControls && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ ! isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-previous is-arrow-${ arrow }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ showTitle && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#post-navigation-pseudo-link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'An example title' ) }\n\t\t\t\t\t</a>\n\t\t\t\t) }\n\t\t\t\t{ isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-next is-arrow-${ arrow }` }\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAOA,IAAAE,YAAA,GAAAF,OAAA;AAQA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAA0D,IAAAM,WAAA,GAAAN,OAAA;AAzB1D;AACA;AACA;;AAGA;AACA;AACA;;AAoBe,SAASO,sBAAsBA,CAAE;EAC/CC,OAAO,EAAE;IAAEC;EAAS,CAAC;EACrBC,UAAU,EAAE;IACXC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC,KAAK;IACLC;EACD,CAAC;EACDC;AACD,CAAC,EAAG;EACH,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC9C,MAAMC,YAAY,GAAGF,gBAAgB,KAAK,SAAS;EACnD,MAAMG,MAAM,GAAGX,IAAI,KAAK,MAAM;EAC9B,IAAIY,WAAW,GAAGD,MAAM,GAAG,IAAAE,QAAE,EAAE,MAAO,CAAC,GAAG,IAAAA,QAAE,EAAE,UAAW,CAAC;EAE1D,MAAMC,QAAQ,GAAG;IAChBC,IAAI,EAAE,EAAE;IACRV,KAAK,EAAEM,MAAM,GAAG,GAAG,GAAG,GAAG;IACzBK,OAAO,EAAEL,MAAM,GAAG,GAAG,GAAG;EACzB,CAAC;EAED,MAAMM,YAAY,GAAGH,QAAQ,CAAET,KAAK,CAAE;EAEtC,IAAKH,SAAS,EAAG;IAChBU,WAAW,GAAGD,MAAM,GACjB;IACA,IAAAE,QAAE,EAAE,QAAS,CAAC,CAAC;IAAA,EACf;IACA,IAAAA,QAAE,EAAE,YAAa,CAAC,CAAC,CAAC;EACxB;EAEA,MAAMK,SAAS,GAAGP,MAAM,GAAG,IAAAE,QAAE,EAAE,WAAY,CAAC,GAAG,IAAAA,QAAE,EAAE,eAAgB,CAAC;EACpE,MAAMM,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAE,kBAAmBnB,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMoB,UAAU,GAAG,IAAAC,eAAS,EACzBC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAc,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC7C,MAAMC,kBAAkB,GAAGF,aAAa,CAAE;MACzC1B,IAAI,EAAEF,QAAQ;MACd+B,QAAQ,EAAE,CAAC;IACZ,CAAE,CAAC;IACH,OAAOD,kBAAkB;EAC1B,CAAC,EACD,CAAE9B,QAAQ,CACX,CAAC;EACD,MAAMgC,kBAAkB,GAAGA,CAAA,KAAM;IAChC,MAAMC,YAAY,GAAG;MACpB9B,KAAK,EAAE,IAAAY,QAAE,EAAE,YAAa,CAAC;MACzBmB,KAAK,EAAE;IACR,CAAC;IACD,MAAMC,eAAe,GAAG,CAAEV,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE,EACxCW,MAAM,CAAE,CAAE;MAAEC;IAAW,CAAC,KAAM,CAAC,CAAEA,UAAU,EAAEC,kBAAmB,CAAC,CACjEC,GAAG,CAAIC,IAAI,IAAM;MACjB,OAAO;QACNN,KAAK,EAAEM,IAAI,CAACC,IAAI;QAChBtC,KAAK,EAAEqC,IAAI,CAACE;MACb,CAAC;IACF,CAAE,CAAC;IAEJ,OAAO,CAAET,YAAY,EAAE,GAAGE,eAAe,CAAE;EAC5C,CAAC;EAED,oBACC,IAAAtC,WAAA,CAAA8C,IAAA,EAAA9C,WAAA,CAAA+C,QAAA;IAAAC,QAAA,gBACC,IAAAhD,WAAA,CAAAiD,GAAA,EAACrD,YAAA,CAAAsD,iBAAiB;MAAAF,QAAA,eACjB,IAAAhD,WAAA,CAAA8C,IAAA,EAACnD,WAAA,CAAAwD,SAAS;QAAAH,QAAA,gBACT,IAAAhD,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAyD,aAAa;UACbC,uBAAuB;UACvB/C,KAAK,EAAG,IAAAY,QAAE,EAAE,6BAA8B,CAAG;UAC7CoC,IAAI,EAAG,IAAApC,QAAE,EACR,4EACD,CAAG;UACHqC,OAAO,EAAG,CAAC,CAAEhD,SAAW;UACxBiD,QAAQ,EAAGA,CAAA,KACV5C,aAAa,CAAE;YACdL,SAAS,EAAE,CAAEA;UACd,CAAE;QACF,CACD,CAAC,EACAA,SAAS,iBACV,IAAAP,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAyD,aAAa;UACbC,uBAAuB;UACvB/C,KAAK,EAAG,IAAAY,QAAE,EACT,uCACD,CAAG;UACHqC,OAAO,EAAG,CAAC,CAAE9C,SAAW;UACxB+C,QAAQ,EAAGA,CAAA,KACV5C,aAAa,CAAE;YACdH,SAAS,EAAE,CAAEA;UACd,CAAE;QACF,CACD,CACD,eACD,IAAAT,WAAA,CAAA8C,IAAA,EAACnD,WAAA,CAAA8D,gCAAkB;UAClBC,qBAAqB;UACrBL,uBAAuB;UACvB/C,KAAK,EAAG,IAAAY,QAAE,EAAE,OAAQ,CAAG;UACvBmB,KAAK,EAAG3B,KAAO;UACf8C,QAAQ,EAAKnB,KAAK,IAAM;YACvBzB,aAAa,CAAE;cAAEF,KAAK,EAAE2B;YAAM,CAAE,CAAC;UAClC,CAAG;UACHiB,IAAI,EAAG,IAAApC,QAAE,EACR,oDACD,CAAG;UACHyC,OAAO;UAAAX,QAAA,gBAEP,IAAAhD,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAiE,sCAAwB;YACxBvB,KAAK,EAAC,MAAM;YACZ/B,KAAK,EAAG,IAAAuD,QAAE,EACT,MAAM,EACN,qCACD;UAAG,CACH,CAAC,eACF,IAAA7D,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAiE,sCAAwB;YACxBvB,KAAK,EAAC,OAAO;YACb/B,KAAK,EAAG,IAAAuD,QAAE,EACT,OAAO,EACP,qCACD;UAAG,CACH,CAAC,eACF,IAAA7D,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAiE,sCAAwB;YACxBvB,KAAK,EAAC,SAAS;YACf/B,KAAK,EAAG,IAAAuD,QAAE,EACT,SAAS,EACT,qCACD;UAAG,CACH,CAAC;QAAA,CACiB,CAAC;MAAA,CACX;IAAC,CACM,CAAC,eACpB,IAAA7D,WAAA,CAAAiD,GAAA,EAACrD,YAAA,CAAAsD,iBAAiB;MAACY,KAAK,EAAC,UAAU;MAAAd,QAAA,eAClC,IAAAhD,WAAA,CAAAiD,GAAA,EAACtD,WAAA,CAAAoE,aAAa;QACbL,qBAAqB;QACrBL,uBAAuB;QACvB/C,KAAK,EAAG,IAAAY,QAAE,EAAE,oBAAqB,CAAG;QACpCmB,KAAK,EAAG1B,QAAU;QAClBqD,OAAO,EAAG7B,kBAAkB,CAAC,CAAG;QAChCqB,QAAQ,EAAKnB,KAAK,IACjBzB,aAAa,CAAE;UACdD,QAAQ,EAAE0B;QACX,CAAE,CACF;QACDiB,IAAI,EAAG,IAAApC,QAAE,EACR,oHACD;MAAG,CACH;IAAC,CACgB,CAAC,EAClBH,YAAY,iBACb,IAAAf,WAAA,CAAAiD,GAAA,EAACrD,YAAA,CAAAqE,aAAa;MAAAjB,QAAA,eACb,IAAAhD,WAAA,CAAAiD,GAAA,EAACrD,YAAA,CAAAsE,gBAAgB;QAChB7B,KAAK,EAAG7B,SAAW;QACnBgD,QAAQ,EAAKW,SAAS,IAAM;UAC3BvD,aAAa,CAAE;YAAEJ,SAAS,EAAE2D;UAAU,CAAE,CAAC;QAC1C;MAAG,CACH;IAAC,CACY,CACf,eACD,IAAAnE,WAAA,CAAA8C,IAAA;MAAA,GAAUtB,UAAU;MAAAwB,QAAA,GACjB,CAAEhC,MAAM,IAAIM,YAAY,iBACzB,IAAAtB,WAAA,CAAAiD,GAAA;QACCvB,SAAS,EAAG,0DAA2DhB,KAAK,EAAK;QAAAsC,QAAA,EAE/E1B;MAAY,CACT,CACN,eACD,IAAAtB,WAAA,CAAAiD,GAAA,EAACrD,YAAA,CAAAwE,QAAQ;QACRC,OAAO,EAAC,GAAG;QACXC,UAAU,EAAC,OAAO;QAClB,cAAa/C,SAAW;QACxBN,WAAW,EAAGA,WAAa;QAC3BoB,KAAK,EAAG/B,KAAO;QACfiE,4BAA4B;QAC5Bf,QAAQ,EAAKgB,QAAQ,IACpB5D,aAAa,CAAE;UAAEN,KAAK,EAAEkE;QAAS,CAAE;MACnC,CACD,CAAC,EACAjE,SAAS,iBACV,IAAAP,WAAA,CAAAiD,GAAA;QACCwB,IAAI,EAAC,8BAA8B;QACnCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAA5B,QAAA,EAE7C,IAAA9B,QAAE,EAAE,kBAAmB;MAAC,CACxB,CACH,EACCF,MAAM,IAAIM,YAAY,iBACvB,IAAAtB,WAAA,CAAAiD,GAAA;QACCvB,SAAS,EAAG,sDAAuDhB,KAAK,EAAK;QAC7E,mBAAW;QAAAsC,QAAA,EAET1B;MAAY,CACT,CACN;IAAA,CACG,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_i18n","_data","_coreData","_hooks","_jsxRuntime","PostNavigationLinkEdit","context","postType","attributes","type","label","showTitle","textAlign","linkLabel","arrow","taxonomy","setAttributes","blockEditingMode","useBlockEditingMode","showControls","isNext","placeholder","__","arrowMap","none","chevron","displayArrow","ariaLabel","blockProps","useBlockProps","className","clsx","taxonomies","useSelect","select","getTaxonomies","coreStore","filteredTaxonomies","per_page","getTaxonomyOptions","selectOption","value","taxonomyOptions","filter","visibility","publicly_queryable","map","item","slug","name","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","jsx","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","help","checked","onChange","__experimentalToggleGroupControl","__next40pxDefaultSize","isBlock","__experimentalToggleGroupControlOption","_x","group","SelectControl","options","BlockControls","AlignmentToolbar","nextAlign","RichText","tagName","identifier","withoutInteractiveFormatting","newLabel","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-navigation-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToggleControl,\n\tSelectControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function PostNavigationLinkEdit( {\n\tcontext: { postType },\n\tattributes: {\n\t\ttype,\n\t\tlabel,\n\t\tshowTitle,\n\t\ttextAlign,\n\t\tlinkLabel,\n\t\tarrow,\n\t\ttaxonomy,\n\t},\n\tsetAttributes,\n} ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst showControls = blockEditingMode === 'default';\n\tconst isNext = type === 'next';\n\tlet placeholder = isNext ? __( 'Next' ) : __( 'Previous' );\n\n\tconst arrowMap = {\n\t\tnone: '',\n\t\tarrow: isNext ? '→' : '←',\n\t\tchevron: isNext ? '»' : '«',\n\t};\n\n\tconst displayArrow = arrowMap[ arrow ];\n\n\tif ( showTitle ) {\n\t\tplaceholder = isNext\n\t\t\t? /* translators: Label before for next and previous post. There is a space after the colon. */\n\t\t\t  __( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace\n\t\t\t: /* translators: Label before for next and previous post. There is a space after the colon. */\n\t\t\t  __( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace\n\t}\n\n\tconst ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst taxonomies = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getTaxonomies } = select( coreStore );\n\t\t\tconst filteredTaxonomies = getTaxonomies( {\n\t\t\t\ttype: postType,\n\t\t\t\tper_page: -1,\n\t\t\t} );\n\t\t\treturn filteredTaxonomies;\n\t\t},\n\t\t[ postType ]\n\t);\n\tconst getTaxonomyOptions = () => {\n\t\tconst selectOption = {\n\t\t\tlabel: __( 'Unfiltered' ),\n\t\t\tvalue: '',\n\t\t};\n\t\tconst taxonomyOptions = ( taxonomies ?? [] )\n\t\t\t.filter( ( { visibility } ) => !! visibility?.publicly_queryable )\n\t\t\t.map( ( item ) => {\n\t\t\t\treturn {\n\t\t\t\t\tvalue: item.slug,\n\t\t\t\t\tlabel: item.name,\n\t\t\t\t};\n\t\t\t} );\n\n\t\treturn [ selectOption, ...taxonomyOptions ];\n\t};\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\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\tshowTitle: false,\n\t\t\t\t\t\t\tlinkLabel: false,\n\t\t\t\t\t\t\tarrow: 'none',\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={ __( 'Display the title as a link' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => showTitle }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showTitle: false } )\n\t\t\t\t\t\t}\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 the title as a link' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'If you have entered a custom label, it will be prepended before the title.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ !! showTitle }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowTitle: ! showTitle,\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</ToolsPanelItem>\n\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t'Include the label as part of the link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t\thasValue={ () => !! linkLabel }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { linkLabel: false } )\n\t\t\t\t\t\t\t}\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={ __(\n\t\t\t\t\t\t\t\t\t'Include the label as part of the link'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ !! linkLabel }\n\t\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkLabel: ! linkLabel,\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) }\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => arrow !== 'none' }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { arrow: 'none' } ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControl\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={ __( 'Arrow' ) }\n\t\t\t\t\t\t\tvalue={ arrow }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { arrow: 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\t'A decorative arrow for the next and previous link.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tvalue=\"none\"\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'None',\n\t\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tvalue=\"arrow\"\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Arrow',\n\t\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tvalue=\"chevron\"\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Chevron',\n\t\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToggleGroupControl>\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<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Filter by taxonomy' ) }\n\t\t\t\t\tvalue={ taxonomy }\n\t\t\t\t\toptions={ getTaxonomyOptions() }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\ttaxonomy: value,\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'Only link to posts that have the same taxonomy terms as the current post. For example the same tags or categories.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t{ showControls && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ ! isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-previous is-arrow-${ arrow }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ showTitle && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#post-navigation-pseudo-link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'An example title' ) }\n\t\t\t\t\t</a>\n\t\t\t\t) }\n\t\t\t\t{ isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-next is-arrow-${ arrow }` }\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/search/edit.js

@@ -350,7 +350,7 @@ function SearchEdit({
               children: PERCENTAGE_WIDTHS.map(widthValue => {
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
                   value: widthValue,
-                  label: (0, _i18n.sprintf)(/* translators: Percentage value. */
+                  label: (0, _i18n.sprintf)(/* translators: %d: Percentage value. */
                   (0, _i18n.__)('%d%%'), widthValue)
                 }, widthValue);
               })

package/build/search/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_data","_element","_components","_compose","_icons","_i18n","_dom","_utils","_hooks","_jsxRuntime","DEFAULT_INNER_PADDING","PERCENTAGE_WIDTHS","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","useSelect","select","getBlockParentsByBlockName","wasBlockJustInserted","blockEditorStore","length","__unstableMarkNextChangeAsNotPersistent","useDispatch","useEffect","borderRadius","border","radius","borderProps","useBorderProps","colorProps","useColorProps","fluidTypographySettings","layout","useSettings","typographyProps","useTypographyProps","typography","fluid","wideSize","unitControlInstanceId","useInstanceId","UnitControl","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","useRef","buttonRef","units","useCustomUnits","availableUnits","defaultValues","PC_WIDTH_DEFAULT","px","PX_WIDTH_DEFAULT","getBlockClassNames","clsx","undefined","buttonPositionControls","__","value","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","jsx","type","onChange","event","target","ref","renderButton","buttonClasses","__experimentalGetElementClassName","buttonStyles","handleButtonClick","jsxs","Fragment","children","stripHTML","onClick","Icon","icon","search","RichText","identifier","withoutInteractiveFormatting","html","dropdownMenuProps","useToolsPanelDropdownMenuProps","controls","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","ToggleControl","__nextHasNoMarginBottom","checked","SelectControl","__next40pxDefaultSize","options","__experimentalVStack","__experimentalUnitControl","id","min","isPercentageUnit","MIN_WIDTH","max","step","newWidth","parsedNewWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","__experimentalToggleGroupControl","includes","hideLabelFromVision","isBlock","map","widthValue","__experimentalToggleGroupControlOption","sprintf","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","useBlockProps","labelClassnames","ResizableBox","size","height","minWidth","enable","onResizeStart","direction","elt","offsetWidth","onResizeStop","delta","showHandle"],"sources":["@wordpress/block-library/src/search/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tInspectorControls,\n\tRichText,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\tgetTypographyClassesAndStyles as useTypographyProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tSelectControl,\n\tToggleControl,\n\tResizableBox,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, search } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPC_WIDTH_DEFAULT,\n\tPX_WIDTH_DEFAULT,\n\tMIN_WIDTH,\n\tisPercentageUnit,\n} from './utils.js';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n// Used to calculate border radius adjustment to avoid \"fat\" corners when\n// button is placed inside wrapper.\nconst DEFAULT_INNER_PADDING = '4px';\nconst PERCENTAGE_WIDTHS = [ 25, 50, 75, 100 ];\n\nexport default function SearchEdit( {\n\tclassName,\n\tattributes,\n\tsetAttributes,\n\ttoggleSelection,\n\tisSelected,\n\tclientId,\n} ) {\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tplaceholder,\n\t\twidth,\n\t\twidthUnit,\n\t\talign,\n\t\tbuttonText,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tisSearchFieldHidden,\n\t\tstyle,\n\t} = attributes;\n\n\tconst wasJustInsertedIntoNavigationBlock = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockParentsByBlockName, wasBlockJustInserted } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn (\n\t\t\t\t!! getBlockParentsByBlockName( clientId, 'core/navigation' )\n\t\t\t\t\t?.length && wasBlockJustInserted( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( wasJustInsertedIntoNavigationBlock ) {\n\t\t\t// This side-effect should not create an undo level.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\tshowLabel: false,\n\t\t\t\tbuttonUseIcon: true,\n\t\t\t\tbuttonPosition: 'button-inside',\n\t\t\t} );\n\t\t}\n\t}, [\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\twasJustInsertedIntoNavigationBlock,\n\t\tsetAttributes,\n\t] );\n\n\tconst borderRadius = style?.border?.radius;\n\tlet borderProps = useBorderProps( attributes );\n\n\t// Check for old deprecated numerical border radius. Done as a separate\n\t// check so that a borderRadius style won't overwrite the longhand\n\t// per-corner styles.\n\tif ( typeof borderRadius === 'number' ) {\n\t\tborderProps = {\n\t\t\t...borderProps,\n\t\t\tstyle: {\n\t\t\t\t...borderProps.style,\n\t\t\t\tborderRadius: `${ borderRadius }px`,\n\t\t\t},\n\t\t};\n\t}\n\n\tconst colorProps = useColorProps( attributes );\n\tconst [ fluidTypographySettings, layout ] = useSettings(\n\t\t'typography.fluid',\n\t\t'layout'\n\t);\n\tconst typographyProps = useTypographyProps( attributes, {\n\t\ttypography: {\n\t\t\tfluid: fluidTypographySettings,\n\t\t},\n\t\tlayout: {\n\t\t\twideSize: layout?.wideSize,\n\t\t},\n\t} );\n\tconst unitControlInstanceId = useInstanceId( UnitControl );\n\tconst unitControlInputId = `wp-block-search__width-${ unitControlInstanceId }`;\n\tconst isButtonPositionInside = 'button-inside' === buttonPosition;\n\tconst isButtonPositionOutside = 'button-outside' === buttonPosition;\n\tconst hasNoButton = 'no-button' === buttonPosition;\n\tconst hasOnlyButton = 'button-only' === buttonPosition;\n\tconst searchFieldRef = useRef();\n\tconst buttonRef = useRef();\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: [ '%', 'px' ],\n\t\tdefaultValues: { '%': PC_WIDTH_DEFAULT, px: PX_WIDTH_DEFAULT },\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( hasOnlyButton && ! isSelected ) {\n\t\t\tsetAttributes( {\n\t\t\t\tisSearchFieldHidden: true,\n\t\t\t} );\n\t\t}\n\t}, [ hasOnlyButton, isSelected, setAttributes ] );\n\n\t// Show the search field when width changes.\n\tuseEffect( () => {\n\t\tif ( ! hasOnlyButton || ! isSelected ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tisSearchFieldHidden: false,\n\t\t} );\n\t}, [ hasOnlyButton, isSelected, setAttributes, width ] );\n\n\tconst getBlockClassNames = () => {\n\t\treturn clsx(\n\t\t\tclassName,\n\t\t\tisButtonPositionInside\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\tisButtonPositionOutside\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\thasNoButton ? 'wp-block-search__no-button' : undefined,\n\t\t\thasOnlyButton ? 'wp-block-search__button-only' : undefined,\n\t\t\t! buttonUseIcon && ! hasNoButton\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && ! hasNoButton\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined,\n\t\t\thasOnlyButton && isSearchFieldHidden\n\t\t\t\t? 'wp-block-search__searchfield-hidden'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst buttonPositionControls = [\n\t\t{\n\t\t\tlabel: __( 'Button outside' ),\n\t\t\tvalue: 'button-outside',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Button inside' ),\n\t\t\tvalue: 'button-inside',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'No button' ),\n\t\t\tvalue: 'no-button',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Button only' ),\n\t\t\tvalue: 'button-only',\n\t\t},\n\t];\n\n\tconst getResizableSides = () => {\n\t\tif ( hasOnlyButton ) {\n\t\t\treturn {};\n\t\t}\n\n\t\treturn {\n\t\t\tright: align !== 'right',\n\t\t\tleft: align === 'right',\n\t\t};\n\t};\n\n\tconst renderTextField = () => {\n\t\t// If the input is inside the wrapper, the wrapper gets the border color styles/classes, not the input control.\n\t\tconst textFieldClasses = clsx(\n\t\t\t'wp-block-search__input',\n\t\t\tisButtonPositionInside ? undefined : borderProps.className,\n\t\t\ttypographyProps.className\n\t\t);\n\t\tconst textFieldStyles = {\n\t\t\t...( isButtonPositionInside\n\t\t\t\t? { borderRadius }\n\t\t\t\t: borderProps.style ),\n\t\t\t...typographyProps.style,\n\t\t\ttextDecoration: undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype=\"search\"\n\t\t\t\tclassName={ textFieldClasses }\n\t\t\t\tstyle={ textFieldStyles }\n\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t// which is confusing.\n\t\t\t\tplaceholder={\n\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t}\n\t\t\t\tvalue={ placeholder }\n\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t}\n\t\t\t\tref={ searchFieldRef }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst renderButton = () => {\n\t\t// If the button is inside the wrapper, the wrapper gets the border color styles/classes, not the button.\n\t\tconst buttonClasses = clsx(\n\t\t\t'wp-block-search__button',\n\t\t\tcolorProps.className,\n\t\t\ttypographyProps.className,\n\t\t\tisButtonPositionInside ? undefined : borderProps.className,\n\t\t\tbuttonUseIcon ? 'has-icon' : undefined,\n\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t);\n\t\tconst buttonStyles = {\n\t\t\t...colorProps.style,\n\t\t\t...typographyProps.style,\n\t\t\t...( isButtonPositionInside\n\t\t\t\t? { borderRadius }\n\t\t\t\t: borderProps.style ),\n\t\t};\n\t\tconst handleButtonClick = () => {\n\t\t\tif ( hasOnlyButton ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisSearchFieldHidden: ! isSearchFieldHidden,\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={ buttonClasses }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\tbuttonText\n\t\t\t\t\t\t\t\t? stripHTML( buttonText )\n\t\t\t\t\t\t\t\t: __( 'Search' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={ handleButtonClick }\n\t\t\t\t\t\tref={ buttonRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ search } />\n\t\t\t\t\t</button>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"buttonText\"\n\t\t\t\t\t\tclassName={ buttonClasses }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taria-label={ __( 'Button text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add button text…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={ handleButtonClick }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t};\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst controls = (\n\t\t<>\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\twidth: undefined,\n\t\t\t\t\t\t\twidthUnit: undefined,\n\t\t\t\t\t\t\tshowLabel: true,\n\t\t\t\t\t\t\tbuttonUseIcon: false,\n\t\t\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\t\t\tisSearchFieldHidden: 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\thasValue={ () => ! showLabel }\n\t\t\t\t\t\tlabel={ __( 'Show label' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowLabel: true,\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tchecked={ showLabel }\n\t\t\t\t\t\t\tlabel={ __( 'Show label' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowLabel: value,\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</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => buttonPosition !== 'button-outside' }\n\t\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\t\t\t\tisSearchFieldHidden: false,\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\tvalue={ buttonPosition }\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={ __( 'Button position' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tbuttonPosition: value,\n\t\t\t\t\t\t\t\t\tisSearchFieldHidden:\n\t\t\t\t\t\t\t\t\t\tvalue === 'button-only',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\toptions={ buttonPositionControls }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! buttonUseIcon }\n\t\t\t\t\t\t\tlabel={ __( 'Use button with icon' ) }\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\tbuttonUseIcon: false,\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<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use button with icon' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tbuttonUseIcon: value,\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) }\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => !! width }\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\twidth: undefined,\n\t\t\t\t\t\t\t\twidthUnit: undefined,\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<VStack>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tid={ unitControlInputId } // Unused, kept for backwards compatibility\n\t\t\t\t\t\t\t\tmin={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: MIN_WIDTH\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\t\tconst parsedNewWidth =\n\t\t\t\t\t\t\t\t\t\tnewWidth === ''\n\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t: parseInt( newWidth, 10 );\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth: parsedNewWidth,\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\tonUnitChange={ ( newUnit ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t'%' === newUnit\n\t\t\t\t\t\t\t\t\t\t\t\t? PC_WIDTH_DEFAULT\n\t\t\t\t\t\t\t\t\t\t\t\t: PX_WIDTH_DEFAULT,\n\t\t\t\t\t\t\t\t\t\twidthUnit: newUnit,\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\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\tvalue={ `${ width }${ widthUnit }` }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Percentage Width' ) }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tPERCENTAGE_WIDTHS.includes( width ) &&\n\t\t\t\t\t\t\t\t\twidthUnit === '%'\n\t\t\t\t\t\t\t\t\t\t? width\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth: newWidth,\n\t\t\t\t\t\t\t\t\t\twidthUnit: '%',\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\tisBlock\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ PERCENTAGE_WIDTHS.map( ( widthValue ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\t\t\t\t\tvalue={ widthValue }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: Percentage value. */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '%d%%' ),\n\t\t\t\t\t\t\t\t\t\t\t\twidthValue\n\t\t\t\t\t\t\t\t\t\t\t) }\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</ToggleGroupControl>\n\t\t\t\t\t\t</VStack>\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\tconst padBorderRadius = ( radius ) =>\n\t\tradius ? `calc(${ radius } + ${ DEFAULT_INNER_PADDING })` : undefined;\n\n\tconst getWrapperStyles = () => {\n\t\tconst styles = isButtonPositionInside\n\t\t\t? borderProps.style\n\t\t\t: {\n\t\t\t\t\tborderRadius: borderProps.style?.borderRadius,\n\t\t\t\t\tborderTopLeftRadius: borderProps.style?.borderTopLeftRadius,\n\t\t\t\t\tborderTopRightRadius:\n\t\t\t\t\t\tborderProps.style?.borderTopRightRadius,\n\t\t\t\t\tborderBottomLeftRadius:\n\t\t\t\t\t\tborderProps.style?.borderBottomLeftRadius,\n\t\t\t\t\tborderBottomRightRadius:\n\t\t\t\t\t\tborderProps.style?.borderBottomRightRadius,\n\t\t\t  };\n\n\t\tconst isNonZeroBorderRadius =\n\t\t\tborderRadius !== undefined && parseInt( borderRadius, 10 ) !== 0;\n\n\t\tif ( isButtonPositionInside && isNonZeroBorderRadius ) {\n\t\t\t// We have button inside wrapper and a border radius value to apply.\n\t\t\t// Add default padding so we don't get \"fat\" corners.\n\t\t\t//\n\t\t\t// CSS calc() is used here to support non-pixel units. The inline\n\t\t\t// style using calc() will only apply if both values have units.\n\n\t\t\tif ( typeof borderRadius === 'object' ) {\n\t\t\t\t// Individual corner border radii present.\n\t\t\t\tconst { topLeft, topRight, bottomLeft, bottomRight } =\n\t\t\t\t\tborderRadius;\n\n\t\t\t\treturn {\n\t\t\t\t\t...styles,\n\t\t\t\t\tborderTopLeftRadius: padBorderRadius( topLeft ),\n\t\t\t\t\tborderTopRightRadius: padBorderRadius( topRight ),\n\t\t\t\t\tborderBottomLeftRadius: padBorderRadius( bottomLeft ),\n\t\t\t\t\tborderBottomRightRadius: padBorderRadius( bottomRight ),\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// The inline style using calc() will only apply if both values\n\t\t\t// supplied to calc() have units. Deprecated block's may have\n\t\t\t// unitless integer.\n\t\t\tconst radius = Number.isInteger( borderRadius )\n\t\t\t\t? `${ borderRadius }px`\n\t\t\t\t: borderRadius;\n\n\t\t\tstyles.borderRadius = `calc(${ radius } + ${ DEFAULT_INNER_PADDING })`;\n\t\t}\n\n\t\treturn styles;\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t\tstyle: {\n\t\t\t...typographyProps.style,\n\t\t\t// Input opts out of text decoration.\n\t\t\ttextDecoration: undefined,\n\t\t},\n\t} );\n\n\tconst labelClassnames = clsx(\n\t\t'wp-block-search__label',\n\t\ttypographyProps.className\n\t);\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<RichText\n\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\tclassName={ labelClassnames }\n\t\t\t\t\taria-label={ __( 'Label text' ) }\n\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tonChange={ ( html ) => setAttributes( { label: html } ) }\n\t\t\t\t\tstyle={ typographyProps.style }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\twidth === undefined\n\t\t\t\t\t\t\t? 'auto'\n\t\t\t\t\t\t\t: `${ width }${ widthUnit }`,\n\t\t\t\t\theight: 'auto',\n\t\t\t\t} }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'wp-block-search__inside-wrapper',\n\t\t\t\t\tisButtonPositionInside ? borderProps.className : undefined\n\t\t\t\t) }\n\t\t\t\tstyle={ getWrapperStyles() }\n\t\t\t\tminWidth={ MIN_WIDTH }\n\t\t\t\tenable={ getResizableSides() }\n\t\t\t\tonResizeStart={ ( event, direction, elt ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( elt.offsetWidth, 10 ),\n\t\t\t\t\t\twidthUnit: 'px',\n\t\t\t\t\t} );\n\t\t\t\t\ttoggleSelection( false );\n\t\t\t\t} }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( width + delta.width, 10 ),\n\t\t\t\t\t} );\n\t\t\t\t\ttoggleSelection( true );\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t>\n\t\t\t\t{ ( isButtonPositionInside ||\n\t\t\t\t\tisButtonPositionOutside ||\n\t\t\t\t\thasOnlyButton ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t\t{ renderButton() }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ hasNoButton && renderTextField() }\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_data","_element","_components","_compose","_icons","_i18n","_dom","_utils","_hooks","_jsxRuntime","DEFAULT_INNER_PADDING","PERCENTAGE_WIDTHS","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","useSelect","select","getBlockParentsByBlockName","wasBlockJustInserted","blockEditorStore","length","__unstableMarkNextChangeAsNotPersistent","useDispatch","useEffect","borderRadius","border","radius","borderProps","useBorderProps","colorProps","useColorProps","fluidTypographySettings","layout","useSettings","typographyProps","useTypographyProps","typography","fluid","wideSize","unitControlInstanceId","useInstanceId","UnitControl","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","useRef","buttonRef","units","useCustomUnits","availableUnits","defaultValues","PC_WIDTH_DEFAULT","px","PX_WIDTH_DEFAULT","getBlockClassNames","clsx","undefined","buttonPositionControls","__","value","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","jsx","type","onChange","event","target","ref","renderButton","buttonClasses","__experimentalGetElementClassName","buttonStyles","handleButtonClick","jsxs","Fragment","children","stripHTML","onClick","Icon","icon","search","RichText","identifier","withoutInteractiveFormatting","html","dropdownMenuProps","useToolsPanelDropdownMenuProps","controls","InspectorControls","__experimentalToolsPanel","resetAll","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","ToggleControl","__nextHasNoMarginBottom","checked","SelectControl","__next40pxDefaultSize","options","__experimentalVStack","__experimentalUnitControl","id","min","isPercentageUnit","MIN_WIDTH","max","step","newWidth","parsedNewWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","__experimentalToggleGroupControl","includes","hideLabelFromVision","isBlock","map","widthValue","__experimentalToggleGroupControlOption","sprintf","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","useBlockProps","labelClassnames","ResizableBox","size","height","minWidth","enable","onResizeStart","direction","elt","offsetWidth","onResizeStop","delta","showHandle"],"sources":["@wordpress/block-library/src/search/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tInspectorControls,\n\tRichText,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\tgetTypographyClassesAndStyles as useTypographyProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tSelectControl,\n\tToggleControl,\n\tResizableBox,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, search } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPC_WIDTH_DEFAULT,\n\tPX_WIDTH_DEFAULT,\n\tMIN_WIDTH,\n\tisPercentageUnit,\n} from './utils.js';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n// Used to calculate border radius adjustment to avoid \"fat\" corners when\n// button is placed inside wrapper.\nconst DEFAULT_INNER_PADDING = '4px';\nconst PERCENTAGE_WIDTHS = [ 25, 50, 75, 100 ];\n\nexport default function SearchEdit( {\n\tclassName,\n\tattributes,\n\tsetAttributes,\n\ttoggleSelection,\n\tisSelected,\n\tclientId,\n} ) {\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tplaceholder,\n\t\twidth,\n\t\twidthUnit,\n\t\talign,\n\t\tbuttonText,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tisSearchFieldHidden,\n\t\tstyle,\n\t} = attributes;\n\n\tconst wasJustInsertedIntoNavigationBlock = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockParentsByBlockName, wasBlockJustInserted } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn (\n\t\t\t\t!! getBlockParentsByBlockName( clientId, 'core/navigation' )\n\t\t\t\t\t?.length && wasBlockJustInserted( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( wasJustInsertedIntoNavigationBlock ) {\n\t\t\t// This side-effect should not create an undo level.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( {\n\t\t\t\tshowLabel: false,\n\t\t\t\tbuttonUseIcon: true,\n\t\t\t\tbuttonPosition: 'button-inside',\n\t\t\t} );\n\t\t}\n\t}, [\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\twasJustInsertedIntoNavigationBlock,\n\t\tsetAttributes,\n\t] );\n\n\tconst borderRadius = style?.border?.radius;\n\tlet borderProps = useBorderProps( attributes );\n\n\t// Check for old deprecated numerical border radius. Done as a separate\n\t// check so that a borderRadius style won't overwrite the longhand\n\t// per-corner styles.\n\tif ( typeof borderRadius === 'number' ) {\n\t\tborderProps = {\n\t\t\t...borderProps,\n\t\t\tstyle: {\n\t\t\t\t...borderProps.style,\n\t\t\t\tborderRadius: `${ borderRadius }px`,\n\t\t\t},\n\t\t};\n\t}\n\n\tconst colorProps = useColorProps( attributes );\n\tconst [ fluidTypographySettings, layout ] = useSettings(\n\t\t'typography.fluid',\n\t\t'layout'\n\t);\n\tconst typographyProps = useTypographyProps( attributes, {\n\t\ttypography: {\n\t\t\tfluid: fluidTypographySettings,\n\t\t},\n\t\tlayout: {\n\t\t\twideSize: layout?.wideSize,\n\t\t},\n\t} );\n\tconst unitControlInstanceId = useInstanceId( UnitControl );\n\tconst unitControlInputId = `wp-block-search__width-${ unitControlInstanceId }`;\n\tconst isButtonPositionInside = 'button-inside' === buttonPosition;\n\tconst isButtonPositionOutside = 'button-outside' === buttonPosition;\n\tconst hasNoButton = 'no-button' === buttonPosition;\n\tconst hasOnlyButton = 'button-only' === buttonPosition;\n\tconst searchFieldRef = useRef();\n\tconst buttonRef = useRef();\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: [ '%', 'px' ],\n\t\tdefaultValues: { '%': PC_WIDTH_DEFAULT, px: PX_WIDTH_DEFAULT },\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( hasOnlyButton && ! isSelected ) {\n\t\t\tsetAttributes( {\n\t\t\t\tisSearchFieldHidden: true,\n\t\t\t} );\n\t\t}\n\t}, [ hasOnlyButton, isSelected, setAttributes ] );\n\n\t// Show the search field when width changes.\n\tuseEffect( () => {\n\t\tif ( ! hasOnlyButton || ! isSelected ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tisSearchFieldHidden: false,\n\t\t} );\n\t}, [ hasOnlyButton, isSelected, setAttributes, width ] );\n\n\tconst getBlockClassNames = () => {\n\t\treturn clsx(\n\t\t\tclassName,\n\t\t\tisButtonPositionInside\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\tisButtonPositionOutside\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\thasNoButton ? 'wp-block-search__no-button' : undefined,\n\t\t\thasOnlyButton ? 'wp-block-search__button-only' : undefined,\n\t\t\t! buttonUseIcon && ! hasNoButton\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && ! hasNoButton\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined,\n\t\t\thasOnlyButton && isSearchFieldHidden\n\t\t\t\t? 'wp-block-search__searchfield-hidden'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst buttonPositionControls = [\n\t\t{\n\t\t\tlabel: __( 'Button outside' ),\n\t\t\tvalue: 'button-outside',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Button inside' ),\n\t\t\tvalue: 'button-inside',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'No button' ),\n\t\t\tvalue: 'no-button',\n\t\t},\n\t\t{\n\t\t\tlabel: __( 'Button only' ),\n\t\t\tvalue: 'button-only',\n\t\t},\n\t];\n\n\tconst getResizableSides = () => {\n\t\tif ( hasOnlyButton ) {\n\t\t\treturn {};\n\t\t}\n\n\t\treturn {\n\t\t\tright: align !== 'right',\n\t\t\tleft: align === 'right',\n\t\t};\n\t};\n\n\tconst renderTextField = () => {\n\t\t// If the input is inside the wrapper, the wrapper gets the border color styles/classes, not the input control.\n\t\tconst textFieldClasses = clsx(\n\t\t\t'wp-block-search__input',\n\t\t\tisButtonPositionInside ? undefined : borderProps.className,\n\t\t\ttypographyProps.className\n\t\t);\n\t\tconst textFieldStyles = {\n\t\t\t...( isButtonPositionInside\n\t\t\t\t? { borderRadius }\n\t\t\t\t: borderProps.style ),\n\t\t\t...typographyProps.style,\n\t\t\ttextDecoration: undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype=\"search\"\n\t\t\t\tclassName={ textFieldClasses }\n\t\t\t\tstyle={ textFieldStyles }\n\t\t\t\taria-label={ __( 'Optional placeholder text' ) }\n\t\t\t\t// We hide the placeholder field's placeholder when there is a value. This\n\t\t\t\t// stops screen readers from reading the placeholder field's placeholder\n\t\t\t\t// which is confusing.\n\t\t\t\tplaceholder={\n\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t}\n\t\t\t\tvalue={ placeholder }\n\t\t\t\tonChange={ ( event ) =>\n\t\t\t\t\tsetAttributes( { placeholder: event.target.value } )\n\t\t\t\t}\n\t\t\t\tref={ searchFieldRef }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst renderButton = () => {\n\t\t// If the button is inside the wrapper, the wrapper gets the border color styles/classes, not the button.\n\t\tconst buttonClasses = clsx(\n\t\t\t'wp-block-search__button',\n\t\t\tcolorProps.className,\n\t\t\ttypographyProps.className,\n\t\t\tisButtonPositionInside ? undefined : borderProps.className,\n\t\t\tbuttonUseIcon ? 'has-icon' : undefined,\n\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t);\n\t\tconst buttonStyles = {\n\t\t\t...colorProps.style,\n\t\t\t...typographyProps.style,\n\t\t\t...( isButtonPositionInside\n\t\t\t\t? { borderRadius }\n\t\t\t\t: borderProps.style ),\n\t\t};\n\t\tconst handleButtonClick = () => {\n\t\t\tif ( hasOnlyButton ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisSearchFieldHidden: ! isSearchFieldHidden,\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={ buttonClasses }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\tbuttonText\n\t\t\t\t\t\t\t\t? stripHTML( buttonText )\n\t\t\t\t\t\t\t\t: __( 'Search' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={ handleButtonClick }\n\t\t\t\t\t\tref={ buttonRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon={ search } />\n\t\t\t\t\t</button>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"buttonText\"\n\t\t\t\t\t\tclassName={ buttonClasses }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taria-label={ __( 'Button text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add button text…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={ handleButtonClick }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t};\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst controls = (\n\t\t<>\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\twidth: undefined,\n\t\t\t\t\t\t\twidthUnit: undefined,\n\t\t\t\t\t\t\tshowLabel: true,\n\t\t\t\t\t\t\tbuttonUseIcon: false,\n\t\t\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\t\t\tisSearchFieldHidden: 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\thasValue={ () => ! showLabel }\n\t\t\t\t\t\tlabel={ __( 'Show label' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowLabel: true,\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<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tchecked={ showLabel }\n\t\t\t\t\t\t\tlabel={ __( 'Show label' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowLabel: value,\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</ToolsPanelItem>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => buttonPosition !== 'button-outside' }\n\t\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\t\t\t\tisSearchFieldHidden: false,\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\tvalue={ buttonPosition }\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={ __( 'Button position' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tbuttonPosition: value,\n\t\t\t\t\t\t\t\t\tisSearchFieldHidden:\n\t\t\t\t\t\t\t\t\t\tvalue === 'button-only',\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\toptions={ buttonPositionControls }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => !! buttonUseIcon }\n\t\t\t\t\t\t\tlabel={ __( 'Use button with icon' ) }\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\tbuttonUseIcon: false,\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<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use button with icon' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tbuttonUseIcon: value,\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) }\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => !! width }\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\twidth: undefined,\n\t\t\t\t\t\t\t\twidthUnit: undefined,\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<VStack>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tid={ unitControlInputId } // Unused, kept for backwards compatibility\n\t\t\t\t\t\t\t\tmin={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: MIN_WIDTH\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\t\tconst parsedNewWidth =\n\t\t\t\t\t\t\t\t\t\tnewWidth === ''\n\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t: parseInt( newWidth, 10 );\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth: parsedNewWidth,\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\tonUnitChange={ ( newUnit ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t'%' === newUnit\n\t\t\t\t\t\t\t\t\t\t\t\t? PC_WIDTH_DEFAULT\n\t\t\t\t\t\t\t\t\t\t\t\t: PX_WIDTH_DEFAULT,\n\t\t\t\t\t\t\t\t\t\twidthUnit: newUnit,\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\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\tvalue={ `${ width }${ widthUnit }` }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Percentage Width' ) }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tPERCENTAGE_WIDTHS.includes( width ) &&\n\t\t\t\t\t\t\t\t\twidthUnit === '%'\n\t\t\t\t\t\t\t\t\t\t? width\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\twidth: newWidth,\n\t\t\t\t\t\t\t\t\t\twidthUnit: '%',\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\tisBlock\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ PERCENTAGE_WIDTHS.map( ( widthValue ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\t\t\t\t\tvalue={ widthValue }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: %d: Percentage value. */\n\t\t\t\t\t\t\t\t\t\t\t\t__( '%d%%' ),\n\t\t\t\t\t\t\t\t\t\t\t\twidthValue\n\t\t\t\t\t\t\t\t\t\t\t) }\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</ToggleGroupControl>\n\t\t\t\t\t\t</VStack>\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\tconst padBorderRadius = ( radius ) =>\n\t\tradius ? `calc(${ radius } + ${ DEFAULT_INNER_PADDING })` : undefined;\n\n\tconst getWrapperStyles = () => {\n\t\tconst styles = isButtonPositionInside\n\t\t\t? borderProps.style\n\t\t\t: {\n\t\t\t\t\tborderRadius: borderProps.style?.borderRadius,\n\t\t\t\t\tborderTopLeftRadius: borderProps.style?.borderTopLeftRadius,\n\t\t\t\t\tborderTopRightRadius:\n\t\t\t\t\t\tborderProps.style?.borderTopRightRadius,\n\t\t\t\t\tborderBottomLeftRadius:\n\t\t\t\t\t\tborderProps.style?.borderBottomLeftRadius,\n\t\t\t\t\tborderBottomRightRadius:\n\t\t\t\t\t\tborderProps.style?.borderBottomRightRadius,\n\t\t\t  };\n\n\t\tconst isNonZeroBorderRadius =\n\t\t\tborderRadius !== undefined && parseInt( borderRadius, 10 ) !== 0;\n\n\t\tif ( isButtonPositionInside && isNonZeroBorderRadius ) {\n\t\t\t// We have button inside wrapper and a border radius value to apply.\n\t\t\t// Add default padding so we don't get \"fat\" corners.\n\t\t\t//\n\t\t\t// CSS calc() is used here to support non-pixel units. The inline\n\t\t\t// style using calc() will only apply if both values have units.\n\n\t\t\tif ( typeof borderRadius === 'object' ) {\n\t\t\t\t// Individual corner border radii present.\n\t\t\t\tconst { topLeft, topRight, bottomLeft, bottomRight } =\n\t\t\t\t\tborderRadius;\n\n\t\t\t\treturn {\n\t\t\t\t\t...styles,\n\t\t\t\t\tborderTopLeftRadius: padBorderRadius( topLeft ),\n\t\t\t\t\tborderTopRightRadius: padBorderRadius( topRight ),\n\t\t\t\t\tborderBottomLeftRadius: padBorderRadius( bottomLeft ),\n\t\t\t\t\tborderBottomRightRadius: padBorderRadius( bottomRight ),\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// The inline style using calc() will only apply if both values\n\t\t\t// supplied to calc() have units. Deprecated block's may have\n\t\t\t// unitless integer.\n\t\t\tconst radius = Number.isInteger( borderRadius )\n\t\t\t\t? `${ borderRadius }px`\n\t\t\t\t: borderRadius;\n\n\t\t\tstyles.borderRadius = `calc(${ radius } + ${ DEFAULT_INNER_PADDING })`;\n\t\t}\n\n\t\treturn styles;\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t\tstyle: {\n\t\t\t...typographyProps.style,\n\t\t\t// Input opts out of text decoration.\n\t\t\ttextDecoration: undefined,\n\t\t},\n\t} );\n\n\tconst labelClassnames = clsx(\n\t\t'wp-block-search__label',\n\t\ttypographyProps.className\n\t);\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<RichText\n\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\tclassName={ labelClassnames }\n\t\t\t\t\taria-label={ __( 'Label text' ) }\n\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tonChange={ ( html ) => setAttributes( { label: html } ) }\n\t\t\t\t\tstyle={ typographyProps.style }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth:\n\t\t\t\t\t\twidth === undefined\n\t\t\t\t\t\t\t? 'auto'\n\t\t\t\t\t\t\t: `${ width }${ widthUnit }`,\n\t\t\t\t\theight: 'auto',\n\t\t\t\t} }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'wp-block-search__inside-wrapper',\n\t\t\t\t\tisButtonPositionInside ? borderProps.className : undefined\n\t\t\t\t) }\n\t\t\t\tstyle={ getWrapperStyles() }\n\t\t\t\tminWidth={ MIN_WIDTH }\n\t\t\t\tenable={ getResizableSides() }\n\t\t\t\tonResizeStart={ ( event, direction, elt ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( elt.offsetWidth, 10 ),\n\t\t\t\t\t\twidthUnit: 'px',\n\t\t\t\t\t} );\n\t\t\t\t\ttoggleSelection( false );\n\t\t\t\t} }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\twidth: parseInt( width + delta.width, 10 ),\n\t\t\t\t\t} );\n\t\t\t\t\ttoggleSelection( true );\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t>\n\t\t\t\t{ ( isButtonPositionInside ||\n\t\t\t\t\tisButtonPositionOutside ||\n\t\t\t\t\thasOnlyButton ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t\t{ renderButton() }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ hasNoButton && renderTextField() }\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/site-logo/edit.js

@@ -17,6 +17,7 @@ var _coreData = require("@wordpress/core-data");
 var _icons = require("@wordpress/icons");
 var _notices = require("@wordpress/notices");
 var _constants = require("../image/constants");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -63,6 +64,7 @@ const SiteLogo = ({
   const {
     toggleSelection
   } = (0, _data.useDispatch)(_blockEditor.store);
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   const {
     imageEditing,
     maxWidth,
@@ -244,28 +246,51 @@ const SiteLogo = ({
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-        title: (0, _i18n.__)('Settings'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          hasValue: () => !!width,
           label: (0, _i18n.__)('Image width'),
-          onChange: newWidth => setAttributes({
-            width: newWidth
+          onDeselect: () => setAttributes({
+            width: undefined
           }),
-          min: minWidth,
-          max: maxWidthBuffer,
-          initialPosition: Math.min(defaultWidth, maxWidthBuffer),
-          value: width || '',
-          disabled: !isResizable
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-          __nextHasNoMarginBottom: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Image width'),
+            onChange: newWidth => setAttributes({
+              width: newWidth
+            }),
+            min: minWidth,
+            max: maxWidthBuffer,
+            initialPosition: Math.min(defaultWidth, maxWidthBuffer),
+            value: width || '',
+            disabled: !isResizable
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          hasValue: () => !isLink,
           label: (0, _i18n.__)('Link image to home'),
-          onChange: () => setAttributes({
-            isLink: !isLink
+          onDeselect: () => setAttributes({
+            isLink: true
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Link image to home'),
+            onChange: () => setAttributes({
+              isLink: !isLink
+            }),
+            checked: isLink
+          })
+        }), isLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          hasValue: () => linkTarget === '_blank',
+          label: (0, _i18n.__)('Open in new tab'),
+          onDeselect: () => setAttributes({
+            linkTarget: '_self'
           }),
-          checked: isLink
-        }), isLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
             __nextHasNoMarginBottom: true,
             label: (0, _i18n.__)('Open in new tab'),
@@ -274,7 +299,16 @@ const SiteLogo = ({
             }),
             checked: linkTarget === '_blank'
           })
-        }), canUserEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        }), canUserEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          isShownByDefault: true,
+          hasValue: () => !!shouldSyncIcon,
+          label: (0, _i18n.__)('Use as Site Icon'),
+          onDeselect: () => {
+            setAttributes({
+              shouldSyncIcon: false
+            });
+            setIcon(undefined);
+          },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
             __nextHasNoMarginBottom: true,
             label: (0, _i18n.__)('Use as Site Icon'),
@@ -394,6 +428,7 @@ function LogoEdit({
     getSettings
   } = (0, _data.useSelect)(_blockEditor.store);
   const [temporaryURL, setTemporaryURL] = (0, _element.useState)();
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   const {
     editEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
@@ -539,17 +574,27 @@ function LogoEdit({
     className: classes
   });
   const mediaInspectorPanel = (canUserEdit || logoUrl) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-      title: (0, _i18n.__)('Media'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Media'),
+      dropdownMenuProps: dropdownMenuProps,
+      children: !canUserEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "block-library-site-logo__inspector-media-replace-container",
-        children: !canUserEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InspectorLogoPreview, {
+        style: {
+          gridColumn: '1 / -1'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InspectorLogoPreview, {
           media: mediaItemData,
           itemGroupProps: {
             isBordered: true,
             className: 'block-library-site-logo__inspector-readonly-logo-preview'
           }
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+        hasValue: () => !!logoUrl,
+        label: (0, _i18n.__)('Logo'),
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "block-library-site-logo__inspector-media-replace-container",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SiteLogoReplaceFlow, {
             ...mediaReplaceFlowProps,
             name: !!logoUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InspectorLogoPreview, {