@wordpress/block-library 8.19.3 → 8.20.0

package/build/rss/edit.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RSSEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
 var _url = require("@wordpress/url");
@@ -52,25 +53,26 @@ function RSSEdit({
   }
   const blockProps = (0, _blockEditor.useBlockProps)();
   if (isEditing) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ...blockProps
-    }, (0, _element.createElement)(_components.Placeholder, {
+    }, (0, _react.createElement)(_components.Placeholder, {
       icon: _icons.rss,
       label: "RSS"
-    }, (0, _element.createElement)("form", {
+    }, (0, _react.createElement)("form", {
       onSubmit: onSubmitURL,
       className: "wp-block-rss__placeholder-form"
-    }, (0, _element.createElement)(_components.__experimentalHStack, {
+    }, (0, _react.createElement)(_components.__experimentalHStack, {
       wrap: true
-    }, (0, _element.createElement)(_components.__experimentalInputControl, {
-      __next36pxDefaultSize: true,
+    }, (0, _react.createElement)(_components.__experimentalInputControl, {
+      __next40pxDefaultSize: true,
       placeholder: (0, _i18n.__)('Enter URL here…'),
       value: feedURL,
       onChange: value => setAttributes({
         feedURL: value
       }),
       className: "wp-block-rss__placeholder-input"
-    }), (0, _element.createElement)(_components.Button, {
+    }), (0, _react.createElement)(_components.Button, {
+      __next40pxDefaultSize: true,
       variant: "primary",
       type: "submit"
     }, (0, _i18n.__)('Use URL'))))));
@@ -94,11 +96,11 @@ function RSSEdit({
     }),
     isActive: blockLayout === 'grid'
   }];
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, {
     controls: toolbarControls
-  })), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Number of items'),
@@ -109,22 +111,22 @@ function RSSEdit({
     min: DEFAULT_MIN_ITEMS,
     max: DEFAULT_MAX_ITEMS,
     required: true
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display author'),
     checked: displayAuthor,
     onChange: toggleAttribute('displayAuthor')
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display date'),
     checked: displayDate,
     onChange: toggleAttribute('displayDate')
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display excerpt'),
     checked: displayExcerpt,
     onChange: toggleAttribute('displayExcerpt')
-  }), displayExcerpt && (0, _element.createElement)(_components.RangeControl, {
+  }), displayExcerpt && (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Max number of words in excerpt'),
@@ -135,7 +137,7 @@ function RSSEdit({
     min: 10,
     max: 100,
     required: true
-  }), blockLayout === 'grid' && (0, _element.createElement)(_components.RangeControl, {
+  }), blockLayout === 'grid' && (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Columns'),
@@ -146,9 +148,9 @@ function RSSEdit({
     min: 2,
     max: 6,
     required: true
-  }))), (0, _element.createElement)("div", {
+  }))), (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_serverSideRender.default, {
+  }, (0, _react.createElement)(_components.Disabled, null, (0, _react.createElement)(_serverSideRender.default, {
     block: "core/rss",
     attributes: attributes
   }))));

