@wordpress/block-library 8.34.0 → 8.35.0

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

@@ -1 +1 @@
-{"version":3,"names":["classNames","__","AlignmentControl","BlockControls","useBlockProps","useInnerBlocksProps","store","blockEditorStore","BlockQuotation","useDispatch","useRegistry","Platform","useEffect","deprecated","verse","migrateToQuoteV2","Caption","isWebPlatform","OS","TEMPLATE","useMigrateOnLoad","attributes","clientId","registry","updateBlockAttributes","replaceInnerBlocks","value","newAttributes","newInnerBlocks","since","version","alternative","batch","QuoteEdit","setAttributes","insertBlocksAfter","className","style","isSelected","textAlign","blockProps","innerBlocksProps","template","templateInsertUpdatesSelection","__experimentalCaptureToolbars","renderAppender","createElement","Fragment","group","onChange","nextAlign","children","attributeKey","tagName","display","__unstableMobileNoFocusOnMount","icon","label","placeholder","addLabel","removeLabel"],"sources":["@wordpress/block-library/src/quote/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { BlockQuotation } from '@wordpress/components';\nimport { useDispatch, useRegistry } from '@wordpress/data';\nimport { Platform, useEffect } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { verse } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { migrateToQuoteV2 } from './deprecated';\nimport { Caption } from '../utils/caption';\n\nconst isWebPlatform = Platform.OS === 'web';\n\nconst TEMPLATE = [ [ 'core/paragraph', {} ] ];\n\n/**\n * At the moment, deprecations don't handle create blocks from attributes\n * (like when using CPT templates). For this reason, this hook is necessary\n * to avoid breaking templates using the old quote block format.\n *\n * @param {Object} attributes Block attributes.\n * @param {string} clientId   Block client ID.\n */\nconst useMigrateOnLoad = ( attributes, clientId ) => {\n\tconst registry = useRegistry();\n\tconst { updateBlockAttributes, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\tuseEffect( () => {\n\t\t// As soon as the block is loaded, migrate it to the new version.\n\n\t\tif ( ! attributes.value ) {\n\t\t\t// No need to migrate if it doesn't have the value attribute.\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ newAttributes, newInnerBlocks ] =\n\t\t\tmigrateToQuoteV2( attributes );\n\n\t\tdeprecated( 'Value attribute on the quote block', {\n\t\t\tsince: '6.0',\n\t\t\tversion: '6.5',\n\t\t\talternative: 'inner blocks',\n\t\t} );\n\n\t\tregistry.batch( () => {\n\t\t\tupdateBlockAttributes( clientId, newAttributes );\n\t\t\treplaceInnerBlocks( clientId, newInnerBlocks );\n\t\t} );\n\t}, [ attributes.value ] );\n};\n\nexport default function QuoteEdit( {\n\tattributes,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tclientId,\n\tclassName,\n\tstyle,\n\tisSelected,\n} ) {\n\tconst { textAlign } = attributes;\n\n\tuseMigrateOnLoad( attributes, clientId );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames( className, {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\t...( ! isWebPlatform && { style } ),\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\ttemplateInsertUpdatesSelection: true,\n\t\t__experimentalCaptureToolbars: true,\n\t\trenderAppender: false,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<BlockQuotation { ...innerBlocksProps }>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t\t<Caption\n\t\t\t\t\tattributeKey=\"citation\"\n\t\t\t\t\ttagName={ isWebPlatform ? 'cite' : 'p' }\n\t\t\t\t\tstyle={ isWebPlatform && { display: 'block' } }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t__unstableMobileNoFocusOnMount\n\t\t\t\t\ticon={ verse }\n\t\t\t\t\tlabel={ __( 'Quote citation' ) }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t// translators: placeholder text used for the\n\t\t\t\t\t\t// citation\n\t\t\t\t\t\t__( 'Add citation' )\n\t\t\t\t\t}\n\t\t\t\t\taddLabel={ __( 'Add citation' ) }\n\t\t\t\t\tremoveLabel={ __( 'Remove citation' ) }\n\t\t\t\t\tclassName=\"wp-block-quote__citation\"\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\t{ ...( ! isWebPlatform ? { textAlign } : {} ) }\n\t\t\t\t/>\n\t\t\t</BlockQuotation>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,gBAAgB,EAChBC,aAAa,EACbC,aAAa,EACbC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,WAAW,EAAEC,WAAW,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACxD,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,MAAMC,aAAa,GAAGN,QAAQ,CAACO,EAAE,KAAK,KAAK;AAE3C,MAAMC,QAAQ,GAAG,CAAE,CAAE,gBAAgB,EAAE,CAAC,CAAC,CAAE,CAAE;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAGA,CAAEC,UAAU,EAAEC,QAAQ,KAAM;EACpD,MAAMC,QAAQ,GAAGb,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEc,qBAAqB;IAAEC;EAAmB,CAAC,GAClDhB,WAAW,CAAEF,gBAAiB,CAAC;EAChCK,SAAS,CAAE,MAAM;IAChB;;IAEA,IAAK,CAAES,UAAU,CAACK,KAAK,EAAG;MACzB;MACA;IACD;IAEA,MAAM,CAAEC,aAAa,EAAEC,cAAc,CAAE,GACtCb,gBAAgB,CAAEM,UAAW,CAAC;IAE/BR,UAAU,CAAE,oCAAoC,EAAE;MACjDgB,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACd,CAAE,CAAC;IAEHR,QAAQ,CAACS,KAAK,CAAE,MAAM;MACrBR,qBAAqB,CAAEF,QAAQ,EAAEK,aAAc,CAAC;MAChDF,kBAAkB,CAAEH,QAAQ,EAAEM,cAAe,CAAC;IAC/C,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEP,UAAU,CAACK,KAAK,CAAG,CAAC;AAC1B,CAAC;AAED,eAAe,SAASO,SAASA,CAAE;EAClCZ,UAAU;EACVa,aAAa;EACbC,iBAAiB;EACjBb,QAAQ;EACRc,SAAS;EACTC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGlB,UAAU;EAEhCD,gBAAgB,CAAEC,UAAU,EAAEC,QAAS,CAAC;EAExC,MAAMkB,UAAU,GAAGpC,aAAa,CAAE;IACjCgC,SAAS,EAAEpC,UAAU,CAAEoC,SAAS,EAAE;MACjC,CAAG,kBAAkBG,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACH,IAAK,CAAEtB,aAAa,IAAI;MAAEoB;IAAM,CAAC;EAClC,CAAE,CAAC;EACH,MAAMI,gBAAgB,GAAGpC,mBAAmB,CAAEmC,UAAU,EAAE;IACzDE,QAAQ,EAAEvB,QAAQ;IAClBwB,8BAA8B,EAAE,IAAI;IACpCC,6BAA6B,EAAE,IAAI;IACnCC,cAAc,EAAE;EACjB,CAAE,CAAC;EAEH,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAC3C,aAAa;IAAC6C,KAAK,EAAC;EAAO,GAC3BF,aAAA,CAAC5C,gBAAgB;IAChBwB,KAAK,EAAGa,SAAW;IACnBU,QAAQ,EAAKC,SAAS,IAAM;MAC3BhB,aAAa,CAAE;QAAEK,SAAS,EAAEW;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAChBJ,aAAA,CAACtC,cAAc;IAAA,GAAMiC;EAAgB,GAClCA,gBAAgB,CAACU,QAAQ,EAC3BL,aAAA,CAAC9B,OAAO;IACPoC,YAAY,EAAC,UAAU;IACvBC,OAAO,EAAGpC,aAAa,GAAG,MAAM,GAAG,GAAK;IACxCoB,KAAK,EAAGpB,aAAa,IAAI;MAAEqC,OAAO,EAAE;IAAQ,CAAG;IAC/ChB,UAAU,EAAGA,UAAY;IACzBjB,UAAU,EAAGA,UAAY;IACzBa,aAAa,EAAGA,aAAe;IAC/BqB,8BAA8B;IAC9BC,IAAI,EAAG1C,KAAO;IACd2C,KAAK,EAAGxD,EAAE,CAAE,gBAAiB,CAAG;IAChCyD,WAAW;IACV;IACA;IACAzD,EAAE,CAAE,cAAe,CACnB;IACD0D,QAAQ,EAAG1D,EAAE,CAAE,cAAe,CAAG;IACjC2D,WAAW,EAAG3D,EAAE,CAAE,iBAAkB,CAAG;IACvCmC,SAAS,EAAC,0BAA0B;IACpCD,iBAAiB,EAAGA,iBAAmB;IAAA,IAChC,CAAElB,aAAa,GAAG;MAAEsB;IAAU,CAAC,GAAG,CAAC,CAAC;EAAA,CAC3C,CACc,CACf,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","__","AlignmentControl","BlockControls","useBlockProps","useInnerBlocksProps","store","blockEditorStore","BlockQuotation","useDispatch","useRegistry","Platform","useEffect","deprecated","verse","migrateToQuoteV2","Caption","isWebPlatform","OS","TEMPLATE","useMigrateOnLoad","attributes","clientId","registry","updateBlockAttributes","replaceInnerBlocks","value","newAttributes","newInnerBlocks","since","version","alternative","batch","QuoteEdit","setAttributes","insertBlocksAfter","className","style","isSelected","textAlign","blockProps","innerBlocksProps","template","templateInsertUpdatesSelection","__experimentalCaptureToolbars","renderAppender","createElement","Fragment","group","onChange","nextAlign","children","attributeKey","tagName","display","__unstableMobileNoFocusOnMount","icon","label","placeholder","addLabel","removeLabel"],"sources":["@wordpress/block-library/src/quote/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { BlockQuotation } from '@wordpress/components';\nimport { useDispatch, useRegistry } from '@wordpress/data';\nimport { Platform, useEffect } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { verse } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { migrateToQuoteV2 } from './deprecated';\nimport { Caption } from '../utils/caption';\n\nconst isWebPlatform = Platform.OS === 'web';\n\nconst TEMPLATE = [ [ 'core/paragraph', {} ] ];\n\n/**\n * At the moment, deprecations don't handle create blocks from attributes\n * (like when using CPT templates). For this reason, this hook is necessary\n * to avoid breaking templates using the old quote block format.\n *\n * @param {Object} attributes Block attributes.\n * @param {string} clientId   Block client ID.\n */\nconst useMigrateOnLoad = ( attributes, clientId ) => {\n\tconst registry = useRegistry();\n\tconst { updateBlockAttributes, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\tuseEffect( () => {\n\t\t// As soon as the block is loaded, migrate it to the new version.\n\n\t\tif ( ! attributes.value ) {\n\t\t\t// No need to migrate if it doesn't have the value attribute.\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ newAttributes, newInnerBlocks ] =\n\t\t\tmigrateToQuoteV2( attributes );\n\n\t\tdeprecated( 'Value attribute on the quote block', {\n\t\t\tsince: '6.0',\n\t\t\tversion: '6.5',\n\t\t\talternative: 'inner blocks',\n\t\t} );\n\n\t\tregistry.batch( () => {\n\t\t\tupdateBlockAttributes( clientId, newAttributes );\n\t\t\treplaceInnerBlocks( clientId, newInnerBlocks );\n\t\t} );\n\t}, [ attributes.value ] );\n};\n\nexport default function QuoteEdit( {\n\tattributes,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tclientId,\n\tclassName,\n\tstyle,\n\tisSelected,\n} ) {\n\tconst { textAlign } = attributes;\n\n\tuseMigrateOnLoad( attributes, clientId );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( className, {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\t...( ! isWebPlatform && { style } ),\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\ttemplateInsertUpdatesSelection: true,\n\t\t__experimentalCaptureToolbars: true,\n\t\trenderAppender: false,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<BlockQuotation { ...innerBlocksProps }>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t\t<Caption\n\t\t\t\t\tattributeKey=\"citation\"\n\t\t\t\t\ttagName={ isWebPlatform ? 'cite' : 'p' }\n\t\t\t\t\tstyle={ isWebPlatform && { display: 'block' } }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t__unstableMobileNoFocusOnMount\n\t\t\t\t\ticon={ verse }\n\t\t\t\t\tlabel={ __( 'Quote citation' ) }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t// translators: placeholder text used for the\n\t\t\t\t\t\t// citation\n\t\t\t\t\t\t__( 'Add citation' )\n\t\t\t\t\t}\n\t\t\t\t\taddLabel={ __( 'Add citation' ) }\n\t\t\t\t\tremoveLabel={ __( 'Remove citation' ) }\n\t\t\t\t\tclassName=\"wp-block-quote__citation\"\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\t{ ...( ! isWebPlatform ? { textAlign } : {} ) }\n\t\t\t\t/>\n\t\t\t</BlockQuotation>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/quote/save.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classNames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -15,7 +15,7 @@ export default function save({
     textAlign,
     citation
   } = attributes;
-  const className = classNames({
+  const className = clsx({
     [`has-text-align-${textAlign}`]: textAlign
   });
   return createElement("blockquote", {

package/build-module/quote/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["classNames","InnerBlocks","RichText","useBlockProps","save","attributes","textAlign","citation","className","createElement","Content","isEmpty","tagName","value"],"sources":["@wordpress/block-library/src/quote/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, citation } = attributes;\n\n\tconst className = classNames( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<blockquote { ...useBlockProps.save( { className } ) }>\n\t\t\t<InnerBlocks.Content />\n\t\t\t{ ! RichText.isEmpty( citation ) && (\n\t\t\t\t<RichText.Content tagName=\"cite\" value={ citation } />\n\t\t\t) }\n\t\t</blockquote>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,WAAW,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAE9E,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,UAAU;EAE1C,MAAMG,SAAS,GAAGR,UAAU,CAAE;IAC7B,CAAG,kBAAkBM,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,OACCG,aAAA;IAAA,GAAiBN,aAAa,CAACC,IAAI,CAAE;MAAEI;IAAU,CAAE;EAAC,GACnDC,aAAA,CAACR,WAAW,CAACS,OAAO,MAAE,CAAC,EACrB,CAAER,QAAQ,CAACS,OAAO,CAAEJ,QAAS,CAAC,IAC/BE,aAAA,CAACP,QAAQ,CAACQ,OAAO;IAACE,OAAO,EAAC,MAAM;IAACC,KAAK,EAAGN;EAAU,CAAE,CAE3C,CAAC;AAEf","ignoreList":[]}
+{"version":3,"names":["clsx","InnerBlocks","RichText","useBlockProps","save","attributes","textAlign","citation","className","createElement","Content","isEmpty","tagName","value"],"sources":["@wordpress/block-library/src/quote/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, citation } = attributes;\n\n\tconst className = clsx( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<blockquote { ...useBlockProps.save( { className } ) }>\n\t\t\t<InnerBlocks.Content />\n\t\t\t{ ! RichText.isEmpty( citation ) && (\n\t\t\t\t<RichText.Content tagName=\"cite\" value={ citation } />\n\t\t\t) }\n\t\t</blockquote>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAE9E,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,UAAU;EAE1C,MAAMG,SAAS,GAAGR,IAAI,CAAE;IACvB,CAAG,kBAAkBM,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,OACCG,aAAA;IAAA,GAAiBN,aAAa,CAACC,IAAI,CAAE;MAAEI;IAAU,CAAE;EAAC,GACnDC,aAAA,CAACR,WAAW,CAACS,OAAO,MAAE,CAAC,EACrB,CAAER,QAAQ,CAACS,OAAO,CAAEJ,QAAS,CAAC,IAC/BE,aAAA,CAACP,QAAQ,CAACQ,OAAO;IAACE,OAAO,EAAC,MAAM;IAACC,KAAK,EAAGN;EAAU,CAAE,CAE3C,CAAC;AAEf","ignoreList":[]}

package/build-module/rss/edit.js

@@ -3,10 +3,10 @@ import { createElement, Fragment } from "react";
  * WordPress dependencies
  */
 import { BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { Button, Disabled, PanelBody, Placeholder, RangeControl, ToggleControl, ToolbarGroup, __experimentalHStack as HStack, __experimentalInputControl as InputControl } from '@wordpress/components';
+import { Button, Disabled, PanelBody, Placeholder, RangeControl, ToggleControl, ToolbarGroup, __experimentalInputControl as InputControl } from '@wordpress/components';
 import { useState } from '@wordpress/element';
 import { grid, list, edit, rss } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import { prependHTTP } from '@wordpress/url';
 import ServerSideRender from '@wordpress/server-side-render';
 const DEFAULT_MIN_ITEMS = 1;
@@ -44,19 +44,21 @@ export default function RSSEdit({
     }
   }
   const blockProps = useBlockProps();
+  const label = __('RSS URL');
   if (isEditing) {
     return createElement("div", {
       ...blockProps
     }, createElement(Placeholder, {
       icon: rss,
-      label: "RSS"
+      label: label,
+      instructions: __('Display entries from any RSS or Atom feed.')
     }, createElement("form", {
       onSubmit: onSubmitURL,
       className: "wp-block-rss__placeholder-form"
-    }, createElement(HStack, {
-      wrap: true
     }, createElement(InputControl, {
       __next40pxDefaultSize: true,
+      label: label,
+      hideLabelFromVision: true,
       placeholder: __('Enter URL here…'),
       value: feedURL,
       onChange: value => setAttributes({
@@ -67,7 +69,7 @@ export default function RSSEdit({
       __next40pxDefaultSize: true,
       variant: "primary",
       type: "submit"
-    }, __('Use URL'))))));
+    }, __('Apply')))));
   }
   const toolbarControls = [{
     icon: edit,
@@ -75,14 +77,14 @@ export default function RSSEdit({
     onClick: () => setIsEditing(true)
   }, {
     icon: list,
-    title: __('List view'),
+    title: _x('List view', 'RSS block display setting'),
     onClick: () => setAttributes({
       blockLayout: 'list'
     }),
     isActive: blockLayout === 'list'
   }, {
     icon: grid,
-    title: __('Grid view'),
+    title: _x('Grid view', 'RSS block display setting'),
     onClick: () => setAttributes({
       blockLayout: 'grid'
     }),

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

@@ -1 +1 @@
-{"version":3,"names":["BlockControls","InspectorControls","useBlockProps","Button","Disabled","PanelBody","Placeholder","RangeControl","ToggleControl","ToolbarGroup","__experimentalHStack","HStack","__experimentalInputControl","InputControl","useState","grid","list","edit","rss","__","prependHTTP","ServerSideRender","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","createElement","icon","label","onSubmit","className","wrap","__next40pxDefaultSize","placeholder","onChange","variant","type","toolbarControls","title","onClick","isActive","Fragment","controls","__nextHasNoMarginBottom","min","max","required","checked","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\t__experimentalHStack as HStack,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { grid, list, edit, rss } from '@wordpress/icons';\nimport { __ } 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} = 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\tif ( isEditing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder icon={ rss } label=\"RSS\">\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<HStack wrap>\n\t\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tplaceholder={ __( 'Enter URL here…' ) }\n\t\t\t\t\t\t\t\tvalue={ feedURL }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { feedURL: value } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tclassName=\"wp-block-rss__placeholder-input\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Use URL' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\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: __( 'List view' ),\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: __( 'Grid view' ),\n\t\t\tonClick: () => setAttributes( { blockLayout: 'grid' } ),\n\t\t\tisActive: blockLayout === 'grid',\n\t\t},\n\t];\n\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\t\t\t\t</PanelBody>\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={ attributes }\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","PanelBody","Placeholder","RangeControl","ToggleControl","ToolbarGroup","__experimentalInputControl","InputControl","useState","grid","list","edit","rss","__","_x","prependHTTP","ServerSideRender","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","blockProps","label","createElement","icon","instructions","onSubmit","className","__next40pxDefaultSize","hideLabelFromVision","placeholder","onChange","variant","type","toolbarControls","title","onClick","isActive","Fragment","controls","__nextHasNoMarginBottom","min","max","required","checked","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\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} = 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\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\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\t\t\t\t</PanelBody>\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={ attributes }\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":";AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,iBAAiB,EACjBC,aAAa,QACP,yBAAyB;AAChC,SACCC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,WAAW,EACXC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,0BAA0B,IAAIC,YAAY,QACpC,uBAAuB;AAC9B,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AACxD,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,OAAOC,gBAAgB,MAAM,+BAA+B;AAE5D,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,iBAAiB,GAAG,EAAE;AAE5B,eAAe,SAASC,OAAOA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EAChE,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAGf,QAAQ,CAAE,CAAEY,UAAU,CAACI,OAAQ,CAAC;EAEpE,MAAM;IACLC,WAAW;IACXC,OAAO;IACPC,aAAa;IACbC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbN,OAAO;IACPO;EACD,CAAC,GAAGX,UAAU;EAEd,SAASY,eAAeA,CAAEC,QAAQ,EAAG;IACpC,OAAO,MAAM;MACZ,MAAMC,KAAK,GAAGd,UAAU,CAAEa,QAAQ,CAAE;MAEpCZ,aAAa,CAAE;QAAE,CAAEY,QAAQ,GAAI,CAAEC;MAAM,CAAE,CAAC;IAC3C,CAAC;EACF;EAEA,SAASC,WAAWA,CAAEC,KAAK,EAAG;IAC7BA,KAAK,CAACC,cAAc,CAAC,CAAC;IAEtB,IAAKb,OAAO,EAAG;MACdH,aAAa,CAAE;QAAEG,OAAO,EAAET,WAAW,CAAES,OAAQ;MAAE,CAAE,CAAC;MACpDD,YAAY,CAAE,KAAM,CAAC;IACtB;EACD;EAEA,MAAMe,UAAU,GAAGxC,aAAa,CAAC,CAAC;EAElC,MAAMyC,KAAK,GAAG1B,EAAE,CAAE,SAAU,CAAC;EAE7B,IAAKS,SAAS,EAAG;IAChB,OACCkB,aAAA;MAAA,GAAUF;IAAU,GACnBE,aAAA,CAACtC,WAAW;MACXuC,IAAI,EAAG7B,GAAK;MACZ2B,KAAK,EAAGA,KAAO;MACfG,YAAY,EAAG7B,EAAE,CAChB,4CACD;IAAG,GAEH2B,aAAA;MACCG,QAAQ,EAAGR,WAAa;MACxBS,SAAS,EAAC;IAAgC,GAE1CJ,aAAA,CAACjC,YAAY;MACZsC,qBAAqB;MACrBN,KAAK,EAAGA,KAAO;MACfO,mBAAmB;MACnBC,WAAW,EAAGlC,EAAE,CAAE,iBAAkB,CAAG;MACvCqB,KAAK,EAAGV,OAAS;MACjBwB,QAAQ,EAAKd,KAAK,IACjBb,aAAa,CAAE;QAAEG,OAAO,EAAEU;MAAM,CAAE,CAClC;MACDU,SAAS,EAAC;IAAiC,CAC3C,CAAC,EACFJ,aAAA,CAACzC,MAAM;MACN8C,qBAAqB;MACrBI,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAC;IAAQ,GAEXrC,EAAE,CAAE,OAAQ,CACP,CACH,CACM,CACT,CAAC;EAER;EAEA,MAAMsC,eAAe,GAAG,CACvB;IACCV,IAAI,EAAE9B,IAAI;IACVyC,KAAK,EAAEvC,EAAE,CAAE,cAAe,CAAC;IAC3BwC,OAAO,EAAEA,CAAA,KAAM9B,YAAY,CAAE,IAAK;EACnC,CAAC,EACD;IACCkB,IAAI,EAAE/B,IAAI;IACV0C,KAAK,EAAEtC,EAAE,CAAE,WAAW,EAAE,2BAA4B,CAAC;IACrDuC,OAAO,EAAEA,CAAA,KAAMhC,aAAa,CAAE;MAAEI,WAAW,EAAE;IAAO,CAAE,CAAC;IACvD6B,QAAQ,EAAE7B,WAAW,KAAK;EAC3B,CAAC,EACD;IACCgB,IAAI,EAAEhC,IAAI;IACV2C,KAAK,EAAEtC,EAAE,CAAE,WAAW,EAAE,2BAA4B,CAAC;IACrDuC,OAAO,EAAEA,CAAA,KAAMhC,aAAa,CAAE;MAAEI,WAAW,EAAE;IAAO,CAAE,CAAC;IACvD6B,QAAQ,EAAE7B,WAAW,KAAK;EAC3B,CAAC,CACD;EAED,OACCe,aAAA,CAAAe,QAAA,QACCf,aAAA,CAAC5C,aAAa,QACb4C,aAAA,CAACnC,YAAY;IAACmD,QAAQ,EAAGL;EAAiB,CAAE,CAC9B,CAAC,EAChBX,aAAA,CAAC3C,iBAAiB,QACjB2C,aAAA,CAACvC,SAAS;IAACmD,KAAK,EAAGvC,EAAE,CAAE,UAAW;EAAG,GACpC2B,aAAA,CAACrC,YAAY;IACZsD,uBAAuB;IACvBZ,qBAAqB;IACrBN,KAAK,EAAG1B,EAAE,CAAE,iBAAkB,CAAG;IACjCqB,KAAK,EAAGH,WAAa;IACrBiB,QAAQ,EAAKd,KAAK,IACjBb,aAAa,CAAE;MAAEU,WAAW,EAAEG;IAAM,CAAE,CACtC;IACDwB,GAAG,EAAGzC,iBAAmB;IACzB0C,GAAG,EAAGzC,iBAAmB;IACzB0C,QAAQ;EAAA,CACR,CAAC,EACFpB,aAAA,CAACpC,aAAa;IACbqD,uBAAuB;IACvBlB,KAAK,EAAG1B,EAAE,CAAE,gBAAiB,CAAG;IAChCgD,OAAO,EAAGlC,aAAe;IACzBqB,QAAQ,EAAGhB,eAAe,CAAE,eAAgB;EAAG,CAC/C,CAAC,EACFQ,aAAA,CAACpC,aAAa;IACbqD,uBAAuB;IACvBlB,KAAK,EAAG1B,EAAE,CAAE,cAAe,CAAG;IAC9BgD,OAAO,EAAGjC,WAAa;IACvBoB,QAAQ,EAAGhB,eAAe,CAAE,aAAc;EAAG,CAC7C,CAAC,EACFQ,aAAA,CAACpC,aAAa;IACbqD,uBAAuB;IACvBlB,KAAK,EAAG1B,EAAE,CAAE,iBAAkB,CAAG;IACjCgD,OAAO,EAAGhC,cAAgB;IAC1BmB,QAAQ,EAAGhB,eAAe,CAAE,gBAAiB;EAAG,CAChD,CAAC,EACAH,cAAc,IACfW,aAAA,CAACrC,YAAY;IACZsD,uBAAuB;IACvBZ,qBAAqB;IACrBN,KAAK,EAAG1B,EAAE,CAAE,gCAAiC,CAAG;IAChDqB,KAAK,EAAGJ,aAAe;IACvBkB,QAAQ,EAAKd,KAAK,IACjBb,aAAa,CAAE;MAAES,aAAa,EAAEI;IAAM,CAAE,CACxC;IACDwB,GAAG,EAAG,EAAI;IACVC,GAAG,EAAG,GAAK;IACXC,QAAQ;EAAA,CACR,CACD,EACCnC,WAAW,KAAK,MAAM,IACvBe,aAAA,CAACrC,YAAY;IACZsD,uBAAuB;IACvBZ,qBAAqB;IACrBN,KAAK,EAAG1B,EAAE,CAAE,SAAU,CAAG;IACzBqB,KAAK,EAAGR,OAAS;IACjBsB,QAAQ,EAAKd,KAAK,IACjBb,aAAa,CAAE;MAAEK,OAAO,EAAEQ;IAAM,CAAE,CAClC;IACDwB,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,CAAG;IACTC,QAAQ;EAAA,CACR,CAEQ,CACO,CAAC,EACpBpB,aAAA;IAAA,GAAUF;EAAU,GACnBE,aAAA,CAACxC,QAAQ,QACRwC,aAAA,CAACxB,gBAAgB;IAChB8C,KAAK,EAAC,UAAU;IAChB1C,UAAU,EAAGA;EAAY,CACzB,CACQ,CACN,CACJ,CAAC;AAEL","ignoreList":[]}

package/build-module/search/edit.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -119,7 +119,7 @@ export default function SearchEdit({
     });
   }, [hasOnlyButton, isSelected, setAttributes, width]);
   const getBlockClassNames = () => {
-    return classnames(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);
+    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',
@@ -189,7 +189,7 @@ export default function SearchEdit({
   };
   const renderTextField = () => {
     // If the input is inside the wrapper, the wrapper gets the border color styles/classes, not the input control.
-    const textFieldClasses = classnames('wp-block-search__input', isButtonPositionInside ? undefined : borderProps.className, typographyProps.className);
+    const textFieldClasses = clsx('wp-block-search__input', isButtonPositionInside ? undefined : borderProps.className, typographyProps.className);
     const textFieldStyles = {
       ...(isButtonPositionInside ? {
         borderRadius
@@ -216,7 +216,7 @@ export default function SearchEdit({
   };
   const renderButton = () => {
     // If the button is inside the wrapper, the wrapper gets the border color styles/classes, not the button.
-    const buttonClasses = classnames('wp-block-search__button', colorProps.className, typographyProps.className, isButtonPositionInside ? undefined : borderProps.className, buttonUseIcon ? 'has-icon' : undefined, __experimentalGetElementClassName('button'));
+    const buttonClasses = clsx('wp-block-search__button', colorProps.className, typographyProps.className, isButtonPositionInside ? undefined : borderProps.className, buttonUseIcon ? 'has-icon' : undefined, __experimentalGetElementClassName('button'));
     const buttonStyles = {
       ...colorProps.style,
       ...typographyProps.style,
@@ -365,7 +365,7 @@ export default function SearchEdit({
       textDecoration: undefined
     }
   });
-  const labelClassnames = classnames('wp-block-search__label', typographyProps.className);
+  const labelClassnames = clsx('wp-block-search__label', typographyProps.className);
   return createElement("div", {
     ...blockProps
   }, controls, showLabel && createElement(RichText, {
@@ -383,7 +383,7 @@ export default function SearchEdit({
     size: {
       width: `${width}${widthUnit}`
     },
-    className: classnames('wp-block-search__inside-wrapper', isButtonPositionInside ? borderProps.className : undefined),
+    className: clsx('wp-block-search__inside-wrapper', isButtonPositionInside ? borderProps.className : undefined),
     style: getWrapperStyles(),
     minWidth: MIN_WIDTH,
     enable: getResizableSides(),

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useBlockProps","BlockControls","InspectorControls","RichText","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","getTypographyClassesAndStyles","useTypographyProps","store","blockEditorStore","__experimentalGetElementClassName","useSettings","useDispatch","useSelect","useEffect","useRef","ToolbarDropdownMenu","ToolbarGroup","Button","ButtonGroup","ToolbarButton","ResizableBox","PanelBody","BaseControl","__experimentalUseCustomUnits","useCustomUnits","__experimentalUnitControl","UnitControl","useInstanceId","Icon","search","__","__unstableStripHTML","stripHTML","buttonOnly","buttonOutside","buttonInside","noButton","buttonWithIcon","toggleLabel","PC_WIDTH_DEFAULT","PX_WIDTH_DEFAULT","MIN_WIDTH","isPercentageUnit","DEFAULT_INNER_PADDING","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","select","getBlockParentsByBlockName","wasBlockJustInserted","length","__unstableMarkNextChangeAsNotPersistent","borderRadius","border","radius","borderProps","colorProps","fluidTypographySettings","layout","typographyProps","typography","fluid","wideSize","unitControlInstanceId","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","buttonRef","units","availableUnits","defaultValues","px","getBlockClassNames","undefined","buttonPositionControls","role","title","isActive","icon","onClick","getButtonPositionIcon","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","createElement","type","value","onChange","event","target","ref","renderButton","buttonClasses","buttonStyles","handleButtonClick","Fragment","identifier","withoutInteractiveFormatting","html","controls","id","min","max","step","newWidth","filteredWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","map","widthValue","key","size","variant","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","labelClassnames","minWidth","enable","onResizeStart","direction","elt","offsetWidth","onResizeStop","delta","showHandle"],"sources":["@wordpress/block-library/src/search/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\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\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tButton,\n\tButtonGroup,\n\tToolbarButton,\n\tResizableBox,\n\tPanelBody,\n\tBaseControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, search } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport {\n\tbuttonOnly,\n\tbuttonOutside,\n\tbuttonInside,\n\tnoButton,\n\tbuttonWithIcon,\n\ttoggleLabel,\n} from './icons';\nimport {\n\tPC_WIDTH_DEFAULT,\n\tPX_WIDTH_DEFAULT,\n\tMIN_WIDTH,\n\tisPercentageUnit,\n} from './utils.js';\n\n// Used to calculate border radius adjustment to avoid \"fat\" corners when\n// button is placed inside wrapper.\nconst DEFAULT_INNER_PADDING = '4px';\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\tconst 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.style.borderRadius = `${ borderRadius }px`;\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 classnames(\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\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button outside' ),\n\t\t\tisActive: buttonPosition === 'button-outside',\n\t\t\ticon: buttonOutside,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button inside' ),\n\t\t\tisActive: buttonPosition === 'button-inside',\n\t\t\ticon: buttonInside,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-inside',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'No button' ),\n\t\t\tisActive: buttonPosition === 'no-button',\n\t\t\ticon: noButton,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'no-button',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button only' ),\n\t\t\tisActive: buttonPosition === 'button-only',\n\t\t\ticon: buttonOnly,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-only',\n\t\t\t\t\tisSearchFieldHidden: true,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t];\n\n\tconst getButtonPositionIcon = () => {\n\t\tswitch ( buttonPosition ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn buttonInside;\n\t\t\tcase 'button-outside':\n\t\t\t\treturn buttonOutside;\n\t\t\tcase 'no-button':\n\t\t\t\treturn noButton;\n\t\t\tcase 'button-only':\n\t\t\t\treturn buttonOnly;\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 = classnames(\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 = classnames(\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\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Toggle search label' ) }\n\t\t\t\t\t\ticon={ toggleLabel }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tclassName={ showLabel ? 'is-pressed' : undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\t\ticon={ getButtonPositionIcon() }\n\t\t\t\t\t\tlabel={ __( 'Change button position' ) }\n\t\t\t\t\t\tcontrols={ buttonPositionControls }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! hasNoButton && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ttitle={ __( 'Use button with icon' ) }\n\t\t\t\t\t\t\ticon={ buttonWithIcon }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\tbuttonUseIcon ? 'is-pressed' : undefined\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</ToolbarGroup>\n\t\t\t</BlockControls>\n\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<BaseControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tid={ unitControlInputId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tid={ unitControlInputId }\n\t\t\t\t\t\t\tmin={\n\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit ) ? 0 : MIN_WIDTH\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit ) ? 100 : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\tconst filteredWidth =\n\t\t\t\t\t\t\t\t\twidthUnit === '%' &&\n\t\t\t\t\t\t\t\t\tparseInt( newWidth, 10 ) > 100\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: newWidth;\n\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\twidth: parseInt( filteredWidth, 10 ),\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonUnitChange={ ( newUnit ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t'%' === newUnit\n\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: PX_WIDTH_DEFAULT,\n\t\t\t\t\t\t\t\t\twidthUnit: newUnit,\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__unstableInputWidth={ '80px' }\n\t\t\t\t\t\t\tvalue={ `${ width }${ widthUnit }` }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"wp-block-search__components-button-group\"\n\t\t\t\t\t\t\taria-label={ __( 'Percentage Width' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\twidthValue === width &&\n\t\t\t\t\t\t\t\t\t\t\twidthUnit === '%'\n\t\t\t\t\t\t\t\t\t\t\t\t? 'primary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\twidth: widthValue,\n\t\t\t\t\t\t\t\t\t\t\t\twidthUnit: '%',\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\t\t{ widthValue }%\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t</BaseControl>\n\t\t\t\t</PanelBody>\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 = classnames(\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: `${ width }${ widthUnit }`,\n\t\t\t\t} }\n\t\t\t\tclassName={ classnames(\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","useBlockProps","BlockControls","InspectorControls","RichText","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","getTypographyClassesAndStyles","useTypographyProps","store","blockEditorStore","__experimentalGetElementClassName","useSettings","useDispatch","useSelect","useEffect","useRef","ToolbarDropdownMenu","ToolbarGroup","Button","ButtonGroup","ToolbarButton","ResizableBox","PanelBody","BaseControl","__experimentalUseCustomUnits","useCustomUnits","__experimentalUnitControl","UnitControl","useInstanceId","Icon","search","__","__unstableStripHTML","stripHTML","buttonOnly","buttonOutside","buttonInside","noButton","buttonWithIcon","toggleLabel","PC_WIDTH_DEFAULT","PX_WIDTH_DEFAULT","MIN_WIDTH","isPercentageUnit","DEFAULT_INNER_PADDING","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","select","getBlockParentsByBlockName","wasBlockJustInserted","length","__unstableMarkNextChangeAsNotPersistent","borderRadius","border","radius","borderProps","colorProps","fluidTypographySettings","layout","typographyProps","typography","fluid","wideSize","unitControlInstanceId","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","buttonRef","units","availableUnits","defaultValues","px","getBlockClassNames","undefined","buttonPositionControls","role","title","isActive","icon","onClick","getButtonPositionIcon","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","createElement","type","value","onChange","event","target","ref","renderButton","buttonClasses","buttonStyles","handleButtonClick","Fragment","identifier","withoutInteractiveFormatting","html","controls","id","min","max","step","newWidth","filteredWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","map","widthValue","key","size","variant","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","labelClassnames","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\tBlockControls,\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\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tButton,\n\tButtonGroup,\n\tToolbarButton,\n\tResizableBox,\n\tPanelBody,\n\tBaseControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, search } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport {\n\tbuttonOnly,\n\tbuttonOutside,\n\tbuttonInside,\n\tnoButton,\n\tbuttonWithIcon,\n\ttoggleLabel,\n} from './icons';\nimport {\n\tPC_WIDTH_DEFAULT,\n\tPX_WIDTH_DEFAULT,\n\tMIN_WIDTH,\n\tisPercentageUnit,\n} from './utils.js';\n\n// Used to calculate border radius adjustment to avoid \"fat\" corners when\n// button is placed inside wrapper.\nconst DEFAULT_INNER_PADDING = '4px';\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\tconst 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.style.borderRadius = `${ borderRadius }px`;\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\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button outside' ),\n\t\t\tisActive: buttonPosition === 'button-outside',\n\t\t\ticon: buttonOutside,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-outside',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button inside' ),\n\t\t\tisActive: buttonPosition === 'button-inside',\n\t\t\ticon: buttonInside,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-inside',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'No button' ),\n\t\t\tisActive: buttonPosition === 'no-button',\n\t\t\ticon: noButton,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'no-button',\n\t\t\t\t\tisSearchFieldHidden: false,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\trole: 'menuitemradio',\n\t\t\ttitle: __( 'Button only' ),\n\t\t\tisActive: buttonPosition === 'button-only',\n\t\t\ticon: buttonOnly,\n\t\t\tonClick: () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tbuttonPosition: 'button-only',\n\t\t\t\t\tisSearchFieldHidden: true,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t];\n\n\tconst getButtonPositionIcon = () => {\n\t\tswitch ( buttonPosition ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn buttonInside;\n\t\t\tcase 'button-outside':\n\t\t\t\treturn buttonOutside;\n\t\t\tcase 'no-button':\n\t\t\t\treturn noButton;\n\t\t\tcase 'button-only':\n\t\t\t\treturn buttonOnly;\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\n\tconst controls = (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Toggle search label' ) }\n\t\t\t\t\t\ticon={ toggleLabel }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tclassName={ showLabel ? 'is-pressed' : undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\t\ticon={ getButtonPositionIcon() }\n\t\t\t\t\t\tlabel={ __( 'Change button position' ) }\n\t\t\t\t\t\tcontrols={ buttonPositionControls }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! hasNoButton && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ttitle={ __( 'Use button with icon' ) }\n\t\t\t\t\t\t\ticon={ buttonWithIcon }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\tbuttonUseIcon ? 'is-pressed' : undefined\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</ToolbarGroup>\n\t\t\t</BlockControls>\n\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<BaseControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tid={ unitControlInputId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tid={ unitControlInputId }\n\t\t\t\t\t\t\tmin={\n\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit ) ? 0 : MIN_WIDTH\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit ) ? 100 : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\t\tconst filteredWidth =\n\t\t\t\t\t\t\t\t\twidthUnit === '%' &&\n\t\t\t\t\t\t\t\t\tparseInt( newWidth, 10 ) > 100\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: newWidth;\n\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\twidth: parseInt( filteredWidth, 10 ),\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonUnitChange={ ( newUnit ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t'%' === newUnit\n\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: PX_WIDTH_DEFAULT,\n\t\t\t\t\t\t\t\t\twidthUnit: newUnit,\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__unstableInputWidth={ '80px' }\n\t\t\t\t\t\t\tvalue={ `${ width }${ widthUnit }` }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"wp-block-search__components-button-group\"\n\t\t\t\t\t\t\taria-label={ __( 'Percentage Width' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ [ 25, 50, 75, 100 ].map( ( widthValue ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tkey={ widthValue }\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\twidthValue === width &&\n\t\t\t\t\t\t\t\t\t\t\twidthUnit === '%'\n\t\t\t\t\t\t\t\t\t\t\t\t? 'primary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\twidth: widthValue,\n\t\t\t\t\t\t\t\t\t\t\t\twidthUnit: '%',\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\t\t{ widthValue }%\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t</BaseControl>\n\t\t\t\t</PanelBody>\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: `${ width }${ widthUnit }`,\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-module/search/edit.native.js

@@ -3,7 +3,7 @@ import { createElement } from "react";
  * External dependencies
  */
 import { View, AccessibilityInfo } from 'react-native';
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -109,7 +109,7 @@ export default function SearchEdit({
     }
   };
   const getBlockClassNames = () => {
-    return classnames(className, 'button-inside' === buttonPosition ? 'wp-block-search__button-inside' : undefined, 'button-outside' === buttonPosition ? 'wp-block-search__button-outside' : undefined, 'no-button' === buttonPosition ? 'wp-block-search__no-button' : undefined, 'button-only' === buttonPosition ? 'wp-block-search__button-only' : undefined, !buttonUseIcon && 'no-button' !== buttonPosition ? 'wp-block-search__text-button' : undefined, buttonUseIcon && 'no-button' !== buttonPosition ? 'wp-block-search__icon-button' : undefined);
+    return clsx(className, 'button-inside' === buttonPosition ? 'wp-block-search__button-inside' : undefined, 'button-outside' === buttonPosition ? 'wp-block-search__button-outside' : undefined, 'no-button' === buttonPosition ? 'wp-block-search__no-button' : undefined, 'button-only' === buttonPosition ? 'wp-block-search__button-only' : undefined, !buttonUseIcon && 'no-button' !== buttonPosition ? 'wp-block-search__text-button' : undefined, buttonUseIcon && 'no-button' !== buttonPosition ? 'wp-block-search__icon-button' : undefined);
   };
   const getSelectedButtonPositionLabel = option => {
     switch (option) {

package/build-module/search/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","AccessibilityInfo","classnames","RichText","PlainText","useBlockProps","InspectorControls","PanelBody","SelectControl","ToggleControl","Icon","__","search","useRef","useEffect","useState","usePreferredColorSchemeStyle","styles","MIN_BUTTON_WIDTH","MARGINS","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","undefined","getSelectedButtonPositionLabel","option","blockProps","controls","createElement","title","checked","onChange","position","options","hideCancelButton","isButtonInside","borderStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","description","getAccessibilityLabelForLabel","renderTextField","searchInputContainer","accessible","accessibilityRole","accessibilityHint","accessibilityLabel","ref","numberOfLines","ellipsizeMode","newVal","onBlur","placeholderTextColor","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","onLayout","identifier","tagName","withoutInteractiveFormatting","html","minWidth","maxWidth","textAlign","__unstableMobileNoFocusOnMount","unstableOnFocus","selectionColor","richTextButtonCursor","searchBlockContainer","importantForAccessibility","accessibilityElementsHidden","richTextLabel"],"sources":["@wordpress/block-library/src/search/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo } from 'react-native';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tPlainText,\n\tuseBlockProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tSelectControl,\n\tToggleControl,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n/**\n * Constants\n */\nconst MIN_BUTTON_WIDTH = 75;\nconst MARGINS =\n\tstyles.widthMargin?.marginLeft + styles.widthMargin?.paddingLeft;\n\nconst BUTTON_OPTIONS = [\n\t{ value: 'button-inside', label: __( 'Button inside' ) },\n\t{ value: 'button-outside', label: __( 'Button outside' ) },\n\t{ value: 'no-button', label: __( 'No button' ) },\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nexport default function SearchEdit( {\n\tonFocus,\n\tisSelected,\n\tattributes,\n\tsetAttributes,\n\tclassName,\n\tblockWidth,\n\tstyle,\n} ) {\n\tconst [ isButtonSelected, setIsButtonSelected ] = useState( false );\n\tconst [ isLabelSelected, setIsLabelSelected ] = useState( false );\n\tconst [ isPlaceholderSelected, setIsPlaceholderSelected ] =\n\t\tuseState( false );\n\tconst [ isLongButton, setIsLongButton ] = useState( false );\n\tconst [ buttonWidth, setButtonWidth ] = useState( MIN_BUTTON_WIDTH );\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tconst textInputRef = useRef( null );\n\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tplaceholder,\n\t\tbuttonText,\n\t} = attributes;\n\n\t/*\n\t * Called when the value of isSelected changes. Blurs the PlainText component\n\t * used by the placeholder when this block loses focus.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasTextInput() && isPlaceholderSelected && ! isSelected ) {\n\t\t\ttextInputRef.current.blur();\n\t\t}\n\t}, [ isSelected ] );\n\n\tuseEffect( () => {\n\t\tconst maxButtonWidth = Math.floor( blockWidth / 2 - MARGINS );\n\t\tconst tempIsLongButton = buttonWidth > maxButtonWidth;\n\n\t\t// Update this value only if it has changed to avoid flickering.\n\t\tif ( isLongButton !== tempIsLongButton ) {\n\t\t\tsetIsLongButton( tempIsLongButton );\n\t\t}\n\t}, [ blockWidth, buttonWidth ] );\n\n\tconst hasTextInput = () => {\n\t\treturn textInputRef && textInputRef.current;\n\t};\n\n\tconst onLayoutButton = ( { nativeEvent } ) => {\n\t\tconst { width } = nativeEvent?.layout;\n\n\t\tif ( width ) {\n\t\t\tsetButtonWidth( width );\n\t\t}\n\t};\n\n\tconst getBlockClassNames = () => {\n\t\treturn classnames(\n\t\t\tclassName,\n\t\t\t'button-inside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\t'button-outside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\t'no-button' === buttonPosition\n\t\t\t\t? 'wp-block-search__no-button'\n\t\t\t\t: undefined,\n\t\t\t'button-only' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-only'\n\t\t\t\t: undefined,\n\t\t\t! buttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst getSelectedButtonPositionLabel = ( option ) => {\n\t\tswitch ( option ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn __( 'Inside' );\n\t\t\tcase 'button-outside':\n\t\t\t\treturn __( 'Outside' );\n\t\t\tcase 'no-button':\n\t\t\t\treturn __( 'No button' );\n\t\t}\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t} );\n\n\tconst controls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Search settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Hide search heading' ) }\n\t\t\t\t\tchecked={ ! showLabel }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\tvalue={ getSelectedButtonPositionLabel( buttonPosition ) }\n\t\t\t\t\tonChange={ ( position ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tbuttonPosition: position,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ BUTTON_OPTIONS }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Use icon button' ) }\n\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\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) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst isButtonInside = buttonPosition === 'button-inside';\n\n\tconst borderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.border,\n\t\tstyles.borderDark\n\t);\n\n\tconst inputStyle = [\n\t\t! isButtonInside && borderStyle,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextInput,\n\t\t\tstyles.plainTextInputDark\n\t\t),\n\t\tstyle?.baseColors?.color && { color: style?.baseColors?.color?.text },\n\t];\n\n\tconst placeholderStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextPlaceholder,\n\t\t\tstyles.plainTextPlaceholderDark\n\t\t),\n\t\t...( style?.baseColors?.color && {\n\t\t\tcolor: style?.baseColors?.color?.text,\n\t\t} ),\n\t};\n\n\tconst searchBarStyle = [\n\t\tstyles.searchBarContainer,\n\t\tisButtonInside && borderStyle,\n\t\tisLongButton && { flexDirection: 'column' },\n\t];\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Button\n\t */\n\tconst getAccessibilityLabelForButton = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-button';\n\t\t}\n\n\t\treturn `${ __(\n\t\t\t'Search button. Current button text is'\n\t\t) } ${ buttonText }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Input\n\t * \t\t\t\t\t placeholder field.\n\t */\n\tconst getAccessibilityLabelForPlaceholder = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-input';\n\t\t}\n\n\t\tconst title = __( 'Search input field.' );\n\t\tconst description = placeholder\n\t\t\t? `${ __( 'Current placeholder text is' ) } ${ placeholder }`\n\t\t\t: __( 'No custom placeholder set' );\n\t\treturn `${ title } ${ description }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Label field\n\t */\n\tconst getAccessibilityLabelForLabel = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-label';\n\t\t}\n\n\t\treturn `${ __( 'Search block label. Current text is' ) } ${ label }`;\n\t};\n\n\tconst renderTextField = () => {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ styles.searchInputContainer }\n\t\t\t\taccessible\n\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t? __( 'Double tap to edit placeholder text' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabelForPlaceholder() }\n\t\t\t>\n\t\t\t\t<PlainText\n\t\t\t\t\tref={ textInputRef }\n\t\t\t\t\tisSelected={ isPlaceholderSelected }\n\t\t\t\t\tclassName=\"wp-block-search__input\"\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"tail\" // Currently only works on ios.\n\t\t\t\t\tlabel={ null }\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( newVal ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: newVal } )\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ () => {\n\t\t\t\t\t\tsetIsPlaceholderSelected( true );\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonBlur={ () => setIsPlaceholderSelected( false ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t};\n\n\t// To achieve proper expanding and shrinking `RichText` on Android, there is a need to set\n\t// a `placeholder` as an empty string when `RichText` is focused,\n\t// because `AztecView` is calculating a `minWidth` based on placeholder text.\n\tconst buttonPlaceholderText =\n\t\tisButtonSelected ||\n\t\t( ! isButtonSelected && buttonText && buttonText !== '' )\n\t\t\t? ''\n\t\t\t: __( 'Add button text' );\n\n\tconst baseButtonStyles = {\n\t\t...style?.baseColors?.blocks?.[ 'core/button' ]?.color,\n\t\t...attributes?.style?.color,\n\t\t...( style?.color && { text: style.color } ),\n\t};\n\n\tconst richTextButtonContainerStyle = [\n\t\tstyles.buttonContainer,\n\t\tisLongButton && styles.buttonContainerWide,\n\t\tbaseButtonStyles?.background && {\n\t\t\tbackgroundColor: baseButtonStyles.background,\n\t\t\tborderWidth: 0,\n\t\t},\n\t\tstyle?.backgroundColor && {\n\t\t\tbackgroundColor: style.backgroundColor,\n\t\t\tborderWidth: 0,\n\t\t},\n\t];\n\n\tconst richTextButtonStyle = {\n\t\t...styles.richTextButton,\n\t\t...( baseButtonStyles?.text && {\n\t\t\tcolor: baseButtonStyles.text,\n\t\t\tplaceholderColor: baseButtonStyles.text,\n\t\t} ),\n\t};\n\n\tconst iconStyles = {\n\t\t...styles.icon,\n\t\t...( baseButtonStyles?.text && { fill: baseButtonStyles.text } ),\n\t};\n\n\tconst renderButton = () => {\n\t\treturn (\n\t\t\t<View style={ richTextButtonContainerStyle }>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t{ ...iconStyles }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<View\n\t\t\t\t\t\taccessible\n\t\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t\t? __( 'Double tap to edit button text' )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForButton() }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\tclassName=\"wp-block-search__button\"\n\t\t\t\t\t\t\tidentifier=\"buttonText\"\n\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\tstyle={ richTextButtonStyle }\n\t\t\t\t\t\t\tplaceholder={ buttonPlaceholderText }\n\t\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminWidth={ MIN_BUTTON_WIDTH }\n\t\t\t\t\t\t\tmaxWidth={ blockWidth - MARGINS }\n\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\tisSelected={ isButtonSelected }\n\t\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tselectionColor={\n\t\t\t\t\t\t\t\tstyles.richTextButtonCursor?.color\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t};\n\n\treturn (\n\t\t<View\n\t\t\t{ ...blockProps }\n\t\t\tstyle={ styles.searchBlockContainer }\n\t\t\timportantForAccessibility={\n\t\t\t\tisSelected ? 'yes' : 'no-hide-descendants'\n\t\t\t}\n\t\t\taccessibilityElementsHidden={ isSelected ? false : true }\n\t\t>\n\t\t\t{ isSelected && controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<View\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t? __( 'Double tap to edit label text' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForLabel() }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tclassName=\"wp-block-search__label\"\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tstyle={ styles.richTextLabel }\n\t\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { label: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSelected={ isLabelSelected }\n\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tselectionColor={ styles.richTextButtonCursor?.color }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ ( 'button-inside' === buttonPosition ||\n\t\t\t\t'button-outside' === buttonPosition ) && (\n\t\t\t\t<View style={ searchBarStyle }>\n\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t{ renderButton() }\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ 'button-only' === buttonPosition && renderButton() }\n\t\t\t{ 'no-button' === buttonPosition && renderTextField() }\n\t\t</View>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","AccessibilityInfo","clsx","RichText","PlainText","useBlockProps","InspectorControls","PanelBody","SelectControl","ToggleControl","Icon","__","search","useRef","useEffect","useState","usePreferredColorSchemeStyle","styles","MIN_BUTTON_WIDTH","MARGINS","widthMargin","marginLeft","paddingLeft","BUTTON_OPTIONS","value","label","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","SearchEdit","onFocus","isSelected","attributes","setAttributes","className","blockWidth","style","isButtonSelected","setIsButtonSelected","isLabelSelected","setIsLabelSelected","isPlaceholderSelected","setIsPlaceholderSelected","isLongButton","setIsLongButton","buttonWidth","setButtonWidth","textInputRef","showLabel","buttonPosition","buttonUseIcon","placeholder","buttonText","hasTextInput","current","blur","maxButtonWidth","Math","floor","tempIsLongButton","onLayoutButton","nativeEvent","width","layout","getBlockClassNames","undefined","getSelectedButtonPositionLabel","option","blockProps","controls","createElement","title","checked","onChange","position","options","hideCancelButton","isButtonInside","borderStyle","border","borderDark","inputStyle","plainTextInput","plainTextInputDark","baseColors","color","text","placeholderStyle","plainTextPlaceholder","plainTextPlaceholderDark","searchBarStyle","searchBarContainer","flexDirection","getAccessibilityLabelForButton","getAccessibilityLabelForPlaceholder","description","getAccessibilityLabelForLabel","renderTextField","searchInputContainer","accessible","accessibilityRole","accessibilityHint","accessibilityLabel","ref","numberOfLines","ellipsizeMode","newVal","onBlur","placeholderTextColor","buttonPlaceholderText","baseButtonStyles","blocks","richTextButtonContainerStyle","buttonContainer","buttonContainerWide","background","backgroundColor","borderWidth","richTextButtonStyle","richTextButton","placeholderColor","iconStyles","icon","fill","renderButton","onLayout","identifier","tagName","withoutInteractiveFormatting","html","minWidth","maxWidth","textAlign","__unstableMobileNoFocusOnMount","unstableOnFocus","selectionColor","richTextButtonCursor","searchBlockContainer","importantForAccessibility","accessibilityElementsHidden","richTextLabel"],"sources":["@wordpress/block-library/src/search/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, AccessibilityInfo } from 'react-native';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tPlainText,\n\tuseBlockProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tSelectControl,\n\tToggleControl,\n\tIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n/**\n * Constants\n */\nconst MIN_BUTTON_WIDTH = 75;\nconst MARGINS =\n\tstyles.widthMargin?.marginLeft + styles.widthMargin?.paddingLeft;\n\nconst BUTTON_OPTIONS = [\n\t{ value: 'button-inside', label: __( 'Button inside' ) },\n\t{ value: 'button-outside', label: __( 'Button outside' ) },\n\t{ value: 'no-button', label: __( 'No button' ) },\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nexport default function SearchEdit( {\n\tonFocus,\n\tisSelected,\n\tattributes,\n\tsetAttributes,\n\tclassName,\n\tblockWidth,\n\tstyle,\n} ) {\n\tconst [ isButtonSelected, setIsButtonSelected ] = useState( false );\n\tconst [ isLabelSelected, setIsLabelSelected ] = useState( false );\n\tconst [ isPlaceholderSelected, setIsPlaceholderSelected ] =\n\t\tuseState( false );\n\tconst [ isLongButton, setIsLongButton ] = useState( false );\n\tconst [ buttonWidth, setButtonWidth ] = useState( MIN_BUTTON_WIDTH );\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tconst textInputRef = useRef( null );\n\n\tconst {\n\t\tlabel,\n\t\tshowLabel,\n\t\tbuttonPosition,\n\t\tbuttonUseIcon,\n\t\tplaceholder,\n\t\tbuttonText,\n\t} = attributes;\n\n\t/*\n\t * Called when the value of isSelected changes. Blurs the PlainText component\n\t * used by the placeholder when this block loses focus.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasTextInput() && isPlaceholderSelected && ! isSelected ) {\n\t\t\ttextInputRef.current.blur();\n\t\t}\n\t}, [ isSelected ] );\n\n\tuseEffect( () => {\n\t\tconst maxButtonWidth = Math.floor( blockWidth / 2 - MARGINS );\n\t\tconst tempIsLongButton = buttonWidth > maxButtonWidth;\n\n\t\t// Update this value only if it has changed to avoid flickering.\n\t\tif ( isLongButton !== tempIsLongButton ) {\n\t\t\tsetIsLongButton( tempIsLongButton );\n\t\t}\n\t}, [ blockWidth, buttonWidth ] );\n\n\tconst hasTextInput = () => {\n\t\treturn textInputRef && textInputRef.current;\n\t};\n\n\tconst onLayoutButton = ( { nativeEvent } ) => {\n\t\tconst { width } = nativeEvent?.layout;\n\n\t\tif ( width ) {\n\t\t\tsetButtonWidth( width );\n\t\t}\n\t};\n\n\tconst getBlockClassNames = () => {\n\t\treturn clsx(\n\t\t\tclassName,\n\t\t\t'button-inside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-inside'\n\t\t\t\t: undefined,\n\t\t\t'button-outside' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-outside'\n\t\t\t\t: undefined,\n\t\t\t'no-button' === buttonPosition\n\t\t\t\t? 'wp-block-search__no-button'\n\t\t\t\t: undefined,\n\t\t\t'button-only' === buttonPosition\n\t\t\t\t? 'wp-block-search__button-only'\n\t\t\t\t: undefined,\n\t\t\t! buttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__text-button'\n\t\t\t\t: undefined,\n\t\t\tbuttonUseIcon && 'no-button' !== buttonPosition\n\t\t\t\t? 'wp-block-search__icon-button'\n\t\t\t\t: undefined\n\t\t);\n\t};\n\n\tconst getSelectedButtonPositionLabel = ( option ) => {\n\t\tswitch ( option ) {\n\t\t\tcase 'button-inside':\n\t\t\t\treturn __( 'Inside' );\n\t\t\tcase 'button-outside':\n\t\t\t\treturn __( 'Outside' );\n\t\t\tcase 'no-button':\n\t\t\t\treturn __( 'No button' );\n\t\t}\n\t};\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: getBlockClassNames(),\n\t} );\n\n\tconst controls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Search settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Hide search heading' ) }\n\t\t\t\t\tchecked={ ! showLabel }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowLabel: ! showLabel,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Button position' ) }\n\t\t\t\t\tvalue={ getSelectedButtonPositionLabel( buttonPosition ) }\n\t\t\t\t\tonChange={ ( position ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tbuttonPosition: position,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\toptions={ BUTTON_OPTIONS }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t\t{ buttonPosition !== 'no-button' && (\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Use icon button' ) }\n\t\t\t\t\t\tchecked={ buttonUseIcon }\n\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tbuttonUseIcon: ! buttonUseIcon,\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) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst isButtonInside = buttonPosition === 'button-inside';\n\n\tconst borderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.border,\n\t\tstyles.borderDark\n\t);\n\n\tconst inputStyle = [\n\t\t! isButtonInside && borderStyle,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextInput,\n\t\t\tstyles.plainTextInputDark\n\t\t),\n\t\tstyle?.baseColors?.color && { color: style?.baseColors?.color?.text },\n\t];\n\n\tconst placeholderStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.plainTextPlaceholder,\n\t\t\tstyles.plainTextPlaceholderDark\n\t\t),\n\t\t...( style?.baseColors?.color && {\n\t\t\tcolor: style?.baseColors?.color?.text,\n\t\t} ),\n\t};\n\n\tconst searchBarStyle = [\n\t\tstyles.searchBarContainer,\n\t\tisButtonInside && borderStyle,\n\t\tisLongButton && { flexDirection: 'column' },\n\t];\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Button\n\t */\n\tconst getAccessibilityLabelForButton = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-button';\n\t\t}\n\n\t\treturn `${ __(\n\t\t\t'Search button. Current button text is'\n\t\t) } ${ buttonText }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Input\n\t * \t\t\t\t\t placeholder field.\n\t */\n\tconst getAccessibilityLabelForPlaceholder = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-input';\n\t\t}\n\n\t\tconst title = __( 'Search input field.' );\n\t\tconst description = placeholder\n\t\t\t? `${ __( 'Current placeholder text is' ) } ${ placeholder }`\n\t\t\t: __( 'No custom placeholder set' );\n\t\treturn `${ title } ${ description }`;\n\t};\n\n\t/**\n\t * If a screenreader is enabled, create a descriptive label for this field. If\n\t * not, return a label that is used during automated UI tests.\n\t *\n\t * @return {string} The accessibilityLabel for the Search Label field\n\t */\n\tconst getAccessibilityLabelForLabel = () => {\n\t\tif ( ! isScreenReaderEnabled ) {\n\t\t\treturn 'search-block-label';\n\t\t}\n\n\t\treturn `${ __( 'Search block label. Current text is' ) } ${ label }`;\n\t};\n\n\tconst renderTextField = () => {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ styles.searchInputContainer }\n\t\t\t\taccessible\n\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t? __( 'Double tap to edit placeholder text' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabelForPlaceholder() }\n\t\t\t>\n\t\t\t\t<PlainText\n\t\t\t\t\tref={ textInputRef }\n\t\t\t\t\tisSelected={ isPlaceholderSelected }\n\t\t\t\t\tclassName=\"wp-block-search__input\"\n\t\t\t\t\tstyle={ inputStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"tail\" // Currently only works on ios.\n\t\t\t\t\tlabel={ null }\n\t\t\t\t\tvalue={ placeholder }\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tplaceholder ? undefined : __( 'Optional placeholder…' )\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( newVal ) =>\n\t\t\t\t\t\tsetAttributes( { placeholder: newVal } )\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ () => {\n\t\t\t\t\t\tsetIsPlaceholderSelected( true );\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t} }\n\t\t\t\t\tonBlur={ () => setIsPlaceholderSelected( false ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t};\n\n\t// To achieve proper expanding and shrinking `RichText` on Android, there is a need to set\n\t// a `placeholder` as an empty string when `RichText` is focused,\n\t// because `AztecView` is calculating a `minWidth` based on placeholder text.\n\tconst buttonPlaceholderText =\n\t\tisButtonSelected ||\n\t\t( ! isButtonSelected && buttonText && buttonText !== '' )\n\t\t\t? ''\n\t\t\t: __( 'Add button text' );\n\n\tconst baseButtonStyles = {\n\t\t...style?.baseColors?.blocks?.[ 'core/button' ]?.color,\n\t\t...attributes?.style?.color,\n\t\t...( style?.color && { text: style.color } ),\n\t};\n\n\tconst richTextButtonContainerStyle = [\n\t\tstyles.buttonContainer,\n\t\tisLongButton && styles.buttonContainerWide,\n\t\tbaseButtonStyles?.background && {\n\t\t\tbackgroundColor: baseButtonStyles.background,\n\t\t\tborderWidth: 0,\n\t\t},\n\t\tstyle?.backgroundColor && {\n\t\t\tbackgroundColor: style.backgroundColor,\n\t\t\tborderWidth: 0,\n\t\t},\n\t];\n\n\tconst richTextButtonStyle = {\n\t\t...styles.richTextButton,\n\t\t...( baseButtonStyles?.text && {\n\t\t\tcolor: baseButtonStyles.text,\n\t\t\tplaceholderColor: baseButtonStyles.text,\n\t\t} ),\n\t};\n\n\tconst iconStyles = {\n\t\t...styles.icon,\n\t\t...( baseButtonStyles?.text && { fill: baseButtonStyles.text } ),\n\t};\n\n\tconst renderButton = () => {\n\t\treturn (\n\t\t\t<View style={ richTextButtonContainerStyle }>\n\t\t\t\t{ buttonUseIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t{ ...iconStyles }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! buttonUseIcon && (\n\t\t\t\t\t<View\n\t\t\t\t\t\taccessible\n\t\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t\t? __( 'Double tap to edit button text' )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForButton() }\n\t\t\t\t\t\tonLayout={ onLayoutButton }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\tclassName=\"wp-block-search__button\"\n\t\t\t\t\t\t\tidentifier=\"buttonText\"\n\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\tstyle={ richTextButtonStyle }\n\t\t\t\t\t\t\tplaceholder={ buttonPlaceholderText }\n\t\t\t\t\t\t\tvalue={ buttonText }\n\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { buttonText: html } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tminWidth={ MIN_BUTTON_WIDTH }\n\t\t\t\t\t\t\tmaxWidth={ blockWidth - MARGINS }\n\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\tisSelected={ isButtonSelected }\n\t\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\t\tsetIsButtonSelected( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tselectionColor={\n\t\t\t\t\t\t\t\tstyles.richTextButtonCursor?.color\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t};\n\n\treturn (\n\t\t<View\n\t\t\t{ ...blockProps }\n\t\t\tstyle={ styles.searchBlockContainer }\n\t\t\timportantForAccessibility={\n\t\t\t\tisSelected ? 'yes' : 'no-hide-descendants'\n\t\t\t}\n\t\t\taccessibilityElementsHidden={ isSelected ? false : true }\n\t\t>\n\t\t\t{ isSelected && controls }\n\n\t\t\t{ showLabel && (\n\t\t\t\t<View\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityRole=\"none\"\n\t\t\t\t\taccessibilityHint={\n\t\t\t\t\t\tisScreenReaderEnabled\n\t\t\t\t\t\t\t? __( 'Double tap to edit label text' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\taccessibilityLabel={ getAccessibilityLabelForLabel() }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tclassName=\"wp-block-search__label\"\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tstyle={ styles.richTextLabel }\n\t\t\t\t\t\tplaceholder={ __( 'Add label…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( html ) =>\n\t\t\t\t\t\t\tsetAttributes( { label: html } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSelected={ isLabelSelected }\n\t\t\t\t\t\t__unstableMobileNoFocusOnMount={ ! isSelected }\n\t\t\t\t\t\tunstableOnFocus={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonBlur={ () => {\n\t\t\t\t\t\t\tsetIsLabelSelected( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tselectionColor={ styles.richTextButtonCursor?.color }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ ( 'button-inside' === buttonPosition ||\n\t\t\t\t'button-outside' === buttonPosition ) && (\n\t\t\t\t<View style={ searchBarStyle }>\n\t\t\t\t\t{ renderTextField() }\n\t\t\t\t\t{ renderButton() }\n\t\t\t\t</View>\n\t\t\t) }\n\n\t\t\t{ 'button-only' === buttonPosition && renderButton() }\n\t\t\t{ 'no-button' === buttonPosition && renderTextField() }\n\t\t</View>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/separator/deprecated.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -31,7 +31,7 @@ const v1 = {
     // the dots styles uses text for the dots, to change those dots color is
     // using color, not backgroundColor
     const colorClass = getColorClassName('color', color);
-    const className = classnames({
+    const className = clsx({
       'has-text-color has-background': color || customColor,
       [backgroundClass]: backgroundClass,
       [colorClass]: colorClass