@wordpress/block-library 8.12.0 → 8.12.1

package/build-module/social-links/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/social-links/edit.js"],"names":["classNames","useEffect","useRef","BlockControls","useInnerBlocksProps","useBlockProps","InspectorControls","ContrastChecker","withColors","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","MenuGroup","MenuItem","PanelBody","ToggleControl","ToolbarDropdownMenu","__","check","ALLOWED_BLOCKS","sizeOptions","name","value","SocialLinksEdit","props","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","customIconBackgroundColor","iconColorValue","openInNewTab","showLabels","size","logosOnly","className","includes","backgroundBackup","current","undefined","SocialPlaceholder","SelectedSocialPlaceholder","color","blockProps","innerBlocksProps","allowedBlocks","placeholder","templateLock","orientation","layout","__experimentalAppenderTagName","POPOVER_PROPS","position","colorSettings","onChange","colorValue","label","resetAllFilter","push","colorGradientSettings","onClose","map","entry","hasColorsOrGradients","onColorChange","isShownByDefault","enableAlpha","textColor","backgroundColor","iconColorAttributes"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPanelBody,\n\tToggleControl,\n\tToolbarDropdownMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\n\nconst ALLOWED_BLOCKS = [ 'core/social-link' ];\n\nconst sizeOptions = [\n\t{ name: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ name: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ name: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ name: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\tcustomIconBackgroundColor,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tconst backgroundBackup = useRef( {} );\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tbackgroundBackup.current = {\n\t\t\t\ticonBackgroundColor,\n\t\t\t\ticonBackgroundColorValue,\n\t\t\t\tcustomIconBackgroundColor,\n\t\t\t};\n\t\t\tsetAttributes( {\n\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( { ...backgroundBackup.current } );\n\t\t}\n\t}, [ logosOnly ] );\n\n\tconst SocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-placeholder\">\n\t\t\t<div className=\"wp-block-social-links__social-placeholder-icons\">\n\t\t\t\t<div className=\"wp-social-link wp-social-link-twitter\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-facebook\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-instagram\"></div>\n\t\t\t</div>\n\t\t</li>\n\t);\n\n\tconst SelectedSocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-prompt\">\n\t\t\t{ __( 'Click plus to add' ) }\n\t\t</li>\n\t);\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tplaceholder: isSelected ? SelectedSocialPlaceholder : SocialPlaceholder,\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t} );\n\n\tconst POPOVER_PROPS = {\n\t\tposition: 'bottom right',\n\t};\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\ttext={ __( 'Size' ) }\n\t\t\t\t\ticon={ null }\n\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ sizeOptions.map( ( entry ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t( size === entry.value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! size &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tentry.value ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'has-normal-icon-size' ) ) &&\n\t\t\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisSelected={ size === entry.value }\n\t\t\t\t\t\t\t\t\t\tkey={ entry.value }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tsize: entry.value,\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\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ entry.name }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: ! openInNewTab } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show labels' ) }\n\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\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\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\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{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/social-links/edit.js"],"names":["classNames","useEffect","useRef","BlockControls","useInnerBlocksProps","useBlockProps","InspectorControls","ContrastChecker","withColors","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","MenuGroup","MenuItem","PanelBody","ToggleControl","ToolbarDropdownMenu","__","check","ALLOWED_BLOCKS","sizeOptions","name","value","SocialLinksEdit","props","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","customIconBackgroundColor","iconColorValue","openInNewTab","showLabels","size","logosOnly","className","includes","backgroundBackup","current","undefined","SocialPlaceholder","SelectedSocialPlaceholder","color","blockProps","innerBlocksProps","allowedBlocks","placeholder","templateLock","orientation","layout","__experimentalAppenderTagName","POPOVER_PROPS","position","colorSettings","onChange","colorValue","label","resetAllFilter","push","colorGradientSettings","onClose","map","entry","hasColorsOrGradients","onColorChange","isShownByDefault","enableAlpha","textColor","backgroundColor","iconColorAttributes"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPanelBody,\n\tToggleControl,\n\tToolbarDropdownMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\n\nconst ALLOWED_BLOCKS = [ 'core/social-link' ];\n\nconst sizeOptions = [\n\t{ name: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ name: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ name: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ name: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\tcustomIconBackgroundColor,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tconst backgroundBackup = useRef( {} );\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tbackgroundBackup.current = {\n\t\t\t\ticonBackgroundColor,\n\t\t\t\ticonBackgroundColorValue,\n\t\t\t\tcustomIconBackgroundColor,\n\t\t\t};\n\t\t\tsetAttributes( {\n\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( { ...backgroundBackup.current } );\n\t\t}\n\t}, [ logosOnly ] );\n\n\tconst SocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-placeholder\">\n\t\t\t<div className=\"wp-block-social-links__social-placeholder-icons\">\n\t\t\t\t<div className=\"wp-social-link wp-social-link-twitter\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-facebook\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-instagram\"></div>\n\t\t\t</div>\n\t\t</li>\n\t);\n\n\tconst SelectedSocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-prompt\">\n\t\t\t{ __( 'Click plus to add' ) }\n\t\t</li>\n\t);\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tplaceholder: isSelected ? SelectedSocialPlaceholder : SocialPlaceholder,\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t} );\n\n\tconst POPOVER_PROPS = {\n\t\tposition: 'bottom right',\n\t};\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\ttext={ __( 'Size' ) }\n\t\t\t\t\ticon={ null }\n\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ sizeOptions.map( ( entry ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t( size === entry.value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! size &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tentry.value ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'has-normal-icon-size' ) ) &&\n\t\t\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisSelected={ size === entry.value }\n\t\t\t\t\t\t\t\t\t\tkey={ entry.value }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tsize: entry.value,\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\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ entry.name }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: ! openInNewTab } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show labels' ) }\n\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\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\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\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{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"]}

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