package/build/rss/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_icons","_i18n","_url","_serverSideRender","_interopRequireDefault","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","useState","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","prependHTTP","blockProps","useBlockProps","createElement","Placeholder","icon","rss","label","onSubmit","className","__experimentalHStack","wrap","__experimentalInputControl","__next36pxDefaultSize","placeholder","__","onChange","Button","variant","type","toolbarControls","edit","title","onClick","list","isActive","grid","Fragment","BlockControls","ToolbarGroup","controls","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","min","max","required","ToggleControl","checked","Disabled","default","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__next36pxDefaultSize\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 variant=\"primary\" type=\"submit\">\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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"}
+{"version":3,"names":["_blockEditor","require","_components","_element","_icons","_i18n","_url","_serverSideRender","_interopRequireDefault","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","RSSEdit","attributes","setAttributes","isEditing","setIsEditing","useState","feedURL","blockLayout","columns","displayAuthor","displayDate","displayExcerpt","excerptLength","itemsToShow","toggleAttribute","propName","value","onSubmitURL","event","preventDefault","prependHTTP","blockProps","useBlockProps","_react","createElement","Placeholder","icon","rss","label","onSubmit","className","__experimentalHStack","wrap","__experimentalInputControl","__next40pxDefaultSize","placeholder","__","onChange","Button","variant","type","toolbarControls","edit","title","onClick","list","isActive","grid","Fragment","BlockControls","ToolbarGroup","controls","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","min","max","required","ToggleControl","checked","Disabled","default","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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"}

package/build/search/edit.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SearchEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
@@ -206,7 +207,7 @@ function SearchEdit({
       ...typographyProps.style,
       textDecoration: undefined
     };
-    return (0, _element.createElement)("input", {
+    return (0, _react.createElement)("input", {
       type: "search",
       className: textFieldClasses,
       style: textFieldStyles,
@@ -240,16 +241,16 @@ function SearchEdit({
         });
       }
     };
-    return (0, _element.createElement)(_element.Fragment, null, buttonUseIcon && (0, _element.createElement)("button", {
+    return (0, _react.createElement)(_react.Fragment, null, buttonUseIcon && (0, _react.createElement)("button", {
       type: "button",
       className: buttonClasses,
       style: buttonStyles,
       "aria-label": buttonText ? (0, _dom.__unstableStripHTML)(buttonText) : (0, _i18n.__)('Search'),
       onClick: handleButtonClick,
       ref: buttonRef
-    }, (0, _element.createElement)(_icons.Icon, {
+    }, (0, _react.createElement)(_icons.Icon, {
       icon: _icons.search
-    })), !buttonUseIcon && (0, _element.createElement)(_blockEditor.RichText, {
+    })), !buttonUseIcon && (0, _react.createElement)(_blockEditor.RichText, {
       className: buttonClasses,
       style: buttonStyles,
       "aria-label": (0, _i18n.__)('Button text'),
@@ -262,7 +263,7 @@ function SearchEdit({
       onClick: handleButtonClick
     }));
   };
-  const controls = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  const controls = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Toggle search label'),
     icon: _icons2.toggleLabel,
     onClick: () => {
@@ -271,11 +272,11 @@ function SearchEdit({
       });
     },
     className: showLabel ? 'is-pressed' : undefined
-  }), (0, _element.createElement)(_components.ToolbarDropdownMenu, {
+  }), (0, _react.createElement)(_components.ToolbarDropdownMenu, {
     icon: getButtonPositionIcon(),
     label: (0, _i18n.__)('Change button position'),
     controls: buttonPositionControls
-  }), !hasNoButton && (0, _element.createElement)(_components.ToolbarButton, {
+  }), !hasNoButton && (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Use button with icon'),
     icon: _icons2.buttonWithIcon,
     onClick: () => {
@@ -284,12 +285,12 @@ function SearchEdit({
       });
     },
     className: buttonUseIcon ? 'is-pressed' : undefined
-  }))), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  }))), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Display Settings')
-  }, (0, _element.createElement)(_components.BaseControl, {
+  }, (0, _react.createElement)(_components.BaseControl, {
     label: (0, _i18n.__)('Width'),
     id: unitControlInputId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     id: unitControlInputId,
     min: (0, _utils.isPercentageUnit)(widthUnit) ? 0 : _utils.MIN_WIDTH,
     max: (0, _utils.isPercentageUnit)(widthUnit) ? 100 : undefined,
@@ -309,11 +310,11 @@ function SearchEdit({
     __unstableInputWidth: '80px',
     value: `${width}${widthUnit}`,
     units: units
-  }), (0, _element.createElement)(_components.ButtonGroup, {
+  }), (0, _react.createElement)(_components.ButtonGroup, {
     className: "wp-block-search__components-button-group",
     "aria-label": (0, _i18n.__)('Percentage Width')
   }, [25, 50, 75, 100].map(widthValue => {
-    return (0, _element.createElement)(_components.Button, {
+    return (0, _react.createElement)(_components.Button, {
       key: widthValue,
       isSmall: true,
       variant: widthValue === width && widthUnit === '%' ? 'primary' : undefined,
@@ -374,9 +375,9 @@ function SearchEdit({
     }
   });
   const labelClassnames = (0, _classnames.default)('wp-block-search__label', typographyProps.className);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, controls, showLabel && (0, _element.createElement)(_blockEditor.RichText, {
+  }, controls, showLabel && (0, _react.createElement)(_blockEditor.RichText, {
     className: labelClassnames,
     "aria-label": (0, _i18n.__)('Label text'),
     placeholder: (0, _i18n.__)('Add label…'),
@@ -386,7 +387,7 @@ function SearchEdit({
       label: html
     }),
     style: typographyProps.style
-  }), (0, _element.createElement)(_components.ResizableBox, {
+  }), (0, _react.createElement)(_components.ResizableBox, {
     size: {
       width: `${width}${widthUnit}`
     },
@@ -408,6 +409,6 @@ function SearchEdit({
       toggleSelection(true);
     },
     showHandle: isSelected
-  }, (isButtonPositionInside || isButtonPositionOutside || hasOnlyButton) && (0, _element.createElement)(_element.Fragment, null, renderTextField(), renderButton()), hasNoButton && renderTextField()));
+  }, (isButtonPositionInside || isButtonPositionOutside || hasOnlyButton) && (0, _react.createElement)(_react.Fragment, null, renderTextField(), renderButton()), hasNoButton && renderTextField()));
 }
 //# sourceMappingURL=edit.js.map

package/build/search/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_data","_components","_compose","_icons","_i18n","_dom","_icons2","_utils","DEFAULT_INNER_PADDING","BUTTON_BEHAVIOR_EXPAND","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","buttonBehavior","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","useSelect","select","getBlockParentsByBlockName","wasBlockJustInserted","blockEditorStore","length","__unstableMarkNextChangeAsNotPersistent","useDispatch","useEffect","borderRadius","border","radius","borderProps","useBorderProps","colorProps","useColorProps","fluidTypographySettings","useSetting","layout","typographyProps","useTypographyProps","typography","fluid","wideSize","unitControlInstanceId","useInstanceId","UnitControl","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","useRef","buttonRef","units","useCustomUnits","availableUnits","defaultValues","PC_WIDTH_DEFAULT","px","PX_WIDTH_DEFAULT","getBlockClassNames","classnames","undefined","buttonPositionControls","role","title","__","isActive","icon","buttonOutside","onClick","buttonInside","noButton","buttonOnly","getButtonPositionIcon","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","createElement","type","value","onChange","event","target","ref","renderButton","buttonClasses","__experimentalGetElementClassName","buttonStyles","handleButtonClick","Fragment","stripHTML","Icon","search","RichText","withoutInteractiveFormatting","html","controls","BlockControls","ToolbarGroup","ToolbarButton","toggleLabel","ToolbarDropdownMenu","buttonWithIcon","InspectorControls","PanelBody","BaseControl","id","__experimentalUnitControl","min","isPercentageUnit","MIN_WIDTH","max","step","newWidth","filteredWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","ButtonGroup","map","widthValue","Button","key","isSmall","variant","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","useBlockProps","labelClassnames","ResizableBox","size","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\tuseSetting,\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\nconst BUTTON_BEHAVIOR_EXPAND = 'expand-searchfield';\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\tbuttonBehavior,\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 = useSetting( 'typography.fluid' );\n\tconst layout = useSetting( 'layout' );\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 && BUTTON_BEHAVIOR_EXPAND === buttonBehavior\n\t\t\t\t? 'wp-block-search__button-behavior-expand'\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 && BUTTON_BEHAVIOR_EXPAND === buttonBehavior ) {\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\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={ __( 'Display 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\tisSmall\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\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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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_data","_element","_components","_compose","_icons","_i18n","_dom","_icons2","_utils","DEFAULT_INNER_PADDING","BUTTON_BEHAVIOR_EXPAND","SearchEdit","className","attributes","setAttributes","toggleSelection","isSelected","clientId","label","showLabel","placeholder","width","widthUnit","align","buttonText","buttonPosition","buttonUseIcon","buttonBehavior","isSearchFieldHidden","style","wasJustInsertedIntoNavigationBlock","useSelect","select","getBlockParentsByBlockName","wasBlockJustInserted","blockEditorStore","length","__unstableMarkNextChangeAsNotPersistent","useDispatch","useEffect","borderRadius","border","radius","borderProps","useBorderProps","colorProps","useColorProps","fluidTypographySettings","useSetting","layout","typographyProps","useTypographyProps","typography","fluid","wideSize","unitControlInstanceId","useInstanceId","UnitControl","unitControlInputId","isButtonPositionInside","isButtonPositionOutside","hasNoButton","hasOnlyButton","searchFieldRef","useRef","buttonRef","units","useCustomUnits","availableUnits","defaultValues","PC_WIDTH_DEFAULT","px","PX_WIDTH_DEFAULT","getBlockClassNames","classnames","undefined","buttonPositionControls","role","title","__","isActive","icon","buttonOutside","onClick","buttonInside","noButton","buttonOnly","getButtonPositionIcon","getResizableSides","right","left","renderTextField","textFieldClasses","textFieldStyles","textDecoration","_react","createElement","type","value","onChange","event","target","ref","renderButton","buttonClasses","__experimentalGetElementClassName","buttonStyles","handleButtonClick","Fragment","stripHTML","Icon","search","RichText","withoutInteractiveFormatting","html","controls","BlockControls","ToolbarGroup","ToolbarButton","toggleLabel","ToolbarDropdownMenu","buttonWithIcon","InspectorControls","PanelBody","BaseControl","id","__experimentalUnitControl","min","isPercentageUnit","MIN_WIDTH","max","step","newWidth","filteredWidth","parseInt","onUnitChange","newUnit","__unstableInputWidth","ButtonGroup","map","widthValue","Button","key","isSmall","variant","padBorderRadius","getWrapperStyles","styles","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","isNonZeroBorderRadius","topLeft","topRight","bottomLeft","bottomRight","Number","isInteger","blockProps","useBlockProps","labelClassnames","ResizableBox","size","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\tuseSetting,\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\nconst BUTTON_BEHAVIOR_EXPAND = 'expand-searchfield';\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\tbuttonBehavior,\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 = useSetting( 'typography.fluid' );\n\tconst layout = useSetting( 'layout' );\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 && BUTTON_BEHAVIOR_EXPAND === buttonBehavior\n\t\t\t\t? 'wp-block-search__button-behavior-expand'\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 && BUTTON_BEHAVIOR_EXPAND === buttonBehavior ) {\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\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={ __( 'Display 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\tisSmall\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\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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"}

package/build/search/edit.native.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SearchEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
 /**
@@ -130,9 +131,9 @@ function SearchEdit({
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: getBlockClassNames()
   });
-  const controls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const controls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Search settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Hide search heading'),
     checked: !showLabel,
     onChange: () => {
@@ -140,7 +141,7 @@ function SearchEdit({
         showLabel: !showLabel
       });
     }
-  }), (0, _element.createElement)(_components.SelectControl, {
+  }), (0, _react.createElement)(_components.SelectControl, {
     label: (0, _i18n.__)('Button position'),
     value: getSelectedButtonPositionLabel(buttonPosition),
     onChange: position => {
@@ -150,7 +151,7 @@ function SearchEdit({
     },
     options: BUTTON_OPTIONS,
     hideCancelButton: true
-  }), buttonPosition !== 'no-button' && (0, _element.createElement)(_components.ToggleControl, {
+  }), buttonPosition !== 'no-button' && (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Use icon button'),
     checked: buttonUseIcon,
     onChange: () => {
@@ -216,13 +217,13 @@ function SearchEdit({
     return `${(0, _i18n.__)('Search block label. Current text is')} ${label}`;
   };
   const renderTextField = () => {
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: _style.default.searchInputContainer,
       accessible: true,
       accessibilityRole: "none",
       accessibilityHint: isScreenReaderEnabled ? (0, _i18n.__)('Double tap to edit placeholder text') : undefined,
       accessibilityLabel: getAccessibilityLabelForPlaceholder()
-    }, (0, _element.createElement)(_blockEditor.PlainText, {
+    }, (0, _react.createElement)(_blockEditor.PlainText, {
       ref: textInputRef,
       isSelected: isPlaceholderSelected,
       className: "wp-block-search__input",
@@ -277,19 +278,19 @@ function SearchEdit({
     })
   };
   const renderButton = () => {
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: richTextButtonContainerStyle
-    }, buttonUseIcon && (0, _element.createElement)(_components.Icon, {
+    }, buttonUseIcon && (0, _react.createElement)(_components.Icon, {
       icon: _icons.search,
       ...iconStyles,
       onLayout: onLayoutButton
-    }), !buttonUseIcon && (0, _element.createElement)(_reactNative.View, {
+    }), !buttonUseIcon && (0, _react.createElement)(_reactNative.View, {
       accessible: true,
       accessibilityRole: "none",
       accessibilityHint: isScreenReaderEnabled ? (0, _i18n.__)('Double tap to edit button text') : undefined,
       accessibilityLabel: getAccessibilityLabelForButton(),
       onLayout: onLayoutButton
-    }, (0, _element.createElement)(_blockEditor.RichText, {
+    }, (0, _react.createElement)(_blockEditor.RichText, {
       className: "wp-block-search__button",
       identifier: "text",
       tagName: "p",
@@ -314,17 +315,17 @@ function SearchEdit({
       selectionColor: _style.default.richTextButtonCursor?.color
     })));
   };
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     ...blockProps,
     style: _style.default.searchBlockContainer,
     importantForAccessibility: isSelected ? 'yes' : 'no-hide-descendants',
     accessibilityElementsHidden: isSelected ? false : true
-  }, isSelected && controls, showLabel && (0, _element.createElement)(_reactNative.View, {
+  }, isSelected && controls, showLabel && (0, _react.createElement)(_reactNative.View, {
     accessible: true,
     accessibilityRole: "none",
     accessibilityHint: isScreenReaderEnabled ? (0, _i18n.__)('Double tap to edit label text') : undefined,
     accessibilityLabel: getAccessibilityLabelForLabel()
-  }, (0, _element.createElement)(_blockEditor.RichText, {
+  }, (0, _react.createElement)(_blockEditor.RichText, {
     className: "wp-block-search__label",
     identifier: "text",
     tagName: "p",
@@ -344,7 +345,7 @@ function SearchEdit({
       setIsLabelSelected(false);
     },
     selectionColor: _style.default.richTextButtonCursor?.color
-  })), ('button-inside' === buttonPosition || 'button-outside' === buttonPosition) && (0, _element.createElement)(_reactNative.View, {
+  })), ('button-inside' === buttonPosition || 'button-outside' === buttonPosition) && (0, _react.createElement)(_reactNative.View, {
     style: searchBarStyle
   }, renderTextField(), renderButton()), 'button-only' === buttonPosition && renderButton(), 'no-button' === buttonPosition && renderTextField());
 }