@wordpress/block-library 9.30.0 → 9.30.1-next.6f42e1382.0

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/social-links/index.js

@@ -112,7 +112,8 @@ const metadata = exports.metadata = {
         width: true,
         style: true
       }
-    }
+    },
+    contentRole: true
   },
   styles: [{
     name: "default",

package/build/social-links/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","metadata","exports","$schema","apiVersion","name","title","category","allowedBlocks","description","keywords","textdomain","attributes","iconColor","type","customIconColor","iconColorValue","iconBackgroundColor","customIconBackgroundColor","iconBackgroundColorValue","openInNewTab","showLabels","size","providesContext","supports","align","anchor","html","__experimentalExposeControlsToChildren","layout","allowSwitching","allowInheriting","allowVerticalAlignment","color","enableContrastChecker","background","gradients","text","__experimentalDefaultControls","spacing","blockGap","margin","padding","units","interactivity","clientNavigation","__experimentalBorder","radius","width","style","styles","label","isDefault","editorStyle","settings","example","innerBlocks","service","url","icon","edit","save","deprecated","init","initBlock"],"sources":["@wordpress/block-library/src/social-links/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { share as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'wordpress',\n\t\t\t\t\turl: 'https://wordpress.org',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'facebook',\n\t\t\t\t\turl: 'https://www.facebook.com/WordPress/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'twitter',\n\t\t\t\t\turl: 'https://twitter.com/WordPress',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ticon,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_deprecated","_edit","_save","metadata","exports","$schema","apiVersion","name","title","category","allowedBlocks","description","keywords","textdomain","attributes","iconColor","type","customIconColor","iconColorValue","iconBackgroundColor","customIconBackgroundColor","iconBackgroundColorValue","openInNewTab","showLabels","size","providesContext","supports","align","anchor","html","__experimentalExposeControlsToChildren","layout","allowSwitching","allowInheriting","allowVerticalAlignment","color","enableContrastChecker","background","gradients","text","__experimentalDefaultControls","spacing","blockGap","margin","padding","units","interactivity","clientNavigation","__experimentalBorder","radius","width","style","contentRole","styles","label","isDefault","editorStyle","settings","example","innerBlocks","service","url","icon","edit","save","deprecated","init","initBlock"],"sources":["@wordpress/block-library/src/social-links/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { share as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'wordpress',\n\t\t\t\t\turl: 'https://wordpress.org',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'facebook',\n\t\t\t\t\turl: 'https://www.facebook.com/WordPress/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/social-link',\n\t\t\t\tattributes: {\n\t\t\t\t\tservice: 'twitter',\n\t\t\t\t\turl: 'https://twitter.com/WordPress',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ticon,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAM,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,aAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,SAAA;MAAAC,IAAA;IAAA;IAAAC,eAAA;MAAAD,IAAA;IAAA;IAAAE,cAAA;MAAAF,IAAA;IAAA;IAAAG,mBAAA;MAAAH,IAAA;IAAA;IAAAI,yBAAA;MAAAJ,IAAA;IAAA;IAAAK,wBAAA;MAAAL,IAAA;IAAA;IAAAM,YAAA;MAAAN,IAAA;MAAA;IAAA;IAAAO,UAAA;MAAAP,IAAA;MAAA;IAAA;IAAAQ,IAAA;MAAAR,IAAA;IAAA;EAAA;EAAAS,eAAA;IAAAH,YAAA;IAAAC,UAAA;IAAAR,SAAA;IAAAG,cAAA;IAAAC,mBAAA;IAAAE,wBAAA;EAAA;EAAAK,QAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,sCAAA;IAAAC,MAAA;MAAAC,cAAA;MAAAC,eAAA;MAAAC,sBAAA;MAAA;QAAAlB,IAAA;MAAA;IAAA;IAAAmB,KAAA;MAAAC,qBAAA;MAAAC,UAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,6BAAA;QAAAH,UAAA;MAAA;IAAA;IAAAI,OAAA;MAAAC,QAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,KAAA;MAAAL,6BAAA;QAAAE,QAAA;QAAAC,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAE,aAAA;MAAAC,gBAAA;IAAA;IAAAC,oBAAA;MAAAC,MAAA;MAAAd,KAAA;MAAAe,KAAA;MAAAC,KAAA;MAAAX,6BAAA;QAAAS,MAAA;QAAAd,KAAA;QAAAe,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,WAAA;EAAA;EAAAC,MAAA;IAAA9C,IAAA;IAAA+C,KAAA;IAAAC,SAAA;EAAA;IAAAhD,IAAA;IAAA+C,KAAA;EAAA;IAAA/C,IAAA;IAAA+C,KAAA;EAAA;EAAAE,WAAA;EAAAL,KAAA;AAAA;AASA,MAAM;EAAE5C;AAAK,CAAC,GAAGJ,QAAQ;AAACC,OAAA,CAAAG,IAAA,GAAAA,IAAA;AAInB,MAAMkD,QAAQ,GAAArD,OAAA,CAAAqD,QAAA,GAAG;EACvBC,OAAO,EAAE;IACRC,WAAW,EAAE,CACZ;MACCpD,IAAI,EAAE,kBAAkB;MACxBO,UAAU,EAAE;QACX8C,OAAO,EAAE,WAAW;QACpBC,GAAG,EAAE;MACN;IACD,CAAC,EACD;MACCtD,IAAI,EAAE,kBAAkB;MACxBO,UAAU,EAAE;QACX8C,OAAO,EAAE,UAAU;QACnBC,GAAG,EAAE;MACN;IACD,CAAC,EACD;MACCtD,IAAI,EAAE,kBAAkB;MACxBO,UAAU,EAAE;QACX8C,OAAO,EAAE,SAAS;QAClBC,GAAG,EAAE;MACN;IACD,CAAC;EAEH,CAAC;EACDC,IAAI,EAAJA,YAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,UAAU,EAAVA;AACD,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAE5D,IAAI;EAAEJ,QAAQ;EAAEsD;AAAS,CAAE,CAAC;AAACrD,OAAA,CAAA8D,IAAA,GAAAA,IAAA","ignoreList":[]}

package/build/table-of-contents/edit.js

@@ -37,6 +37,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * @param {HeadingData[]}                props.attributes.headings               The list of data for each heading in the post.
  * @param {boolean}                      props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).
  * @param {number|undefined}             props.attributes.maxLevel               The maximum heading level to include, or null to include all levels.
+ * @param {boolean}                      props.attributes.ordered                Whether to display as an ordered list (true) or unordered list (false).
  * @param {string}                       props.clientId                          The client id.
  * @param {(attributes: Object) => void} props.setAttributes                     The set attributes function.
  *
@@ -45,7 +46,8 @@ var _jsxRuntime = require("react/jsx-runtime");
   attributes: {
     headings = [],
     onlyIncludeCurrentPage,
-    maxLevel
+    maxLevel,
+    ordered = true
   },
   clientId,
   setAttributes
@@ -78,18 +80,37 @@ var _jsxRuntime = require("react/jsx-runtime");
   } = (0, _data.useDispatch)(_blockEditor.store);
   const dropdownMenuProps = (0, _hooks2.useToolsPanelDropdownMenuProps)();
   const headingTree = (0, _utils.linearToNestedHeadingList)(headings);
-  const toolbarControls = canInsertList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+  const toolbarControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+        icon: (0, _i18n.isRTL)() ? _icons.formatListBulletsRTL : _icons.formatListBullets,
+        title: (0, _i18n.__)('Unordered'),
+        description: (0, _i18n.__)('Convert to unordered list'),
+        onClick: () => setAttributes({
+          ordered: false
+        }),
+        isActive: ordered === false
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+        icon: (0, _i18n.isRTL)() ? _icons.formatListNumberedRTL : _icons.formatListNumbered,
+        title: (0, _i18n.__)('Ordered'),
+        description: (0, _i18n.__)('Convert to ordered list'),
+        onClick: () => setAttributes({
+          ordered: true
+        }),
+        isActive: ordered === true
+      })]
+    }), canInsertList && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
         onClick: () => replaceBlocks(clientId, (0, _blocks.createBlock)('core/list', {
-          ordered: true,
+          ordered,
           values: (0, _element.renderToString)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
-            nestedHeadingList: headingTree
+            nestedHeadingList: headingTree,
+            ordered: ordered
           }))
         })),
         children: (0, _i18n.__)('Convert to static list')
       })
