@wordpress/block-editor 7.0.2 → 8.0.1

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## Unreleased
 
+## 8.0.0 (2021-11-07)
+
+### Performance
+
+-   Avoid re-rendering all List View items on block focus [#35706](https://github.com/WordPress/gutenberg/pull/35706). When List View is open Block focus time is 4 times faster in large posts.
+-   Render fixed number of items in List View [#35706](https://github.com/WordPress/gutenberg/pull/35230). Opening List View is 13 times faster in large posts.
+
+### Breaking change
+
+-   List View no longer supports the `showOnlyCurrentHierarchy` flag [#35706](https://github.com/WordPress/gutenberg/pull/35706). To display a subset of blocks, use the `blocks` parameter instead.
+
 ## 7.0.0 (2021-07-29)
 
 ### Breaking Change

package/README.md

@@ -10,7 +10,7 @@ Install the module
 npm install @wordpress/block-editor --save
 ```
 
-_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for ES2015+ such as IE browsers then using [core-js](https://github.com/zloirock/core-js) will add polyfills for these methods._
+_This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for such language features and APIs, you should include [the polyfill shipped in `@wordpress/babel-preset-default`](https://github.com/WordPress/gutenberg/tree/HEAD/packages/babel-preset-default#polyfill) in your code._
 
 ## Usage
 
@@ -426,6 +426,19 @@ _Returns_
 
 -   `string`: Gradient value.
 
+### getPxFromCssUnit
+
+Returns the px value of a cssUnit. The memoized version of getPxFromCssUnit;
+
+_Parameters_
+
+-   _cssUnit_ `string`:
+-   _options_ `Object`:
+
+_Returns_
+
+-   `string`: returns the cssUnit value in a simple px format.
+
 ### InnerBlocks
 
 _Related_
@@ -667,6 +680,37 @@ _Returns_
 
 -   `Object`: Props to pass to the element to mark as a block.
 
+### useCachedTruthy
+
+Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy.
+
+_Parameters_
+
+-   _value_ `any`:
+
+_Returns_
+
+-   `any`: value
+
+### useInnerBlocksProps
+
+This hook is used to lightly mark an element as an inner blocks wrapper
+element. Call this hook and pass the returned props to the element to mark as
+an inner blocks wrapper, automatically rendering inner blocks as children. If
+you define a ref for the element, it is important to pass the ref to this
+hook, which the hook in turn will pass to the component through the props it
+returns. Optionally, you can also pass any other props through this hook, and
+they will be merged and returned.
+
+_Related_
+
+-   <https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md>
+
+_Parameters_
+
+-   _props_ `Object`: Optional. Props to pass to the element. Must contain the ref if one is defined.
+-   _options_ `Object`: Optional. Inner blocks options.
+
 ### useSetting
 
 Hook that retrieves the editor setting.

package/build/components/autocomplete/index.js

@@ -53,7 +53,7 @@ function useCompleters({
   return (0, _element.useMemo)(() => {
     let filteredCompleters = completers;
 
-    if (name === (0, _blocks.getDefaultBlockName)()) {
+    if (name === (0, _blocks.getDefaultBlockName)() || (0, _blocks.getBlockSupport)(name, '__experimentalSlashInserter', false)) {
       filteredCompleters = filteredCompleters.concat([_block.default]);
     }
 

package/build/components/autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/autocomplete/index.js"],"names":["EMPTY_ARRAY","useCompleters","completers","name","filteredCompleters","concat","blockAutocompleter","map","clone","useBlockEditorAutocompleteProps","props","BlockEditorAutocomplete"],"mappings":";;;;;;;;;;AAaA;;;;AAVA;;AAKA;;AACA;;AAKA;;AAKA;;AACA;;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAG,EAApB;;AAEA,SAASC,aAAT,CAAwB;AAAEC,EAAAA,UAAU,GAAGF;AAAf,CAAxB,EAAuD;AACtD,QAAM;AAAEG,IAAAA;AAAF,MAAW,mCAAjB;AACA,SAAO,sBAAS,MAAM;AACrB,QAAIC,kBAAkB,GAAGF,UAAzB;;AAEA,QAAKC,IAAI,KAAK,kCAAd,EAAsC;AACrCC,MAAAA,kBAAkB,GAAGA,kBAAkB,CAACC,MAAnB,CAA2B,CAC/CC,cAD+C,CAA3B,CAArB;AAGA;;AAED,QAAK,sBAAW,gCAAX,CAAL,EAAqD;AACpD;AACA,UAAKF,kBAAkB,KAAKF,UAA5B,EAAyC;AACxCE,QAAAA,kBAAkB,GAAGA,kBAAkB,CAACG,GAAnB,CAAwBC,aAAxB,CAArB;AACA;;AAEDJ,MAAAA,kBAAkB,GAAG,yBACpB,gCADoB,EAEpBA,kBAFoB,EAGpBD,IAHoB,CAArB;AAKA;;AAED,WAAOC,kBAAP;AACA,GAvBM,EAuBJ,CAAEF,UAAF,EAAcC,IAAd,CAvBI,CAAP;AAwBA;;AAEM,SAASM,+BAAT,CAA0CC,KAA1C,EAAkD;AACxD,SAAO,gDAAsB,EAC5B,GAAGA,KADyB;AAE5BR,IAAAA,UAAU,EAAED,aAAa,CAAES,KAAF;AAFG,GAAtB,CAAP;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,uBAAT,CAAkCD,KAAlC,EAA0C;AACzC,SAAO,4BAAC,wBAAD,6BAAmBA,KAAnB;AAA2B,IAAA,UAAU,EAAGT,aAAa,CAAES,KAAF;AAArD,KAAP;AACA;AAED;AACA;AACA;;;eACeC,uB","sourcesContent":["/**\n * External dependencies\n */\nimport { clone } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { applyFilters, hasFilter } from '@wordpress/hooks';\nimport {\n\tAutocomplete,\n\t__unstableUseAutocompleteProps as useAutocompleteProps,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport blockAutocompleter from '../../autocompleters/block';\n\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction useCompleters( { completers = EMPTY_ARRAY } ) {\n\tconst { name } = useBlockEditContext();\n\treturn useMemo( () => {\n\t\tlet filteredCompleters = completers;\n\n\t\tif ( name === getDefaultBlockName() ) {\n\t\t\tfilteredCompleters = filteredCompleters.concat( [\n\t\t\t\tblockAutocompleter,\n\t\t\t] );\n\t\t}\n\n\t\tif ( hasFilter( 'editor.Autocomplete.completers' ) ) {\n\t\t\t// Provide copies so filters may directly modify them.\n\t\t\tif ( filteredCompleters === completers ) {\n\t\t\t\tfilteredCompleters = filteredCompleters.map( clone );\n\t\t\t}\n\n\t\t\tfilteredCompleters = applyFilters(\n\t\t\t\t'editor.Autocomplete.completers',\n\t\t\t\tfilteredCompleters,\n\t\t\t\tname\n\t\t\t);\n\t\t}\n\n\t\treturn filteredCompleters;\n\t}, [ completers, name ] );\n}\n\nexport function useBlockEditorAutocompleteProps( props ) {\n\treturn useAutocompleteProps( {\n\t\t...props,\n\t\tcompleters: useCompleters( props ),\n\t} );\n}\n\n/**\n * Wrap the default Autocomplete component with one that supports a filter hook\n * for customizing its list of autocompleters.\n *\n * @type {import('react').FC}\n */\nfunction BlockEditorAutocomplete( props ) {\n\treturn <Autocomplete { ...props } completers={ useCompleters( props ) } />;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/autocomplete/README.md\n */\nexport default BlockEditorAutocomplete;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/autocomplete/index.js"],"names":["EMPTY_ARRAY","useCompleters","completers","name","filteredCompleters","concat","blockAutocompleter","map","clone","useBlockEditorAutocompleteProps","props","BlockEditorAutocomplete"],"mappings":";;;;;;;;;;AAaA;;;;AAVA;;AAKA;;AACA;;AAKA;;AAKA;;AACA;;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAG,EAApB;;AAEA,SAASC,aAAT,CAAwB;AAAEC,EAAAA,UAAU,GAAGF;AAAf,CAAxB,EAAuD;AACtD,QAAM;AAAEG,IAAAA;AAAF,MAAW,mCAAjB;AACA,SAAO,sBAAS,MAAM;AACrB,QAAIC,kBAAkB,GAAGF,UAAzB;;AAEA,QACCC,IAAI,KAAK,kCAAT,IACA,6BAAiBA,IAAjB,EAAuB,6BAAvB,EAAsD,KAAtD,CAFD,EAGE;AACDC,MAAAA,kBAAkB,GAAGA,kBAAkB,CAACC,MAAnB,CAA2B,CAC/CC,cAD+C,CAA3B,CAArB;AAGA;;AAED,QAAK,sBAAW,gCAAX,CAAL,EAAqD;AACpD;AACA,UAAKF,kBAAkB,KAAKF,UAA5B,EAAyC;AACxCE,QAAAA,kBAAkB,GAAGA,kBAAkB,CAACG,GAAnB,CAAwBC,aAAxB,CAArB;AACA;;AAEDJ,MAAAA,kBAAkB,GAAG,yBACpB,gCADoB,EAEpBA,kBAFoB,EAGpBD,IAHoB,CAArB;AAKA;;AAED,WAAOC,kBAAP;AACA,GA1BM,EA0BJ,CAAEF,UAAF,EAAcC,IAAd,CA1BI,CAAP;AA2BA;;AAEM,SAASM,+BAAT,CAA0CC,KAA1C,EAAkD;AACxD,SAAO,gDAAsB,EAC5B,GAAGA,KADyB;AAE5BR,IAAAA,UAAU,EAAED,aAAa,CAAES,KAAF;AAFG,GAAtB,CAAP;AAIA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,uBAAT,CAAkCD,KAAlC,EAA0C;AACzC,SAAO,4BAAC,wBAAD,6BAAmBA,KAAnB;AAA2B,IAAA,UAAU,EAAGT,aAAa,CAAES,KAAF;AAArD,KAAP;AACA;AAED;AACA;AACA;;;eACeC,uB","sourcesContent":["/**\n * External dependencies\n */\nimport { clone } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { applyFilters, hasFilter } from '@wordpress/hooks';\nimport {\n\tAutocomplete,\n\t__unstableUseAutocompleteProps as useAutocompleteProps,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getDefaultBlockName, getBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\nimport blockAutocompleter from '../../autocompleters/block';\n\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nfunction useCompleters( { completers = EMPTY_ARRAY } ) {\n\tconst { name } = useBlockEditContext();\n\treturn useMemo( () => {\n\t\tlet filteredCompleters = completers;\n\n\t\tif (\n\t\t\tname === getDefaultBlockName() ||\n\t\t\tgetBlockSupport( name, '__experimentalSlashInserter', false )\n\t\t) {\n\t\t\tfilteredCompleters = filteredCompleters.concat( [\n\t\t\t\tblockAutocompleter,\n\t\t\t] );\n\t\t}\n\n\t\tif ( hasFilter( 'editor.Autocomplete.completers' ) ) {\n\t\t\t// Provide copies so filters may directly modify them.\n\t\t\tif ( filteredCompleters === completers ) {\n\t\t\t\tfilteredCompleters = filteredCompleters.map( clone );\n\t\t\t}\n\n\t\t\tfilteredCompleters = applyFilters(\n\t\t\t\t'editor.Autocomplete.completers',\n\t\t\t\tfilteredCompleters,\n\t\t\t\tname\n\t\t\t);\n\t\t}\n\n\t\treturn filteredCompleters;\n\t}, [ completers, name ] );\n}\n\nexport function useBlockEditorAutocompleteProps( props ) {\n\treturn useAutocompleteProps( {\n\t\t...props,\n\t\tcompleters: useCompleters( props ),\n\t} );\n}\n\n/**\n * Wrap the default Autocomplete component with one that supports a filter hook\n * for customizing its list of autocompleters.\n *\n * @type {import('react').FC}\n */\nfunction BlockEditorAutocomplete( props ) {\n\treturn <Autocomplete { ...props } completers={ useCompleters( props ) } />;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/autocomplete/README.md\n */\nexport default BlockEditorAutocomplete;\n"]}

package/build/components/block-actions/index.js

@@ -35,18 +35,21 @@ function BlockActions({
     canInsertBlockType,
     getBlockRootClientId,
     getBlocksByClientId,
-    getTemplateLock
-  } = (0, _data.useSelect)(select => select(_store.store), []);
+    canMoveBlocks,
+    canRemoveBlocks
+  } = (0, _data.useSelect)(_store.store);
   const {
     getDefaultBlockName,
     getGroupingBlockName
-  } = (0, _data.useSelect)(select => select(_blocks.store), []);
+  } = (0, _data.useSelect)(_blocks.store);
   const blocks = getBlocksByClientId(clientIds);
   const rootClientId = getBlockRootClientId(clientIds[0]);
   const canDuplicate = (0, _lodash.every)(blocks, block => {
     return !!block && (0, _blocks.hasBlockSupport)(block.name, 'multiple', true) && canInsertBlockType(block.name, rootClientId);
   });
   const canInsertDefaultBlock = canInsertBlockType(getDefaultBlockName(), rootClientId);
+  const canMove = canMoveBlocks(clientIds, rootClientId);
+  const canRemove = canRemoveBlocks(clientIds, rootClientId);
   const {
     removeBlocks,
     replaceBlocks,
@@ -62,7 +65,8 @@ function BlockActions({
   return children({
     canDuplicate,
     canInsertDefaultBlock,
-    isLocked: !!getTemplateLock(rootClientId),
+    canMove,
+    canRemove,
     rootClientId,
     blocks,
 

package/build/components/block-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-actions/index.js"],"names":["BlockActions","clientIds","children","__experimentalUpdateSelection","updateSelection","canInsertBlockType","getBlockRootClientId","getBlocksByClientId","getTemplateLock","select","blockEditorStore","getDefaultBlockName","getGroupingBlockName","blocksStore","blocks","rootClientId","canDuplicate","block","name","canInsertDefaultBlock","removeBlocks","replaceBlocks","duplicateBlocks","insertAfterBlock","insertBeforeBlock","flashBlock","setBlockMovingClientId","setNavigationMode","selectBlock","notifyCopy","isLocked","onDuplicate","onRemove","onInsertBefore","onInsertAfter","onMoveTo","onGroup","length","groupingBlockName","newBlocks","onUngroup","innerBlocks","onCopy","selectedBlockClientIds","map","clientId"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { castArray, first, last, every } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\thasBlockSupport,\n\tswitchToBlockType,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useNotifyCopy } from '../copy-handler';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockActions( {\n\tclientIds,\n\tchildren,\n\t__experimentalUpdateSelection: updateSelection,\n} ) {\n\tconst {\n\t\tcanInsertBlockType,\n\t\tgetBlockRootClientId,\n\t\tgetBlocksByClientId,\n\t\tgetTemplateLock,\n\t} = useSelect( ( select ) => select( blockEditorStore ), [] );\n\tconst { getDefaultBlockName, getGroupingBlockName } = useSelect(\n\t\t( select ) => select( blocksStore ),\n\t\t[]\n\t);\n\n\tconst blocks = getBlocksByClientId( clientIds );\n\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\tconst canDuplicate = every( blocks, ( block ) => {\n\t\treturn (\n\t\t\t!! block &&\n\t\t\thasBlockSupport( block.name, 'multiple', true ) &&\n\t\t\tcanInsertBlockType( block.name, rootClientId )\n\t\t);\n\t} );\n\n\tconst canInsertDefaultBlock = canInsertBlockType(\n\t\tgetDefaultBlockName(),\n\t\trootClientId\n\t);\n\n\tconst {\n\t\tremoveBlocks,\n\t\treplaceBlocks,\n\t\tduplicateBlocks,\n\t\tinsertAfterBlock,\n\t\tinsertBeforeBlock,\n\t\tflashBlock,\n\t\tsetBlockMovingClientId,\n\t\tsetNavigationMode,\n\t\tselectBlock,\n\t} = useDispatch( blockEditorStore );\n\n\tconst notifyCopy = useNotifyCopy();\n\n\treturn children( {\n\t\tcanDuplicate,\n\t\tcanInsertDefaultBlock,\n\t\tisLocked: !! getTemplateLock( rootClientId ),\n\t\trootClientId,\n\t\tblocks,\n\t\tonDuplicate() {\n\t\t\treturn duplicateBlocks( clientIds, updateSelection );\n\t\t},\n\t\tonRemove() {\n\t\t\treturn removeBlocks( clientIds, updateSelection );\n\t\t},\n\t\tonInsertBefore() {\n\t\t\tinsertBeforeBlock( first( castArray( clientIds ) ) );\n\t\t},\n\t\tonInsertAfter() {\n\t\t\tinsertAfterBlock( last( castArray( clientIds ) ) );\n\t\t},\n\t\tonMoveTo() {\n\t\t\tsetNavigationMode( true );\n\t\t\tselectBlock( clientIds[ 0 ] );\n\t\t\tsetBlockMovingClientId( clientIds[ 0 ] );\n\t\t},\n\t\tonGroup() {\n\t\t\tif ( ! blocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst groupingBlockName = getGroupingBlockName();\n\n\t\t\t// Activate the `transform` on `core/group` which does the conversion\n\t\t\tconst newBlocks = switchToBlockType( blocks, groupingBlockName );\n\n\t\t\tif ( ! newBlocks ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treplaceBlocks( clientIds, newBlocks );\n\t\t},\n\t\tonUngroup() {\n\t\t\tif ( ! blocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst innerBlocks = blocks[ 0 ].innerBlocks;\n\n\t\t\tif ( ! innerBlocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treplaceBlocks( clientIds, innerBlocks );\n\t\t},\n\t\tonCopy() {\n\t\t\tconst selectedBlockClientIds = blocks.map(\n\t\t\t\t( { clientId } ) => clientId\n\t\t\t);\n\t\t\tif ( blocks.length === 1 ) {\n\t\t\t\tflashBlock( selectedBlockClientIds[ 0 ] );\n\t\t\t}\n\t\t\tnotifyCopy( 'copy', selectedBlockClientIds );\n\t\t},\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-actions/index.js"],"names":["BlockActions","clientIds","children","__experimentalUpdateSelection","updateSelection","canInsertBlockType","getBlockRootClientId","getBlocksByClientId","canMoveBlocks","canRemoveBlocks","blockEditorStore","getDefaultBlockName","getGroupingBlockName","blocksStore","blocks","rootClientId","canDuplicate","block","name","canInsertDefaultBlock","canMove","canRemove","removeBlocks","replaceBlocks","duplicateBlocks","insertAfterBlock","insertBeforeBlock","flashBlock","setBlockMovingClientId","setNavigationMode","selectBlock","notifyCopy","onDuplicate","onRemove","onInsertBefore","onInsertAfter","onMoveTo","onGroup","length","groupingBlockName","newBlocks","onUngroup","innerBlocks","onCopy","selectedBlockClientIds","map","clientId"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { castArray, first, last, every } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\thasBlockSupport,\n\tswitchToBlockType,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { useNotifyCopy } from '../copy-handler';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockActions( {\n\tclientIds,\n\tchildren,\n\t__experimentalUpdateSelection: updateSelection,\n} ) {\n\tconst {\n\t\tcanInsertBlockType,\n\t\tgetBlockRootClientId,\n\t\tgetBlocksByClientId,\n\t\tcanMoveBlocks,\n\t\tcanRemoveBlocks,\n\t} = useSelect( blockEditorStore );\n\tconst { getDefaultBlockName, getGroupingBlockName } = useSelect(\n\t\tblocksStore\n\t);\n\n\tconst blocks = getBlocksByClientId( clientIds );\n\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\tconst canDuplicate = every( blocks, ( block ) => {\n\t\treturn (\n\t\t\t!! block &&\n\t\t\thasBlockSupport( block.name, 'multiple', true ) &&\n\t\t\tcanInsertBlockType( block.name, rootClientId )\n\t\t);\n\t} );\n\n\tconst canInsertDefaultBlock = canInsertBlockType(\n\t\tgetDefaultBlockName(),\n\t\trootClientId\n\t);\n\n\tconst canMove = canMoveBlocks( clientIds, rootClientId );\n\tconst canRemove = canRemoveBlocks( clientIds, rootClientId );\n\n\tconst {\n\t\tremoveBlocks,\n\t\treplaceBlocks,\n\t\tduplicateBlocks,\n\t\tinsertAfterBlock,\n\t\tinsertBeforeBlock,\n\t\tflashBlock,\n\t\tsetBlockMovingClientId,\n\t\tsetNavigationMode,\n\t\tselectBlock,\n\t} = useDispatch( blockEditorStore );\n\n\tconst notifyCopy = useNotifyCopy();\n\n\treturn children( {\n\t\tcanDuplicate,\n\t\tcanInsertDefaultBlock,\n\t\tcanMove,\n\t\tcanRemove,\n\t\trootClientId,\n\t\tblocks,\n\t\tonDuplicate() {\n\t\t\treturn duplicateBlocks( clientIds, updateSelection );\n\t\t},\n\t\tonRemove() {\n\t\t\treturn removeBlocks( clientIds, updateSelection );\n\t\t},\n\t\tonInsertBefore() {\n\t\t\tinsertBeforeBlock( first( castArray( clientIds ) ) );\n\t\t},\n\t\tonInsertAfter() {\n\t\t\tinsertAfterBlock( last( castArray( clientIds ) ) );\n\t\t},\n\t\tonMoveTo() {\n\t\t\tsetNavigationMode( true );\n\t\t\tselectBlock( clientIds[ 0 ] );\n\t\t\tsetBlockMovingClientId( clientIds[ 0 ] );\n\t\t},\n\t\tonGroup() {\n\t\t\tif ( ! blocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst groupingBlockName = getGroupingBlockName();\n\n\t\t\t// Activate the `transform` on `core/group` which does the conversion\n\t\t\tconst newBlocks = switchToBlockType( blocks, groupingBlockName );\n\n\t\t\tif ( ! newBlocks ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treplaceBlocks( clientIds, newBlocks );\n\t\t},\n\t\tonUngroup() {\n\t\t\tif ( ! blocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst innerBlocks = blocks[ 0 ].innerBlocks;\n\n\t\t\tif ( ! innerBlocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\treplaceBlocks( clientIds, innerBlocks );\n\t\t},\n\t\tonCopy() {\n\t\t\tconst selectedBlockClientIds = blocks.map(\n\t\t\t\t( { clientId } ) => clientId\n\t\t\t);\n\t\t\tif ( blocks.length === 1 ) {\n\t\t\t\tflashBlock( selectedBlockClientIds[ 0 ] );\n\t\t\t}\n\t\t\tnotifyCopy( 'copy', selectedBlockClientIds );\n\t\t},\n\t} );\n}\n"]}

package/build/components/block-alignment-control/ui.js

@@ -11,6 +11,8 @@ var _element = require("@wordpress/element");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _i18n = require("@wordpress/i18n");
 
 var _components = require("@wordpress/components");
@@ -19,6 +21,10 @@ var _icons = require("@wordpress/icons");
 
 var _useAvailableAlignments = _interopRequireDefault(require("./use-available-alignments"));
 
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -27,6 +33,10 @@ var _useAvailableAlignments = _interopRequireDefault(require("./use-available-al
  * Internal dependencies
  */
 const BLOCK_ALIGNMENTS_CONTROLS = {
+  none: {
+    icon: _icons.alignNone,
+    title: (0, _i18n.__)('None')
+  },
   left: {
     icon: _icons.positionLeft,
     title: (0, _i18n.__)('Align left')
@@ -48,7 +58,7 @@ const BLOCK_ALIGNMENTS_CONTROLS = {
     title: (0, _i18n.__)('Full width')
   }
 };
-const DEFAULT_CONTROL = 'center';
+const DEFAULT_CONTROL = 'none';
 const POPOVER_PROPS = {
   isAlternate: true
 };
@@ -61,36 +71,73 @@ function BlockAlignmentUI({
   isCollapsed = true
 }) {
   const enabledControls = (0, _useAvailableAlignments.default)(controls);
+  const hasEnabledControls = !!enabledControls.length;
 
-  if (enabledControls.length === 0) {
+  if (!hasEnabledControls) {
     return null;
   }
 
-  function applyOrUnset(align) {
-    return () => onChange(value === align ? undefined : align);
+  function onChangeAlignment(align) {
+    onChange([value, 'none'].includes(align) ? undefined : align);
   }
 
   const activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[value];
   const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
   const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
-  const extraProps = isToolbar ? {
-    isCollapsed
-  } : {};
-  return (0, _element.createElement)(UIComponent, (0, _extends2.default)({
+  const commonProps = {
     popoverProps: POPOVER_PROPS,
     icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
     label: (0, _i18n.__)('Align'),
     toggleProps: {
       describedBy: (0, _i18n.__)('Change alignment')
-    },
-    controls: enabledControls.map(control => {
-      return { ...BLOCK_ALIGNMENTS_CONTROLS[control],
-        isActive: value === control,
+    }
+  };
+  const extraProps = isToolbar || _element.Platform.isNative ? {
+    isCollapsed: isToolbar ? isCollapsed : undefined,
+    controls: enabledControls.map(({
+      name: controlName
+    }) => {
+      return { ...BLOCK_ALIGNMENTS_CONTROLS[controlName],
+        isActive: value === controlName || !value && controlName === 'none',
         role: isCollapsed ? 'menuitemradio' : undefined,
-        onClick: applyOrUnset(control)
+        onClick: () => onChangeAlignment(controlName)
       };
     })
-  }, extraProps));
+  } : {
+    children: ({
+      onClose
+    }) => {
+      return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, {
+        className: "block-editor-block-alignment-control__menu-group"
+      }, enabledControls.map(({
+        name: controlName,
+        info
+      }) => {
+        const {
+          icon,
+          title
+        } = BLOCK_ALIGNMENTS_CONTROLS[controlName]; // If no value is provided, mark as selected the `none` option.
+
+        const isSelected = controlName === value || !value && controlName === 'none';
+        return (0, _element.createElement)(_components.MenuItem, {
+          key: controlName,
+          icon: icon,
+          iconPosition: "left",
+          className: (0, _classnames.default)('components-dropdown-menu__menu-item', {
+            'is-active': isSelected
+          }),
+          isSelected: isSelected,
+          onClick: () => {
+            onChangeAlignment(controlName);
+            onClose();
+          },
+          role: "menuitemradio",
+          info: info
+        }, title);
+      })));
+    }
+  };
+  return (0, _element.createElement)(UIComponent, (0, _extends2.default)({}, commonProps, extraProps));
 }
 
 var _default = BlockAlignmentUI;

package/build/components/block-alignment-control/ui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"names":["BLOCK_ALIGNMENTS_CONTROLS","left","icon","positionLeft","title","center","positionCenter","right","positionRight","wide","stretchWide","full","stretchFullWidth","DEFAULT_CONTROL","POPOVER_PROPS","isAlternate","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","length","applyOrUnset","align","undefined","activeAlignmentControl","defaultAlignmentControl","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","describedBy","map","control","isActive","role","onClick"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AAWA;;AAhBA;AACA;AACA;;AAWA;AACA;AACA;AAGA,MAAMA,yBAAyB,GAAG;AACjCC,EAAAA,IAAI,EAAE;AACLC,IAAAA,IAAI,EAAEC,mBADD;AAELC,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GAD2B;AAKjCC,EAAAA,MAAM,EAAE;AACPH,IAAAA,IAAI,EAAEI,qBADC;AAEPF,IAAAA,KAAK,EAAE,cAAI,cAAJ;AAFA,GALyB;AASjCG,EAAAA,KAAK,EAAE;AACNL,IAAAA,IAAI,EAAEM,oBADA;AAENJ,IAAAA,KAAK,EAAE,cAAI,aAAJ;AAFD,GAT0B;AAajCK,EAAAA,IAAI,EAAE;AACLP,IAAAA,IAAI,EAAEQ,kBADD;AAELN,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GAb2B;AAiBjCO,EAAAA,IAAI,EAAE;AACLT,IAAAA,IAAI,EAAEU,uBADD;AAELR,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF;AAjB2B,CAAlC;AAuBA,MAAMS,eAAe,GAAG,QAAxB;AAEA,MAAMC,aAAa,GAAG;AACrBC,EAAAA,WAAW,EAAE;AADQ,CAAtB;;AAIA,SAASC,gBAAT,CAA2B;AAC1BC,EAAAA,KAD0B;AAE1BC,EAAAA,QAF0B;AAG1BC,EAAAA,QAH0B;AAI1BC,EAAAA,SAJ0B;AAK1BC,EAAAA,WAAW,GAAG;AALY,CAA3B,EAMI;AACH,QAAMC,eAAe,GAAG,qCAAwBH,QAAxB,CAAxB;;AACA,MAAKG,eAAe,CAACC,MAAhB,KAA2B,CAAhC,EAAoC;AACnC,WAAO,IAAP;AACA;;AAED,WAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC9B,WAAO,MAAMP,QAAQ,CAAED,KAAK,KAAKQ,KAAV,GAAkBC,SAAlB,GAA8BD,KAAhC,CAArB;AACA;;AAED,QAAME,sBAAsB,GAAG3B,yBAAyB,CAAEiB,KAAF,CAAxD;AACA,QAAMW,uBAAuB,GAC5B5B,yBAAyB,CAAEa,eAAF,CAD1B;AAGA,QAAMgB,WAAW,GAAGT,SAAS,GAAGU,wBAAH,GAAkBC,+BAA/C;AACA,QAAMC,UAAU,GAAGZ,SAAS,GAAG;AAAEC,IAAAA;AAAF,GAAH,GAAqB,EAAjD;AAEA,SACC,4BAAC,WAAD;AACC,IAAA,YAAY,EAAGP,aADhB;AAEC,IAAA,IAAI,EACHa,sBAAsB,GACnBA,sBAAsB,CAACzB,IADJ,GAEnB0B,uBAAuB,CAAC1B,IAL7B;AAOC,IAAA,KAAK,EAAG,cAAI,OAAJ,CAPT;AAQC,IAAA,WAAW,EAAG;AAAE+B,MAAAA,WAAW,EAAE,cAAI,kBAAJ;AAAf,KARf;AASC,IAAA,QAAQ,EAAGX,eAAe,CAACY,GAAhB,CAAuBC,OAAF,IAAe;AAC9C,aAAO,EACN,GAAGnC,yBAAyB,CAAEmC,OAAF,CADtB;AAENC,QAAAA,QAAQ,EAAEnB,KAAK,KAAKkB,OAFd;AAGNE,QAAAA,IAAI,EAAEhB,WAAW,GAAG,eAAH,GAAqBK,SAHhC;AAINY,QAAAA,OAAO,EAAEd,YAAY,CAAEW,OAAF;AAJf,OAAP;AAMA,KAPU;AATZ,KAiBMH,UAjBN,EADD;AAqBA;;eAEchB,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tpositionCenter,\n\tpositionLeft,\n\tpositionRight,\n\tstretchFullWidth,\n\tstretchWide,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\tleft: {\n\t\ticon: positionLeft,\n\t\ttitle: __( 'Align left' ),\n\t},\n\tcenter: {\n\t\ticon: positionCenter,\n\t\ttitle: __( 'Align center' ),\n\t},\n\tright: {\n\t\ticon: positionRight,\n\t\ttitle: __( 'Align right' ),\n\t},\n\twide: {\n\t\ticon: stretchWide,\n\t\ttitle: __( 'Wide width' ),\n\t},\n\tfull: {\n\t\ticon: stretchFullWidth,\n\t\ttitle: __( 'Full width' ),\n\t},\n};\n\nconst DEFAULT_CONTROL = 'center';\n\nconst POPOVER_PROPS = {\n\tisAlternate: true,\n};\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tif ( enabledControls.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tfunction applyOrUnset( align ) {\n\t\treturn () => onChange( value === align ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ticon={\n\t\t\t\tactiveAlignmentControl\n\t\t\t\t\t? activeAlignmentControl.icon\n\t\t\t\t\t: defaultAlignmentControl.icon\n\t\t\t}\n\t\t\tlabel={ __( 'Align' ) }\n\t\t\ttoggleProps={ { describedBy: __( 'Change alignment' ) } }\n\t\t\tcontrols={ enabledControls.map( ( control ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ control ],\n\t\t\t\t\tisActive: value === control,\n\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\tonClick: applyOrUnset( control ),\n\t\t\t\t};\n\t\t\t} ) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentUI;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"names":["BLOCK_ALIGNMENTS_CONTROLS","none","icon","alignNone","title","left","positionLeft","center","positionCenter","right","positionRight","wide","stretchWide","full","stretchFullWidth","DEFAULT_CONTROL","POPOVER_PROPS","isAlternate","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","UIComponent","ToolbarGroup","ToolbarDropdownMenu","commonProps","popoverProps","label","toggleProps","describedBy","extraProps","Platform","isNative","map","name","controlName","isActive","role","onClick","children","onClose","info","isSelected"],"mappings":";;;;;;;;;AAuBA;;;;AApBA;;AAKA;;AACA;;AAMA;;AAaA;;AA5BA;AACA;AACA;;AAGA;AACA;AACA;;AAkBA;AACA;AACA;AAGA,MAAMA,yBAAyB,GAAG;AACjCC,EAAAA,IAAI,EAAE;AACLC,IAAAA,IAAI,EAAEC,gBADD;AAELC,IAAAA,KAAK,EAAE,cAAI,MAAJ;AAFF,GAD2B;AAKjCC,EAAAA,IAAI,EAAE;AACLH,IAAAA,IAAI,EAAEI,mBADD;AAELF,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GAL2B;AASjCG,EAAAA,MAAM,EAAE;AACPL,IAAAA,IAAI,EAAEM,qBADC;AAEPJ,IAAAA,KAAK,EAAE,cAAI,cAAJ;AAFA,GATyB;AAajCK,EAAAA,KAAK,EAAE;AACNP,IAAAA,IAAI,EAAEQ,oBADA;AAENN,IAAAA,KAAK,EAAE,cAAI,aAAJ;AAFD,GAb0B;AAiBjCO,EAAAA,IAAI,EAAE;AACLT,IAAAA,IAAI,EAAEU,kBADD;AAELR,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF,GAjB2B;AAqBjCS,EAAAA,IAAI,EAAE;AACLX,IAAAA,IAAI,EAAEY,uBADD;AAELV,IAAAA,KAAK,EAAE,cAAI,YAAJ;AAFF;AArB2B,CAAlC;AA2BA,MAAMW,eAAe,GAAG,MAAxB;AAEA,MAAMC,aAAa,GAAG;AACrBC,EAAAA,WAAW,EAAE;AADQ,CAAtB;;AAIA,SAASC,gBAAT,CAA2B;AAC1BC,EAAAA,KAD0B;AAE1BC,EAAAA,QAF0B;AAG1BC,EAAAA,QAH0B;AAI1BC,EAAAA,SAJ0B;AAK1BC,EAAAA,WAAW,GAAG;AALY,CAA3B,EAMI;AACH,QAAMC,eAAe,GAAG,qCAAwBH,QAAxB,CAAxB;AACA,QAAMI,kBAAkB,GAAG,CAAC,CAAED,eAAe,CAACE,MAA9C;;AAEA,MAAK,CAAED,kBAAP,EAA4B;AAC3B,WAAO,IAAP;AACA;;AAED,WAASE,iBAAT,CAA4BC,KAA5B,EAAoC;AACnCR,IAAAA,QAAQ,CAAE,CAAED,KAAF,EAAS,MAAT,EAAkBU,QAAlB,CAA4BD,KAA5B,IAAsCE,SAAtC,GAAkDF,KAApD,CAAR;AACA;;AAED,QAAMG,sBAAsB,GAAG/B,yBAAyB,CAAEmB,KAAF,CAAxD;AACA,QAAMa,uBAAuB,GAC5BhC,yBAAyB,CAAEe,eAAF,CAD1B;AAGA,QAAMkB,WAAW,GAAGX,SAAS,GAAGY,wBAAH,GAAkBC,+BAA/C;AACA,QAAMC,WAAW,GAAG;AACnBC,IAAAA,YAAY,EAAErB,aADK;AAEnBd,IAAAA,IAAI,EAAE6B,sBAAsB,GACzBA,sBAAsB,CAAC7B,IADE,GAEzB8B,uBAAuB,CAAC9B,IAJR;AAKnBoC,IAAAA,KAAK,EAAE,cAAI,OAAJ,CALY;AAMnBC,IAAAA,WAAW,EAAE;AAAEC,MAAAA,WAAW,EAAE,cAAI,kBAAJ;AAAf;AANM,GAApB;AAQA,QAAMC,UAAU,GACfnB,SAAS,IAAIoB,kBAASC,QAAtB,GACG;AACApB,IAAAA,WAAW,EAAED,SAAS,GAAGC,WAAH,GAAiBO,SADvC;AAEAT,IAAAA,QAAQ,EAAEG,eAAe,CAACoB,GAAhB,CACT,CAAE;AAAEC,MAAAA,IAAI,EAAEC;AAAR,KAAF,KAA6B;AAC5B,aAAO,EACN,GAAG9C,yBAAyB,CAAE8C,WAAF,CADtB;AAENC,QAAAA,QAAQ,EACP5B,KAAK,KAAK2B,WAAV,IACE,CAAE3B,KAAF,IAAW2B,WAAW,KAAK,MAJxB;AAKNE,QAAAA,IAAI,EAAEzB,WAAW,GAAG,eAAH,GAAqBO,SALhC;AAMNmB,QAAAA,OAAO,EAAE,MAAMtB,iBAAiB,CAAEmB,WAAF;AAN1B,OAAP;AAQA,KAVQ;AAFV,GADH,GAgBG;AACAI,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAmB;AAC5B,aACC,qDACC,4BAAC,qBAAD;AAAW,QAAA,SAAS,EAAC;AAArB,SACG3B,eAAe,CAACoB,GAAhB,CACD,CAAE;AAAEC,QAAAA,IAAI,EAAEC,WAAR;AAAqBM,QAAAA;AAArB,OAAF,KAAmC;AAClC,cAAM;AACLlD,UAAAA,IADK;AAELE,UAAAA;AAFK,YAGFJ,yBAAyB,CAC5B8C,WAD4B,CAH7B,CADkC,CAOlC;;AACA,cAAMO,UAAU,GACfP,WAAW,KAAK3B,KAAhB,IACE,CAAEA,KAAF,IACD2B,WAAW,KAAK,MAHlB;AAIA,eACC,4BAAC,oBAAD;AACC,UAAA,GAAG,EAAGA,WADP;AAEC,UAAA,IAAI,EAAG5C,IAFR;AAGC,UAAA,YAAY,EAAC,MAHd;AAIC,UAAA,SAAS,EAAG,yBACX,qCADW,EAEX;AACC,yBAAamD;AADd,WAFW,CAJb;AAUC,UAAA,UAAU,EAAGA,UAVd;AAWC,UAAA,OAAO,EAAG,MAAM;AACf1B,YAAAA,iBAAiB,CAChBmB,WADgB,CAAjB;AAGAK,YAAAA,OAAO;AACP,WAhBF;AAiBC,UAAA,IAAI,EAAC,eAjBN;AAkBC,UAAA,IAAI,EAAGC;AAlBR,WAoBGhD,KApBH,CADD;AAwBA,OArCA,CADH,CADD,CADD;AA6CA;AA/CD,GAjBJ;AAmEA,SAAO,4BAAC,WAAD,6BAAkBgC,WAAlB,EAAqCK,UAArC,EAAP;AACA;;eAEcvB,gB","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport {\n\talignNone,\n\tpositionCenter,\n\tpositionLeft,\n\tpositionRight,\n\tstretchFullWidth,\n\tstretchWide,\n} from '@wordpress/icons';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\tnone: {\n\t\ticon: alignNone,\n\t\ttitle: __( 'None' ),\n\t},\n\tleft: {\n\t\ticon: positionLeft,\n\t\ttitle: __( 'Align left' ),\n\t},\n\tcenter: {\n\t\ticon: positionCenter,\n\t\ttitle: __( 'Align center' ),\n\t},\n\tright: {\n\t\ticon: positionRight,\n\t\ttitle: __( 'Align right' ),\n\t},\n\twide: {\n\t\ticon: stretchWide,\n\t\ttitle: __( 'Wide width' ),\n\t},\n\tfull: {\n\t\ticon: stretchFullWidth,\n\t\ttitle: __( 'Full width' ),\n\t},\n};\n\nconst DEFAULT_CONTROL = 'none';\n\nconst POPOVER_PROPS = {\n\tisAlternate: true,\n};\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n} ) {\n\tconst enabledControls = useAvailableAlignments( controls );\n\tconst hasEnabledControls = !! enabledControls.length;\n\n\tif ( ! hasEnabledControls ) {\n\t\treturn null;\n\t}\n\n\tfunction onChangeAlignment( align ) {\n\t\tonChange( [ value, 'none' ].includes( align ) ? undefined : align );\n\t}\n\n\tconst activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst commonProps = {\n\t\tpopoverProps: POPOVER_PROPS,\n\t\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t};\n\tconst extraProps =\n\t\tisToolbar || Platform.isNative\n\t\t\t? {\n\t\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\t\tcontrols: enabledControls.map(\n\t\t\t\t\t\t( { name: controlName } ) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\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  }\n\t\t\t: {\n\t\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<MenuGroup className=\"block-editor-block-alignment-control__menu-group\">\n\t\t\t\t\t\t\t\t\t{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\t\t\t\ticon,\n\t\t\t\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\t\t\t} = BLOCK_ALIGNMENTS_CONTROLS[\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ controlName }\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonPosition=\"left\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'components-dropdown-menu__menu-item',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'is-active': isSelected,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeAlignment(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</MenuGroup>\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  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"]}

package/build/components/block-alignment-control/use-available-alignments.js

@@ -20,10 +20,15 @@ var _layouts = require("../../layouts");
 /**
  * Internal dependencies
  */
-const DEFAULT_CONTROLS = ['left', 'center', 'right', 'wide', 'full'];
+const DEFAULT_CONTROLS = ['none', 'left', 'center', 'right', 'wide', 'full'];
 const WIDE_CONTROLS = ['wide', 'full'];
 
 function useAvailableAlignments(controls = DEFAULT_CONTROLS) {
+  // Always add the `none` option if not exists.
+  if (!controls.includes('none')) {
+    controls = ['none', ...controls];
+  }
+
   const {
     wideControlsEnabled = false,
     themeSupportsLayout
@@ -42,7 +47,16 @@ function useAvailableAlignments(controls = DEFAULT_CONTROLS) {
   const layoutAlignments = layoutType.getAlignments(layout);
 
   if (themeSupportsLayout) {
-    return layoutAlignments.filter(control => controls.includes(control));
+    const alignments = layoutAlignments.filter(({
+      name: alignmentName
+    }) => controls.includes(alignmentName)); // While we treat `none` as an alignment, we shouldn't return it if no
+    // other alignments exist.
+
+    if (alignments.length === 1 && alignments[0].name === 'none') {
+      return [];
+    }
+
+    return alignments;
   } // Starting here, it's the fallback for themes not supporting the layout config.
 
 
@@ -54,7 +68,15 @@ function useAvailableAlignments(controls = DEFAULT_CONTROLS) {
     alignments: availableAlignments = DEFAULT_CONTROLS
   } = layout;
   const enabledControls = controls.filter(control => (layout.alignments || // Ignore the global wideAlignment check if the layout explicitely defines alignments.
-  wideControlsEnabled || !WIDE_CONTROLS.includes(control)) && availableAlignments.includes(control));
+  wideControlsEnabled || !WIDE_CONTROLS.includes(control)) && availableAlignments.includes(control)).map(enabledControl => ({
+    name: enabledControl
+  })); // While we treat `none` as an alignment, we shouldn't return it if no
+  // other alignments exist.
+
+  if (enabledControls.length === 1 && enabledControls[0].name === 'none') {
+    return [];
+  }
+
   return enabledControls;
 }
 //# sourceMappingURL=use-available-alignments.js.map

package/build/components/block-alignment-control/use-available-alignments.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/use-available-alignments.js"],"names":["DEFAULT_CONTROLS","WIDE_CONTROLS","useAvailableAlignments","controls","wideControlsEnabled","themeSupportsLayout","select","getSettings","blockEditorStore","settings","alignWide","supportsLayout","layout","layoutType","type","layoutAlignments","getAlignments","filter","control","includes","name","alignments","availableAlignments","enabledControls"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,gBAAgB,GAAG,CAAE,MAAF,EAAU,QAAV,EAAoB,OAApB,EAA6B,MAA7B,EAAqC,MAArC,CAAzB;AACA,MAAMC,aAAa,GAAG,CAAE,MAAF,EAAU,MAAV,CAAtB;;AAEe,SAASC,sBAAT,CAAiCC,QAAQ,GAAGH,gBAA5C,EAA+D;AAC7E,QAAM;AAAEI,IAAAA,mBAAmB,GAAG,KAAxB;AAA+BC,IAAAA;AAA/B,MAAuD,qBAC1DC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEE,YAAF,CAA9B;AACA,UAAMC,QAAQ,GAAGF,WAAW,EAA5B;AACA,WAAO;AACNH,MAAAA,mBAAmB,EAAEK,QAAQ,CAACC,SADxB;AAENL,MAAAA,mBAAmB,EAAEI,QAAQ,CAACE;AAFxB,KAAP;AAIA,GAR2D,EAS5D,EAT4D,CAA7D;AAWA,QAAMC,MAAM,GAAG,wBAAf;AACA,QAAMC,UAAU,GAAG,4BAAeD,MAAf,aAAeA,MAAf,uBAAeA,MAAM,CAAEE,IAAvB,CAAnB;AACA,QAAMC,gBAAgB,GAAGF,UAAU,CAACG,aAAX,CAA0BJ,MAA1B,CAAzB;;AAEA,MAAKP,mBAAL,EAA2B;AAC1B,WAAOU,gBAAgB,CAACE,MAAjB,CAA2BC,OAAF,IAC/Bf,QAAQ,CAACgB,QAAT,CAAmBD,OAAnB,CADM,CAAP;AAGA,GApB4E,CAsB7E;;;AACA,MAAKL,UAAU,CAACO,IAAX,KAAoB,SAAzB,EAAqC;AACpC,WAAO,EAAP;AACA;;AACD,QAAM;AAAEC,IAAAA,UAAU,EAAEC,mBAAmB,GAAGtB;AAApC,MAAyDY,MAA/D;AACA,QAAMW,eAAe,GAAGpB,QAAQ,CAACc,MAAT,CACrBC,OAAF,IACC,CAAEN,MAAM,CAACS,UAAP,IAAqB;AACtBjB,EAAAA,mBADC,IAED,CAAEH,aAAa,CAACkB,QAAd,CAAwBD,OAAxB,CAFH,KAGAI,mBAAmB,CAACH,QAApB,CAA8BD,OAA9B,CALsB,CAAxB;AAQA,SAAOK,eAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useLayout } from '../block-list/layout';\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\nconst DEFAULT_CONTROLS = [ 'left', 'center', 'right', 'wide', 'full' ];\nconst WIDE_CONTROLS = [ 'wide', 'full' ];\n\nexport default function useAvailableAlignments( controls = DEFAULT_CONTROLS ) {\n\tconst { wideControlsEnabled = false, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\treturn {\n\t\t\t\twideControlsEnabled: settings.alignWide,\n\t\t\t\tthemeSupportsLayout: settings.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst layout = useLayout();\n\tconst layoutType = getLayoutType( layout?.type );\n\tconst layoutAlignments = layoutType.getAlignments( layout );\n\n\tif ( themeSupportsLayout ) {\n\t\treturn layoutAlignments.filter( ( control ) =>\n\t\t\tcontrols.includes( control )\n\t\t);\n\t}\n\n\t// Starting here, it's the fallback for themes not supporting the layout config.\n\tif ( layoutType.name !== 'default' ) {\n\t\treturn [];\n\t}\n\tconst { alignments: availableAlignments = DEFAULT_CONTROLS } = layout;\n\tconst enabledControls = controls.filter(\n\t\t( control ) =>\n\t\t\t( layout.alignments || // Ignore the global wideAlignment check if the layout explicitely defines alignments.\n\t\t\t\twideControlsEnabled ||\n\t\t\t\t! WIDE_CONTROLS.includes( control ) ) &&\n\t\t\tavailableAlignments.includes( control )\n\t);\n\n\treturn enabledControls;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-alignment-control/use-available-alignments.js"],"names":["DEFAULT_CONTROLS","WIDE_CONTROLS","useAvailableAlignments","controls","includes","wideControlsEnabled","themeSupportsLayout","select","getSettings","blockEditorStore","settings","alignWide","supportsLayout","layout","layoutType","type","layoutAlignments","getAlignments","alignments","filter","name","alignmentName","length","availableAlignments","enabledControls","control","map","enabledControl"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,gBAAgB,GAAG,CAAE,MAAF,EAAU,MAAV,EAAkB,QAAlB,EAA4B,OAA5B,EAAqC,MAArC,EAA6C,MAA7C,CAAzB;AACA,MAAMC,aAAa,GAAG,CAAE,MAAF,EAAU,MAAV,CAAtB;;AAEe,SAASC,sBAAT,CAAiCC,QAAQ,GAAGH,gBAA5C,EAA+D;AAC7E;AACA,MAAK,CAAEG,QAAQ,CAACC,QAAT,CAAmB,MAAnB,CAAP,EAAqC;AACpCD,IAAAA,QAAQ,GAAG,CAAE,MAAF,EAAU,GAAGA,QAAb,CAAX;AACA;;AACD,QAAM;AAAEE,IAAAA,mBAAmB,GAAG,KAAxB;AAA+BC,IAAAA;AAA/B,MAAuD,qBAC1DC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEE,YAAF,CAA9B;AACA,UAAMC,QAAQ,GAAGF,WAAW,EAA5B;AACA,WAAO;AACNH,MAAAA,mBAAmB,EAAEK,QAAQ,CAACC,SADxB;AAENL,MAAAA,mBAAmB,EAAEI,QAAQ,CAACE;AAFxB,KAAP;AAIA,GAR2D,EAS5D,EAT4D,CAA7D;AAWA,QAAMC,MAAM,GAAG,wBAAf;AACA,QAAMC,UAAU,GAAG,4BAAeD,MAAf,aAAeA,MAAf,uBAAeA,MAAM,CAAEE,IAAvB,CAAnB;AACA,QAAMC,gBAAgB,GAAGF,UAAU,CAACG,aAAX,CAA0BJ,MAA1B,CAAzB;;AAEA,MAAKP,mBAAL,EAA2B;AAC1B,UAAMY,UAAU,GAAGF,gBAAgB,CAACG,MAAjB,CAClB,CAAE;AAAEC,MAAAA,IAAI,EAAEC;AAAR,KAAF,KAA+BlB,QAAQ,CAACC,QAAT,CAAmBiB,aAAnB,CADb,CAAnB,CAD0B,CAI1B;AACA;;AACA,QAAKH,UAAU,CAACI,MAAX,KAAsB,CAAtB,IAA2BJ,UAAU,CAAE,CAAF,CAAV,CAAgBE,IAAhB,KAAyB,MAAzD,EAAkE;AACjE,aAAO,EAAP;AACA;;AACD,WAAOF,UAAP;AACA,GA9B4E,CAgC7E;;;AACA,MAAKJ,UAAU,CAACM,IAAX,KAAoB,SAAzB,EAAqC;AACpC,WAAO,EAAP;AACA;;AACD,QAAM;AAAEF,IAAAA,UAAU,EAAEK,mBAAmB,GAAGvB;AAApC,MAAyDa,MAA/D;AACA,QAAMW,eAAe,GAAGrB,QAAQ,CAC9BgB,MADsB,CAEpBM,OAAF,IACC,CAAEZ,MAAM,CAACK,UAAP,IAAqB;AACtBb,EAAAA,mBADC,IAED,CAAEJ,aAAa,CAACG,QAAd,CAAwBqB,OAAxB,CAFH,KAGAF,mBAAmB,CAACnB,QAApB,CAA8BqB,OAA9B,CANqB,EAQtBC,GARsB,CAQfC,cAAF,KAAwB;AAAEP,IAAAA,IAAI,EAAEO;AAAR,GAAxB,CARiB,CAAxB,CArC6E,CA+C7E;AACA;;AACA,MACCH,eAAe,CAACF,MAAhB,KAA2B,CAA3B,IACAE,eAAe,CAAE,CAAF,CAAf,CAAqBJ,IAArB,KAA8B,MAF/B,EAGE;AACD,WAAO,EAAP;AACA;;AAED,SAAOI,eAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useLayout } from '../block-list/layout';\nimport { store as blockEditorStore } from '../../store';\nimport { getLayoutType } from '../../layouts';\n\nconst DEFAULT_CONTROLS = [ 'none', 'left', 'center', 'right', 'wide', 'full' ];\nconst WIDE_CONTROLS = [ 'wide', 'full' ];\n\nexport default function useAvailableAlignments( controls = DEFAULT_CONTROLS ) {\n\t// Always add the `none` option if not exists.\n\tif ( ! controls.includes( 'none' ) ) {\n\t\tcontrols = [ 'none', ...controls ];\n\t}\n\tconst { wideControlsEnabled = false, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\tconst settings = getSettings();\n\t\t\treturn {\n\t\t\t\twideControlsEnabled: settings.alignWide,\n\t\t\t\tthemeSupportsLayout: settings.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst layout = useLayout();\n\tconst layoutType = getLayoutType( layout?.type );\n\tconst layoutAlignments = layoutType.getAlignments( layout );\n\n\tif ( themeSupportsLayout ) {\n\t\tconst alignments = layoutAlignments.filter(\n\t\t\t( { name: alignmentName } ) => controls.includes( alignmentName )\n\t\t);\n\t\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t\t// other alignments exist.\n\t\tif ( alignments.length === 1 && alignments[ 0 ].name === 'none' ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn alignments;\n\t}\n\n\t// Starting here, it's the fallback for themes not supporting the layout config.\n\tif ( layoutType.name !== 'default' ) {\n\t\treturn [];\n\t}\n\tconst { alignments: availableAlignments = DEFAULT_CONTROLS } = layout;\n\tconst enabledControls = controls\n\t\t.filter(\n\t\t\t( control ) =>\n\t\t\t\t( layout.alignments || // Ignore the global wideAlignment check if the layout explicitely defines alignments.\n\t\t\t\t\twideControlsEnabled ||\n\t\t\t\t\t! WIDE_CONTROLS.includes( control ) ) &&\n\t\t\t\tavailableAlignments.includes( control )\n\t\t)\n\t\t.map( ( enabledControl ) => ( { name: enabledControl } ) );\n\n\t// While we treat `none` as an alignment, we shouldn't return it if no\n\t// other alignments exist.\n\tif (\n\t\tenabledControls.length === 1 &&\n\t\tenabledControls[ 0 ].name === 'none'\n\t) {\n\t\treturn [];\n\t}\n\n\treturn enabledControls;\n}\n"]}

package/build/components/block-controls/fill.js

@@ -30,9 +30,9 @@ function BlockControlsFill({
   group = 'default',
   controls,
   children,
-  __experimentalExposeToChildren = false
+  __experimentalShareWithChildBlocks = false
 }) {
-  const Fill = (0, _hook.default)(group, __experimentalExposeToChildren);
+  const Fill = (0, _hook.default)(group, __experimentalShareWithChildBlocks);
 
   if (!Fill) {
     return null;

package/build/components/block-controls/fill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"names":["BlockControlsFill","group","controls","children","__experimentalExposeToChildren","Fill","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AASA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAGe,SAASA,iBAAT,CAA4B;AAC1CC,EAAAA,KAAK,GAAG,SADkC;AAE1CC,EAAAA,QAF0C;AAG1CC,EAAAA,QAH0C;AAI1CC,EAAAA,8BAA8B,GAAG;AAJS,CAA5B,EAKX;AACH,QAAMC,IAAI,GAAG,mBAAsBJ,KAAtB,EAA6BG,8BAA7B,CAAb;;AACA,MAAK,CAAEC,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGC;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,wCAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGC;AAAjC,OACGP,KAAK,KAAK,SAAV,IACD,4BAAC,wBAAD;AAAc,MAAA,QAAQ,EAAGC;AAAzB,MAFF,EAIGC,QAJH,CADD;AAQA,GAdF,CADD,CADD;AAoBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useBlockControlsFill from './hook';\n\nexport default function BlockControlsFill( {\n\tgroup = 'default',\n\tcontrols,\n\tchildren,\n\t__experimentalExposeToChildren = false,\n} ) {\n\tconst Fill = useBlockControlsFill( group, __experimentalExposeToChildren );\n\tif ( ! Fill ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to BlockControlsFill will not have access to any\n\t\t\t\t\t// React Context whose Provider is part of the BlockControlsSlot tree.\n\t\t\t\t\t// So we re-create the Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ group === 'default' && (\n\t\t\t\t\t\t\t\t<ToolbarGroup controls={ controls } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolbarContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"names":["BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AASA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAGe,SAASA,iBAAT,CAA4B;AAC1CC,EAAAA,KAAK,GAAG,SADkC;AAE1CC,EAAAA,QAF0C;AAG1CC,EAAAA,QAH0C;AAI1CC,EAAAA,kCAAkC,GAAG;AAJK,CAA5B,EAKX;AACH,QAAMC,IAAI,GAAG,mBACZJ,KADY,EAEZG,kCAFY,CAAb;;AAIA,MAAK,CAAEC,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGC;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,wCAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGC;AAAjC,OACGP,KAAK,KAAK,SAAV,IACD,4BAAC,wBAAD;AAAc,MAAA,QAAQ,EAAGC;AAAzB,MAFF,EAIGC,QAJH,CADD;AAQA,GAdF,CADD,CADD;AAoBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolbarContext as ToolbarContext,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useBlockControlsFill from './hook';\n\nexport default function BlockControlsFill( {\n\tgroup = 'default',\n\tcontrols,\n\tchildren,\n\t__experimentalShareWithChildBlocks = false,\n} ) {\n\tconst Fill = useBlockControlsFill(\n\t\tgroup,\n\t\t__experimentalShareWithChildBlocks\n\t);\n\tif ( ! Fill ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to BlockControlsFill will not have access to any\n\t\t\t\t\t// React Context whose Provider is part of the BlockControlsSlot tree.\n\t\t\t\t\t// So we re-create the Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ group === 'default' && (\n\t\t\t\t\t\t\t\t<ToolbarGroup controls={ controls } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolbarContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}

package/build/components/block-controls/hook.js

@@ -26,7 +26,7 @@ var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-bl
 /**
  * Internal dependencies
  */
-function useBlockControlsFill(group, exposeToChildren) {
+function useBlockControlsFill(group, shareWithChildBlocks) {
   const isDisplayed = (0, _useDisplayBlockControls.default)();
   const {
     clientId
@@ -39,8 +39,8 @@ function useBlockControlsFill(group, exposeToChildren) {
     const {
       hasBlockSupport
     } = select(_blocks.store);
-    return exposeToChildren && hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId);
-  }, [exposeToChildren, clientId]);
+    return shareWithChildBlocks && hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId);
+  }, [shareWithChildBlocks, clientId]);
 
   if (isDisplayed) {
     var _groups$group;

package/build/components/block-controls/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"names":["useBlockControlsFill","group","exposeToChildren","isDisplayed","clientId","isParentDisplayed","select","getBlockName","hasSelectedInnerBlock","blockEditorStore","hasBlockSupport","blocksStore","groups","Fill","parent"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;AAMe,SAASA,oBAAT,CAA+BC,KAA/B,EAAsCC,gBAAtC,EAAyD;AACvE,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,QAAMC,iBAAiB,GAAG,qBACvBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAA0CF,MAAM,CACrDG,YADqD,CAAtD;AAGA,UAAM;AAAEC,MAAAA;AAAF,QAAsBJ,MAAM,CAAEK,aAAF,CAAlC;AACA,WACCT,gBAAgB,IAChBQ,eAAe,CACdH,YAAY,CAAEH,QAAF,CADE,EAEd,wCAFc,EAGd,KAHc,CADf,IAMAI,qBAAqB,CAAEJ,QAAF,CAPtB;AASA,GAfwB,EAgBzB,CAAEF,gBAAF,EAAoBE,QAApB,CAhByB,CAA1B;;AAmBA,MAAKD,WAAL,EAAmB;AAAA;;AAClB,4BAAOS,gBAAQX,KAAR,CAAP,kDAAO,cAAiBY,IAAxB;AACA;;AACD,MAAKR,iBAAL,EAAyB;AACxB,WAAOO,gBAAOE,MAAP,CAAcD,IAArB;AACA;;AACD,SAAO,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit/context';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nexport default function useBlockControlsFill( group, exposeToChildren ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst { clientId } = useBlockEditContext();\n\tconst isParentDisplayed = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, hasSelectedInnerBlock } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\texposeToChildren &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t'__experimentalExposeControlsToChildren',\n\t\t\t\t\tfalse\n\t\t\t\t) &&\n\t\t\t\thasSelectedInnerBlock( clientId )\n\t\t\t);\n\t\t},\n\t\t[ exposeToChildren, clientId ]\n\t);\n\n\tif ( isDisplayed ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( isParentDisplayed ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-controls/hook.js"],"names":["useBlockControlsFill","group","shareWithChildBlocks","isDisplayed","clientId","isParentDisplayed","select","getBlockName","hasSelectedInnerBlock","blockEditorStore","hasBlockSupport","blocksStore","groups","Fill","parent"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAIA;AACA;AACA;AAMe,SAASA,oBAAT,CAA+BC,KAA/B,EAAsCC,oBAAtC,EAA6D;AAC3E,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAe,mCAArB;AACA,QAAMC,iBAAiB,GAAG,qBACvBC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,YAAF;AAAgBC,MAAAA;AAAhB,QAA0CF,MAAM,CACrDG,YADqD,CAAtD;AAGA,UAAM;AAAEC,MAAAA;AAAF,QAAsBJ,MAAM,CAAEK,aAAF,CAAlC;AACA,WACCT,oBAAoB,IACpBQ,eAAe,CACdH,YAAY,CAAEH,QAAF,CADE,EAEd,wCAFc,EAGd,KAHc,CADf,IAMAI,qBAAqB,CAAEJ,QAAF,CAPtB;AASA,GAfwB,EAgBzB,CAAEF,oBAAF,EAAwBE,QAAxB,CAhByB,CAA1B;;AAmBA,MAAKD,WAAL,EAAmB;AAAA;;AAClB,4BAAOS,gBAAQX,KAAR,CAAP,kDAAO,cAAiBY,IAAxB;AACA;;AACD,MAAKR,iBAAL,EAAyB;AACxB,WAAOO,gBAAOE,MAAP,CAAcD,IAArB;AACA;;AACD,SAAO,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit/context';\nimport useDisplayBlockControls from '../use-display-block-controls';\n\nexport default function useBlockControlsFill( group, shareWithChildBlocks ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst { clientId } = useBlockEditContext();\n\tconst isParentDisplayed = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, hasSelectedInnerBlock } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\t\treturn (\n\t\t\t\tshareWithChildBlocks &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t'__experimentalExposeControlsToChildren',\n\t\t\t\t\tfalse\n\t\t\t\t) &&\n\t\t\t\thasSelectedInnerBlock( clientId )\n\t\t\t);\n\t\t},\n\t\t[ shareWithChildBlocks, clientId ]\n\t);\n\n\tif ( isDisplayed ) {\n\t\treturn groups[ group ]?.Fill;\n\t}\n\tif ( isParentDisplayed ) {\n\t\treturn groups.parent.Fill;\n\t}\n\treturn null;\n}\n"]}

package/build/components/block-icon/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = BlockIcon;
+exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -49,4 +49,8 @@ function BlockIcon({
     })
   }, renderedIcon);
 }
+
+var _default = (0, _element.memo)(BlockIcon);
+
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/block-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-icon/index.js"],"names":["BlockIcon","icon","showColors","className","src","blockDefault","renderedIcon","style","backgroundColor","background","color","foreground"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,SAAT,CAAoB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,UAAU,GAAG,KAArB;AAA4BC,EAAAA;AAA5B,CAApB,EAA8D;AAAA;;AAC5E,MAAK,UAAAF,IAAI,UAAJ,sCAAMG,GAAN,MAAc,eAAnB,EAAqC;AACpCH,IAAAA,IAAI,GAAG;AACNG,MAAAA,GAAG,EAAEC;AADC,KAAP;AAGA;;AAED,QAAMC,YAAY,GAAG,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAGL,IAAI,IAAIA,IAAI,CAACG,GAAb,GAAmBH,IAAI,CAACG,GAAxB,GAA8BH;AAA3C,IAArB;AACA,QAAMM,KAAK,GAAGL,UAAU,GACrB;AACAM,IAAAA,eAAe,EAAEP,IAAI,IAAIA,IAAI,CAACQ,UAD9B;AAEAC,IAAAA,KAAK,EAAET,IAAI,IAAIA,IAAI,CAACU;AAFpB,GADqB,GAKrB,EALH;AAOA,SACC;AACC,IAAA,KAAK,EAAGJ,KADT;AAEC,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCJ,SAAvC,EAAkD;AAC7D,oBAAcD;AAD+C,KAAlD;AAFb,KAMGI,YANH,CADD;AAUA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\n\nexport default function BlockIcon( { icon, showColors = false, className } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = <Icon icon={ icon && icon.src ? icon.src : icon } />;\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<span\n\t\t\tstyle={ style }\n\t\t\tclassName={ classnames( 'block-editor-block-icon', className, {\n\t\t\t\t'has-colors': showColors,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ renderedIcon }\n\t\t</span>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-icon/index.js"],"names":["BlockIcon","icon","showColors","className","src","blockDefault","renderedIcon","style","backgroundColor","background","color","foreground"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,SAAT,CAAoB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,UAAU,GAAG,KAArB;AAA4BC,EAAAA;AAA5B,CAApB,EAA8D;AAAA;;AAC7D,MAAK,UAAAF,IAAI,UAAJ,sCAAMG,GAAN,MAAc,eAAnB,EAAqC;AACpCH,IAAAA,IAAI,GAAG;AACNG,MAAAA,GAAG,EAAEC;AADC,KAAP;AAGA;;AAED,QAAMC,YAAY,GAAG,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAGL,IAAI,IAAIA,IAAI,CAACG,GAAb,GAAmBH,IAAI,CAACG,GAAxB,GAA8BH;AAA3C,IAArB;AACA,QAAMM,KAAK,GAAGL,UAAU,GACrB;AACAM,IAAAA,eAAe,EAAEP,IAAI,IAAIA,IAAI,CAACQ,UAD9B;AAEAC,IAAAA,KAAK,EAAET,IAAI,IAAIA,IAAI,CAACU;AAFpB,GADqB,GAKrB,EALH;AAOA,SACC;AACC,IAAA,KAAK,EAAGJ,KADT;AAEC,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCJ,SAAvC,EAAkD;AAC7D,oBAAcD;AAD+C,KAAlD;AAFb,KAMGI,YANH,CADD;AAUA;;eAEc,mBAAMN,SAAN,C","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { memo } from '@wordpress/element';\n\nfunction BlockIcon( { icon, showColors = false, className } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = <Icon icon={ icon && icon.src ? icon.src : icon } />;\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<span\n\t\t\tstyle={ style }\n\t\t\tclassName={ classnames( 'block-editor-block-icon', className, {\n\t\t\t\t'has-colors': showColors,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ renderedIcon }\n\t\t</span>\n\t);\n}\n\nexport default memo( BlockIcon );\n"]}

package/build/components/block-icon/index.native.js

@@ -37,10 +37,9 @@ function BlockIcon({
   icon,
   fill,
   size,
-  showColors = false,
-  getStylesFromColorScheme
+  showColors = false
 }) {
-  var _icon;
+  var _icon, _usePreferredColorSch, _icon2;
 
   if (((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.src) === 'block-default') {
     icon = {
@@ -48,23 +47,22 @@ function BlockIcon({
     };
   }
 
+  const defaultFill = (_usePreferredColorSch = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark)) === null || _usePreferredColorSch === void 0 ? void 0 : _usePreferredColorSch.fill;
+  const iconForeground = showColors ? (_icon2 = icon) === null || _icon2 === void 0 ? void 0 : _icon2.foreground : undefined;
   const renderedIcon = (0, _element.createElement)(_components.Icon, (0, _extends2.default)({
-    icon: icon && icon.src ? icon.src : icon
-  }, fill && {
-    fill
+    icon: icon && icon.src ? icon.src : icon,
+    fill: fill || iconForeground || defaultFill
   }, size && {
     size
-  }, !fill && getStylesFromColorScheme(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark)));
+  }));
   const style = showColors ? {
-    backgroundColor: icon && icon.background,
-    color: icon && icon.foreground
+    backgroundColor: icon && icon.background
   } : {};
   return (0, _element.createElement)(_reactNative.View, {
     style: style
   }, renderedIcon);
 }
 
-var _default = (0, _compose.withPreferredColorScheme)(BlockIcon);
-
+var _default = BlockIcon;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/components/block-icon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-icon/index.native.js"],"names":["BlockIcon","icon","fill","size","showColors","getStylesFromColorScheme","src","blockDefault","renderedIcon","styles","iconPlaceholder","iconPlaceholderDark","style","backgroundColor","background","color","foreground"],"mappings":";;;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAGO,SAASA,SAAT,CAAoB;AAC1BC,EAAAA,IAD0B;AAE1BC,EAAAA,IAF0B;AAG1BC,EAAAA,IAH0B;AAI1BC,EAAAA,UAAU,GAAG,KAJa;AAK1BC,EAAAA;AAL0B,CAApB,EAMH;AAAA;;AACH,MAAK,UAAAJ,IAAI,UAAJ,sCAAMK,GAAN,MAAc,eAAnB,EAAqC;AACpCL,IAAAA,IAAI,GAAG;AACNK,MAAAA,GAAG,EAAEC;AADC,KAAP;AAGA;;AAED,QAAMC,YAAY,GACjB,4BAAC,gBAAD;AACC,IAAA,IAAI,EAAGP,IAAI,IAAIA,IAAI,CAACK,GAAb,GAAmBL,IAAI,CAACK,GAAxB,GAA8BL;AADtC,KAEQC,IAAI,IAAI;AAAEA,IAAAA;AAAF,GAFhB,EAGQC,IAAI,IAAI;AAAEA,IAAAA;AAAF,GAHhB,EAIQ,CAAED,IAAF,IACNG,wBAAwB,CACvBI,eAAOC,eADgB,EAEvBD,eAAOE,mBAFgB,CAL1B,EADD;AAYA,QAAMC,KAAK,GAAGR,UAAU,GACrB;AACAS,IAAAA,eAAe,EAAEZ,IAAI,IAAIA,IAAI,CAACa,UAD9B;AAEAC,IAAAA,KAAK,EAAEd,IAAI,IAAIA,IAAI,CAACe;AAFpB,GADqB,GAKrB,EALH;AAOA,SAAO,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ;AAAd,KAAwBJ,YAAxB,CAAP;AACA;;eAEc,uCAA0BR,SAA1B,C","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function BlockIcon( {\n\ticon,\n\tfill,\n\tsize,\n\tshowColors = false,\n\tgetStylesFromColorScheme,\n} ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst renderedIcon = (\n\t\t<Icon\n\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\t{ ...( fill && { fill } ) }\n\t\t\t{ ...( size && { size } ) }\n\t\t\t{ ...( ! fill &&\n\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t) ) }\n\t\t/>\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t\t\tcolor: icon && icon.foreground,\n\t\t  }\n\t\t: {};\n\n\treturn <View style={ style }>{ renderedIcon }</View>;\n}\n\nexport default withPreferredColorScheme( BlockIcon );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-icon/index.native.js"],"names":["BlockIcon","icon","fill","size","showColors","src","blockDefault","defaultFill","styles","iconPlaceholder","iconPlaceholderDark","iconForeground","foreground","undefined","renderedIcon","style","backgroundColor","background"],"mappings":";;;;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAGO,SAASA,SAAT,CAAoB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAR;AAAcC,EAAAA,IAAd;AAAoBC,EAAAA,UAAU,GAAG;AAAjC,CAApB,EAA+D;AAAA;;AACrE,MAAK,UAAAH,IAAI,UAAJ,sCAAMI,GAAN,MAAc,eAAnB,EAAqC;AACpCJ,IAAAA,IAAI,GAAG;AACNI,MAAAA,GAAG,EAAEC;AADC,KAAP;AAGA;;AAED,QAAMC,WAAW,4BAAG,2CACnBC,eAAOC,eADY,EAEnBD,eAAOE,mBAFY,CAAH,0DAAG,sBAGjBR,IAHH;AAIA,QAAMS,cAAc,GAAGP,UAAU,aAAGH,IAAH,2CAAG,OAAMW,UAAT,GAAsBC,SAAvD;AAEA,QAAMC,YAAY,GACjB,4BAAC,gBAAD;AACC,IAAA,IAAI,EAAGb,IAAI,IAAIA,IAAI,CAACI,GAAb,GAAmBJ,IAAI,CAACI,GAAxB,GAA8BJ,IADtC;AAEC,IAAA,IAAI,EAAGC,IAAI,IAAIS,cAAR,IAA0BJ;AAFlC,KAGQJ,IAAI,IAAI;AAAEA,IAAAA;AAAF,GAHhB,EADD;AAOA,QAAMY,KAAK,GAAGX,UAAU,GACrB;AACAY,IAAAA,eAAe,EAAEf,IAAI,IAAIA,IAAI,CAACgB;AAD9B,GADqB,GAIrB,EAJH;AAMA,SAAO,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGF;AAAd,KAAwBD,YAAxB,CAAP;AACA;;eAEcd,S","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { blockDefault } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function BlockIcon( { icon, fill, size, showColors = false } ) {\n\tif ( icon?.src === 'block-default' ) {\n\t\ticon = {\n\t\t\tsrc: blockDefault,\n\t\t};\n\t}\n\n\tconst defaultFill = usePreferredColorSchemeStyle(\n\t\tstyles.iconPlaceholder,\n\t\tstyles.iconPlaceholderDark\n\t)?.fill;\n\tconst iconForeground = showColors ? icon?.foreground : undefined;\n\n\tconst renderedIcon = (\n\t\t<Icon\n\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\tfill={ fill || iconForeground || defaultFill }\n\t\t\t{ ...( size && { size } ) }\n\t\t/>\n\t);\n\tconst style = showColors\n\t\t? {\n\t\t\t\tbackgroundColor: icon && icon.background,\n\t\t  }\n\t\t: {};\n\n\treturn <View style={ style }>{ renderedIcon }</View>;\n}\n\nexport default BlockIcon;\n"]}

package/build/components/block-inspector/index.js

@@ -132,6 +132,14 @@ const BlockInspectorSingleBlock = ({
     blockName: blockName
   }))), (0, _element.createElement)(_inspectorControls.default.Slot, {
     bubblesVirtually: bubblesVirtually
+  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+    __experimentalGroup: "typography",
+    bubblesVirtually: bubblesVirtually,
+    label: (0, _i18n.__)('Typography')
+  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+    __experimentalGroup: "dimensions",
+    bubblesVirtually: bubblesVirtually,
+    label: (0, _i18n.__)('Dimensions')
   }), (0, _element.createElement)("div", null, (0, _element.createElement)(AdvancedControls, {
     bubblesVirtually: bubblesVirtually
   })), (0, _element.createElement)(_skipToSelectedBlock.default, {