@wordpress/block-library 9.30.0 → 9.30.1-next.836ecdcae.0

package/build/navigation-link/page-creator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_htmlEntities","_element","_icons","_compose","_jsxRuntime","LinkUIPageCreator","postType","onBack","onPageCreated","initialTitle","title","setTitle","useState","shouldPublish","setShouldPublish","focusOnMountRef","useFocusOnMount","isTitleValid","trim","length","lastError","isSaving","useSelect","select","coreStore","getLastEntitySaveError","isSavingEntityRecord","saveEntityRecord","useDispatch","createPage","event","preventDefault","savedRecord","status","throwOnError","pageLink","id","type","decodeEntities","rendered","url","link","kind","error","isSubmitDisabled","jsxs","className","ref","children","jsx","Button","icon","isRTL","chevronRightSmall","chevronLeftSmall","onClick","e","size","__","__experimentalVStack","spacing","onSubmit","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","onChange","placeholder","value","CheckboxControl","help","checked","Notice","isDismissible","message","__experimentalHStack","justify","variant","disabled","accessibleWhenDisabled","isBusy"],"sources":["@wordpress/block-library/src/navigation-link/page-creator.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tTextControl,\n\tNotice,\n\tCheckboxControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState } from '@wordpress/element';\nimport { chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';\nimport { useFocusOnMount } from '@wordpress/compose';\n\n/**\n * Component for creating new pages within the Navigation Link UI.\n *\n * @param {Object}   props                Component props.\n * @param {string}   props.postType       The post type to create.\n * @param {Function} props.onBack         Callback when user wants to go back.\n * @param {Function} props.onPageCreated  Callback when page is successfully created.\n * @param {string}   [props.initialTitle] Initial title to pre-fill the form.\n */\nexport function LinkUIPageCreator( {\n\tpostType,\n\tonBack,\n\tonPageCreated,\n\tinitialTitle = '',\n} ) {\n\tconst [ title, setTitle ] = useState( initialTitle );\n\tconst [ shouldPublish, setShouldPublish ] = useState( false );\n\n\t// Focus the first element when the component mounts\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// Check if the title is valid for submission\n\tconst isTitleValid = title.trim().length > 0;\n\n\t// Get the last created entity record (without ID) to track creation state\n\tconst { lastError, isSaving } = useSelect(\n\t\t( select ) => ( {\n\t\t\tlastError: select( coreStore ).getLastEntitySaveError(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t\tisSaving: select( coreStore ).isSavingEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType\n\t\t\t),\n\t\t} ),\n\t\t[ postType ]\n\t);\n\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tasync function createPage( event ) {\n\t\tevent.preventDefault();\n\t\tif ( isSaving || ! isTitleValid ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\t{\n\t\t\t\t\ttitle,\n\t\t\t\t\tstatus: shouldPublish ? 'publish' : 'draft',\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tif ( savedRecord ) {\n\t\t\t\t// Create the page link object from the saved record\n\t\t\t\tconst pageLink = {\n\t\t\t\t\tid: savedRecord.id,\n\t\t\t\t\ttype: postType,\n\t\t\t\t\ttitle: decodeEntities( savedRecord.title.rendered ),\n\t\t\t\t\turl: savedRecord.link,\n\t\t\t\t\tkind: 'post-type',\n\t\t\t\t};\n\n\t\t\t\tonPageCreated( pageLink );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\t// Error handling is done via the data store selectors\n\t\t}\n\t}\n\n\tconst isSubmitDisabled = isSaving || ! isTitleValid;\n\n\treturn (\n\t\t<div className=\"link-ui-page-creator\" ref={ focusOnMountRef }>\n\t\t\t<Button\n\t\t\t\tclassName=\"link-ui-page-creator__back\"\n\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tonBack();\n\t\t\t\t} }\n\t\t\t\tsize=\"small\"\n\t\t\t>\n\t\t\t\t{ __( 'Back' ) }\n\t\t\t</Button>\n\n\t\t\t<VStack className=\"link-ui-page-creator__inner\" spacing={ 4 }>\n\t\t\t\t<form onSubmit={ createPage }>\n\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Publish immediately' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'If unchecked, the page will be created as a draft.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ shouldPublish }\n\t\t\t\t\t\t\tonChange={ setShouldPublish }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{ lastError && (\n\t\t\t\t\t\t\t<Notice status=\"error\" isDismissible={ false }>\n\t\t\t\t\t\t\t\t{ lastError.message }\n\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<HStack spacing={ 2 } justify=\"flex-end\">\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=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t\t\tdisabled={ isSaving }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\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\tisBusy={ isSaving }\n\t\t\t\t\t\t\t\taria-disabled={ isSubmitDisabled }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Create page' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t</form>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/search/edit.js

@@ -162,7 +162,11 @@ function SearchEdit({
     const textFieldClasses = (0, _clsx.default)('wp-block-search__input', isButtonPositionInside ? undefined : borderProps.className, typographyProps.className);
     const textFieldStyles = {
       ...(isButtonPositionInside ? {
-        borderRadius
+        borderRadius: borderProps.style?.borderRadius,
+        borderTopLeftRadius: borderProps.style?.borderTopLeftRadius,
+        borderTopRightRadius: borderProps.style?.borderTopRightRadius,
+        borderBottomLeftRadius: borderProps.style?.borderBottomLeftRadius,
+        borderBottomRightRadius: borderProps.style?.borderBottomRightRadius
       } : borderProps.style),
       ...typographyProps.style,
       textDecoration: undefined
@@ -191,7 +195,11 @@ function SearchEdit({
       ...colorProps.style,
       ...typographyProps.style,
       ...(isButtonPositionInside ? {
-        borderRadius
+        borderRadius: borderProps.style?.borderRadius,
+        borderTopLeftRadius: borderProps.style?.borderTopLeftRadius,
+        borderTopRightRadius: borderProps.style?.borderTopRightRadius,
+        borderBottomLeftRadius: borderProps.style?.borderBottomLeftRadius,
+        borderBottomRightRadius: borderProps.style?.borderBottomRightRadius
       } : borderProps.style)
     };
     const handleButtonClick = () => {
@@ -360,7 +368,8 @@ function SearchEdit({
       })
     })
   });
-  const padBorderRadius = radius => radius ? `calc(${radius} + ${DEFAULT_INNER_PADDING})` : undefined;
+  const isNonZeroBorderRadius = radius => radius !== undefined && parseInt(radius, 10) !== 0;
+  const padBorderRadius = radius => isNonZeroBorderRadius(radius) ? `calc(${radius} + ${DEFAULT_INNER_PADDING})` : undefined;
   const getWrapperStyles = () => {
     const styles = isButtonPositionInside ? borderProps.style : {
       borderRadius: borderProps.style?.borderRadius,
@@ -369,8 +378,7 @@ function SearchEdit({
       borderBottomLeftRadius: borderProps.style?.borderBottomLeftRadius,
       borderBottomRightRadius: borderProps.style?.borderBottomRightRadius
     };
-    const isNonZeroBorderRadius = borderRadius !== undefined && parseInt(borderRadius, 10) !== 0;
-    if (isButtonPositionInside && isNonZeroBorderRadius) {
+    if (isButtonPositionInside) {
       // We have button inside wrapper and a border radius value to apply.
       // Add default padding so we don't get "fat" corners.
       //
@@ -380,17 +388,17 @@ function SearchEdit({
       if (typeof borderRadius === 'object') {
         // Individual corner border radii present.
         const {
-          topLeft,
-          topRight,
-          bottomLeft,
-          bottomRight
-        } = borderRadius;
+          borderTopLeftRadius,
+          borderTopRightRadius,
+          borderBottomLeftRadius,
+          borderBottomRightRadius
+        } = borderProps.style;
         return {
           ...styles,
-          borderTopLeftRadius: padBorderRadius(topLeft),
-          borderTopRightRadius: padBorderRadius(topRight),
-          borderBottomLeftRadius: padBorderRadius(bottomLeft),
-          borderBottomRightRadius: padBorderRadius(bottomRight)
+          borderTopLeftRadius: padBorderRadius(borderTopLeftRadius),
+          borderTopRightRadius: padBorderRadius(borderTopRightRadius),
+          borderBottomLeftRadius: padBorderRadius(borderBottomLeftRadius),
+          borderBottomRightRadius: padBorderRadius(borderBottomRightRadius)
         };
       }
 

package/build/search/edit.js.map

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

package/build-module/accordion-content/edit.js

@@ -17,12 +17,13 @@ import clsx from 'clsx';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Edit({
-  attributes: {
-    openByDefault
-  },
+  attributes,
   clientId,
   setAttributes
 }) {
+  const {
+    openByDefault
+  } = attributes;
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   const {
     isSelected,
@@ -51,13 +52,12 @@ export default function Edit({
       });
     }
   }, [isSelected, contentBlockClientId, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes]);
-  const blockProps = useBlockProps();
-  const innerBlocksProps = useInnerBlocksProps({
-    ...blockProps,
-    className: clsx(blockProps.className, {
+  const blockProps = useBlockProps({
+    className: clsx({
       'is-open': openByDefault || isSelected
     })
-  }, {
+  });
+  const innerBlocksProps = useInnerBlocksProps(blockProps, {
     template: [['core/accordion-header', {}], ['core/accordion-panel', {
       openByDefault
     }]],

package/build-module/accordion-content/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","useDispatch","useSelect","useEffect","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","clsx","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","attributes","openByDefault","clientId","setAttributes","dropdownMenuProps","isSelected","getBlockOrder","select","isBlockSelected","hasSelectedInnerBlock","getBlockOrderSelector","contentBlockClientId","updateBlockAttributes","__unstableMarkNextChangeAsNotPersistent","blockProps","innerBlocksProps","className","template","templateLock","directInsert","templateInsertUpdatesSelection","children","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","onChange","value","checked","help"],"sources":["@wordpress/block-library/src/accordion-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: { openByDefault },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst { isSelected, getBlockOrder } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, true ),\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst contentBlockClientId = getBlockOrder( clientId )[ 1 ];\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( contentBlockClientId ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\tisSelected,\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tisSelected,\n\t\tcontentBlockClientId,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tupdateBlockAttributes,\n\t] );\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\t...blockProps,\n\t\t\tclassName: clsx( blockProps.className, {\n\t\t\t\t'is-open': openByDefault || isSelected,\n\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttemplate: [\n\t\t\t\t[ 'core/accordion-header', {} ],\n\t\t\t\t[\n\t\t\t\t\t'core/accordion-panel',\n\t\t\t\t\t{\n\t\t\t\t\t\topenByDefault,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t],\n\t\t\ttemplateLock: 'all',\n\t\t\tdirectInsert: true,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\topenByDefault: false,\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\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! openByDefault }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\t\topenByDefault: false,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\t\tupdateBlockAttributes(\n\t\t\t\t\t\t\t\t\t\tcontentBlockClientId,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ openByDefault }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Accordion content will be displayed by default.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","useDispatch","useSelect","useEffect","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","clsx","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","attributes","clientId","setAttributes","openByDefault","dropdownMenuProps","isSelected","getBlockOrder","select","isBlockSelected","hasSelectedInnerBlock","getBlockOrderSelector","contentBlockClientId","updateBlockAttributes","__unstableMarkNextChangeAsNotPersistent","blockProps","className","innerBlocksProps","template","templateLock","directInsert","templateInsertUpdatesSelection","children","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","onChange","value","checked","help"],"sources":["@wordpress/block-library/src/accordion-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( { attributes, clientId, setAttributes } ) {\n\tconst { openByDefault } = attributes;\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst { isSelected, getBlockOrder } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, true ),\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst contentBlockClientId = getBlockOrder( clientId )[ 1 ];\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( contentBlockClientId ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\tisSelected,\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tisSelected,\n\t\tcontentBlockClientId,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tupdateBlockAttributes,\n\t] );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-open': openByDefault || isSelected,\n\t\t} ),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: [\n\t\t\t[ 'core/accordion-header', {} ],\n\t\t\t[\n\t\t\t\t'core/accordion-panel',\n\t\t\t\t{\n\t\t\t\t\topenByDefault,\n\t\t\t\t},\n\t\t\t],\n\t\t],\n\t\ttemplateLock: 'all',\n\t\tdirectInsert: true,\n\t\ttemplateInsertUpdatesSelection: true,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\topenByDefault: false,\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\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! openByDefault }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\t\topenByDefault: false,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\t\tupdateBlockAttributes(\n\t\t\t\t\t\t\t\t\t\tcontentBlockClientId,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ openByDefault }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Accordion content will be displayed by default.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/accordion-content/index.js

@@ -35,7 +35,8 @@ const metadata = {
         width: true
       }
     },
-    shadow: true
+    shadow: true,
+    layout: true
   },
   attributes: {
     openByDefault: {

package/build-module/accordion-content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","gradient","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","attributes","openByDefault","type","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE1B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM2B,QAAQ,GAAG;EACvBD,IAAI;EACJ/B,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMgC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAEzB,IAAI;EAAEH,QAAQ;EAAE8B;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","allowedBlocks","supports","color","background","gradient","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","layout","attributes","openByDefault","type","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE3B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM4B,QAAQ,GAAG;EACvBD,IAAI;EACJhC,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMiC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE1B,IAAI;EAAEH,QAAQ;EAAE+B;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion-panel/index.js

@@ -52,7 +52,8 @@ const metadata = {
         fontSize: true
       }
     },
-    shadow: true
+    shadow: true,
+    layout: true
   },
   attributes: {
     allowedBlocks: {

package/build-module/accordion-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","supports","color","background","gradient","interactivity","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","radius","style","width","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","shadow","attributes","allowedBlocks","type","templateLock","openByDefault","isSelected","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-panel/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,6BAAA;QAAAH,OAAA;QAAAE,QAAA;MAAA;IAAA;IAAAE,oBAAA;MAAAT,KAAA;MAAAU,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAJ,6BAAA;QAAAR,KAAA;QAAAU,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAb,6BAAA;QAAAM,QAAA;MAAA;IAAA;IAAAQ,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;IAAA;IAAAC,YAAA;MAAAD,IAAA;MAAA;MAAA;IAAA;IAAAE,aAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,UAAA;MAAAH,IAAA;MAAA;IAAA;EAAA;EAAAI,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEtC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMuC,QAAQ,GAAG;EACvBD,IAAI;EACJ3C,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAM4C,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAErC,IAAI;EAAEH,QAAQ;EAAE0C;AAAS,CAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","__experimental","parent","supports","color","background","gradient","interactivity","spacing","padding","margin","blockGap","__experimentalDefaultControls","__experimentalBorder","radius","style","width","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","shadow","layout","attributes","allowedBlocks","type","templateLock","openByDefault","isSelected","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-panel/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,QAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;MAAAC,6BAAA;QAAAH,OAAA;QAAAE,QAAA;MAAA;IAAA;IAAAE,oBAAA;MAAAT,KAAA;MAAAU,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAJ,6BAAA;QAAAR,KAAA;QAAAU,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAb,6BAAA;QAAAM,QAAA;MAAA;IAAA;IAAAQ,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;IAAA;IAAAC,YAAA;MAAAD,IAAA;MAAA;MAAA;IAAA;IAAAE,aAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,UAAA;MAAAH,IAAA;MAAA;IAAA;EAAA;EAAAI,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEvC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMwC,QAAQ,GAAG;EACvBD,IAAI;EACJ5C,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAM6C,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAEtC,IAAI;EAAEH,QAAQ;EAAE2C;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/navigation/constants.js

@@ -1,5 +1,9 @@
 export const DEFAULT_BLOCK = {
-  name: 'core/navigation-link'
+  name: 'core/navigation-link',
+  attributes: {
+    kind: 'post-type',
+    type: 'page'
+  }
 };
 export const PRIORITIZED_INSERTER_BLOCKS = ['core/navigation-link/page', 'core/navigation-link'];
 

package/build-module/navigation/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_BLOCK","name","PRIORITIZED_INSERTER_BLOCKS","PRELOADED_NAVIGATION_MENUS_QUERY","per_page","status","order","orderby","SELECT_NAVIGATION_MENUS_ARGS"],"sources":["@wordpress/block-library/src/navigation/constants.js"],"sourcesContent":["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n};\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC5BC,IAAI,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAG,CAC1C,2BAA2B,EAC3B,sBAAsB,CACtB;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAG;EAC/CC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE;EAC9BC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAG,CAC3C,UAAU,EACV,eAAe,EACfL,gCAAgC,CAChC","ignoreList":[]}
+{"version":3,"names":["DEFAULT_BLOCK","name","attributes","kind","type","PRIORITIZED_INSERTER_BLOCKS","PRELOADED_NAVIGATION_MENUS_QUERY","per_page","status","order","orderby","SELECT_NAVIGATION_MENUS_ARGS"],"sources":["@wordpress/block-library/src/navigation/constants.js"],"sourcesContent":["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n\tattributes: {\n\t\tkind: 'post-type',\n\t\ttype: 'page',\n\t},\n};\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC5BC,IAAI,EAAE,sBAAsB;EAC5BC,UAAU,EAAE;IACXC,IAAI,EAAE,WAAW;IACjBC,IAAI,EAAE;EACP;AACD,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAG,CAC1C,2BAA2B,EAC3B,sBAAsB,CACtB;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAG;EAC/CC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE;EAC9BC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAG,CAC3C,UAAU,EACV,eAAe,EACfL,gCAAgC,CAChC","ignoreList":[]}

package/build-module/navigation/edit/index.js

@@ -7,13 +7,14 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { useCallback, useState, useEffect, useRef, Platform } from '@wordpress/element';
-import { InspectorControls, useBlockProps, RecursionProvider, useHasRecursion, store as blockEditorStore, withColors, ContrastChecker, getColorClassName, Warning, __experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown, __experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients, useBlockEditingMode } from '@wordpress/block-editor';
+import { InspectorControls, useBlockProps, RecursionProvider, useHasRecursion, store as blockEditorStore, withColors, ContrastChecker, getColorClassName, Warning, __experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown, __experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients, useBlockEditingMode, BlockControls } from '@wordpress/block-editor';
 import { EntityProvider, store as coreStore } from '@wordpress/core-data';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalVStack as VStack, ToggleControl, Button, Spinner, Notice } from '@wordpress/components';
+import { __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalVStack as VStack, ToggleControl, Button, Spinner, Notice, ToolbarButton, ToolbarGroup } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { speak } from '@wordpress/a11y';
-import { close, Icon } from '@wordpress/icons';
+import { close, Icon, page } from '@wordpress/icons';
+import { createBlock } from '@wordpress/blocks';
 import { useInstanceId } from '@wordpress/compose';
 
 /**
@@ -41,7 +42,50 @@ import AccessibleDescription from './accessible-description';
 import AccessibleMenuDescription from './accessible-menu-description';
 import { unlock } from '../../lock-unlock';
 import { useToolsPanelDropdownMenuProps } from '../../utils/hooks';
+import { DEFAULT_BLOCK } from '../constants';
+
+/**
+ * Component that renders the Add page button for the Navigation block.
+ *
+ * @param {Object} props          Component props.
+ * @param {string} props.clientId Block client ID.
+ * @return {JSX.Element|null} The Add page button component or null if not applicable.
+ */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function NavigationAddPageButton({
+  clientId
+}) {
+  const {
+    insertBlock
+  } = useDispatch(blockEditorStore);
+  const {
+    getBlockCount
+  } = useSelect(blockEditorStore);
+  const onAddPage = useCallback(() => {
+    // Get the current number of blocks to insert at the end
+    const blockCount = getBlockCount(clientId);
+
+    // Create a new navigation link block (default block)
+    const newBlock = createBlock(DEFAULT_BLOCK.name, {
+      kind: DEFAULT_BLOCK.attributes.kind,
+      type: DEFAULT_BLOCK.attributes.type
+    });
+
+    // Insert the block at the end of the navigation
+    insertBlock(newBlock, blockCount, clientId);
+  }, [clientId, insertBlock, getBlockCount]);
+  return /*#__PURE__*/_jsx(BlockControls, {
+    children: /*#__PURE__*/_jsx(ToolbarGroup, {
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        name: "add-page",
+        icon: page,
+        title: __('Add page'),
+        onClick: onAddPage,
+        children: __('Add page')
+      })
+    })
+  });
+}
 function ColorTools({
   textColor,
   setTextColor,
@@ -643,7 +687,9 @@ function Navigation({
         onSelectNavigationMenu: onSelectNavigationMenu,
         isLoading: isLoading,
         blockEditingMode: blockEditingMode
-      }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'default' && isEntityAvailable && /*#__PURE__*/_jsxs(InspectorControls, {
+      }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'contentOnly' && isEntityAvailable && /*#__PURE__*/_jsx(NavigationAddPageButton, {
+        clientId: clientId
+      }), blockEditingMode === 'default' && isEntityAvailable && /*#__PURE__*/_jsxs(InspectorControls, {
         group: "advanced",
         children: [hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && /*#__PURE__*/_jsx(NavigationMenuNameControl, {}), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && /*#__PURE__*/_jsx(NavigationMenuDeleteControl, {
           onDelete: () => {