-    })
+    })]
   });
   const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
@@ -97,7 +118,8 @@ var _jsxRuntime = require("react/jsx-runtime");
       resetAll: () => {
         setAttributes({
           onlyIncludeCurrentPage: false,
-          maxLevel: undefined
+          maxLevel: undefined,
+          ordered: true
         });
       },
       dropdownMenuProps: dropdownMenuProps,
@@ -177,14 +199,16 @@ var _jsxRuntime = require("react/jsx-runtime");
       }), inspectorControls]
     });
   }
+  const ListTag = ordered ? 'ol' : 'ul';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
       ...blockProps,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListTag, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
           nestedHeadingList: headingTree,
           disableLinkActivation: true,
-          onClick: showRedirectionPreventedNotice
+          onClick: showRedirectionPreventedNotice,
+          ordered: ordered
         })
       })
     }), toolbarControls, inspectorControls]

package/build/table-of-contents/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_blocks","_components","_data","_element","_i18n","_compose","_notices","_icons","_list","_interopRequireDefault","_utils","_hooks","_hooks2","_jsxRuntime","TableOfContentsEdit","attributes","headings","onlyIncludeCurrentPage","maxLevel","clientId","setAttributes","useObserveHeadings","blockProps","useBlockProps","instanceId","useInstanceId","createWarningNotice","useDispatch","noticeStore","showRedirectionPreventedNotice","event","preventDefault","__","id","type","canInsertList","useSelect","select","getBlockRootClientId","canInsertBlockType","blockEditorStore","rootClientId","replaceBlocks","dropdownMenuProps","useToolsPanelDropdownMenuProps","headingTree","linearToNestedHeadingList","toolbarControls","jsx","BlockControls","children","ToolbarGroup","ToolbarButton","onClick","createBlock","ordered","values","renderToString","default","nestedHeadingList","inspectorControls","InspectorControls","jsxs","__experimentalToolsPanel","label","resetAll","undefined","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","ToggleControl","__nextHasNoMarginBottom","checked","onChange","value","help","SelectControl","__next40pxDefaultSize","options","parseInt","length","Fragment","Placeholder","icon","BlockIcon","instructions","disableLinkActivation"],"sources":["@wordpress/block-library/src/table-of-contents/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tToggleControl,\n\tSelectControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as noticeStore } from '@wordpress/notices';\nimport { tableOfContents as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\nimport { useObserveHeadings } from './hooks';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n/** @typedef {import('./utils').HeadingData} HeadingData */\n\n/**\n * Table of Contents block edit component.\n *\n * @param {Object}                       props                                   The props.\n * @param {Object}                       props.attributes                        The block attributes.\n * @param {HeadingData[]}                props.attributes.headings               The list of data for each heading in the post.\n * @param {boolean}                      props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).\n * @param {number|undefined}             props.attributes.maxLevel               The maximum heading level to include, or null to include all levels.\n * @param {string}                       props.clientId                          The client id.\n * @param {(attributes: Object) => void} props.setAttributes                     The set attributes function.\n *\n * @return {Component} The component.\n */\nexport default function TableOfContentsEdit( {\n\tattributes: { headings = [], onlyIncludeCurrentPage, maxLevel },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tuseObserveHeadings( clientId );\n\n\tconst blockProps = useBlockProps();\n\tconst instanceId = useInstanceId(\n\t\tTableOfContentsEdit,\n\t\t'table-of-contents'\n\t);\n\n\t// If a user clicks to a link prevent redirection and show a warning.\n\tconst { createWarningNotice } = useDispatch( noticeStore );\n\tconst showRedirectionPreventedNotice = ( event ) => {\n\t\tevent.preventDefault();\n\t\tcreateWarningNotice( __( 'Links are disabled in the editor.' ), {\n\t\t\tid: `block-library/core/table-of-contents/redirection-prevented/${ instanceId }`,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t};\n\n\tconst canInsertList = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn canInsertBlockType( 'core/list', rootClientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst headingTree = linearToNestedHeadingList( headings );\n\n\tconst toolbarControls = canInsertList && (\n\t\t<BlockControls>\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlock( 'core/list', {\n\t\t\t\t\t\t\t\tordered: true,\n\t\t\t\t\t\t\t\tvalues: renderToString(\n\t\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\t\tnestedHeadingList={ headingTree }\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)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Convert to static list' ) }\n\t\t\t\t</ToolbarButton>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tonlyIncludeCurrentPage: false,\n\t\t\t\t\t\tmaxLevel: undefined,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! onlyIncludeCurrentPage }\n\t\t\t\t\tlabel={ __( 'Only include current page' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: false } )\n\t\t\t\t\t}\n\t\t\t\t\tisShownByDefault\n\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={ __( 'Only include current page' ) }\n\t\t\t\t\t\tchecked={ onlyIncludeCurrentPage }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\tonlyIncludeCurrentPage\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Only including headings from the current page (if the post is paginated).'\n\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\t\t'Include headings from all pages (if the post is paginated).'\n\t\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</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! maxLevel }\n\t\t\t\t\tlabel={ __( 'Limit heading levels' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { maxLevel: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tisShownByDefault\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Include headings down to level' ) }\n\t\t\t\t\t\tvalue={ maxLevel || '' }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ value: '', label: __( 'All levels' ) },\n\t\t\t\t\t\t\t{ value: '1', label: __( 'Heading 1' ) },\n\t\t\t\t\t\t\t{ value: '2', label: __( 'Heading 2' ) },\n\t\t\t\t\t\t\t{ value: '3', label: __( 'Heading 3' ) },\n\t\t\t\t\t\t\t{ value: '4', label: __( 'Heading 4' ) },\n\t\t\t\t\t\t\t{ value: '5', label: __( 'Heading 5' ) },\n\t\t\t\t\t\t\t{ value: '6', label: __( 'Heading 6' ) },\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tmaxLevel: value ? parseInt( value ) : undefined,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t! maxLevel\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Including all heading levels in the table of contents.'\n\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\t\t'Only include headings up to and including this level.'\n\t\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</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\t// If there are no headings or the only heading is empty.\n\t// Note that the toolbar controls are intentionally omitted since the\n\t// \"Convert to static list\" option is useless to the placeholder state.\n\tif ( headings.length === 0 ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\t\tlabel={ __( 'Table of Contents' ) }\n\t\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t\t'Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ inspectorControls }\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ol>\n\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\tdisableLinkActivation\n\t\t\t\t\t\tonClick={ showRedirectionPreventedNotice }\n\t\t\t\t\t/>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t\t{ toolbarControls }\n\t\t\t{ inspectorControls }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_blocks","_components","_data","_element","_i18n","_compose","_notices","_icons","_list","_interopRequireDefault","_utils","_hooks","_hooks2","_jsxRuntime","TableOfContentsEdit","attributes","headings","onlyIncludeCurrentPage","maxLevel","ordered","clientId","setAttributes","useObserveHeadings","blockProps","useBlockProps","instanceId","useInstanceId","createWarningNotice","useDispatch","noticeStore","showRedirectionPreventedNotice","event","preventDefault","__","id","type","canInsertList","useSelect","select","getBlockRootClientId","canInsertBlockType","blockEditorStore","rootClientId","replaceBlocks","dropdownMenuProps","useToolsPanelDropdownMenuProps","headingTree","linearToNestedHeadingList","toolbarControls","jsxs","BlockControls","children","ToolbarGroup","jsx","ToolbarButton","icon","isRTL","formatListBulletsRTL","formatListBullets","title","description","onClick","isActive","formatListNumberedRTL","formatListNumbered","createBlock","values","renderToString","default","nestedHeadingList","inspectorControls","InspectorControls","__experimentalToolsPanel","label","resetAll","undefined","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","ToggleControl","__nextHasNoMarginBottom","checked","onChange","value","help","SelectControl","__next40pxDefaultSize","options","parseInt","length","Fragment","Placeholder","BlockIcon","instructions","ListTag","disableLinkActivation"],"sources":["@wordpress/block-library/src/table-of-contents/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tToggleControl,\n\tSelectControl,\n\tToolbarButton,\n\tToolbarGroup,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { renderToString } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as noticeStore } from '@wordpress/notices';\nimport {\n\ttableOfContents as icon,\n\tformatListBullets,\n\tformatListBulletsRTL,\n\tformatListNumbered,\n\tformatListNumberedRTL,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\nimport { useObserveHeadings } from './hooks';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n/** @typedef {import('./utils').HeadingData} HeadingData */\n\n/**\n * Table of Contents block edit component.\n *\n * @param {Object}                       props                                   The props.\n * @param {Object}                       props.attributes                        The block attributes.\n * @param {HeadingData[]}                props.attributes.headings               The list of data for each heading in the post.\n * @param {boolean}                      props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).\n * @param {number|undefined}             props.attributes.maxLevel               The maximum heading level to include, or null to include all levels.\n * @param {boolean}                      props.attributes.ordered                Whether to display as an ordered list (true) or unordered list (false).\n * @param {string}                       props.clientId                          The client id.\n * @param {(attributes: Object) => void} props.setAttributes                     The set attributes function.\n *\n * @return {Component} The component.\n */\nexport default function TableOfContentsEdit( {\n\tattributes: {\n\t\theadings = [],\n\t\tonlyIncludeCurrentPage,\n\t\tmaxLevel,\n\t\tordered = true,\n\t},\n\tclientId,\n\tsetAttributes,\n} ) {\n\tuseObserveHeadings( clientId );\n\n\tconst blockProps = useBlockProps();\n\tconst instanceId = useInstanceId(\n\t\tTableOfContentsEdit,\n\t\t'table-of-contents'\n\t);\n\n\t// If a user clicks to a link prevent redirection and show a warning.\n\tconst { createWarningNotice } = useDispatch( noticeStore );\n\tconst showRedirectionPreventedNotice = ( event ) => {\n\t\tevent.preventDefault();\n\t\tcreateWarningNotice( __( 'Links are disabled in the editor.' ), {\n\t\t\tid: `block-library/core/table-of-contents/redirection-prevented/${ instanceId }`,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t};\n\n\tconst canInsertList = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn canInsertBlockType( 'core/list', rootClientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst headingTree = linearToNestedHeadingList( headings );\n\n\tconst toolbarControls = (\n\t\t<BlockControls>\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={ isRTL() ? formatListBulletsRTL : formatListBullets }\n\t\t\t\t\ttitle={ __( 'Unordered' ) }\n\t\t\t\t\tdescription={ __( 'Convert to unordered list' ) }\n\t\t\t\t\tonClick={ () => setAttributes( { ordered: false } ) }\n\t\t\t\t\tisActive={ ordered === false }\n\t\t\t\t/>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={\n\t\t\t\t\t\tisRTL() ? formatListNumberedRTL : formatListNumbered\n\t\t\t\t\t}\n\t\t\t\t\ttitle={ __( 'Ordered' ) }\n\t\t\t\t\tdescription={ __( 'Convert to ordered list' ) }\n\t\t\t\t\tonClick={ () => setAttributes( { ordered: true } ) }\n\t\t\t\t\tisActive={ ordered === true }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ canInsertList && (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\tcreateBlock( 'core/list', {\n\t\t\t\t\t\t\t\t\tordered,\n\t\t\t\t\t\t\t\t\tvalues: renderToString(\n\t\t\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\t\t\t\t\t\tordered={ ordered }\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}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Convert to static list' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tonlyIncludeCurrentPage: false,\n\t\t\t\t\t\tmaxLevel: undefined,\n\t\t\t\t\t\tordered: true,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! onlyIncludeCurrentPage }\n\t\t\t\t\tlabel={ __( 'Only include current page' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: false } )\n\t\t\t\t\t}\n\t\t\t\t\tisShownByDefault\n\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={ __( 'Only include current page' ) }\n\t\t\t\t\t\tchecked={ onlyIncludeCurrentPage }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\tonlyIncludeCurrentPage\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Only including headings from the current page (if the post is paginated).'\n\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\t\t'Include headings from all pages (if the post is paginated).'\n\t\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</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! maxLevel }\n\t\t\t\t\tlabel={ __( 'Limit heading levels' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { maxLevel: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tisShownByDefault\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Include headings down to level' ) }\n\t\t\t\t\t\tvalue={ maxLevel || '' }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{ value: '', label: __( 'All levels' ) },\n\t\t\t\t\t\t\t{ value: '1', label: __( 'Heading 1' ) },\n\t\t\t\t\t\t\t{ value: '2', label: __( 'Heading 2' ) },\n\t\t\t\t\t\t\t{ value: '3', label: __( 'Heading 3' ) },\n\t\t\t\t\t\t\t{ value: '4', label: __( 'Heading 4' ) },\n\t\t\t\t\t\t\t{ value: '5', label: __( 'Heading 5' ) },\n\t\t\t\t\t\t\t{ value: '6', label: __( 'Heading 6' ) },\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tmaxLevel: value ? parseInt( value ) : undefined,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t! maxLevel\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'Including all heading levels in the table of contents.'\n\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\t\t'Only include headings up to and including this level.'\n\t\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</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\t// If there are no headings or the only heading is empty.\n\t// Note that the toolbar controls are intentionally omitted since the\n\t// \"Convert to static list\" option is useless to the placeholder state.\n\tif ( headings.length === 0 ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\t\tlabel={ __( 'Table of Contents' ) }\n\t\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t\t'Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ inspectorControls }\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst ListTag = ordered ? 'ol' : 'ul';\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ListTag>\n\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\tdisableLinkActivation\n\t\t\t\t\t\tonClick={ showRedirectionPreventedNotice }\n\t\t\t\t\t\tordered={ ordered }\n\t\t\t\t\t/>\n\t\t\t\t</ListTag>\n\t\t\t</nav>\n\t\t\t{ toolbarControls }\n\t\t\t{ inspectorControls }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/table-of-contents/index.js

@@ -40,6 +40,10 @@ const metadata = exports.metadata = {
     },
     maxLevel: {
       type: "number"
+    },
+    ordered: {
+      type: "boolean",
+      "default": true
     }
   },
   supports: {

package/build/table-of-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_edit","_save","metadata","exports","$schema","apiVersion","__experimental","name","title","category","description","keywords","textdomain","attributes","headings","type","items","onlyIncludeCurrentPage","maxLevel","supports","html","color","text","background","gradients","link","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","interactivity","clientNavigation","__experimentalBorder","radius","width","style","settings","icon","edit","save","example","innerBlocks","level","content","__","init","initBlock"],"sources":["@wordpress/block-library/src/table-of-contents/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { tableOfContents as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 2,\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 3,\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 2,\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 3,\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tattributes: {\n\t\t\theadings: [\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t\tlevel: 2,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t\tlevel: 3,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t\tlevel: 2,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t\tlevel: 3,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_initBlock","_interopRequireDefault","_edit","_save","metadata","exports","$schema","apiVersion","__experimental","name","title","category","description","keywords","textdomain","attributes","headings","type","items","onlyIncludeCurrentPage","maxLevel","ordered","supports","html","color","text","background","gradients","link","spacing","margin","padding","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","interactivity","clientNavigation","__experimentalBorder","radius","width","style","settings","icon","edit","save","example","innerBlocks","level","content","__","init","initBlock"],"sources":["@wordpress/block-library/src/table-of-contents/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { tableOfContents as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 2,\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 3,\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 2,\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/heading',\n\t\t\t\tattributes: {\n\t\t\t\t\tlevel: 3,\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\tattributes: {\n\t\t\theadings: [\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t\tlevel: 2,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t\tlevel: 3,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Heading' ),\n\t\t\t\t\tlevel: 2,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcontent: __( 'Subheading' ),\n\t\t\t\t\tlevel: 3,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"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","ignoreList":[]}

package/build/table-of-contents/list.js

@@ -17,7 +17,8 @@ const ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';
 function TableOfContentsList({
   nestedHeadingList,
   disableLinkActivation,
-  onClick
+  onClick,
+  ordered = true
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: nestedHeadingList.map((node, index) => {
@@ -35,12 +36,14 @@ function TableOfContentsList({
         className: ENTRY_CLASS_NAME,
         children: content
       });
+      const NestedListTag = ordered ? 'ol' : 'ul';
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        children: [entry, node.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+        children: [entry, node.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NestedListTag, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableOfContentsList, {
             nestedHeadingList: node.children,
             disableLinkActivation: disableLinkActivation,
-            onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined
+            onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined,
+            ordered: ordered
           })
         }) : null]
       }, index);

package/build/table-of-contents/list.js.map

@@ -1 +1 @@
-{"version":3,"names":["ENTRY_CLASS_NAME","TableOfContentsList","nestedHeadingList","disableLinkActivation","onClick","_jsxRuntime","jsx","Fragment","children","map","node","index","content","link","heading","entry","className","href","undefined","jsxs"],"sources":["@wordpress/block-library/src/table-of-contents/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEvent, ReactElement } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { NestedHeadingData } from './utils';\n\nconst ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';\n\nexport default function TableOfContentsList( {\n\tnestedHeadingList,\n\tdisableLinkActivation,\n\tonClick,\n}: {\n\tnestedHeadingList: NestedHeadingData[];\n\tdisableLinkActivation?: boolean;\n\tonClick?: ( event: MouseEvent< HTMLAnchorElement > ) => void;\n} ): ReactElement {\n\treturn (\n\t\t<>\n\t\t\t{ nestedHeadingList.map( ( node, index ) => {\n\t\t\t\tconst { content, link } = node.heading;\n\n\t\t\t\tconst entry = link ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ ENTRY_CLASS_NAME }\n\t\t\t\t\t\thref={ link }\n\t\t\t\t\t\taria-disabled={ disableLinkActivation || undefined }\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<span className={ ENTRY_CLASS_NAME }>{ content }</span>\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={ index }>\n\t\t\t\t\t\t{ entry }\n\t\t\t\t\t\t{ node.children ? (\n\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\tnestedHeadingList={ node.children }\n\t\t\t\t\t\t\t\t\tdisableLinkActivation={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t\t\t\t: undefined\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</ol>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMA,gBAAgB,GAAG,mCAAmC;AAE7C,SAASC,mBAAmBA,CAAE;EAC5CC,iBAAiB;EACjBC,qBAAqB;EACrBC;AAKD,CAAC,EAAiB;EACjB,oBACC,IAAAC,WAAA,CAAAC,GAAA,EAAAD,WAAA,CAAAE,QAAA;IAAAC,QAAA,EACGN,iBAAiB,CAACO,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;MAC3C,MAAM;QAAEC,OAAO;QAAEC;MAAK,CAAC,GAAGH,IAAI,CAACI,OAAO;MAEtC,MAAMC,KAAK,GAAGF,IAAI,gBACjB,IAAAR,WAAA,CAAAC,GAAA;QACCU,SAAS,EAAGhB,gBAAkB;QAC9BiB,IAAI,EAAGJ,IAAM;QACb,iBAAgBV,qBAAqB,IAAIe,SAAW;QACpDd,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPc,SACH;QAAAV,QAAA,EAECI;MAAO,CACP,CAAC,gBAEJ,IAAAP,WAAA,CAAAC,GAAA;QAAMU,SAAS,EAAGhB,gBAAkB;QAAAQ,QAAA,EAAGI;MAAO,CAAQ,CACtD;MAED,oBACC,IAAAP,WAAA,CAAAc,IAAA;QAAAX,QAAA,GACGO,KAAK,EACLL,IAAI,CAACF,QAAQ,gBACd,IAAAH,WAAA,CAAAC,GAAA;UAAAE,QAAA,eACC,IAAAH,WAAA,CAAAC,GAAA,EAACL,mBAAmB;YACnBC,iBAAiB,EAAGQ,IAAI,CAACF,QAAU;YACnCL,qBAAqB,EACpBA,qBACA;YACDC,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPc;UACH,CACD;QAAC,CACC,CAAC,GACF,IAAI;MAAA,GAjBCP,KAkBN,CAAC;IAEP,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["ENTRY_CLASS_NAME","TableOfContentsList","nestedHeadingList","disableLinkActivation","onClick","ordered","_jsxRuntime","jsx","Fragment","children","map","node","index","content","link","heading","entry","className","href","undefined","NestedListTag","jsxs"],"sources":["@wordpress/block-library/src/table-of-contents/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEvent, ReactElement } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { NestedHeadingData } from './utils';\n\nconst ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';\n\nexport default function TableOfContentsList( {\n\tnestedHeadingList,\n\tdisableLinkActivation,\n\tonClick,\n\tordered = true,\n}: {\n\tnestedHeadingList: NestedHeadingData[];\n\tdisableLinkActivation?: boolean;\n\tonClick?: ( event: MouseEvent< HTMLAnchorElement > ) => void;\n\tordered?: boolean;\n} ): ReactElement {\n\treturn (\n\t\t<>\n\t\t\t{ nestedHeadingList.map( ( node, index ) => {\n\t\t\t\tconst { content, link } = node.heading;\n\n\t\t\t\tconst entry = link ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ ENTRY_CLASS_NAME }\n\t\t\t\t\t\thref={ link }\n\t\t\t\t\t\taria-disabled={ disableLinkActivation || undefined }\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<span className={ ENTRY_CLASS_NAME }>{ content }</span>\n\t\t\t\t);\n\n\t\t\t\tconst NestedListTag = ordered ? 'ol' : 'ul';\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={ index }>\n\t\t\t\t\t\t{ entry }\n\t\t\t\t\t\t{ node.children ? (\n\t\t\t\t\t\t\t<NestedListTag>\n\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\tnestedHeadingList={ node.children }\n\t\t\t\t\t\t\t\t\tdisableLinkActivation={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tordered={ ordered }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NestedListTag>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMA,gBAAgB,GAAG,mCAAmC;AAE7C,SAASC,mBAAmBA,CAAE;EAC5CC,iBAAiB;EACjBC,qBAAqB;EACrBC,OAAO;EACPC,OAAO,GAAG;AAMX,CAAC,EAAiB;EACjB,oBACC,IAAAC,WAAA,CAAAC,GAAA,EAAAD,WAAA,CAAAE,QAAA;IAAAC,QAAA,EACGP,iBAAiB,CAACQ,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;MAC3C,MAAM;QAAEC,OAAO;QAAEC;MAAK,CAAC,GAAGH,IAAI,CAACI,OAAO;MAEtC,MAAMC,KAAK,GAAGF,IAAI,gBACjB,IAAAR,WAAA,CAAAC,GAAA;QACCU,SAAS,EAAGjB,gBAAkB;QAC9BkB,IAAI,EAAGJ,IAAM;QACb,iBAAgBX,qBAAqB,IAAIgB,SAAW;QACpDf,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPe,SACH;QAAAV,QAAA,EAECI;MAAO,CACP,CAAC,gBAEJ,IAAAP,WAAA,CAAAC,GAAA;QAAMU,SAAS,EAAGjB,gBAAkB;QAAAS,QAAA,EAAGI;MAAO,CAAQ,CACtD;MAED,MAAMO,aAAa,GAAGf,OAAO,GAAG,IAAI,GAAG,IAAI;MAE3C,oBACC,IAAAC,WAAA,CAAAe,IAAA;QAAAZ,QAAA,GACGO,KAAK,EACLL,IAAI,CAACF,QAAQ,gBACd,IAAAH,WAAA,CAAAC,GAAA,EAACa,aAAa;UAAAX,QAAA,eACb,IAAAH,WAAA,CAAAC,GAAA,EAACN,mBAAmB;YACnBC,iBAAiB,EAAGS,IAAI,CAACF,QAAU;YACnCN,qBAAqB,EACpBA,qBACA;YACDC,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPe,SACH;YACDd,OAAO,EAAGA;UAAS,CACnB;QAAC,CACY,CAAC,GACb,IAAI;MAAA,GAlBCO,KAmBN,CAAC;IAEP,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}

package/build/table-of-contents/save.js

@@ -19,17 +19,20 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function save({
   attributes: {
-    headings = []
+    headings = [],
+    ordered = true
   }
 }) {
   if (headings.length === 0) {
     return null;
   }
+  const ListTag = ordered ? 'ol' : 'ul';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
     ..._blockEditor.useBlockProps.save(),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ListTag, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
-        nestedHeadingList: (0, _utils.linearToNestedHeadingList)(headings)
+        nestedHeadingList: (0, _utils.linearToNestedHeadingList)(headings),
+        ordered: ordered
       })
     })
   });

package/build/table-of-contents/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_list","_interopRequireDefault","_utils","_jsxRuntime","save","attributes","headings","length","jsx","useBlockProps","children","default","nestedHeadingList","linearToNestedHeadingList"],"sources":["@wordpress/block-library/src/table-of-contents/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\n\nexport default function save( { attributes: { headings = [] } } ) {\n\tif ( headings.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<nav { ...useBlockProps.save() }>\n\t\t\t<ol>\n\t\t\t\t<TableOfContentsList\n\t\t\t\t\tnestedHeadingList={ linearToNestedHeadingList( headings ) }\n\t\t\t\t/>\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AATpD;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASK,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,QAAQ,GAAG;EAAG;AAAE,CAAC,EAAG;EACjE,IAAKA,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAG;IAC5B,OAAO,IAAI;EACZ;EACA,oBACC,IAAAJ,WAAA,CAAAK,GAAA;IAAA,GAAUC,0BAAa,CAACL,IAAI,CAAC,CAAC;IAAAM,QAAA,eAC7B,IAAAP,WAAA,CAAAK,GAAA;MAAAE,QAAA,eACC,IAAAP,WAAA,CAAAK,GAAA,EAACR,KAAA,CAAAW,OAAmB;QACnBC,iBAAiB,EAAG,IAAAC,gCAAyB,EAAEP,QAAS;MAAG,CAC3D;IAAC,CACC;EAAC,CACD,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_list","_interopRequireDefault","_utils","_jsxRuntime","save","attributes","headings","ordered","length","ListTag","jsx","useBlockProps","children","default","nestedHeadingList","linearToNestedHeadingList"],"sources":["@wordpress/block-library/src/table-of-contents/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\n\nexport default function save( {\n\tattributes: { headings = [], ordered = true },\n} ) {\n\tif ( headings.length === 0 ) {\n\t\treturn null;\n\t}\n\tconst ListTag = ordered ? 'ol' : 'ul';\n\treturn (\n\t\t<nav { ...useBlockProps.save() }>\n\t\t\t<ListTag>\n\t\t\t\t<TableOfContentsList\n\t\t\t\t\tnestedHeadingList={ linearToNestedHeadingList( headings ) }\n\t\t\t\t\tordered={ ordered }\n\t\t\t\t/>\n\t\t\t</ListTag>\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AATpD;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASK,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,QAAQ,GAAG,EAAE;IAAEC,OAAO,GAAG;EAAK;AAC7C,CAAC,EAAG;EACH,IAAKD,QAAQ,CAACE,MAAM,KAAK,CAAC,EAAG;IAC5B,OAAO,IAAI;EACZ;EACA,MAAMC,OAAO,GAAGF,OAAO,GAAG,IAAI,GAAG,IAAI;EACrC,oBACC,IAAAJ,WAAA,CAAAO,GAAA;IAAA,GAAUC,0BAAa,CAACP,IAAI,CAAC,CAAC;IAAAQ,QAAA,eAC7B,IAAAT,WAAA,CAAAO,GAAA,EAACD,OAAO;MAAAG,QAAA,eACP,IAAAT,WAAA,CAAAO,GAAA,EAACV,KAAA,CAAAa,OAAmB;QACnBC,iBAAiB,EAAG,IAAAC,gCAAyB,EAAET,QAAS,CAAG;QAC3DC,OAAO,EAAGA;MAAS,CACnB;IAAC,CACM;EAAC,CACN,CAAC;AAER","ignoreList":[]}