@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -1 +1 @@
-{"version":3,"names":["applyFilters","hasFilter","Autocomplete","__unstableUseAutocompleteProps","useAutocompleteProps","useMemo","getDefaultBlockName","getBlockSupport","useBlockEditContext","blockAutocompleter","linkAutocompleter","EMPTY_ARRAY","useCompleters","completers","name","filteredCompleters","map","completer","useBlockEditorAutocompleteProps","props","BlockEditorAutocomplete","createElement"],"sources":["@wordpress/block-editor/src/components/autocomplete/index.js"],"sourcesContent":["/**\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';\nimport linkAutocompleter from '../../autocompleters/link';\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, linkAutocompleter ];\n\n\t\tif (\n\t\t\tname === getDefaultBlockName() ||\n\t\t\tgetBlockSupport( name, '__experimentalSlashInserter', false )\n\t\t) {\n\t\t\tfilteredCompleters = [ ...filteredCompleters, blockAutocompleter ];\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(\n\t\t\t\t\t( completer ) => ( { ...completer } )\n\t\t\t\t);\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"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,SAAS,QAAQ,kBAAkB;AAC1D,SACCC,YAAY,EACZC,8BAA8B,IAAIC,oBAAoB,QAChD,uBAAuB;AAC9B,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,mBAAmB;;AAExE;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,OAAOC,kBAAkB,MAAM,4BAA4B;AAC3D,OAAOC,iBAAiB,MAAM,2BAA2B;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,aAAaA,CAAE;EAAEC,UAAU,GAAGF;AAAY,CAAC,EAAG;EACtD,MAAM;IAAEG;EAAK,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EACtC,OAAOH,OAAO,CAAE,MAAM;IACrB,IAAIU,kBAAkB,GAAG,CAAE,GAAGF,UAAU,EAAEH,iBAAiB,CAAE;IAE7D,IACCI,IAAI,KAAKR,mBAAmB,CAAC,CAAC,IAC9BC,eAAe,CAAEO,IAAI,EAAE,6BAA6B,EAAE,KAAM,CAAC,EAC5D;MACDC,kBAAkB,GAAG,CAAE,GAAGA,kBAAkB,EAAEN,kBAAkB,CAAE;IACnE;IAEA,IAAKR,SAAS,CAAE,gCAAiC,CAAC,EAAG;MACpD;MACA,IAAKc,kBAAkB,KAAKF,UAAU,EAAG;QACxCE,kBAAkB,GAAGA,kBAAkB,CAACC,GAAG,CACxCC,SAAS,KAAQ;UAAE,GAAGA;QAAU,CAAC,CACpC,CAAC;MACF;MAEAF,kBAAkB,GAAGf,YAAY,CAChC,gCAAgC,EAChCe,kBAAkB,EAClBD,IACD,CAAC;IACF;IAEA,OAAOC,kBAAkB;EAC1B,CAAC,EAAE,CAAEF,UAAU,EAAEC,IAAI,CAAG,CAAC;AAC1B;AAEA,OAAO,SAASI,+BAA+BA,CAAEC,KAAK,EAAG;EACxD,OAAOf,oBAAoB,CAAE;IAC5B,GAAGe,KAAK;IACRN,UAAU,EAAED,aAAa,CAAEO,KAAM;EAClC,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,uBAAuBA,CAAED,KAAK,EAAG;EACzC,OAAOE,aAAA,CAACnB,YAAY;IAAA,GAAMiB,KAAK;IAAGN,UAAU,EAAGD,aAAa,CAAEO,KAAM;EAAG,CAAE,CAAC;AAC3E;;AAEA;AACA;AACA;AACA,eAAeC,uBAAuB","ignoreList":[]}
+{"version":3,"names":["applyFilters","hasFilter","Autocomplete","__unstableUseAutocompleteProps","useAutocompleteProps","useMemo","getDefaultBlockName","getBlockSupport","useBlockEditContext","blockAutocompleter","linkAutocompleter","jsx","_jsx","EMPTY_ARRAY","useCompleters","completers","name","filteredCompleters","map","completer","useBlockEditorAutocompleteProps","props","BlockEditorAutocomplete"],"sources":["@wordpress/block-editor/src/components/autocomplete/index.js"],"sourcesContent":["/**\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';\nimport linkAutocompleter from '../../autocompleters/link';\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, linkAutocompleter ];\n\n\t\tif (\n\t\t\tname === getDefaultBlockName() ||\n\t\t\tgetBlockSupport( name, '__experimentalSlashInserter', false )\n\t\t) {\n\t\t\tfilteredCompleters = [ ...filteredCompleters, blockAutocompleter ];\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(\n\t\t\t\t\t( completer ) => ( { ...completer } )\n\t\t\t\t);\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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,SAAS,QAAQ,kBAAkB;AAC1D,SACCC,YAAY,EACZC,8BAA8B,IAAIC,oBAAoB,QAChD,uBAAuB;AAC9B,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,mBAAmB;;AAExE;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,OAAOC,kBAAkB,MAAM,4BAA4B;AAC3D,OAAOC,iBAAiB,MAAM,2BAA2B;;AAEzD;AACA;AACA;AACA;AACA;AACA;AALA,SAAAC,GAAA,IAAAC,IAAA;AAMA,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,aAAaA,CAAE;EAAEC,UAAU,GAAGF;AAAY,CAAC,EAAG;EACtD,MAAM;IAAEG;EAAK,CAAC,GAAGR,mBAAmB,CAAC,CAAC;EACtC,OAAOH,OAAO,CAAE,MAAM;IACrB,IAAIY,kBAAkB,GAAG,CAAE,GAAGF,UAAU,EAAEL,iBAAiB,CAAE;IAE7D,IACCM,IAAI,KAAKV,mBAAmB,CAAC,CAAC,IAC9BC,eAAe,CAAES,IAAI,EAAE,6BAA6B,EAAE,KAAM,CAAC,EAC5D;MACDC,kBAAkB,GAAG,CAAE,GAAGA,kBAAkB,EAAER,kBAAkB,CAAE;IACnE;IAEA,IAAKR,SAAS,CAAE,gCAAiC,CAAC,EAAG;MACpD;MACA,IAAKgB,kBAAkB,KAAKF,UAAU,EAAG;QACxCE,kBAAkB,GAAGA,kBAAkB,CAACC,GAAG,CACxCC,SAAS,KAAQ;UAAE,GAAGA;QAAU,CAAC,CACpC,CAAC;MACF;MAEAF,kBAAkB,GAAGjB,YAAY,CAChC,gCAAgC,EAChCiB,kBAAkB,EAClBD,IACD,CAAC;IACF;IAEA,OAAOC,kBAAkB;EAC1B,CAAC,EAAE,CAAEF,UAAU,EAAEC,IAAI,CAAG,CAAC;AAC1B;AAEA,OAAO,SAASI,+BAA+BA,CAAEC,KAAK,EAAG;EACxD,OAAOjB,oBAAoB,CAAE;IAC5B,GAAGiB,KAAK;IACRN,UAAU,EAAED,aAAa,CAAEO,KAAM;EAClC,CAAE,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,uBAAuBA,CAAED,KAAK,EAAG;EACzC,oBAAOT,IAAA,CAACV,YAAY;IAAA,GAAMmB,KAAK;IAAGN,UAAU,EAAGD,aAAa,CAAEO,KAAM;EAAG,CAAE,CAAC;AAC3E;;AAEA;AACA;AACA;AACA,eAAeC,uBAAuB","ignoreList":[]}

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

@@ -26,16 +26,18 @@ export default function BlockActions({
       getBlocksByClientId,
       getDirectInsertBlock,
       canMoveBlocks,
-      canRemoveBlocks
+      canRemoveBlocks,
+      getBlockEditingMode
     } = select(blockEditorStore);
     const blocks = getBlocksByClientId(clientIds);
     const rootClientId = getBlockRootClientId(clientIds[0]);
+    const rootBlockEditingMode = getBlockEditingMode(rootClientId);
     const canInsertDefaultBlock = canInsertBlockType(getDefaultBlockName(), rootClientId);
     const directInsertBlock = rootClientId ? getDirectInsertBlock(rootClientId) : null;
     return {
       canMove: canMoveBlocks(clientIds, rootClientId),
       canRemove: canRemoveBlocks(clientIds, rootClientId),
-      canInsertBlock: canInsertDefaultBlock || !!directInsertBlock,
+      canInsertBlock: (canInsertDefaultBlock || !!directInsertBlock) && rootBlockEditingMode === 'default',
       canCopyStyles: blocks.every(block => {
         return !!block && (hasBlockSupport(block.name, 'color') || hasBlockSupport(block.name, 'typography'));
       }),

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

@@ -1 +1 @@
-{"version":3,"names":["useDispatch","useSelect","hasBlockSupport","switchToBlockType","store","blocksStore","useNotifyCopy","usePasteStyles","blockEditorStore","BlockActions","clientIds","children","__experimentalUpdateSelection","updateSelection","getDefaultBlockName","getGroupingBlockName","selected","select","canInsertBlockType","getBlockRootClientId","getBlocksByClientId","getDirectInsertBlock","canMoveBlocks","canRemoveBlocks","blocks","rootClientId","canInsertDefaultBlock","directInsertBlock","canMove","canRemove","canInsertBlock","canCopyStyles","every","block","name","canDuplicate","getBlocks","removeBlocks","replaceBlocks","duplicateBlocks","insertAfterBlock","insertBeforeBlock","flashBlock","setBlockMovingClientId","setNavigationMode","selectBlock","notifyCopy","pasteStyles","onDuplicate","onRemove","onInsertBefore","onInsertAfter","length","onMoveTo","onGroup","groupingBlockName","newBlocks","onUngroup","innerBlocks","onCopy","onPasteStyles"],"sources":["@wordpress/block-editor/src/components/block-actions/index.js"],"sourcesContent":["/**\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 '../../utils/use-notify-copy';\nimport usePasteStyles from '../use-paste-styles';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockActions( {\n\tclientIds,\n\tchildren,\n\t__experimentalUpdateSelection: updateSelection,\n} ) {\n\tconst { getDefaultBlockName, getGroupingBlockName } =\n\t\tuseSelect( blocksStore );\n\tconst selected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tgetDirectInsertBlock,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tcanRemoveBlocks,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst canInsertDefaultBlock = canInsertBlockType(\n\t\t\t\tgetDefaultBlockName(),\n\t\t\t\trootClientId\n\t\t\t);\n\t\t\tconst directInsertBlock = rootClientId\n\t\t\t\t? getDirectInsertBlock( rootClientId )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\t\tcanRemove: canRemoveBlocks( clientIds, rootClientId ),\n\t\t\t\tcanInsertBlock: canInsertDefaultBlock || !! directInsertBlock,\n\t\t\t\tcanCopyStyles: blocks.every( ( block ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t( hasBlockSupport( block.name, 'color' ) ||\n\t\t\t\t\t\t\thasBlockSupport( block.name, 'typography' ) )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t\t\tcanDuplicate: blocks.every( ( block ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\thasBlockSupport( block.name, 'multiple', true ) &&\n\t\t\t\t\t\tcanInsertBlockType( block.name, rootClientId )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, getDefaultBlockName ]\n\t);\n\tconst { getBlocksByClientId, getBlocks } = useSelect( blockEditorStore );\n\n\tconst { canMove, canRemove, canInsertBlock, canCopyStyles, canDuplicate } =\n\t\tselected;\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\tconst pasteStyles = usePasteStyles();\n\n\treturn children( {\n\t\tcanCopyStyles,\n\t\tcanDuplicate,\n\t\tcanInsertBlock,\n\t\tcanMove,\n\t\tcanRemove,\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( clientIds[ 0 ] );\n\t\t},\n\t\tonInsertAfter() {\n\t\t\tinsertAfterBlock( clientIds[ clientIds.length - 1 ] );\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 ( ! clientIds.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(\n\t\t\t\tgetBlocksByClientId( clientIds ),\n\t\t\t\tgroupingBlockName\n\t\t\t);\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 ( ! clientIds.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst innerBlocks = getBlocks( clientIds[ 0 ] );\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\tif ( clientIds.length === 1 ) {\n\t\t\t\tflashBlock( clientIds[ 0 ] );\n\t\t\t}\n\t\t\tnotifyCopy( 'copy', clientIds );\n\t\t},\n\t\tasync onPasteStyles() {\n\t\t\tawait pasteStyles( getBlocksByClientId( clientIds ) );\n\t\t},\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useDispatch","useSelect","hasBlockSupport","switchToBlockType","store","blocksStore","useNotifyCopy","usePasteStyles","blockEditorStore","BlockActions","clientIds","children","__experimentalUpdateSelection","updateSelection","getDefaultBlockName","getGroupingBlockName","selected","select","canInsertBlockType","getBlockRootClientId","getBlocksByClientId","getDirectInsertBlock","canMoveBlocks","canRemoveBlocks","getBlockEditingMode","blocks","rootClientId","rootBlockEditingMode","canInsertDefaultBlock","directInsertBlock","canMove","canRemove","canInsertBlock","canCopyStyles","every","block","name","canDuplicate","getBlocks","removeBlocks","replaceBlocks","duplicateBlocks","insertAfterBlock","insertBeforeBlock","flashBlock","setBlockMovingClientId","setNavigationMode","selectBlock","notifyCopy","pasteStyles","onDuplicate","onRemove","onInsertBefore","onInsertAfter","length","onMoveTo","onGroup","groupingBlockName","newBlocks","onUngroup","innerBlocks","onCopy","onPasteStyles"],"sources":["@wordpress/block-editor/src/components/block-actions/index.js"],"sourcesContent":["/**\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 '../../utils/use-notify-copy';\nimport usePasteStyles from '../use-paste-styles';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockActions( {\n\tclientIds,\n\tchildren,\n\t__experimentalUpdateSelection: updateSelection,\n} ) {\n\tconst { getDefaultBlockName, getGroupingBlockName } =\n\t\tuseSelect( blocksStore );\n\tconst selected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tgetDirectInsertBlock,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tcanRemoveBlocks,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds );\n\t\t\tconst rootClientId = getBlockRootClientId( clientIds[ 0 ] );\n\t\t\tconst rootBlockEditingMode = getBlockEditingMode( rootClientId );\n\t\t\tconst canInsertDefaultBlock = canInsertBlockType(\n\t\t\t\tgetDefaultBlockName(),\n\t\t\t\trootClientId\n\t\t\t);\n\t\t\tconst directInsertBlock = rootClientId\n\t\t\t\t? getDirectInsertBlock( rootClientId )\n\t\t\t\t: null;\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\t\tcanRemove: canRemoveBlocks( clientIds, rootClientId ),\n\t\t\t\tcanInsertBlock:\n\t\t\t\t\t( canInsertDefaultBlock || !! directInsertBlock ) &&\n\t\t\t\t\trootBlockEditingMode === 'default',\n\t\t\t\tcanCopyStyles: blocks.every( ( block ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t( hasBlockSupport( block.name, 'color' ) ||\n\t\t\t\t\t\t\thasBlockSupport( block.name, 'typography' ) )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t\t\tcanDuplicate: blocks.every( ( block ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\thasBlockSupport( block.name, 'multiple', true ) &&\n\t\t\t\t\t\tcanInsertBlockType( block.name, rootClientId )\n\t\t\t\t\t);\n\t\t\t\t} ),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, getDefaultBlockName ]\n\t);\n\tconst { getBlocksByClientId, getBlocks } = useSelect( blockEditorStore );\n\n\tconst { canMove, canRemove, canInsertBlock, canCopyStyles, canDuplicate } =\n\t\tselected;\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\tconst pasteStyles = usePasteStyles();\n\n\treturn children( {\n\t\tcanCopyStyles,\n\t\tcanDuplicate,\n\t\tcanInsertBlock,\n\t\tcanMove,\n\t\tcanRemove,\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( clientIds[ 0 ] );\n\t\t},\n\t\tonInsertAfter() {\n\t\t\tinsertAfterBlock( clientIds[ clientIds.length - 1 ] );\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 ( ! clientIds.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(\n\t\t\t\tgetBlocksByClientId( clientIds ),\n\t\t\t\tgroupingBlockName\n\t\t\t);\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 ( ! clientIds.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst innerBlocks = getBlocks( clientIds[ 0 ] );\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\tif ( clientIds.length === 1 ) {\n\t\t\t\tflashBlock( clientIds[ 0 ] );\n\t\t\t}\n\t\t\tnotifyCopy( 'copy', clientIds );\n\t\t},\n\t\tasync onPasteStyles() {\n\t\t\tawait pasteStyles( getBlocksByClientId( clientIds ) );\n\t\t},\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-alignment-control/index.js

@@ -1,16 +1,16 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
 import BlockAlignmentUI from './ui';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BlockAlignmentControl = props => {
-  return createElement(BlockAlignmentUI, {
+  return /*#__PURE__*/_jsx(BlockAlignmentUI, {
     ...props,
     isToolbar: false
   });
 };
 const BlockAlignmentToolbar = props => {
-  return createElement(BlockAlignmentUI, {
+  return /*#__PURE__*/_jsx(BlockAlignmentUI, {
     ...props,
     isToolbar: true
   });

package/build-module/components/block-alignment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BlockAlignmentUI","BlockAlignmentControl","props","createElement","isToolbar","BlockAlignmentToolbar"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockAlignmentUI from './ui';\n\nconst BlockAlignmentControl = ( props ) => {\n\treturn <BlockAlignmentUI { ...props } isToolbar={ false } />;\n};\n\nconst BlockAlignmentToolbar = ( props ) => {\n\treturn <BlockAlignmentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-control/README.md\n */\nexport { BlockAlignmentControl, BlockAlignmentToolbar };\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,MAAM;AAEnC,MAAMC,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,OAAOC,aAAA,CAACH,gBAAgB;IAAA,GAAME,KAAK;IAAGE,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAED,MAAMC,qBAAqB,GAAKH,KAAK,IAAM;EAC1C,OAAOC,aAAA,CAACH,gBAAgB;IAAA,GAAME,KAAK;IAAGE,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AACA,SAASH,qBAAqB,EAAEI,qBAAqB","ignoreList":[]}
+{"version":3,"names":["BlockAlignmentUI","jsx","_jsx","BlockAlignmentControl","props","isToolbar","BlockAlignmentToolbar"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockAlignmentUI from './ui';\n\nconst BlockAlignmentControl = ( props ) => {\n\treturn <BlockAlignmentUI { ...props } isToolbar={ false } />;\n};\n\nconst BlockAlignmentToolbar = ( props ) => {\n\treturn <BlockAlignmentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-control/README.md\n */\nexport { BlockAlignmentControl, BlockAlignmentToolbar };\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,oBAAOF,IAAA,CAACF,gBAAgB;IAAA,GAAMI,KAAK;IAAGC,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAED,MAAMC,qBAAqB,GAAKF,KAAK,IAAM;EAC1C,oBAAOF,IAAA,CAACF,gBAAgB;IAAA,GAAMI,KAAK;IAAGC,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AACA,SAASF,qBAAqB,EAAEG,qBAAqB","ignoreList":[]}

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

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classNames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -15,6 +14,8 @@ import { ToolbarDropdownMenu, ToolbarGroup, MenuGroup, MenuItem } from '@wordpre
  */
 import useAvailableAlignments from './use-available-alignments';
 import { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function BlockAlignmentUI({
   value,
   onChange,
@@ -56,37 +57,40 @@ function BlockAlignmentUI({
     children: ({
       onClose
     }) => {
-      return createElement(Fragment, null, createElement(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 createElement(MenuItem, {
-          key: controlName,
-          icon: icon,
-          iconPosition: "left",
-          className: classNames('components-dropdown-menu__menu-item', {
-            'is-active': isSelected
-          }),
-          isSelected: isSelected,
-          onClick: () => {
-            onChangeAlignment(controlName);
-            onClose();
-          },
-          role: "menuitemradio",
-          info: info
-        }, title);
-      })));
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx(MenuGroup, {
+          className: "block-editor-block-alignment-control__menu-group",
+          children: 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 /*#__PURE__*/_jsx(MenuItem, {
+              icon: icon,
+              iconPosition: "left",
+              className: clsx('components-dropdown-menu__menu-item', {
+                'is-active': isSelected
+              }),
+              isSelected: isSelected,
+              onClick: () => {
+                onChangeAlignment(controlName);
+                onClose();
+              },
+              role: "menuitemradio",
+              info: info,
+              children: title
+            }, controlName);
+          })
+        })
+      });
     }
   };
-  return createElement(UIComponent, {
+  return /*#__PURE__*/_jsx(UIComponent, {
     ...commonProps,
     ...extraProps
   });

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

@@ -1 +1 @@
-{"version":3,"names":["classNames","__","ToolbarDropdownMenu","ToolbarGroup","MenuGroup","MenuItem","useAvailableAlignments","BLOCK_ALIGNMENTS_CONTROLS","DEFAULT_CONTROL","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","UIComponent","commonProps","icon","label","extraProps","map","name","controlName","isActive","role","onClick","toggleProps","describedBy","children","onClose","createElement","Fragment","className","info","title","isSelected","key","iconPosition"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"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';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\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\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\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{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_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// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\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\ticon={ icon }\n\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\tclassName={ classNames(\n\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{\n\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}\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\tisSelected={ isSelected }\n\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\tonChangeAlignment(\n\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);\n\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} }\n\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\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\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</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__","ToolbarDropdownMenu","ToolbarGroup","MenuGroup","MenuItem","useAvailableAlignments","BLOCK_ALIGNMENTS_CONTROLS","DEFAULT_CONTROL","jsx","_jsx","Fragment","_Fragment","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","UIComponent","commonProps","icon","label","extraProps","map","name","controlName","isActive","role","onClick","toggleProps","describedBy","children","onClose","className","info","title","isSelected","iconPosition"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL } from './constants';\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\ticon: activeAlignmentControl\n\t\t\t? activeAlignmentControl.icon\n\t\t\t: defaultAlignmentControl.icon,\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isToolbar\n\t\t? {\n\t\t\t\tisCollapsed,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t  }\n\t\t: {\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t\t\tchildren: ( { onClose } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\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{ enabledControls.map(\n\t\t\t\t\t\t\t\t\t( { name: controlName, info } ) => {\n\t\t\t\t\t\t\t\t\t\tconst { icon, title } =\n\t\t\t\t\t\t\t\t\t\t\tBLOCK_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// If no value is provided, mark as selected the `none` option.\n\t\t\t\t\t\t\t\t\t\tconst isSelected =\n\t\t\t\t\t\t\t\t\t\t\tcontrolName === value ||\n\t\t\t\t\t\t\t\t\t\t\t( ! value &&\n\t\t\t\t\t\t\t\t\t\t\t\tcontrolName === 'none' );\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\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\ticon={ icon }\n\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\tclassName={ clsx(\n\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{\n\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}\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\tisSelected={ isSelected }\n\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\tonChangeAlignment(\n\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);\n\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} }\n\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\tinfo={ info }\n\t\t\t\t\t\t\t\t\t\t\t>\n\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</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +9,7 @@ import { ToolbarDropdownMenu, ToolbarGroup, BottomSheetSelectControl } from '@wo
  */
 import useAvailableAlignments from './use-available-alignments';
 import { BLOCK_ALIGNMENTS_CONTROLS, DEFAULT_CONTROL, POPOVER_PROPS } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
 function BlockAlignmentUI({
   value,
   onChange,
@@ -63,7 +63,7 @@ function BlockAlignmentUI({
       describedBy: __('Change alignment')
     }
   };
-  return createElement(UIComponent, {
+  return /*#__PURE__*/_jsx(UIComponent, {
     ...commonProps,
     ...extraProps
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__","ToolbarDropdownMenu","ToolbarGroup","BottomSheetSelectControl","useAvailableAlignments","BLOCK_ALIGNMENTS_CONTROLS","DEFAULT_CONTROL","POPOVER_PROPS","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","isBottomSheetControl","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","toolbarUIComponent","UIComponent","commonProps","label","extraProps","options","map","name","controlName","control","title","icon","isActive","onClick","popoverProps","toggleProps","describedBy","createElement"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tBottomSheetSelectControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport {\n\tBLOCK_ALIGNMENTS_CONTROLS,\n\tDEFAULT_CONTROL,\n\tPOPOVER_PROPS,\n} from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n\tisBottomSheetControl = false,\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 toolbarUIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst UIComponent = isBottomSheetControl\n\t\t? BottomSheetSelectControl\n\t\t: toolbarUIComponent;\n\n\tconst commonProps = {\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isBottomSheetControl\n\t\t? {\n\t\t\t\toptions: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\tconst control = BLOCK_ALIGNMENTS_CONTROLS[ controlName ];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: controlName,\n\t\t\t\t\t\tlabel: control.title,\n\t\t\t\t\t\ticon: control.icon,\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tvalue: activeAlignmentControl ? value : 'none',\n\t\t\t\tonChange: ( align ) => onChangeAlignment( align ),\n\t\t  }\n\t\t: {\n\t\t\t\ticon: activeAlignmentControl\n\t\t\t\t\t? activeAlignmentControl.icon\n\t\t\t\t\t: defaultAlignmentControl.icon,\n\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tpopoverProps: POPOVER_PROPS,\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,mBAAmB,EACnBC,YAAY,EACZC,wBAAwB,QAClB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,sBAAsB,MAAM,4BAA4B;AAC/D,SACCC,yBAAyB,EACzBC,eAAe,EACfC,aAAa,QACP,aAAa;AAEpB,SAASC,gBAAgBA,CAAE;EAC1BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,WAAW,GAAG,IAAI;EAClBC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGX,sBAAsB,CAAEO,QAAS,CAAC;EAC1D,MAAMK,kBAAkB,GAAG,CAAC,CAAED,eAAe,CAACE,MAAM;EAEpD,IAAK,CAAED,kBAAkB,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,SAASE,iBAAiBA,CAAEC,KAAK,EAAG;IACnCT,QAAQ,CAAE,CAAED,KAAK,EAAE,MAAM,CAAE,CAACW,QAAQ,CAAED,KAAM,CAAC,GAAGE,SAAS,GAAGF,KAAM,CAAC;EACpE;EAEA,MAAMG,sBAAsB,GAAGjB,yBAAyB,CAAEI,KAAK,CAAE;EACjE,MAAMc,uBAAuB,GAC5BlB,yBAAyB,CAAEC,eAAe,CAAE;EAE7C,MAAMkB,kBAAkB,GAAGZ,SAAS,GAAGV,YAAY,GAAGD,mBAAmB;EACzE,MAAMwB,WAAW,GAAGX,oBAAoB,GACrCX,wBAAwB,GACxBqB,kBAAkB;EAErB,MAAME,WAAW,GAAG;IACnBC,KAAK,EAAE3B,EAAE,CAAE,OAAQ;EACpB,CAAC;EACD,MAAM4B,UAAU,GAAGd,oBAAoB,GACpC;IACAe,OAAO,EAAEd,eAAe,CAACe,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC1D,MAAMC,OAAO,GAAG5B,yBAAyB,CAAE2B,WAAW,CAAE;MACxD,OAAO;QACNvB,KAAK,EAAEuB,WAAW;QAClBL,KAAK,EAAEM,OAAO,CAACC,KAAK;QACpBC,IAAI,EAAEF,OAAO,CAACE;MACf,CAAC;IACF,CAAE,CAAC;IACH1B,KAAK,EAAEa,sBAAsB,GAAGb,KAAK,GAAG,MAAM;IAC9CC,QAAQ,EAAIS,KAAK,IAAMD,iBAAiB,CAAEC,KAAM;EAChD,CAAC,GACD;IACAgB,IAAI,EAAEb,sBAAsB,GACzBA,sBAAsB,CAACa,IAAI,GAC3BZ,uBAAuB,CAACY,IAAI;IAC/BtB,WAAW,EAAED,SAAS,GAAGC,WAAW,GAAGQ,SAAS;IAChDV,QAAQ,EAAEI,eAAe,CAACe,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC3D,OAAO;QACN,GAAG3B,yBAAyB,CAAE2B,WAAW,CAAE;QAC3CI,QAAQ,EACP3B,KAAK,KAAKuB,WAAW,IACnB,CAAEvB,KAAK,IAAIuB,WAAW,KAAK,MAAQ;QACtCK,OAAO,EAAEA,CAAA,KAAMnB,iBAAiB,CAAEc,WAAY;MAC/C,CAAC;IACF,CAAE,CAAC;IACHM,YAAY,EAAE/B,aAAa;IAC3BgC,WAAW,EAAE;MAAEC,WAAW,EAAExC,EAAE,CAAE,kBAAmB;IAAE;EACrD,CAAC;EAEJ,OAAOyC,aAAA,CAAChB,WAAW;IAAA,GAAMC,WAAW;IAAA,GAAQE;EAAU,CAAI,CAAC;AAC5D;AAEA,eAAepB,gBAAgB","ignoreList":[]}
+{"version":3,"names":["__","ToolbarDropdownMenu","ToolbarGroup","BottomSheetSelectControl","useAvailableAlignments","BLOCK_ALIGNMENTS_CONTROLS","DEFAULT_CONTROL","POPOVER_PROPS","jsx","_jsx","BlockAlignmentUI","value","onChange","controls","isToolbar","isCollapsed","isBottomSheetControl","enabledControls","hasEnabledControls","length","onChangeAlignment","align","includes","undefined","activeAlignmentControl","defaultAlignmentControl","toolbarUIComponent","UIComponent","commonProps","label","extraProps","options","map","name","controlName","control","title","icon","isActive","onClick","popoverProps","toggleProps","describedBy"],"sources":["@wordpress/block-editor/src/components/block-alignment-control/ui.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tBottomSheetSelectControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useAvailableAlignments from './use-available-alignments';\nimport {\n\tBLOCK_ALIGNMENTS_CONTROLS,\n\tDEFAULT_CONTROL,\n\tPOPOVER_PROPS,\n} from './constants';\n\nfunction BlockAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols,\n\tisToolbar,\n\tisCollapsed = true,\n\tisBottomSheetControl = false,\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 toolbarUIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst UIComponent = isBottomSheetControl\n\t\t? BottomSheetSelectControl\n\t\t: toolbarUIComponent;\n\n\tconst commonProps = {\n\t\tlabel: __( 'Align' ),\n\t};\n\tconst extraProps = isBottomSheetControl\n\t\t? {\n\t\t\t\toptions: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\tconst control = BLOCK_ALIGNMENTS_CONTROLS[ controlName ];\n\t\t\t\t\treturn {\n\t\t\t\t\t\tvalue: controlName,\n\t\t\t\t\t\tlabel: control.title,\n\t\t\t\t\t\ticon: control.icon,\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tvalue: activeAlignmentControl ? value : 'none',\n\t\t\t\tonChange: ( align ) => onChangeAlignment( align ),\n\t\t  }\n\t\t: {\n\t\t\t\ticon: activeAlignmentControl\n\t\t\t\t\t? activeAlignmentControl.icon\n\t\t\t\t\t: defaultAlignmentControl.icon,\n\t\t\t\tisCollapsed: isToolbar ? isCollapsed : undefined,\n\t\t\t\tcontrols: enabledControls.map( ( { name: controlName } ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ controlName ],\n\t\t\t\t\t\tisActive:\n\t\t\t\t\t\t\tvalue === controlName ||\n\t\t\t\t\t\t\t( ! value && controlName === 'none' ),\n\t\t\t\t\t\tonClick: () => onChangeAlignment( controlName ),\n\t\t\t\t\t};\n\t\t\t\t} ),\n\t\t\t\tpopoverProps: POPOVER_PROPS,\n\t\t\t\ttoggleProps: { describedBy: __( 'Change alignment' ) },\n\t\t  };\n\n\treturn <UIComponent { ...commonProps } { ...extraProps } />;\n}\n\nexport default BlockAlignmentUI;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,mBAAmB,EACnBC,YAAY,EACZC,wBAAwB,QAClB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,sBAAsB,MAAM,4BAA4B;AAC/D,SACCC,yBAAyB,EACzBC,eAAe,EACfC,aAAa,QACP,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErB,SAASC,gBAAgBA,CAAE;EAC1BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,WAAW,GAAG,IAAI;EAClBC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,MAAMC,eAAe,GAAGb,sBAAsB,CAAES,QAAS,CAAC;EAC1D,MAAMK,kBAAkB,GAAG,CAAC,CAAED,eAAe,CAACE,MAAM;EAEpD,IAAK,CAAED,kBAAkB,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,SAASE,iBAAiBA,CAAEC,KAAK,EAAG;IACnCT,QAAQ,CAAE,CAAED,KAAK,EAAE,MAAM,CAAE,CAACW,QAAQ,CAAED,KAAM,CAAC,GAAGE,SAAS,GAAGF,KAAM,CAAC;EACpE;EAEA,MAAMG,sBAAsB,GAAGnB,yBAAyB,CAAEM,KAAK,CAAE;EACjE,MAAMc,uBAAuB,GAC5BpB,yBAAyB,CAAEC,eAAe,CAAE;EAE7C,MAAMoB,kBAAkB,GAAGZ,SAAS,GAAGZ,YAAY,GAAGD,mBAAmB;EACzE,MAAM0B,WAAW,GAAGX,oBAAoB,GACrCb,wBAAwB,GACxBuB,kBAAkB;EAErB,MAAME,WAAW,GAAG;IACnBC,KAAK,EAAE7B,EAAE,CAAE,OAAQ;EACpB,CAAC;EACD,MAAM8B,UAAU,GAAGd,oBAAoB,GACpC;IACAe,OAAO,EAAEd,eAAe,CAACe,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC1D,MAAMC,OAAO,GAAG9B,yBAAyB,CAAE6B,WAAW,CAAE;MACxD,OAAO;QACNvB,KAAK,EAAEuB,WAAW;QAClBL,KAAK,EAAEM,OAAO,CAACC,KAAK;QACpBC,IAAI,EAAEF,OAAO,CAACE;MACf,CAAC;IACF,CAAE,CAAC;IACH1B,KAAK,EAAEa,sBAAsB,GAAGb,KAAK,GAAG,MAAM;IAC9CC,QAAQ,EAAIS,KAAK,IAAMD,iBAAiB,CAAEC,KAAM;EAChD,CAAC,GACD;IACAgB,IAAI,EAAEb,sBAAsB,GACzBA,sBAAsB,CAACa,IAAI,GAC3BZ,uBAAuB,CAACY,IAAI;IAC/BtB,WAAW,EAAED,SAAS,GAAGC,WAAW,GAAGQ,SAAS;IAChDV,QAAQ,EAAEI,eAAe,CAACe,GAAG,CAAE,CAAE;MAAEC,IAAI,EAAEC;IAAY,CAAC,KAAM;MAC3D,OAAO;QACN,GAAG7B,yBAAyB,CAAE6B,WAAW,CAAE;QAC3CI,QAAQ,EACP3B,KAAK,KAAKuB,WAAW,IACnB,CAAEvB,KAAK,IAAIuB,WAAW,KAAK,MAAQ;QACtCK,OAAO,EAAEA,CAAA,KAAMnB,iBAAiB,CAAEc,WAAY;MAC/C,CAAC;IACF,CAAE,CAAC;IACHM,YAAY,EAAEjC,aAAa;IAC3BkC,WAAW,EAAE;MAAEC,WAAW,EAAE1C,EAAE,CAAE,kBAAmB;IAAE;EACrD,CAAC;EAEJ,oBAAOS,IAAA,CAACkB,WAAW;IAAA,GAAMC,WAAW;IAAA,GAAQE;EAAU,CAAI,CAAC;AAC5D;AAEA,eAAepB,gBAAgB","ignoreList":[]}

package/build-module/components/block-alignment-matrix-control/index.js

@@ -1,10 +1,10 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { DOWN } from '@wordpress/keycodes';
 import { ToolbarButton, Dropdown, __experimentalAlignmentMatrixControl as AlignmentMatrixControl } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 const noop = () => {};
 function BlockAlignmentMatrixControl(props) {
   const {
@@ -13,10 +13,10 @@ function BlockAlignmentMatrixControl(props) {
     value = 'center',
     isDisabled
   } = props;
-  const icon = createElement(AlignmentMatrixControl.Icon, {
+  const icon = /*#__PURE__*/_jsx(AlignmentMatrixControl.Icon, {
     value: value
   });
-  return createElement(Dropdown, {
+  return /*#__PURE__*/_jsx(Dropdown, {
     popoverProps: {
       placement: 'bottom-start'
     },
@@ -30,7 +30,7 @@ function BlockAlignmentMatrixControl(props) {
           onToggle();
         }
       };
-      return createElement(ToolbarButton, {
+      return /*#__PURE__*/_jsx(ToolbarButton, {
         onClick: onToggle,
         "aria-haspopup": "true",
         "aria-expanded": isOpen,
@@ -41,7 +41,7 @@ function BlockAlignmentMatrixControl(props) {
         disabled: isDisabled
       });
     },
-    renderContent: () => createElement(AlignmentMatrixControl, {
+    renderContent: () => /*#__PURE__*/_jsx(AlignmentMatrixControl, {
       hasFocusBorder: false,
       onChange: onChange,
       value: value

package/build-module/components/block-alignment-matrix-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","DOWN","ToolbarButton","Dropdown","__experimentalAlignmentMatrixControl","AlignmentMatrixControl","noop","BlockAlignmentMatrixControl","props","label","onChange","value","isDisabled","icon","createElement","Icon","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","preventDefault","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SACCC,aAAa,EACbC,QAAQ,EACRC,oCAAoC,IAAIC,sBAAsB,QACxD,uBAAuB;AAE9B,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAGT,EAAE,CAAE,yBAA0B,CAAC;IACvCU,QAAQ,GAAGJ,IAAI;IACfK,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGJ,KAAK;EAET,MAAMK,IAAI,GAAGC,aAAA,CAACT,sBAAsB,CAACU,IAAI;IAACJ,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,OACCG,aAAA,CAACX,QAAQ;IACRa,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKtB,IAAI,EAAG;UACzCqB,KAAK,CAACE,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,OACCL,aAAA,CAACZ,aAAa;QACbuB,OAAO,EAAGN,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBM,SAAS,EAAGL,eAAiB;QAC7BZ,KAAK,EAAGA,KAAO;QACfI,IAAI,EAAGA,IAAM;QACbc,WAAW;QACXC,QAAQ,EAAGhB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHiB,aAAa,EAAGA,CAAA,KACff,aAAA,CAACT,sBAAsB;MACtByB,cAAc,EAAG,KAAO;MACxBpB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAEA,eAAeJ,2BAA2B","ignoreList":[]}
+{"version":3,"names":["__","DOWN","ToolbarButton","Dropdown","__experimentalAlignmentMatrixControl","AlignmentMatrixControl","jsx","_jsx","noop","BlockAlignmentMatrixControl","props","label","onChange","value","isDisabled","icon","Icon","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","preventDefault","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SACCC,aAAa,EACbC,QAAQ,EACRC,oCAAoC,IAAIC,sBAAsB,QACxD,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/B,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAGX,EAAE,CAAE,yBAA0B,CAAC;IACvCY,QAAQ,GAAGJ,IAAI;IACfK,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGJ,KAAK;EAET,MAAMK,IAAI,gBAAGR,IAAA,CAACF,sBAAsB,CAACW,IAAI;IAACH,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,oBACCN,IAAA,CAACJ,QAAQ;IACRc,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKvB,IAAI,EAAG;UACzCsB,KAAK,CAACE,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,oBACCb,IAAA,CAACL,aAAa;QACbwB,OAAO,EAAGN,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBM,SAAS,EAAGL,eAAiB;QAC7BX,KAAK,EAAGA,KAAO;QACfI,IAAI,EAAGA,IAAM;QACba,WAAW;QACXC,QAAQ,EAAGf;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHgB,aAAa,EAAGA,CAAA,kBACfvB,IAAA,CAACF,sBAAsB;MACtB0B,cAAc,EAAG,KAAO;MACxBnB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAEA,eAAeJ,2BAA2B","ignoreList":[]}

package/build-module/components/block-bindings-toolbar-indicator/index.js

@@ -1,18 +1,99 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
-import { ToolbarItem, ToolbarGroup, Icon } from '@wordpress/components';
-import { connection } from '@wordpress/icons';
-import { _x } from '@wordpress/i18n';
-export default function BlockBindingsToolbarIndicator() {
-  return createElement(ToolbarGroup, null, createElement(ToolbarItem, {
-    as: 'div',
-    "aria-label": _x('Connected', 'block toolbar button label'),
-    className: "block-editor-block-bindings-toolbar-indicator"
-  }, createElement(Icon, {
-    icon: connection,
-    size: 24
-  })));
+import { useId } from '@wordpress/element';
+import { __, sprintf, _x } from '@wordpress/i18n';
+import { DropdownMenu, ToolbarGroup, ToolbarItem, __experimentalText as Text } from '@wordpress/components';
+import { store as blocksStore } from '@wordpress/blocks';
+import { useSelect } from '@wordpress/data';
+import { copy } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import { store as blockEditorStore } from '../../store';
+import BlockIcon from '../block-icon';
+import useBlockDisplayTitle from '../block-title/use-block-display-title';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function BlockBindingsToolbarIndicator({
+  clientIds
+}) {
+  const isSingleBlockSelected = clientIds.length === 1;
+  const {
+    icon,
+    firstBlockName,
+    isConnectedToPatternOverrides
+  } = useSelect(select => {
+    const {
+      getBlockAttributes,
+      getBlockNamesByClientId,
+      getBlocksByClientId
+    } = select(blockEditorStore);
+    const {
+      getBlockType,
+      getActiveBlockVariation
+    } = select(blocksStore);
+    const blockTypeNames = getBlockNamesByClientId(clientIds);
+    const _firstBlockTypeName = blockTypeNames[0];
+    const firstBlockType = getBlockType(_firstBlockTypeName);
+    let _icon;
+    if (isSingleBlockSelected) {
+      const match = getActiveBlockVariation(_firstBlockTypeName, getBlockAttributes(clientIds[0]));
+      // Take into account active block variations.
+      _icon = match?.icon || firstBlockType.icon;
+    } else {
+      const isSelectionOfSameType = new Set(blockTypeNames).size === 1;
+      // When selection consists of blocks of multiple types, display an
+      // appropriate icon to communicate the non-uniformity.
+      _icon = isSelectionOfSameType ? firstBlockType.icon : copy;
+    }
+    return {
+      icon: _icon,
+      firstBlockName: getBlockAttributes(clientIds[0]).metadata.name,
+      isConnectedToPatternOverrides: getBlocksByClientId(clientIds).some(block => Object.values(block?.attributes.metadata?.bindings).some(binding => binding.source === 'core/pattern-overrides'))
+    };
+  }, [clientIds, isSingleBlockSelected]);
+  const firstBlockTitle = useBlockDisplayTitle({
+    clientId: clientIds[0],
+    maximumLength: 35
+  });
+  let blockDescription = isSingleBlockSelected ? _x('This block is connected.', 'block toolbar button label and description') : _x('These blocks are connected.', 'block toolbar button label and description');
+  if (isConnectedToPatternOverrides && firstBlockName) {
+    blockDescription = isSingleBlockSelected ? sprintf( /* translators: %1s: The block type's name; %2s: The block's user-provided name (the same as the override name). */
+    __('This %1$s is editable using the "%2$s" override.'), firstBlockTitle.toLowerCase(), firstBlockName) : __('These blocks are editable using overrides.');
+  }
+  const descriptionId = useId();
+  return /*#__PURE__*/_jsx(ToolbarGroup, {
+    children: /*#__PURE__*/_jsx(ToolbarItem, {
+      children: toggleProps => /*#__PURE__*/_jsx(DropdownMenu, {
+        className: "block-editor-block-bindings-toolbar-indicator",
+        label: firstBlockTitle,
+        popoverProps: {
+          placement: 'bottom-start',
+          className: 'block-editor-block-bindings-toolbar-indicator__popover'
+        },
+        icon: /*#__PURE__*/_jsx(_Fragment, {
+          children: /*#__PURE__*/_jsx(BlockIcon, {
+            icon: icon,
+            className: "block-editor-block-bindings-toolbar-indicator-icon",
+            showColors: true
+          })
+        }),
+        toggleProps: {
+          describedBy: blockDescription,
+          ...toggleProps
+        },
+        menuProps: {
+          orientation: 'both',
+          'aria-describedby': descriptionId
+        },
+        children: () => /*#__PURE__*/_jsx(Text, {
+          id: descriptionId,
+          children: blockDescription
+        })
+      })
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/block-bindings-toolbar-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToolbarItem","ToolbarGroup","Icon","connection","_x","BlockBindingsToolbarIndicator","createElement","as","className","icon","size"],"sources":["@wordpress/block-editor/src/components/block-bindings-toolbar-indicator/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarItem, ToolbarGroup, Icon } from '@wordpress/components';\nimport { connection } from '@wordpress/icons';\nimport { _x } from '@wordpress/i18n';\n\nexport default function BlockBindingsToolbarIndicator() {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ 'div' }\n\t\t\t\taria-label={ _x( 'Connected', 'block toolbar button label' ) }\n\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator\"\n\t\t\t>\n\t\t\t\t<Icon icon={ connection } size={ 24 } />\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,YAAY,EAAEC,IAAI,QAAQ,uBAAuB;AACvE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,eAAe,SAASC,6BAA6BA,CAAA,EAAG;EACvD,OACCC,aAAA,CAACL,YAAY,QACZK,aAAA,CAACN,WAAW;IACXO,EAAE,EAAG,KAAO;IACZ,cAAaH,EAAE,CAAE,WAAW,EAAE,4BAA6B,CAAG;IAC9DI,SAAS,EAAC;EAA+C,GAEzDF,aAAA,CAACJ,IAAI;IAACO,IAAI,EAAGN,UAAY;IAACO,IAAI,EAAG;EAAI,CAAE,CAC3B,CACA,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["useId","__","sprintf","_x","DropdownMenu","ToolbarGroup","ToolbarItem","__experimentalText","Text","store","blocksStore","useSelect","copy","blockEditorStore","BlockIcon","useBlockDisplayTitle","jsx","_jsx","Fragment","_Fragment","BlockBindingsToolbarIndicator","clientIds","isSingleBlockSelected","length","icon","firstBlockName","isConnectedToPatternOverrides","select","getBlockAttributes","getBlockNamesByClientId","getBlocksByClientId","getBlockType","getActiveBlockVariation","blockTypeNames","_firstBlockTypeName","firstBlockType","_icon","match","isSelectionOfSameType","Set","size","metadata","name","some","block","Object","values","attributes","bindings","binding","source","firstBlockTitle","clientId","maximumLength","blockDescription","toLowerCase","descriptionId","children","toggleProps","className","label","popoverProps","placement","showColors","describedBy","menuProps","orientation","id"],"sources":["@wordpress/block-editor/src/components/block-bindings-toolbar-indicator/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { __, sprintf, _x } from '@wordpress/i18n';\nimport {\n\tDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockBindingsToolbarIndicator( { clientIds } ) {\n\tconst isSingleBlockSelected = clientIds.length === 1;\n\tconst { icon, firstBlockName, isConnectedToPatternOverrides } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetBlocksByClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst blockTypeNames = getBlockNamesByClientId( clientIds );\n\t\t\tconst _firstBlockTypeName = blockTypeNames[ 0 ];\n\t\t\tconst firstBlockType = getBlockType( _firstBlockTypeName );\n\t\t\tlet _icon;\n\t\t\tif ( isSingleBlockSelected ) {\n\t\t\t\tconst match = getActiveBlockVariation(\n\t\t\t\t\t_firstBlockTypeName,\n\t\t\t\t\tgetBlockAttributes( clientIds[ 0 ] )\n\t\t\t\t);\n\t\t\t\t// Take into account active block variations.\n\t\t\t\t_icon = match?.icon || firstBlockType.icon;\n\t\t\t} else {\n\t\t\t\tconst isSelectionOfSameType =\n\t\t\t\t\tnew Set( blockTypeNames ).size === 1;\n\t\t\t\t// When selection consists of blocks of multiple types, display an\n\t\t\t\t// appropriate icon to communicate the non-uniformity.\n\t\t\t\t_icon = isSelectionOfSameType ? firstBlockType.icon : copy;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\ticon: _icon,\n\t\t\t\tfirstBlockName: getBlockAttributes( clientIds[ 0 ] ).metadata\n\t\t\t\t\t.name,\n\t\t\t\tisConnectedToPatternOverrides: getBlocksByClientId(\n\t\t\t\t\tclientIds\n\t\t\t\t).some( ( block ) =>\n\t\t\t\t\tObject.values( block?.attributes.metadata?.bindings ).some(\n\t\t\t\t\t\t( binding ) =>\n\t\t\t\t\t\t\tbinding.source === 'core/pattern-overrides'\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds, isSingleBlockSelected ]\n\t);\n\tconst firstBlockTitle = useBlockDisplayTitle( {\n\t\tclientId: clientIds[ 0 ],\n\t\tmaximumLength: 35,\n\t} );\n\n\tlet blockDescription = isSingleBlockSelected\n\t\t? _x(\n\t\t\t\t'This block is connected.',\n\t\t\t\t'block toolbar button label and description'\n\t\t  )\n\t\t: _x(\n\t\t\t\t'These blocks are connected.',\n\t\t\t\t'block toolbar button label and description'\n\t\t  );\n\tif ( isConnectedToPatternOverrides && firstBlockName ) {\n\t\tblockDescription = isSingleBlockSelected\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %1s: The block type's name; %2s: The block's user-provided name (the same as the override name). */\n\t\t\t\t\t__( 'This %1$s is editable using the \"%2$s\" override.' ),\n\t\t\t\t\tfirstBlockTitle.toLowerCase(),\n\t\t\t\t\tfirstBlockName\n\t\t\t  )\n\t\t\t: __( 'These blocks are editable using overrides.' );\n\t}\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarItem>\n\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator\"\n\t\t\t\t\t\tlabel={ firstBlockTitle }\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tplacement: 'bottom-start',\n\t\t\t\t\t\t\tclassName:\n\t\t\t\t\t\t\t\t'block-editor-block-bindings-toolbar-indicator__popover',\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-block-bindings-toolbar-indicator-icon\"\n\t\t\t\t\t\t\t\t\tshowColors\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\ttoggleProps={ {\n\t\t\t\t\t\t\tdescribedBy: blockDescription,\n\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmenuProps={ {\n\t\t\t\t\t\t\torientation: 'both',\n\t\t\t\t\t\t\t'aria-describedby': descriptionId,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t\t\t{ blockDescription }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t) }\n\t\t\t</ToolbarItem>\n\t\t</ToolbarGroup>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-breadcrumb/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -21,6 +20,8 @@ import { unlock } from '../../lock-unlock';
  * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.
  * @return {Element}                   Block Breadcrumb.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function BlockBreadcrumb({
   rootLabelText
 }) {
@@ -52,39 +53,44 @@ function BlockBreadcrumb({
    * Safari+VoiceOver won't announce the list otherwise.
    */
   /* eslint-disable jsx-a11y/no-redundant-roles */
-  return createElement("ul", {
+  return /*#__PURE__*/_jsxs("ul", {
     className: "block-editor-block-breadcrumb",
     role: "list",
-    "aria-label": __('Block breadcrumb')
-  }, createElement("li", {
-    className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
-    "aria-current": !hasSelection ? 'true' : undefined
-  }, hasSelection && createElement(Button, {
-    className: "block-editor-block-breadcrumb__button",
-    variant: "tertiary",
-    onClick: clearSelectedBlock
-  }, rootLabel), !hasSelection && rootLabel, !!clientId && createElement(Icon, {
-    icon: chevronRightSmall,
-    className: "block-editor-block-breadcrumb__separator"
-  })), parents.map(parentClientId => createElement("li", {
-    key: parentClientId
-  }, createElement(Button, {
-    className: "block-editor-block-breadcrumb__button",
-    variant: "tertiary",
-    onClick: () => selectBlock(parentClientId)
-  }, createElement(BlockTitle, {
-    clientId: parentClientId,
-    maximumLength: 35
-  })), createElement(Icon, {
-    icon: chevronRightSmall,
-    className: "block-editor-block-breadcrumb__separator"
-  }))), !!clientId && createElement("li", {
-    className: "block-editor-block-breadcrumb__current",
-    "aria-current": "true"
-  }, createElement(BlockTitle, {
-    clientId: clientId,
-    maximumLength: 35
-  })))
+    "aria-label": __('Block breadcrumb'),
+    children: [/*#__PURE__*/_jsxs("li", {
+      className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
+      "aria-current": !hasSelection ? 'true' : undefined,
+      children: [hasSelection && /*#__PURE__*/_jsx(Button, {
+        className: "block-editor-block-breadcrumb__button",
+        variant: "tertiary",
+        onClick: clearSelectedBlock,
+        children: rootLabel
+      }), !hasSelection && rootLabel, !!clientId && /*#__PURE__*/_jsx(Icon, {
+        icon: chevronRightSmall,
+        className: "block-editor-block-breadcrumb__separator"
+      })]
+    }), parents.map(parentClientId => /*#__PURE__*/_jsxs("li", {
+      children: [/*#__PURE__*/_jsx(Button, {
+        className: "block-editor-block-breadcrumb__button",
+        variant: "tertiary",
+        onClick: () => selectBlock(parentClientId),
+        children: /*#__PURE__*/_jsx(BlockTitle, {
+          clientId: parentClientId,
+          maximumLength: 35
+        })
+      }), /*#__PURE__*/_jsx(Icon, {
+        icon: chevronRightSmall,
+        className: "block-editor-block-breadcrumb__separator"
+      })]
+    }, parentClientId)), !!clientId && /*#__PURE__*/_jsx("li", {
+      className: "block-editor-block-breadcrumb__current",
+      "aria-current": "true",
+      children: /*#__PURE__*/_jsx(BlockTitle, {
+        clientId: clientId,
+        maximumLength: 35
+      })
+    })]
+  })
   /* eslint-enable jsx-a11y/no-redundant-roles */;
 }
 export default BlockBreadcrumb;