@wordpress/block-editor 14.1.0 → 14.2.1-next.1f6eadc42.0

package/build/hooks/use-bindings-attributes.js

@@ -13,6 +13,7 @@ var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _hooks = require("@wordpress/hooks");
+var _isUrlLike = _interopRequireDefault(require("../components/link-control/is-url-like"));
 var _lockUnlock = require("../lock-unlock");
 var _blockContext = _interopRequireDefault(require("../components/block-context"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -122,7 +123,7 @@ const withBlockBindingSupport = exports.withBlockBindingSupport = (0, _compose.c
         args: sourceArgs
       } = binding;
       const source = sources[sourceName];
-      if (!source?.getValues || !canBindAttribute(name, attributeName)) {
+      if (!source || !canBindAttribute(name, attributeName)) {
         continue;
       }
       blockBindingsBySource.set(source, {
@@ -143,26 +144,24 @@ const withBlockBindingSupport = exports.withBlockBindingSupport = (0, _compose.c
         }
 
         // Get values in batch if the source supports it.
-        const values = source.getValues({
-          registry,
-          context,
-          clientId,
-          bindings
-        });
+        let values = {};
+        if (!source.getValues) {
+          Object.keys(bindings).forEach(attr => {
+            // Default to the `key` or the source label when `getValues` doesn't exist
+            values[attr] = bindings[attr].args?.key || source.label;
+          });
+        } else {
+          values = source.getValues({
+            registry,
+            context,
+            clientId,
+            bindings
+          });
+        }
         for (const [attributeName, value] of Object.entries(values)) {
-          // Use placeholder when value is undefined.
-          if (value === undefined) {
-            if (attributeName === 'url') {
-              attributes[attributeName] = null;
-            } else {
-              attributes[attributeName] = source.getPlaceholder?.({
-                registry,
-                context,
-                clientId,
-                attributeName,
-                args: bindings[attributeName].args
-              });
-            }
+          if (attributeName === 'url' && (!value || !(0, _isUrlLike.default)(value))) {
+            // Return null if value is not a valid URL.
+            attributes[attributeName] = null;
           } else {
             attributes[attributeName] = value;
           }

package/build/hooks/use-bindings-attributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_compose","_data","_element","_hooks","_lockUnlock","_blockContext","_interopRequireDefault","_jsxRuntime","BLOCK_BINDINGS_ALLOWED_BLOCKS","DEFAULT_ATTRIBUTE","replacePatternOverrideDefaultBindings","blockName","bindings","source","supportedAttributes","bindingsWithDefaults","attributeName","bindingSource","canBindBlock","canBindAttribute","includes","getBindableAttributes","withBlockBindingSupport","exports","createHigherOrderComponent","BlockEdit","props","registry","useRegistry","blockContext","useContext","BlockContext","sources","useSelect","select","unlock","blocksStore","getAllBlockBindingsSources","name","clientId","hasParentPattern","context","hasPatternOverridesDefaultBinding","attributes","metadata","blockBindings","useMemo","boundAttributes","blockBindingsBySource","Map","binding","Object","entries","sourceName","args","sourceArgs","getValues","set","get","size","usesContext","length","key","values","value","undefined","getPlaceholder","setAttributes","_setAttributes","useCallback","nextAttributes","batch","keptAttributes","newValue","setValues","keys","caption","href","jsx","Fragment","children","shimAttributeSource","settings","edit","addFilter"],"sources":["@wordpress/block-editor/src/hooks/use-bindings-attributes.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useMemo, useContext } from '@wordpress/element';\nimport { addFilter } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport BlockContext from '../components/block-context';\n\n/** @typedef {import('@wordpress/compose').WPHigherOrderComponent} WPHigherOrderComponent */\n/** @typedef {import('@wordpress/blocks').WPBlockSettings} WPBlockSettings */\n\n/**\n * Given a binding of block attributes, returns a higher order component that\n * overrides its `attributes` and `setAttributes` props to sync any changes needed.\n *\n * @return {WPHigherOrderComponent} Higher-order component.\n */\n\nconst BLOCK_BINDINGS_ALLOWED_BLOCKS = {\n\t'core/paragraph': [ 'content' ],\n\t'core/heading': [ 'content' ],\n\t'core/image': [ 'id', 'url', 'title', 'alt' ],\n\t'core/button': [ 'url', 'text', 'linkTarget', 'rel' ],\n};\n\nconst DEFAULT_ATTRIBUTE = '__default';\n\n/**\n * Returns the bindings with the `__default` binding for pattern overrides\n * replaced with the full-set of supported attributes. e.g.:\n *\n * bindings passed in: `{ __default: { source: 'core/pattern-overrides' } }`\n * bindings returned: `{ content: { source: 'core/pattern-overrides' } }`\n *\n * @param {string} blockName The block name (e.g. 'core/paragraph').\n * @param {Object} bindings  A block's bindings from the metadata attribute.\n *\n * @return {Object} The bindings with default replaced for pattern overrides.\n */\nfunction replacePatternOverrideDefaultBindings( blockName, bindings ) {\n\t// The `__default` binding currently only works for pattern overrides.\n\tif (\n\t\tbindings?.[ DEFAULT_ATTRIBUTE ]?.source === 'core/pattern-overrides'\n\t) {\n\t\tconst supportedAttributes = BLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ];\n\t\tconst bindingsWithDefaults = {};\n\t\tfor ( const attributeName of supportedAttributes ) {\n\t\t\t// If the block has mixed binding sources, retain any non pattern override bindings.\n\t\t\tconst bindingSource = bindings[ attributeName ]\n\t\t\t\t? bindings[ attributeName ]\n\t\t\t\t: { source: 'core/pattern-overrides' };\n\t\t\tbindingsWithDefaults[ attributeName ] = bindingSource;\n\t\t}\n\n\t\treturn bindingsWithDefaults;\n\t}\n\n\treturn bindings;\n}\n\n/**\n * Based on the given block name,\n * check if it is possible to bind the block.\n *\n * @param {string} blockName - The block name.\n * @return {boolean} Whether it is possible to bind the block to sources.\n */\nexport function canBindBlock( blockName ) {\n\treturn blockName in BLOCK_BINDINGS_ALLOWED_BLOCKS;\n}\n\n/**\n * Based on the given block name and attribute name,\n * check if it is possible to bind the block attribute.\n *\n * @param {string} blockName     - The block name.\n * @param {string} attributeName - The attribute name.\n * @return {boolean} Whether it is possible to bind the block attribute.\n */\nexport function canBindAttribute( blockName, attributeName ) {\n\treturn (\n\t\tcanBindBlock( blockName ) &&\n\t\tBLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ].includes( attributeName )\n\t);\n}\n\nexport function getBindableAttributes( blockName ) {\n\treturn BLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ];\n}\n\nexport const withBlockBindingSupport = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst registry = useRegistry();\n\t\tconst blockContext = useContext( BlockContext );\n\t\tconst sources = useSelect( ( select ) =>\n\t\t\tunlock( select( blocksStore ) ).getAllBlockBindingsSources()\n\t\t);\n\t\tconst { name, clientId } = props;\n\t\tconst hasParentPattern = !! props.context[ 'pattern/overrides' ];\n\t\tconst hasPatternOverridesDefaultBinding =\n\t\t\tprops.attributes.metadata?.bindings?.[ DEFAULT_ATTRIBUTE ]\n\t\t\t\t?.source === 'core/pattern-overrides';\n\t\tconst blockBindings = useMemo(\n\t\t\t() =>\n\t\t\t\treplacePatternOverrideDefaultBindings(\n\t\t\t\t\tname,\n\t\t\t\t\tprops.attributes.metadata?.bindings\n\t\t\t\t),\n\t\t\t[ props.attributes.metadata?.bindings, name ]\n\t\t);\n\n\t\t// While this hook doesn't directly call any selectors, `useSelect` is\n\t\t// used purposely here to ensure `boundAttributes` is updated whenever\n\t\t// there are attribute updates.\n\t\t// `source.getValues` may also call a selector via `registry.select`.\n\t\tconst boundAttributes = useSelect( () => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst attributes = {};\n\n\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\tfor ( const [ attributeName, binding ] of Object.entries(\n\t\t\t\tblockBindings\n\t\t\t) ) {\n\t\t\t\tconst { source: sourceName, args: sourceArgs } = binding;\n\t\t\t\tconst source = sources[ sourceName ];\n\t\t\t\tif (\n\t\t\t\t\t! source?.getValues ||\n\t\t\t\t\t! canBindAttribute( name, attributeName )\n\t\t\t\t) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\targs: sourceArgs,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\tfor ( const [ source, bindings ] of blockBindingsBySource ) {\n\t\t\t\t\t// Populate context.\n\t\t\t\t\tconst context = {};\n\n\t\t\t\t\tif ( source.usesContext?.length ) {\n\t\t\t\t\t\tfor ( const key of source.usesContext ) {\n\t\t\t\t\t\t\tcontext[ key ] = blockContext[ key ];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Get values in batch if the source supports it.\n\t\t\t\t\tconst values = source.getValues( {\n\t\t\t\t\t\tregistry,\n\t\t\t\t\t\tcontext,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tbindings,\n\t\t\t\t\t} );\n\t\t\t\t\tfor ( const [ attributeName, value ] of Object.entries(\n\t\t\t\t\t\tvalues\n\t\t\t\t\t) ) {\n\t\t\t\t\t\t// Use placeholder when value is undefined.\n\t\t\t\t\t\tif ( value === undefined ) {\n\t\t\t\t\t\t\tif ( attributeName === 'url' ) {\n\t\t\t\t\t\t\t\tattributes[ attributeName ] = null;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tattributes[ attributeName ] =\n\t\t\t\t\t\t\t\t\tsource.getPlaceholder?.( {\n\t\t\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t\t\tattributeName,\n\t\t\t\t\t\t\t\t\t\targs: bindings[ attributeName ].args,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tattributes[ attributeName ] = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn attributes;\n\t\t}, [ blockBindings, name, clientId, blockContext, registry, sources ] );\n\n\t\tconst { setAttributes } = props;\n\n\t\tconst _setAttributes = useCallback(\n\t\t\t( nextAttributes ) => {\n\t\t\t\tregistry.batch( () => {\n\t\t\t\t\tif ( ! blockBindings ) {\n\t\t\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst keptAttributes = { ...nextAttributes };\n\t\t\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\t\t\t// Loop only over the updated attributes to avoid modifying the bound ones that haven't changed.\n\t\t\t\t\tfor ( const [ attributeName, newValue ] of Object.entries(\n\t\t\t\t\t\tkeptAttributes\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t! blockBindings[ attributeName ] ||\n\t\t\t\t\t\t\t! canBindAttribute( name, attributeName )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst binding = blockBindings[ attributeName ];\n\t\t\t\t\t\tconst source = sources[ binding?.source ];\n\t\t\t\t\t\tif ( ! source?.setValues ) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\t\t\targs: binding.args,\n\t\t\t\t\t\t\t\tnewValue,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tdelete keptAttributes[ attributeName ];\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\t\t\tfor ( const [\n\t\t\t\t\t\t\tsource,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t] of blockBindingsBySource ) {\n\t\t\t\t\t\t\t// Populate context.\n\t\t\t\t\t\t\tconst context = {};\n\n\t\t\t\t\t\t\tif ( source.usesContext?.length ) {\n\t\t\t\t\t\t\t\tfor ( const key of source.usesContext ) {\n\t\t\t\t\t\t\t\t\tcontext[ key ] = blockContext[ key ];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsource.setValues( {\n\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t// Don't update non-connected attributes if the block is using pattern overrides\n\t\t\t\t\t\t// and the editing is happening while overriding the pattern (not editing the original).\n\t\t\t\t\t\t! (\n\t\t\t\t\t\t\thasPatternOverridesDefaultBinding &&\n\t\t\t\t\t\t\thasParentPattern\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tObject.keys( keptAttributes ).length\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Don't update caption and href until they are supported.\n\t\t\t\t\t\tif ( hasPatternOverridesDefaultBinding ) {\n\t\t\t\t\t\t\tdelete keptAttributes?.caption;\n\t\t\t\t\t\t\tdelete keptAttributes?.href;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetAttributes( keptAttributes );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t},\n\t\t\t[\n\t\t\t\tregistry,\n\t\t\t\tblockBindings,\n\t\t\t\tname,\n\t\t\t\tclientId,\n\t\t\t\tblockContext,\n\t\t\t\tsetAttributes,\n\t\t\t\tsources,\n\t\t\t\thasPatternOverridesDefaultBinding,\n\t\t\t\thasParentPattern,\n\t\t\t]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tattributes={ { ...props.attributes, ...boundAttributes } }\n\t\t\t\t\tsetAttributes={ _setAttributes }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n\t'withBlockBindingSupport'\n);\n\n/**\n * Filters a registered block's settings to enhance a block's `edit` component\n * to upgrade bound attributes.\n *\n * @param {WPBlockSettings} settings - Registered block settings.\n * @param {string}          name     - Block name.\n * @return {WPBlockSettings} Filtered block settings.\n */\nfunction shimAttributeSource( settings, name ) {\n\tif ( ! canBindBlock( name ) ) {\n\t\treturn settings;\n\t}\n\n\treturn {\n\t\t...settings,\n\t\tedit: withBlockBindingSupport( settings.edit ),\n\t};\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/editor/custom-sources-backwards-compatibility/shim-attribute-source',\n\tshimAttributeSource\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_compose","_data","_element","_hooks","_isUrlLike","_interopRequireDefault","_lockUnlock","_blockContext","_jsxRuntime","BLOCK_BINDINGS_ALLOWED_BLOCKS","DEFAULT_ATTRIBUTE","replacePatternOverrideDefaultBindings","blockName","bindings","source","supportedAttributes","bindingsWithDefaults","attributeName","bindingSource","canBindBlock","canBindAttribute","includes","getBindableAttributes","withBlockBindingSupport","exports","createHigherOrderComponent","BlockEdit","props","registry","useRegistry","blockContext","useContext","BlockContext","sources","useSelect","select","unlock","blocksStore","getAllBlockBindingsSources","name","clientId","hasParentPattern","context","hasPatternOverridesDefaultBinding","attributes","metadata","blockBindings","useMemo","boundAttributes","blockBindingsBySource","Map","binding","Object","entries","sourceName","args","sourceArgs","set","get","size","usesContext","length","key","values","getValues","keys","forEach","attr","label","value","isURLLike","setAttributes","_setAttributes","useCallback","nextAttributes","batch","keptAttributes","newValue","setValues","caption","href","jsx","Fragment","children","shimAttributeSource","settings","edit","addFilter"],"sources":["@wordpress/block-editor/src/hooks/use-bindings-attributes.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { useCallback, useMemo, useContext } from '@wordpress/element';\nimport { addFilter } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport isURLLike from '../components/link-control/is-url-like';\nimport { unlock } from '../lock-unlock';\nimport BlockContext from '../components/block-context';\n\n/** @typedef {import('@wordpress/compose').WPHigherOrderComponent} WPHigherOrderComponent */\n/** @typedef {import('@wordpress/blocks').WPBlockSettings} WPBlockSettings */\n\n/**\n * Given a binding of block attributes, returns a higher order component that\n * overrides its `attributes` and `setAttributes` props to sync any changes needed.\n *\n * @return {WPHigherOrderComponent} Higher-order component.\n */\n\nconst BLOCK_BINDINGS_ALLOWED_BLOCKS = {\n\t'core/paragraph': [ 'content' ],\n\t'core/heading': [ 'content' ],\n\t'core/image': [ 'id', 'url', 'title', 'alt' ],\n\t'core/button': [ 'url', 'text', 'linkTarget', 'rel' ],\n};\n\nconst DEFAULT_ATTRIBUTE = '__default';\n\n/**\n * Returns the bindings with the `__default` binding for pattern overrides\n * replaced with the full-set of supported attributes. e.g.:\n *\n * bindings passed in: `{ __default: { source: 'core/pattern-overrides' } }`\n * bindings returned: `{ content: { source: 'core/pattern-overrides' } }`\n *\n * @param {string} blockName The block name (e.g. 'core/paragraph').\n * @param {Object} bindings  A block's bindings from the metadata attribute.\n *\n * @return {Object} The bindings with default replaced for pattern overrides.\n */\nfunction replacePatternOverrideDefaultBindings( blockName, bindings ) {\n\t// The `__default` binding currently only works for pattern overrides.\n\tif (\n\t\tbindings?.[ DEFAULT_ATTRIBUTE ]?.source === 'core/pattern-overrides'\n\t) {\n\t\tconst supportedAttributes = BLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ];\n\t\tconst bindingsWithDefaults = {};\n\t\tfor ( const attributeName of supportedAttributes ) {\n\t\t\t// If the block has mixed binding sources, retain any non pattern override bindings.\n\t\t\tconst bindingSource = bindings[ attributeName ]\n\t\t\t\t? bindings[ attributeName ]\n\t\t\t\t: { source: 'core/pattern-overrides' };\n\t\t\tbindingsWithDefaults[ attributeName ] = bindingSource;\n\t\t}\n\n\t\treturn bindingsWithDefaults;\n\t}\n\n\treturn bindings;\n}\n\n/**\n * Based on the given block name,\n * check if it is possible to bind the block.\n *\n * @param {string} blockName - The block name.\n * @return {boolean} Whether it is possible to bind the block to sources.\n */\nexport function canBindBlock( blockName ) {\n\treturn blockName in BLOCK_BINDINGS_ALLOWED_BLOCKS;\n}\n\n/**\n * Based on the given block name and attribute name,\n * check if it is possible to bind the block attribute.\n *\n * @param {string} blockName     - The block name.\n * @param {string} attributeName - The attribute name.\n * @return {boolean} Whether it is possible to bind the block attribute.\n */\nexport function canBindAttribute( blockName, attributeName ) {\n\treturn (\n\t\tcanBindBlock( blockName ) &&\n\t\tBLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ].includes( attributeName )\n\t);\n}\n\nexport function getBindableAttributes( blockName ) {\n\treturn BLOCK_BINDINGS_ALLOWED_BLOCKS[ blockName ];\n}\n\nexport const withBlockBindingSupport = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst registry = useRegistry();\n\t\tconst blockContext = useContext( BlockContext );\n\t\tconst sources = useSelect( ( select ) =>\n\t\t\tunlock( select( blocksStore ) ).getAllBlockBindingsSources()\n\t\t);\n\t\tconst { name, clientId } = props;\n\t\tconst hasParentPattern = !! props.context[ 'pattern/overrides' ];\n\t\tconst hasPatternOverridesDefaultBinding =\n\t\t\tprops.attributes.metadata?.bindings?.[ DEFAULT_ATTRIBUTE ]\n\t\t\t\t?.source === 'core/pattern-overrides';\n\t\tconst blockBindings = useMemo(\n\t\t\t() =>\n\t\t\t\treplacePatternOverrideDefaultBindings(\n\t\t\t\t\tname,\n\t\t\t\t\tprops.attributes.metadata?.bindings\n\t\t\t\t),\n\t\t\t[ props.attributes.metadata?.bindings, name ]\n\t\t);\n\n\t\t// While this hook doesn't directly call any selectors, `useSelect` is\n\t\t// used purposely here to ensure `boundAttributes` is updated whenever\n\t\t// there are attribute updates.\n\t\t// `source.getValues` may also call a selector via `registry.select`.\n\t\tconst boundAttributes = useSelect( () => {\n\t\t\tif ( ! blockBindings ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst attributes = {};\n\n\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\tfor ( const [ attributeName, binding ] of Object.entries(\n\t\t\t\tblockBindings\n\t\t\t) ) {\n\t\t\t\tconst { source: sourceName, args: sourceArgs } = binding;\n\t\t\t\tconst source = sources[ sourceName ];\n\t\t\t\tif ( ! source || ! canBindAttribute( name, attributeName ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\targs: sourceArgs,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\tfor ( const [ source, bindings ] of blockBindingsBySource ) {\n\t\t\t\t\t// Populate context.\n\t\t\t\t\tconst context = {};\n\n\t\t\t\t\tif ( source.usesContext?.length ) {\n\t\t\t\t\t\tfor ( const key of source.usesContext ) {\n\t\t\t\t\t\t\tcontext[ key ] = blockContext[ key ];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Get values in batch if the source supports it.\n\t\t\t\t\tlet values = {};\n\t\t\t\t\tif ( ! source.getValues ) {\n\t\t\t\t\t\tObject.keys( bindings ).forEach( ( attr ) => {\n\t\t\t\t\t\t\t// Default to the `key` or the source label when `getValues` doesn't exist\n\t\t\t\t\t\t\tvalues[ attr ] =\n\t\t\t\t\t\t\t\tbindings[ attr ].args?.key || source.label;\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalues = source.getValues( {\n\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tfor ( const [ attributeName, value ] of Object.entries(\n\t\t\t\t\t\tvalues\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tattributeName === 'url' &&\n\t\t\t\t\t\t\t( ! value || ! isURLLike( value ) )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Return null if value is not a valid URL.\n\t\t\t\t\t\t\tattributes[ attributeName ] = null;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tattributes[ attributeName ] = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn attributes;\n\t\t}, [ blockBindings, name, clientId, blockContext, registry, sources ] );\n\n\t\tconst { setAttributes } = props;\n\n\t\tconst _setAttributes = useCallback(\n\t\t\t( nextAttributes ) => {\n\t\t\t\tregistry.batch( () => {\n\t\t\t\t\tif ( ! blockBindings ) {\n\t\t\t\t\t\tsetAttributes( nextAttributes );\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst keptAttributes = { ...nextAttributes };\n\t\t\t\t\tconst blockBindingsBySource = new Map();\n\n\t\t\t\t\t// Loop only over the updated attributes to avoid modifying the bound ones that haven't changed.\n\t\t\t\t\tfor ( const [ attributeName, newValue ] of Object.entries(\n\t\t\t\t\t\tkeptAttributes\n\t\t\t\t\t) ) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t! blockBindings[ attributeName ] ||\n\t\t\t\t\t\t\t! canBindAttribute( name, attributeName )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst binding = blockBindings[ attributeName ];\n\t\t\t\t\t\tconst source = sources[ binding?.source ];\n\t\t\t\t\t\tif ( ! source?.setValues ) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblockBindingsBySource.set( source, {\n\t\t\t\t\t\t\t...blockBindingsBySource.get( source ),\n\t\t\t\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t\t\t\targs: binding.args,\n\t\t\t\t\t\t\t\tnewValue,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tdelete keptAttributes[ attributeName ];\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( blockBindingsBySource.size ) {\n\t\t\t\t\t\tfor ( const [\n\t\t\t\t\t\t\tsource,\n\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t] of blockBindingsBySource ) {\n\t\t\t\t\t\t\t// Populate context.\n\t\t\t\t\t\t\tconst context = {};\n\n\t\t\t\t\t\t\tif ( source.usesContext?.length ) {\n\t\t\t\t\t\t\t\tfor ( const key of source.usesContext ) {\n\t\t\t\t\t\t\t\t\tcontext[ key ] = blockContext[ key ];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsource.setValues( {\n\t\t\t\t\t\t\t\tregistry,\n\t\t\t\t\t\t\t\tcontext,\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\tbindings,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t// Don't update non-connected attributes if the block is using pattern overrides\n\t\t\t\t\t\t// and the editing is happening while overriding the pattern (not editing the original).\n\t\t\t\t\t\t! (\n\t\t\t\t\t\t\thasPatternOverridesDefaultBinding &&\n\t\t\t\t\t\t\thasParentPattern\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tObject.keys( keptAttributes ).length\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Don't update caption and href until they are supported.\n\t\t\t\t\t\tif ( hasPatternOverridesDefaultBinding ) {\n\t\t\t\t\t\t\tdelete keptAttributes?.caption;\n\t\t\t\t\t\t\tdelete keptAttributes?.href;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetAttributes( keptAttributes );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t},\n\t\t\t[\n\t\t\t\tregistry,\n\t\t\t\tblockBindings,\n\t\t\t\tname,\n\t\t\t\tclientId,\n\t\t\t\tblockContext,\n\t\t\t\tsetAttributes,\n\t\t\t\tsources,\n\t\t\t\thasPatternOverridesDefaultBinding,\n\t\t\t\thasParentPattern,\n\t\t\t]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tattributes={ { ...props.attributes, ...boundAttributes } }\n\t\t\t\t\tsetAttributes={ _setAttributes }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n\t'withBlockBindingSupport'\n);\n\n/**\n * Filters a registered block's settings to enhance a block's `edit` component\n * to upgrade bound attributes.\n *\n * @param {WPBlockSettings} settings - Registered block settings.\n * @param {string}          name     - Block name.\n * @return {WPBlockSettings} Filtered block settings.\n */\nfunction shimAttributeSource( settings, name ) {\n\tif ( ! canBindBlock( name ) ) {\n\t\treturn settings;\n\t}\n\n\treturn {\n\t\t...settings,\n\t\tedit: withBlockBindingSupport( settings.edit ),\n\t};\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/editor/custom-sources-backwards-compatibility/shim-attribute-source',\n\tshimAttributeSource\n);\n"],"mappings":"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","ignoreList":[]}

package/build/hooks/use-zoom-out.js

@@ -27,17 +27,17 @@ function useZoomOut(zoomOut = true) {
   const {
     __unstableGetEditorMode
   } = (0, _data.useSelect)(_store.store);
-  const originalEditingMode = (0, _element.useRef)(null);
+  const originalEditingModeRef = (0, _element.useRef)(null);
   const mode = __unstableGetEditorMode();
   (0, _element.useEffect)(() => {
     // Only set this on mount so we know what to return to when we unmount.
-    if (!originalEditingMode.current) {
-      originalEditingMode.current = mode;
+    if (!originalEditingModeRef.current) {
+      originalEditingModeRef.current = mode;
     }
     return () => {
       // We need to use  __unstableGetEditorMode() here and not `mode`, as mode may not update on unmount
-      if (__unstableGetEditorMode() === 'zoom-out' && __unstableGetEditorMode() !== originalEditingMode.current) {
-        __unstableSetEditorMode(originalEditingMode.current);
+      if (__unstableGetEditorMode() === 'zoom-out' && __unstableGetEditorMode() !== originalEditingModeRef.current) {
+        __unstableSetEditorMode(originalEditingModeRef.current);
       }
     };
   }, []);
@@ -46,8 +46,8 @@ function useZoomOut(zoomOut = true) {
   (0, _element.useEffect)(() => {
     if (zoomOut && mode !== 'zoom-out') {
       __unstableSetEditorMode('zoom-out');
-    } else if (!zoomOut && __unstableGetEditorMode() === 'zoom-out' && originalEditingMode.current !== mode) {
-      __unstableSetEditorMode(originalEditingMode.current);
+    } else if (!zoomOut && __unstableGetEditorMode() === 'zoom-out' && originalEditingModeRef.current !== mode) {
+      __unstableSetEditorMode(originalEditingModeRef.current);
     }
   }, [__unstableGetEditorMode, __unstableSetEditorMode, zoomOut]); // Mode is deliberately excluded from the dependencies so that the effect does not run when mode changes.
 }

package/build/hooks/use-zoom-out.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_store","useZoomOut","zoomOut","__unstableSetEditorMode","useDispatch","blockEditorStore","__unstableGetEditorMode","useSelect","originalEditingMode","useRef","mode","useEffect","current"],"sources":["@wordpress/block-editor/src/hooks/use-zoom-out.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\n/**\n * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.\n *\n * @param {boolean} zoomOut If we should enter into zoomOut mode or not\n */\nexport function useZoomOut( zoomOut = true ) {\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst { __unstableGetEditorMode } = useSelect( blockEditorStore );\n\n\tconst originalEditingMode = useRef( null );\n\tconst mode = __unstableGetEditorMode();\n\n\tuseEffect( () => {\n\t\t// Only set this on mount so we know what to return to when we unmount.\n\t\tif ( ! originalEditingMode.current ) {\n\t\t\toriginalEditingMode.current = mode;\n\t\t}\n\n\t\treturn () => {\n\t\t\t// We need to use  __unstableGetEditorMode() here and not `mode`, as mode may not update on unmount\n\t\t\tif (\n\t\t\t\t__unstableGetEditorMode() === 'zoom-out' &&\n\t\t\t\t__unstableGetEditorMode() !== originalEditingMode.current\n\t\t\t) {\n\t\t\t\t__unstableSetEditorMode( originalEditingMode.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\t// The effect opens the zoom-out view if we want it open and it's not currently in zoom-out mode.\n\tuseEffect( () => {\n\t\tif ( zoomOut && mode !== 'zoom-out' ) {\n\t\t\t__unstableSetEditorMode( 'zoom-out' );\n\t\t} else if (\n\t\t\t! zoomOut &&\n\t\t\t__unstableGetEditorMode() === 'zoom-out' &&\n\t\t\toriginalEditingMode.current !== mode\n\t\t) {\n\t\t\t__unstableSetEditorMode( originalEditingMode.current );\n\t\t}\n\t}, [ __unstableGetEditorMode, __unstableSetEditorMode, zoomOut ] ); // Mode is deliberately excluded from the dependencies so that the effect does not run when mode changes.\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASG,UAAUA,CAAEC,OAAO,GAAG,IAAI,EAAG;EAC5C,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACnE,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,eAAS,EAAEF,YAAiB,CAAC;EAEjE,MAAMG,mBAAmB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC1C,MAAMC,IAAI,GAAGJ,uBAAuB,CAAC,CAAC;EAEtC,IAAAK,kBAAS,EAAE,MAAM;IAChB;IACA,IAAK,CAAEH,mBAAmB,CAACI,OAAO,EAAG;MACpCJ,mBAAmB,CAACI,OAAO,GAAGF,IAAI;IACnC;IAEA,OAAO,MAAM;MACZ;MACA,IACCJ,uBAAuB,CAAC,CAAC,KAAK,UAAU,IACxCA,uBAAuB,CAAC,CAAC,KAAKE,mBAAmB,CAACI,OAAO,EACxD;QACDT,uBAAuB,CAAEK,mBAAmB,CAACI,OAAQ,CAAC;MACvD;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,IAAAD,kBAAS,EAAE,MAAM;IAChB,IAAKT,OAAO,IAAIQ,IAAI,KAAK,UAAU,EAAG;MACrCP,uBAAuB,CAAE,UAAW,CAAC;IACtC,CAAC,MAAM,IACN,CAAED,OAAO,IACTI,uBAAuB,CAAC,CAAC,KAAK,UAAU,IACxCE,mBAAmB,CAACI,OAAO,KAAKF,IAAI,EACnC;MACDP,uBAAuB,CAAEK,mBAAmB,CAACI,OAAQ,CAAC;IACvD;EACD,CAAC,EAAE,CAAEN,uBAAuB,EAAEH,uBAAuB,EAAED,OAAO,CAAG,CAAC,CAAC,CAAC;AACrE","ignoreList":[]}
+{"version":3,"names":["_data","require","_element","_store","useZoomOut","zoomOut","__unstableSetEditorMode","useDispatch","blockEditorStore","__unstableGetEditorMode","useSelect","originalEditingModeRef","useRef","mode","useEffect","current"],"sources":["@wordpress/block-editor/src/hooks/use-zoom-out.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\n/**\n * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.\n *\n * @param {boolean} zoomOut If we should enter into zoomOut mode or not\n */\nexport function useZoomOut( zoomOut = true ) {\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst { __unstableGetEditorMode } = useSelect( blockEditorStore );\n\n\tconst originalEditingModeRef = useRef( null );\n\tconst mode = __unstableGetEditorMode();\n\n\tuseEffect( () => {\n\t\t// Only set this on mount so we know what to return to when we unmount.\n\t\tif ( ! originalEditingModeRef.current ) {\n\t\t\toriginalEditingModeRef.current = mode;\n\t\t}\n\n\t\treturn () => {\n\t\t\t// We need to use  __unstableGetEditorMode() here and not `mode`, as mode may not update on unmount\n\t\t\tif (\n\t\t\t\t__unstableGetEditorMode() === 'zoom-out' &&\n\t\t\t\t__unstableGetEditorMode() !== originalEditingModeRef.current\n\t\t\t) {\n\t\t\t\t__unstableSetEditorMode( originalEditingModeRef.current );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\t// The effect opens the zoom-out view if we want it open and it's not currently in zoom-out mode.\n\tuseEffect( () => {\n\t\tif ( zoomOut && mode !== 'zoom-out' ) {\n\t\t\t__unstableSetEditorMode( 'zoom-out' );\n\t\t} else if (\n\t\t\t! zoomOut &&\n\t\t\t__unstableGetEditorMode() === 'zoom-out' &&\n\t\t\toriginalEditingModeRef.current !== mode\n\t\t) {\n\t\t\t__unstableSetEditorMode( originalEditingModeRef.current );\n\t\t}\n\t}, [ __unstableGetEditorMode, __unstableSetEditorMode, zoomOut ] ); // Mode is deliberately excluded from the dependencies so that the effect does not run when mode changes.\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASG,UAAUA,CAAEC,OAAO,GAAG,IAAI,EAAG;EAC5C,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACnE,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,eAAS,EAAEF,YAAiB,CAAC;EAEjE,MAAMG,sBAAsB,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAC7C,MAAMC,IAAI,GAAGJ,uBAAuB,CAAC,CAAC;EAEtC,IAAAK,kBAAS,EAAE,MAAM;IAChB;IACA,IAAK,CAAEH,sBAAsB,CAACI,OAAO,EAAG;MACvCJ,sBAAsB,CAACI,OAAO,GAAGF,IAAI;IACtC;IAEA,OAAO,MAAM;MACZ;MACA,IACCJ,uBAAuB,CAAC,CAAC,KAAK,UAAU,IACxCA,uBAAuB,CAAC,CAAC,KAAKE,sBAAsB,CAACI,OAAO,EAC3D;QACDT,uBAAuB,CAAEK,sBAAsB,CAACI,OAAQ,CAAC;MAC1D;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,IAAAD,kBAAS,EAAE,MAAM;IAChB,IAAKT,OAAO,IAAIQ,IAAI,KAAK,UAAU,EAAG;MACrCP,uBAAuB,CAAE,UAAW,CAAC;IACtC,CAAC,MAAM,IACN,CAAED,OAAO,IACTI,uBAAuB,CAAC,CAAC,KAAK,UAAU,IACxCE,sBAAsB,CAACI,OAAO,KAAKF,IAAI,EACtC;MACDP,uBAAuB,CAAEK,sBAAsB,CAACI,OAAQ,CAAC;IAC1D;EACD,CAAC,EAAE,CAAEN,uBAAuB,EAAEH,uBAAuB,EAAED,OAAO,CAAG,CAAC,CAAC,CAAC;AACrE","ignoreList":[]}

package/build/layouts/constrained.js

@@ -61,51 +61,50 @@ var _default = exports.default = {
     const units = (0, _components.__experimentalUseCustomUnits)({
       availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 4,
+      className: "block-editor-hooks__layout-constrained",
       children: [allowCustomContentAndWideSize && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "block-editor-hooks__layout-controls",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "block-editor-hooks__layout-controls-unit",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-              className: "block-editor-hooks__layout-controls-unit-input",
-              label: (0, _i18n.__)('Content'),
-              labelPosition: "top",
-              __unstableInputWidth: "80px",
-              value: contentSize || wideSize || '',
-              onChange: nextWidth => {
-                nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
-                onChange({
-                  ...layout,
-                  contentSize: nextWidth
-                });
-              },
-              units: units
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-              icon: _icons.positionCenter
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "block-editor-hooks__layout-controls-unit",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
-              className: "block-editor-hooks__layout-controls-unit-input",
-              label: (0, _i18n.__)('Wide'),
-              labelPosition: "top",
-              __unstableInputWidth: "80px",
-              value: wideSize || contentSize || '',
-              onChange: nextWidth => {
-                nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
-                onChange({
-                  ...layout,
-                  wideSize: nextWidth
-                });
-              },
-              units: units
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+          __next40pxDefaultSize: true,
+          label: (0, _i18n.__)('Content width'),
+          labelPosition: "top",
+          value: contentSize || wideSize || '',
+          onChange: nextWidth => {
+            nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
+            onChange({
+              ...layout,
+              contentSize: nextWidth
+            });
+          },
+          units: units,
+          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
+            variant: "icon",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+              icon: _icons.alignNone
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+          __next40pxDefaultSize: true,
+          label: (0, _i18n.__)('Wide width'),
+          labelPosition: "top",
+          value: wideSize || contentSize || '',
+          onChange: nextWidth => {
+            nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
+            onChange({
+              ...layout,
+              wideSize: nextWidth
+            });
+          },
+          units: units,
+          prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControlPrefixWrapper, {
+            variant: "icon",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
               icon: _icons.stretchWide
-            })]
-          })]
+            })
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "block-editor-hooks__layout-controls-helptext",
+          className: "block-editor-hooks__layout-constrained-helptext",
           children: (0, _i18n.__)('Customize the width for all elements that are assigned to the center or wide columns.')
         })]
       }), allowJustification && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControl, {

package/build/layouts/constrained.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_styleEngine","_useSettings","_utils","_gap","_components2","_utils2","_definitions","_jsxRuntime","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","layout","onChange","layoutBlockSupport","wideSize","contentSize","justifyContent","allowJustification","allowCustomContentAndWideSize","onJustificationChange","value","justificationOptions","icon","justifyLeft","justifyCenter","justifyRight","availableUnits","useSettings","units","useCustomUnits","jsxs","Fragment","children","className","jsx","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextWidth","parseFloat","Icon","positionCenter","stretchWide","__experimentalToggleGroupControl","__next40pxDefaultSize","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOptionIcon","toolBarControls","DefaultLayoutToolbarControls","BlockControls","group","__experimentalShareWithChildBlocks","DefaultLayoutJustifyContentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","marginLeft","marginRight","output","appendSelectors","padding","paddingValues","getCSSRules","forEach","rule","key","paddingRightValue","paddingLeftValue","getBlockGapCSS","getOrientation","getAlignments","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","alignment","info","wide","none","POPOVER_PROPS","placement","allowedControls","JustifyContentControl","popoverProps"],"sources":["@wordpress/block-editor/src/layouts/constrained.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tpositionCenter,\n\tstretchWide,\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n} from '@wordpress/icons';\nimport { getCSSRules } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../components/use-settings';\nimport { appendSelectors, getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { BlockControls, JustifyContentControl } from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'constrained',\n\tlabel: __( 'Constrained' ),\n\tinspectorControls: function DefaultLayoutInspectorControls( {\n\t\tlayout,\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { wideSize, contentSize, justifyContent = 'center' } = layout;\n\t\tconst {\n\t\t\tallowJustification = true,\n\t\t\tallowCustomContentAndWideSize = true,\n\t\t} = layoutBlockSupport;\n\t\tconst onJustificationChange = ( value ) => {\n\t\t\tonChange( {\n\t\t\t\t...layout,\n\t\t\t\tjustifyContent: value,\n\t\t\t} );\n\t\t};\n\t\tconst justificationOptions = [\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\ticon: justifyLeft,\n\t\t\t\tlabel: __( 'Justify items left' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'center',\n\t\t\t\ticon: justifyCenter,\n\t\t\t\tlabel: __( 'Justify items center' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\ticon: justifyRight,\n\t\t\t\tlabel: __( 'Justify items right' ),\n\t\t\t},\n\t\t];\n\t\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\t\tconst units = useCustomUnits( {\n\t\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\t} );\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ allowCustomContentAndWideSize && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls\">\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Content' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ contentSize || wideSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\tcontentSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ positionCenter } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"block-editor-hooks__layout-controls-unit\">\n\t\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-hooks__layout-controls-unit-input\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Wide' ) }\n\t\t\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\t\t\tvalue={ wideSize || contentSize || '' }\n\t\t\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\twideSize: nextWidth,\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\tunits={ units }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p className=\"block-editor-hooks__layout-controls-helptext\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the width for all elements that are assigned to the center or wide columns.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ allowJustification && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Justification' ) }\n\t\t\t\t\t\tvalue={ justifyContent }\n\t\t\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ justificationOptions.map(\n\t\t\t\t\t\t\t( { value, icon, label } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\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</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tconst { allowJustification = true } = layoutBlockSupport;\n\n\t\tif ( ! allowJustification ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<DefaultLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout = {},\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { contentSize, wideSize, justifyContent } = layout;\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tconst marginLeft =\n\t\t\tjustifyContent === 'left' ? '0 !important' : 'auto !important';\n\t\tconst marginRight =\n\t\t\tjustifyContent === 'right' ? '0 !important' : 'auto !important';\n\n\t\tlet output =\n\t\t\t!! contentSize || !! wideSize\n\t\t\t\t? `\n\t\t\t\t\t${ appendSelectors(\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t\t\t) } {\n\t\t\t\t\t\tmax-width: ${ contentSize ?? wideSize };\n\t\t\t\t\t\tmargin-left: ${ marginLeft };\n\t\t\t\t\t\tmargin-right: ${ marginRight };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignwide' ) }  {\n\t\t\t\t\t\tmax-width: ${ wideSize ?? contentSize };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`\n\t\t\t\t: '';\n\n\t\tif ( justifyContent === 'left' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-left: ${ marginLeft }; }`;\n\t\t} else if ( justifyContent === 'right' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-right: ${ marginRight }; }`;\n\t\t}\n\n\t\t// If there is custom padding, add negative margins for alignfull blocks.\n\t\tif ( style?.spacing?.padding ) {\n\t\t\t// The style object might be storing a preset so we need to make sure we get a usable value.\n\t\t\tconst paddingValues = getCSSRules( style );\n\t\t\tpaddingValues.forEach( ( rule ) => {\n\t\t\t\tif ( rule.key === 'paddingRight' ) {\n\t\t\t\t\t// Add unit if 0, to avoid calc(0 * -1) which is invalid.\n\t\t\t\t\tconst paddingRightValue =\n\t\t\t\t\t\trule.value === '0' ? '0px' : rule.value;\n\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-right: calc(${ paddingRightValue } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t} else if ( rule.key === 'paddingLeft' ) {\n\t\t\t\t\t// Add unit if 0, to avoid calc(0 * -1) which is invalid.\n\t\t\t\t\tconst paddingLeftValue =\n\t\t\t\t\t\trule.value === '0' ? '0px' : rule.value;\n\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-left: calc(${ paddingLeftValue } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'constrained',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\t\tconst { contentSize, wideSize } = layout;\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\tif ( contentSize ) {\n\t\t\talignments.unshift( { name: 'full' } );\n\t\t}\n\n\t\tif ( wideSize ) {\n\t\t\talignments.unshift( { name: 'wide', info: alignmentInfo.wide } );\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction DefaultLayoutJustifyContentControl( { layout, onChange } ) {\n\tconst { justifyContent = 'center' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\n\treturn (\n\t\t<JustifyContentControl\n\t\t\tallowedControls={ allowedControls }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_styleEngine","_useSettings","_utils","_gap","_components2","_utils2","_definitions","_jsxRuntime","_default","exports","default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","layout","onChange","layoutBlockSupport","wideSize","contentSize","justifyContent","allowJustification","allowCustomContentAndWideSize","onJustificationChange","value","justificationOptions","icon","justifyLeft","justifyCenter","justifyRight","availableUnits","useSettings","units","useCustomUnits","jsxs","__experimentalVStack","spacing","className","children","Fragment","jsx","__experimentalUnitControl","__next40pxDefaultSize","labelPosition","nextWidth","parseFloat","prefix","__experimentalInputControlPrefixWrapper","variant","Icon","alignNone","stretchWide","__experimentalToggleGroupControl","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOptionIcon","toolBarControls","DefaultLayoutToolbarControls","BlockControls","group","__experimentalShareWithChildBlocks","DefaultLayoutJustifyContentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","blockGap","blockGapValue","shouldSkipSerialization","top","marginLeft","marginRight","output","appendSelectors","padding","paddingValues","getCSSRules","forEach","rule","key","paddingRightValue","paddingLeftValue","getBlockGapCSS","getOrientation","getAlignments","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","alignment","info","wide","none","POPOVER_PROPS","placement","allowedControls","JustifyContentControl","popoverProps"],"sources":["@wordpress/block-editor/src/layouts/constrained.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\talignNone,\n\tstretchWide,\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n} from '@wordpress/icons';\nimport { getCSSRules } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../components/use-settings';\nimport { appendSelectors, getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { BlockControls, JustifyContentControl } from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'constrained',\n\tlabel: __( 'Constrained' ),\n\tinspectorControls: function DefaultLayoutInspectorControls( {\n\t\tlayout,\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { wideSize, contentSize, justifyContent = 'center' } = layout;\n\t\tconst {\n\t\t\tallowJustification = true,\n\t\t\tallowCustomContentAndWideSize = true,\n\t\t} = layoutBlockSupport;\n\t\tconst onJustificationChange = ( value ) => {\n\t\t\tonChange( {\n\t\t\t\t...layout,\n\t\t\t\tjustifyContent: value,\n\t\t\t} );\n\t\t};\n\t\tconst justificationOptions = [\n\t\t\t{\n\t\t\t\tvalue: 'left',\n\t\t\t\ticon: justifyLeft,\n\t\t\t\tlabel: __( 'Justify items left' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'center',\n\t\t\t\ticon: justifyCenter,\n\t\t\t\tlabel: __( 'Justify items center' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tvalue: 'right',\n\t\t\t\ticon: justifyRight,\n\t\t\t\tlabel: __( 'Justify items right' ),\n\t\t\t},\n\t\t];\n\t\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\t\tconst units = useCustomUnits( {\n\t\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t\t} );\n\t\treturn (\n\t\t\t<VStack\n\t\t\t\tspacing={ 4 }\n\t\t\t\tclassName=\"block-editor-hooks__layout-constrained\"\n\t\t\t>\n\t\t\t\t{ allowCustomContentAndWideSize && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Content width' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\tvalue={ contentSize || wideSize || '' }\n\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcontentSize: nextWidth,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t\t\t\t\t<Icon icon={ alignNone } />\n\t\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Wide width' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\tvalue={ wideSize || contentSize || '' }\n\t\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth )\n\t\t\t\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t\t\t\t: nextWidth;\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\twideSize: nextWidth,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<p className=\"block-editor-hooks__layout-constrained-helptext\">\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Customize the width for all elements that are assigned to the center or wide columns.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ allowJustification && (\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Justification' ) }\n\t\t\t\t\t\tvalue={ justifyContent }\n\t\t\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ justificationOptions.map(\n\t\t\t\t\t\t\t( { value, icon, label } ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tlabel={ label }\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</ToggleGroupControl>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t);\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tconst { allowJustification = true } = layoutBlockSupport;\n\n\t\tif ( ! allowJustification ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<DefaultLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout = {},\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { contentSize, wideSize, justifyContent } = layout;\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tconst marginLeft =\n\t\t\tjustifyContent === 'left' ? '0 !important' : 'auto !important';\n\t\tconst marginRight =\n\t\t\tjustifyContent === 'right' ? '0 !important' : 'auto !important';\n\n\t\tlet output =\n\t\t\t!! contentSize || !! wideSize\n\t\t\t\t? `\n\t\t\t\t\t${ appendSelectors(\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t\t\t) } {\n\t\t\t\t\t\tmax-width: ${ contentSize ?? wideSize };\n\t\t\t\t\t\tmargin-left: ${ marginLeft };\n\t\t\t\t\t\tmargin-right: ${ marginRight };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignwide' ) }  {\n\t\t\t\t\t\tmax-width: ${ wideSize ?? contentSize };\n\t\t\t\t\t}\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`\n\t\t\t\t: '';\n\n\t\tif ( justifyContent === 'left' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-left: ${ marginLeft }; }`;\n\t\t} else if ( justifyContent === 'right' ) {\n\t\t\toutput += `${ appendSelectors(\n\t\t\t\tselector,\n\t\t\t\t'> :where(:not(.alignleft):not(.alignright):not(.alignfull))'\n\t\t\t) }\n\t\t\t{ margin-right: ${ marginRight }; }`;\n\t\t}\n\n\t\t// If there is custom padding, add negative margins for alignfull blocks.\n\t\tif ( style?.spacing?.padding ) {\n\t\t\t// The style object might be storing a preset so we need to make sure we get a usable value.\n\t\t\tconst paddingValues = getCSSRules( style );\n\t\t\tpaddingValues.forEach( ( rule ) => {\n\t\t\t\tif ( rule.key === 'paddingRight' ) {\n\t\t\t\t\t// Add unit if 0, to avoid calc(0 * -1) which is invalid.\n\t\t\t\t\tconst paddingRightValue =\n\t\t\t\t\t\trule.value === '0' ? '0px' : rule.value;\n\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-right: calc(${ paddingRightValue } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t} else if ( rule.key === 'paddingLeft' ) {\n\t\t\t\t\t// Add unit if 0, to avoid calc(0 * -1) which is invalid.\n\t\t\t\t\tconst paddingLeftValue =\n\t\t\t\t\t\trule.value === '0' ? '0px' : rule.value;\n\n\t\t\t\t\toutput += `\n\t\t\t\t\t${ appendSelectors( selector, '> .alignfull' ) } {\n\t\t\t\t\t\tmargin-left: calc(${ paddingLeftValue } * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'constrained',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\t\tconst { contentSize, wideSize } = layout;\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\tif ( contentSize ) {\n\t\t\talignments.unshift( { name: 'full' } );\n\t\t}\n\n\t\tif ( wideSize ) {\n\t\t\talignments.unshift( { name: 'wide', info: alignmentInfo.wide } );\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction DefaultLayoutJustifyContentControl( { layout, onChange } ) {\n\tconst { justifyContent = 'center' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\n\treturn (\n\t\t<JustifyContentControl\n\t\t\tallowedControls={ allowedControls }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/flex.js

@@ -200,7 +200,10 @@ function FlexLayoutVerticalAlignmentControl({
       children: (0, _i18n.__)('Vertical alignment')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       children: verticalAlignmentOptions.map((value, icon, label) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           label: label,
           icon: icon,
           isPressed: verticalAlignment === value,

package/build/layouts/flex.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_components","_utils","_gap","_components2","_utils2","_definitions","_jsxRuntime","justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","_default","exports","default","name","label","__","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","jsxs","Fragment","children","Flex","jsx","FlexItem","FlexLayoutJustifyContentControl","OrientationControl","FlexWrapControl","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","BlockControls","group","__experimentalShareWithChildBlocks","isToolbar","FlexLayoutVerticalAlignmentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","defaultVerticalAlignment","onVerticalAlignmentChange","value","BlockVerticalAlignmentControl","controls","verticalAlignmentOptions","className","map","icon","Button","isPressed","onClick","POPOVER_PROPS","placement","onJustificationChange","allowedControls","JustifyContentControl","popoverProps","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__experimentalToggleGroupControl","__next40pxDefaultSize","__nextHasNoMarginBottom","__experimentalToggleGroupControlOptionIcon","ToggleControl","checked","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"sources":["@wordpress/block-editor/src/layouts/flex.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue=\"horizontal\"\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue=\"vertical\"\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_components","_utils","_gap","_components2","_utils2","_definitions","_jsxRuntime","justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","_default","exports","default","name","label","__","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","jsxs","Fragment","children","Flex","jsx","FlexItem","FlexLayoutJustifyContentControl","OrientationControl","FlexWrapControl","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","BlockControls","group","__experimentalShareWithChildBlocks","isToolbar","FlexLayoutVerticalAlignmentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","defaultVerticalAlignment","onVerticalAlignmentChange","value","BlockVerticalAlignmentControl","controls","verticalAlignmentOptions","className","map","icon","Button","__next40pxDefaultSize","isPressed","onClick","POPOVER_PROPS","placement","onJustificationChange","allowedControls","JustifyContentControl","popoverProps","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOptionIcon","ToggleControl","checked","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"sources":["@wordpress/block-editor/src/layouts/flex.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__next40pxDefaultSize\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue=\"horizontal\"\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue=\"vertical\"\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}