@@ -61,7 +61,7 @@ const metadata = {
     align: ["left", "center", "right"],
     anchor: true,
     __experimentalExposeControlsToChildren: true,
-    __experimentalLayout: {
+    layout: {
       allowSwitching: false,
       allowInheriting: false,
       allowVerticalAlignment: false,

package/build-module/social-links/save.js

@@ -27,6 +27,7 @@ export default function save(props) {
     className
   });
   const innerBlocksProps = useInnerBlocksProps.save(blockProps);
-  return createElement("ul", innerBlocksProps);
+  return createElement("ul", { ...innerBlocksProps
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/social-links/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/social-links/save.js"],"names":["classNames","useInnerBlocksProps","useBlockProps","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","blockProps","innerBlocksProps"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,EAA8BC,aAA9B,QAAmD,yBAAnD;AAEA,eAAe,SAASC,IAAT,CAAeC,KAAf,EAAuB;AACrC,QAAM;AACLC,IAAAA,UAAU,EAAE;AACXC,MAAAA,wBADW;AAEXC,MAAAA,cAFW;AAGXC,MAAAA,UAHW;AAIXC,MAAAA;AAJW;AADP,MAOFL,KAPJ;AASA,QAAMM,SAAS,GAAGV,UAAU,CAAES,IAAF,EAAQ;AACnC,0BAAsBD,UADa;AAEnC,sBAAkBD,cAFiB;AAGnC,iCAA6BD;AAHM,GAAR,CAA5B;AAKA,QAAMK,UAAU,GAAGT,aAAa,CAACC,IAAd,CAAoB;AAAEO,IAAAA;AAAF,GAApB,CAAnB;AACA,QAAME,gBAAgB,GAAGX,mBAAmB,CAACE,IAApB,CAA0BQ,UAA1B,CAAzB;AAEA,SAAO,oBAASC,gBAAT,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( props ) {\n\tconst {\n\t\tattributes: {\n\t\t\ticonBackgroundColorValue,\n\t\t\ticonColorValue,\n\t\t\tshowLabels,\n\t\t\tsize,\n\t\t},\n\t} = props;\n\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColorValue,\n\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t} );\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <ul { ...innerBlocksProps } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/social-links/save.js"],"names":["classNames","useInnerBlocksProps","useBlockProps","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","blockProps","innerBlocksProps"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,EAA8BC,aAA9B,QAAmD,yBAAnD;AAEA,eAAe,SAASC,IAAT,CAAeC,KAAf,EAAuB;AACrC,QAAM;AACLC,IAAAA,UAAU,EAAE;AACXC,MAAAA,wBADW;AAEXC,MAAAA,cAFW;AAGXC,MAAAA,UAHW;AAIXC,MAAAA;AAJW;AADP,MAOFL,KAPJ;AASA,QAAMM,SAAS,GAAGV,UAAU,CAAES,IAAF,EAAQ;AACnC,0BAAsBD,UADa;AAEnC,sBAAkBD,cAFiB;AAGnC,iCAA6BD;AAHM,GAAR,CAA5B;AAKA,QAAMK,UAAU,GAAGT,aAAa,CAACC,IAAd,CAAoB;AAAEO,IAAAA;AAAF,GAApB,CAAnB;AACA,QAAME,gBAAgB,GAAGX,mBAAmB,CAACE,IAApB,CAA0BQ,UAA1B,CAAzB;AAEA,SAAO,yBAASC;AAAT,IAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( props ) {\n\tconst {\n\t\tattributes: {\n\t\t\ticonBackgroundColorValue,\n\t\t\ticonColorValue,\n\t\t\tshowLabels,\n\t\t\tsize,\n\t\t},\n\t} = props;\n\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColorValue,\n\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t} );\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <ul { ...innerBlocksProps } />;\n}\n"]}

package/build-module/spacer/deprecated.js

@@ -29,13 +29,14 @@ const deprecated = [{
   save({
     attributes
   }) {
-    return createElement("div", useBlockProps.save({
-      style: {
-        height: attributes.height,
-        width: attributes.width
-      },
-      'aria-hidden': true
-    }));
+    return createElement("div", { ...useBlockProps.save({
+        style: {
+          height: attributes.height,
+          width: attributes.width
+        },
+        'aria-hidden': true
+      })
+    });
   }
 
 }];

package/build-module/spacer/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/spacer/deprecated.js"],"names":["useBlockProps","deprecated","attributes","height","type","default","width","migrate","undefined","save","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,yBAA9B;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,UAAU,EAAE;AACXC,IAAAA,MAAM,EAAE;AACPC,MAAAA,IAAI,EAAE,QADC;AAEPC,MAAAA,OAAO,EAAE;AAFF,KADG;AAKXC,IAAAA,KAAK,EAAE;AACNF,MAAAA,IAAI,EAAE;AADA;AALI,GADb;;AAUCG,EAAAA,OAAO,CAAEL,UAAF,EAAe;AACrB,UAAM;AAAEC,MAAAA,MAAF;AAAUG,MAAAA;AAAV,QAAoBJ,UAA1B;AACA,WAAO,EACN,GAAGA,UADG;AAENI,MAAAA,KAAK,EAAEA,KAAK,KAAKE,SAAV,GAAuB,GAAGF,KAAO,IAAjC,GAAuCE,SAFxC;AAGNL,MAAAA,MAAM,EAAEA,MAAM,KAAKK,SAAX,GAAwB,GAAGL,MAAQ,IAAnC,GAAyCK;AAH3C,KAAP;AAKA,GAjBF;;AAkBCC,EAAAA,IAAI,CAAE;AAAEP,IAAAA;AAAF,GAAF,EAAmB;AACtB,WACC,qBACMF,aAAa,CAACS,IAAd,CAAoB;AACxBC,MAAAA,KAAK,EAAE;AACNP,QAAAA,MAAM,EAAED,UAAU,CAACC,MADb;AAENG,QAAAA,KAAK,EAAEJ,UAAU,CAACI;AAFZ,OADiB;AAKxB,qBAAe;AALS,KAApB,CADN,CADD;AAWA;;AA9BF,CADkB,CAAnB;AAmCA,eAAeL,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\theight: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 100,\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\tconst { height, width } = attributes;\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: width !== undefined ? `${ width }px` : undefined,\n\t\t\t\theight: height !== undefined ? `${ height }px` : undefined,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t{ ...useBlockProps.save( {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\theight: attributes.height,\n\t\t\t\t\t\t\twidth: attributes.width,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/spacer/deprecated.js"],"names":["useBlockProps","deprecated","attributes","height","type","default","width","migrate","undefined","save","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,yBAA9B;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,UAAU,EAAE;AACXC,IAAAA,MAAM,EAAE;AACPC,MAAAA,IAAI,EAAE,QADC;AAEPC,MAAAA,OAAO,EAAE;AAFF,KADG;AAKXC,IAAAA,KAAK,EAAE;AACNF,MAAAA,IAAI,EAAE;AADA;AALI,GADb;;AAUCG,EAAAA,OAAO,CAAEL,UAAF,EAAe;AACrB,UAAM;AAAEC,MAAAA,MAAF;AAAUG,MAAAA;AAAV,QAAoBJ,UAA1B;AACA,WAAO,EACN,GAAGA,UADG;AAENI,MAAAA,KAAK,EAAEA,KAAK,KAAKE,SAAV,GAAuB,GAAGF,KAAO,IAAjC,GAAuCE,SAFxC;AAGNL,MAAAA,MAAM,EAAEA,MAAM,KAAKK,SAAX,GAAwB,GAAGL,MAAQ,IAAnC,GAAyCK;AAH3C,KAAP;AAKA,GAjBF;;AAkBCC,EAAAA,IAAI,CAAE;AAAEP,IAAAA;AAAF,GAAF,EAAmB;AACtB,WACC,0BACMF,aAAa,CAACS,IAAd,CAAoB;AACxBC,QAAAA,KAAK,EAAE;AACNP,UAAAA,MAAM,EAAED,UAAU,CAACC,MADb;AAENG,UAAAA,KAAK,EAAEJ,UAAU,CAACI;AAFZ,SADiB;AAKxB,uBAAe;AALS,OAApB;AADN,MADD;AAWA;;AA9BF,CADkB,CAAnB;AAmCA,eAAeL,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\theight: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 100,\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\tconst { height, width } = attributes;\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: width !== undefined ? `${ width }px` : undefined,\n\t\t\t\theight: height !== undefined ? `${ height }px` : undefined,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t{ ...useBlockProps.save( {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\theight: attributes.height,\n\t\t\t\t\t\t\twidth: attributes.width,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}

package/build-module/spacer/edit.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement, Fragment } from "@wordpress/element";
 
 /**
@@ -39,7 +38,7 @@ const ResizableSpacer = ({
     return `${getCurrentSize(elt)}px`;
   };
 
-  return createElement(ResizableBox, _extends({
+  return createElement(ResizableBox, {
     className: classnames('block-library-spacer__resize-container', {
       'resize-horizontal': orientation === 'horizontal',
       'is-resizing': isResizing,
@@ -68,8 +67,9 @@ const ResizableSpacer = ({
       position: 'corner',
       isVisible: isResizing
     },
-    showHandle: isSelected
-  }, props));
+    showHandle: isSelected,
+    ...props
+  });
 };
 
 const SpacerEdit = ({
@@ -290,12 +290,13 @@ const SpacerEdit = ({
       });
     }
   }, [blockStyle, flexSize, height, inheritedOrientation, isFlexLayout, layout, selfStretch, setAttributes, spacingSizes, width]);
-  return createElement(Fragment, null, createElement(View, useBlockProps({
-    style,
-    className: classnames(className, {
-      'custom-sizes-disabled': disableCustomSpacingSizes
+  return createElement(Fragment, null, createElement(View, { ...useBlockProps({
+      style,
+      className: classnames(className, {
+        'custom-sizes-disabled': disableCustomSpacingSizes
+      })
     })
-  }), resizableBoxWithOrientation(inheritedOrientation)), !isFlexLayout && createElement(SpacerControls, {
+  }, resizableBoxWithOrientation(inheritedOrientation)), !isFlexLayout && createElement(SpacerControls, {
     setAttributes: setAttributes,
     height: temporaryHeight || height,
     width: temporaryWidth || width,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/spacer/edit.js"],"names":["classnames","useBlockProps","useSetting","getCustomValueFromPreset","getSpacingPresetCssVar","store","blockEditorStore","ResizableBox","useState","useEffect","View","useSelect","SpacerControls","MIN_SPACER_SIZE","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","_event","_direction","nextVal","axis","position","isVisible","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","className","disableCustomSpacingSizes","select","editorSettings","getSettings","parentOrientation","type","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","newSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ classnames( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip={ true }\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst { orientation: parentOrientation, type } = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout = type === 'flex';\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\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<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\t! flexSize\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: flexSize,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: flexSize,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: classnames( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/spacer/edit.js"],"names":["classnames","useBlockProps","useSetting","getCustomValueFromPreset","getSpacingPresetCssVar","store","blockEditorStore","ResizableBox","useState","useEffect","View","useSelect","SpacerControls","MIN_SPACER_SIZE","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","_event","_direction","nextVal","axis","position","isVisible","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","className","disableCustomSpacingSizes","select","editorSettings","getSettings","parentOrientation","type","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","newSize"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ classnames( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip={ true }\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst { orientation: parentOrientation, type } = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout = type === 'flex';\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\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<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\t! flexSize\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: flexSize,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: flexSize,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: classnames( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"]}

package/build-module/spacer/edit.native.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -81,11 +80,12 @@ const Spacer = ({
       height: convertedHeight,
       width: convertedWidth
     }]
-  }, isSelected && createElement(InspectorControls, null, createElement(Controls, _extends({
+  }, isSelected && createElement(InspectorControls, null, createElement(Controls, {
     attributes: attributes,
     context: context,
-    setAttributes: setAttributes
-  }, presetValues))));
+    setAttributes: setAttributes,
+    ...presetValues
+  })));
 };
 
 export default withPreferredColorScheme(Spacer);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/spacer/edit.native.js"],"names":["View","useWindowDimensions","useConvertUnitToMobile","withPreferredColorScheme","InspectorControls","isValueSpacingPreset","useSetting","getCustomValueFromPreset","getPxFromCssUnit","useEffect","Controls","DEFAULT_VALUES","styles","DEFAULT_FONT_SIZE","Spacer","attributes","context","setAttributes","isSelected","getStylesFromColorScheme","height","screenHeight","width","screenWidth","cssUnitOptions","fontSize","spacingSizes","name","slug","size","orientation","defaultStyle","staticSpacer","staticDarkSpacer","convertedHeight","convertedWidth","presetValues","heightValue","parsedPresetHeightValue","parseFloat","px","presetHeight","widthValue","parsedPresetWidthValue","presetWidth","selectedSpacer"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useConvertUnitToMobile } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tisValueSpacingPreset,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetPxFromCssUnit,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls, { DEFAULT_VALUES } from './controls';\nimport styles from './editor.native.scss';\n\nconst DEFAULT_FONT_SIZE = 16;\n\nconst Spacer = ( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tisSelected,\n\tgetStylesFromColorScheme,\n} ) => {\n\tconst { height: screenHeight, width: screenWidth } = useWindowDimensions();\n\tconst cssUnitOptions = {\n\t\theight: screenHeight,\n\t\twidth: screenWidth,\n\t\tfontSize: DEFAULT_FONT_SIZE,\n\t};\n\tconst { height, width } = attributes;\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', size: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\n\t];\n\tconst { orientation } = context;\n\tconst defaultStyle = getStylesFromColorScheme(\n\t\tstyles.staticSpacer,\n\t\tstyles.staticDarkSpacer\n\t);\n\n\tuseEffect( () => {\n\t\tif ( orientation === 'horizontal' && ! width ) {\n\t\t\tsetAttributes( {\n\t\t\t\theight: '0px',\n\t\t\t\twidth: '72px',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tlet convertedHeight = useConvertUnitToMobile( height );\n\tlet convertedWidth = useConvertUnitToMobile( width );\n\tconst presetValues = {};\n\n\tif ( isValueSpacingPreset( height ) ) {\n\t\tconst heightValue = getCustomValueFromPreset( height, spacingSizes );\n\t\tconst parsedPresetHeightValue = parseFloat(\n\t\t\tgetPxFromCssUnit( heightValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedHeight = parsedPresetHeightValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetHeight = convertedHeight;\n\t}\n\n\tif ( isValueSpacingPreset( width ) ) {\n\t\tconst widthValue = getCustomValueFromPreset( width, spacingSizes );\n\t\tconst parsedPresetWidthValue = parseFloat(\n\t\t\tgetPxFromCssUnit( widthValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedWidth = parsedPresetWidthValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetWidth = convertedWidth;\n\t}\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tdefaultStyle,\n\t\t\t\tisSelected && styles.selectedSpacer,\n\t\t\t\t{ height: convertedHeight, width: convertedWidth },\n\t\t\t] }\n\t\t>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t{ ...presetValues }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( Spacer );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/spacer/edit.native.js"],"names":["View","useWindowDimensions","useConvertUnitToMobile","withPreferredColorScheme","InspectorControls","isValueSpacingPreset","useSetting","getCustomValueFromPreset","getPxFromCssUnit","useEffect","Controls","DEFAULT_VALUES","styles","DEFAULT_FONT_SIZE","Spacer","attributes","context","setAttributes","isSelected","getStylesFromColorScheme","height","screenHeight","width","screenWidth","cssUnitOptions","fontSize","spacingSizes","name","slug","size","orientation","defaultStyle","staticSpacer","staticDarkSpacer","convertedHeight","convertedWidth","presetValues","heightValue","parsedPresetHeightValue","parseFloat","px","presetHeight","widthValue","parsedPresetWidthValue","presetWidth","selectedSpacer"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useConvertUnitToMobile } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tisValueSpacingPreset,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetPxFromCssUnit,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls, { DEFAULT_VALUES } from './controls';\nimport styles from './editor.native.scss';\n\nconst DEFAULT_FONT_SIZE = 16;\n\nconst Spacer = ( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tisSelected,\n\tgetStylesFromColorScheme,\n} ) => {\n\tconst { height: screenHeight, width: screenWidth } = useWindowDimensions();\n\tconst cssUnitOptions = {\n\t\theight: screenHeight,\n\t\twidth: screenWidth,\n\t\tfontSize: DEFAULT_FONT_SIZE,\n\t};\n\tconst { height, width } = attributes;\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', size: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\n\t];\n\tconst { orientation } = context;\n\tconst defaultStyle = getStylesFromColorScheme(\n\t\tstyles.staticSpacer,\n\t\tstyles.staticDarkSpacer\n\t);\n\n\tuseEffect( () => {\n\t\tif ( orientation === 'horizontal' && ! width ) {\n\t\t\tsetAttributes( {\n\t\t\t\theight: '0px',\n\t\t\t\twidth: '72px',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tlet convertedHeight = useConvertUnitToMobile( height );\n\tlet convertedWidth = useConvertUnitToMobile( width );\n\tconst presetValues = {};\n\n\tif ( isValueSpacingPreset( height ) ) {\n\t\tconst heightValue = getCustomValueFromPreset( height, spacingSizes );\n\t\tconst parsedPresetHeightValue = parseFloat(\n\t\t\tgetPxFromCssUnit( heightValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedHeight = parsedPresetHeightValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetHeight = convertedHeight;\n\t}\n\n\tif ( isValueSpacingPreset( width ) ) {\n\t\tconst widthValue = getCustomValueFromPreset( width, spacingSizes );\n\t\tconst parsedPresetWidthValue = parseFloat(\n\t\t\tgetPxFromCssUnit( widthValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedWidth = parsedPresetWidthValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetWidth = convertedWidth;\n\t}\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tdefaultStyle,\n\t\t\t\tisSelected && styles.selectedSpacer,\n\t\t\t\t{ height: convertedHeight, width: convertedWidth },\n\t\t\t] }\n\t\t>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t{ ...presetValues }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( Spacer );\n"]}

package/build-module/spacer/save.js

@@ -5,17 +5,27 @@ import { createElement } from "@wordpress/element";
  */
 import { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';
 export default function save({
-  attributes: {
-    height,
-    width
-  }
+  attributes
 }) {
-  return createElement("div", useBlockProps.save({
-    style: {
-      height: getSpacingPresetCssVar(height),
-      width: getSpacingPresetCssVar(width)
-    },
-    'aria-hidden': true
-  }));
+  const {
+    height,
+    width,
+    style
+  } = attributes;
+  const {
+    layout: {
+      selfStretch
+    } = {}
+  } = style || {}; // If selfStretch is set to 'fill' or 'fit', don't set default height.
+
+  const finalHeight = selfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;
+  return createElement("div", { ...useBlockProps.save({
+      style: {
+        height: getSpacingPresetCssVar(finalHeight),
+        width: getSpacingPresetCssVar(width)
+      },
+      'aria-hidden': true
+    })
+  });
 }
 //# sourceMappingURL=save.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/spacer/save.js"],"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,sBAAxB,QAAsD,yBAAtD;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAAd,CAAf,EAAmD;AACjE,SACC,qBACML,aAAa,CAACE,IAAd,CAAoB;AACxBI,IAAAA,KAAK,EAAE;AACNF,MAAAA,MAAM,EAAEH,sBAAsB,CAAEG,MAAF,CADxB;AAENC,MAAAA,KAAK,EAAEJ,sBAAsB,CAAEI,KAAF;AAFvB,KADiB;AAKxB,mBAAe;AALS,GAApB,CADN,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/spacer/save.js"],"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","style","layout","selfStretch","finalHeight","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,sBAAxB,QAAsD,yBAAtD;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA;AAAjB,MAA2BH,UAAjC;AACA,QAAM;AAAEI,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF,QAAkB;AAA5B,MAAmCF,KAAK,IAAI,EAAlD,CAF8C,CAG9C;;AACA,QAAMG,WAAW,GAChBD,WAAW,KAAK,MAAhB,IAA0BA,WAAW,KAAK,KAA1C,GAAkDE,SAAlD,GAA8DN,MAD/D;AAEA,SACC,0BACMJ,aAAa,CAACE,IAAd,CAAoB;AACxBI,MAAAA,KAAK,EAAE;AACNF,QAAAA,MAAM,EAAEH,sBAAsB,CAAEQ,WAAF,CADxB;AAENJ,QAAAA,KAAK,EAAEJ,sBAAsB,CAAEI,KAAF;AAFvB,OADiB;AAKxB,qBAAe;AALS,KAApB;AADN,IADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { height, width, style } = attributes;\n\tconst { layout: { selfStretch } = {} } = style || {};\n\t// If selfStretch is set to 'fill' or 'fit', don't set default height.\n\tconst finalHeight =\n\t\tselfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( finalHeight ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"]}

package/build-module/spacer/save.native.js

@@ -10,12 +10,13 @@ export default function save({
     width
   }
 }) {
-  return createElement("div", useBlockProps.save({
-    style: {
-      height: getSpacingPresetCssVar(height),
-      width: getSpacingPresetCssVar(width)
-    },
-    'aria-hidden': true
-  }));
+  return createElement("div", { ...useBlockProps.save({
+      style: {
+        height: getSpacingPresetCssVar(height),
+        width: getSpacingPresetCssVar(width)
+      },
+      'aria-hidden': true
+    })
+  });
 }
 //# sourceMappingURL=save.native.js.map

package/build-module/spacer/save.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/spacer/save.native.js"],"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,sBAAxB,QAAsD,yBAAtD;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAAd,CAAf,EAAmD;AACjE,SACC,qBACML,aAAa,CAACE,IAAd,CAAoB;AACxBI,IAAAA,KAAK,EAAE;AACNF,MAAAA,MAAM,EAAEH,sBAAsB,CAAEG,MAAF,CADxB;AAENC,MAAAA,KAAK,EAAEJ,sBAAsB,CAAEI,KAAF;AAFvB,KADiB;AAKxB,mBAAe;AALS,GAApB,CADN,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/spacer/save.native.js"],"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","style"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,sBAAxB,QAAsD,yBAAtD;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV;AAAd,CAAf,EAAmD;AACjE,SACC,0BACML,aAAa,CAACE,IAAd,CAAoB;AACxBI,MAAAA,KAAK,EAAE;AACNF,QAAAA,MAAM,EAAEH,sBAAsB,CAAEG,MAAF,CADxB;AAENC,QAAAA,KAAK,EAAEJ,sBAAsB,CAAEI,KAAF;AAFvB,OADiB;AAKxB,qBAAe;AALS,KAApB;AADN,IADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"]}

package/build-module/table/deprecated.js

@@ -236,7 +236,8 @@ const v3 = {
       }))));
     };
 
-    return createElement("figure", useBlockProps.save(), createElement("table", {
+    return createElement("figure", { ...useBlockProps.save()
+    }, createElement("table", {
       className: classes === '' ? undefined : classes,
       style: { ...colorProps.style,
         ...borderProps.style
@@ -441,7 +442,8 @@ const v2 = {
       }))));
     };
 
-    return createElement("figure", useBlockProps.save(), createElement("table", {
+    return createElement("figure", { ...useBlockProps.save()
+    }, createElement("table", {
       className: classes === '' ? undefined : classes
     }, createElement(Section, {
       type: "head",