npm - @wordpress/block-editor - Versions diffs - 14.1.0 → 14.2.1-next.5368f64a9.0 - Mend

@wordpress/block-editor 14.1.0 → 14.2.1-next.5368f64a9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (679) hide show

package/build/components/block-pattern-setup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_lockUnlock","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","compositeStore","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","store","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","render","undefined","title","id","onClick","default","VisuallyHidden","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","Math","min","handlePrevious","max","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport {\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst compositeStore = useCompositeStore();\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) \|\| '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\tstore={ compositeStore }\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</CompositeItem>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect \|\| onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_jsxRuntime","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","Composite","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","Item","render","undefined","title","id","onClick","default","VisuallyHidden","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","Math","min","handlePrevious","max","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { Composite, VisuallyHidden } from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) \|\| '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</Composite.Item>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect \|\| onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,aAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,iBAAA,GAAAF,sBAAA,CAAAR,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAAwC,IAAAY,WAAA,GAAAZ,OAAA;AAlBxC;AACA;AACA;;AASA;AACA;AACA;;AAOA,MAAMa,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,oBAAoB;EACpBC;AACD,CAAC,KAAM;EACN,MAAMC,cAAc,GAAG,6CAA6C;EAEpE,IAAKL,QAAQ,KAAKM,oBAAS,CAACC,QAAQ,EAAG;IACtC,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAE,CAC3B,CAAER,WAAW,EAAE,cAAc,CAAE,EAC/B,CAAEA,WAAW,GAAG,CAAC,EAAE,gBAAgB,CAAE,EACrC,CAAEA,WAAW,GAAG,CAAC,EAAE,YAAY,CAAE,CAChC,CAAC;IACH,oBACC,IAAAH,WAAA,CAAAY,GAAA;MAAKC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC1D,IAAAd,WAAA,CAAAY,GAAA;QAAKC,SAAS,EAAGN,cAAgB;QAAAO,QAAA,eAChC,IAAAd,WAAA,CAAAY,GAAA;UAAKC,SAAS,EAAC,oBAAoB;UAAAC,QAAA,EAChCV,QAAQ,CAACW,GAAG,CAAE,CAAEC,OAAO,EAAEC,KAAK,kBAC/B,IAAAjB,WAAA,CAAAY,GAAA,EAACM,iBAAiB;YACjBC,MAAM,EAAGF,KAAK,KAAKd,WAAa;YAChCU,SAAS,EAAGH,UAAU,CAACU,GAAG,CAAEH,KAAM,CAAC,IAAI,EAAI;YAE3CD,OAAO,EAAGA;UAAS,GADbA,OAAO,CAACK,IAEd,CACA;QAAC,CACC;MAAC,CACF;IAAC,CACF,CAAC;EAER;EAEA,oBACC,IAAArB,WAAA,CAAAY,GAAA;IAAKC,SAAS,EAAC,wCAAwC;IAAAC,QAAA,eACtD,IAAAd,WAAA,CAAAY,GAAA,EAACtB,WAAA,CAAAgC,SAAS;MACTC,IAAI,EAAC,SAAS;MACdV,SAAS,EAAGN,cAAgB;MAC5B,cAAa,IAAAiB,QAAE,EAAE,eAAgB,CAAG;MAAAV,QAAA,EAElCV,QAAQ,CAACW,GAAG,CAAIC,OAAO,iBACxB,IAAAhB,WAAA,CAAAY,GAAA,EAACa,YAAY;QAEZT,OAAO,EAAGA,OAAS;QACnBU,QAAQ,EAAGrB,oBAAsB;QACjCC,UAAU,EAAGA;MAAY,GAHnBU,OAAO,CAACK,IAId,CACA;IAAC,CACO;EAAC,CACR,CAAC;AAER,CAAC;AAED,SAASI,YAAYA,CAAE;EAAET,OAAO;EAAEU,QAAQ;EAAEpB;AAAW,CAAC,EAAG;EAC1D,MAAMqB,aAAa,GAAG,uCAAuC;EAC7D,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,aAAa,GAAG;EAAI,CAAC,GAAGd,OAAO;EAC5D,MAAMe,aAAa,GAAG,IAAAC,sBAAa,EAClCP,YAAY,EACX,GAAGE,aAAe,oBACpB,CAAC;EACD,oBACC,IAAA3B,WAAA,CAAAY,GAAA;IAAKC,SAAS,EAAI,GAAGc,aAAe,aAAc;IAAAb,QAAA,eACjD,IAAAd,WAAA,CAAAiC,IAAA,EAAC3C,WAAA,CAAAgC,SAAS,CAACY,IAAI;MACdC,MAAM,eACL,IAAAnC,WAAA,CAAAY,GAAA;QACC,oBACCiB,WAAW,GAAGE,aAAa,GAAGK,SAC9B;QACD,cAAapB,OAAO,CAACqB,KAAO;QAC5BxB,SAAS,EAAI,GAAGc,aAAe;MAAS,CACxC,CACD;MACDW,EAAE,EAAI,GAAGX,aAAe,cAAcX,OAAO,CAACK,IAAM,EAAG;MACvDE,IAAI,EAAC,QAAQ;MACbgB,OAAO,EAAGA,CAAA,KAAMb,QAAQ,CAAEE,MAAO,CAAG;MAAAd,QAAA,gBAEpC,IAAAd,WAAA,CAAAY,GAAA,EAACjB,aAAA,CAAA6C,OAAY;QACZZ,MAAM,EAAGA,MAAQ;QACjBE,aAAa,EAAGA;MAAe,CAC/B,CAAC,EACAxB,UAAU,iBACX,IAAAN,WAAA,CAAAY,GAAA;QAAKC,SAAS,EAAI,GAAGc,aAAe,cAAe;QAAAb,QAAA,EAChDE,OAAO,CAACqB;MAAK,CACX,CACL,EACC,CAAC,CAAER,WAAW,iBACf,IAAA7B,WAAA,CAAAY,GAAA,EAACtB,WAAA,CAAAmD,cAAc;QAACH,EAAE,EAAGP,aAAe;QAAAjB,QAAA,EACjCe;MAAW,CACE,CAChB;IAAA,CACc;EAAC,CACb,CAAC;AAER;AAEA,SAASX,iBAAiBA,CAAE;EAAEC,MAAM;EAAEN,SAAS;EAAEG,OAAO;EAAE0B;AAAU,CAAC,EAAG;EACvE,MAAM;IAAEd,MAAM;IAAES,KAAK;IAAER;EAAY,CAAC,GAAGb,OAAO;EAC9C,MAAMe,aAAa,GAAG,IAAAC,sBAAa,EAClCd,iBAAiB,EACjB,yDACD,CAAC;EACD,oBACC,IAAAlB,WAAA,CAAAiC,IAAA;IACC,eAAc,CAAEd,MAAQ;IACxBI,IAAI,EAAC,KAAK;IACVV,SAAS,EAAI,iBAAiBA,SAAW,EAAG;IAC5C,cAAawB,KAAO;IACpB,oBAAmBR,WAAW,GAAGE,aAAa,GAAGK,SAAW;IAAAtB,QAAA,gBAE5D,IAAAd,WAAA,CAAAY,GAAA,EAACjB,aAAA,CAAA6C,OAAY;MAACZ,MAAM,EAAGA,MAAQ;MAACc,SAAS,EAAGA;IAAW,CAAE,CAAC,EACxD,CAAC,CAAEb,WAAW,iBACf,IAAA7B,WAAA,CAAAY,GAAA,EAACtB,WAAA,CAAAmD,cAAc;MAACH,EAAE,EAAGP,aAAe;MAAAjB,QAAA,EACjCe;IAAW,CACE,CAChB;EAAA,CACG,CAAC;AAER;AAEA,MAAMc,iBAAiB,GAAGA,CAAE;EAC3BC,QAAQ;EACRC,SAAS;EACTC,gBAAgB;EAChBzC,oBAAoB;EACpB0C,eAAe,GAAGvC,oBAAS,CAACC,QAAQ;EACpCH,UAAU,GAAG;AACd,CAAC,KAAM;EACN,MAAM,CAAEJ,QAAQ,EAAE8C,WAAW,CAAE,GAAG,IAAAC,iBAAQ,EAAEF,eAAgB,CAAC;EAC7D,MAAM,CAAE5C,WAAW,EAAE+C,cAAc,CAAE,GAAG,IAAAD,iBAAQ,EAAE,CAAE,CAAC;EACrD,MAAM;IAAEE;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACxD,MAAMjD,QAAQ,GAAG,IAAAkD,yBAAgB,EAAEV,QAAQ,EAAEC,SAAS,EAAEC,gBAAiB,CAAC;EAE1E,IAAK,CAAE1C,QAAQ,EAAEmD,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EAEA,MAAMC,2BAA2B,GAAK5B,MAAM,IAAM;IACjD,MAAM6B,YAAY,GAAG7B,MAAM,CAACb,GAAG,CAAI2C,KAAK,IAAM,IAAAC,kBAAU,EAAED,KAAM,CAAE,CAAC;IACnEP,YAAY,CAAEP,QAAQ,EAAEa,YAAa,CAAC;EACvC,CAAC;EACD,MAAMG,uBAAuB,GAC5BvD,oBAAoB,IAAImD,2BAA2B;EACpD,oBACC,IAAAxD,WAAA,CAAAY,GAAA,EAAAZ,WAAA,CAAA6D,QAAA;IAAA/C,QAAA,eACC,IAAAd,WAAA,CAAAiC,IAAA;MACCpB,SAAS,EAAI,8CAA8CX,QAAU,EAAG;MAAAY,QAAA,gBAExE,IAAAd,WAAA,CAAAY,GAAA,EAACX,YAAY;QACZC,QAAQ,EAAGA,QAAU;QACrBC,WAAW,EAAGA,WAAa;QAC3BC,QAAQ,EAAGA,QAAU;QACrBC,oBAAoB,EAAGuD,uBAAyB;QAChDtD,UAAU,EAAGA;MAAY,CACzB,CAAC,eACF,IAAAN,WAAA,CAAAY,GAAA,EAACf,aAAA,CAAA2C,OAAY;QACZtC,QAAQ,EAAGA,QAAU;QACrB8C,WAAW,EAAGA,WAAa;QAC3B7C,WAAW,EAAGA,WAAa;QAC3B2D,WAAW,EAAG1D,QAAQ,CAACmD,MAAQ;QAC/BQ,UAAU,EAAGA,CAAA,KAAM;UAClBb,cAAc,CAAI/B,MAAM,IACvB6C,IAAI,CAACC,GAAG,CAAE9C,MAAM,GAAG,CAAC,EAAEf,QAAQ,CAACmD,MAAM,GAAG,CAAE,CAC3C,CAAC;QACF,CAAG;QACHW,cAAc,EAAGA,CAAA,KAAM;UACtBhB,cAAc,CAAI/B,MAAM,IACvB6C,IAAI,CAACG,GAAG,CAAEhD,MAAM,GAAG,CAAC,EAAE,CAAE,CACzB,CAAC;QACF,CAAG;QACHd,oBAAoB,EAAGA,CAAA,KAAM;UAC5BuD,uBAAuB,CACtBxD,QAAQ,CAAED,WAAW,CAAE,CAACyB,MACzB,CAAC;QACF;MAAG,CACH,CAAC;IAAA,CACE;EAAC,CACL,CAAC;AAEL,CAAC;AAAC,IAAAwC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaG,iBAAiB","ignoreList":[]}

package/build/components/block-pattern-setup/setup-toolbar.js CHANGED Viewed

@@ -21,7 +21,10 @@ const Actions = ({
   onBlockPatternSelect
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   className: "block-editor-block-pattern-setup__actions",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     variant: "primary",
     onClick: onBlockPatternSelect,
     children: (0, _i18n.__)('Choose')
@@ -34,14 +37,20 @@ const CarouselNavigation = ({
   totalSlides
 }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   className: "block-editor-block-pattern-setup__navigation",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    icon: _icons.chevronLeft,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
+    icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
     label: (0, _i18n.__)('Previous pattern'),
     onClick: handlePrevious,
     disabled: activeSlide === 0,
     accessibleWhenDisabled: true
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    icon: _icons.chevronRight,
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
+    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight,
     label: (0, _i18n.__)('Next pattern'),
     onClick: handleNext,
     disabled: activeSlide === totalSlides - 1,
@@ -60,12 +69,18 @@ const SetupToolbar = ({
   const isCarouselView = viewMode === _constants.VIEWMODES.carousel;
   const displayControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "block-editor-block-pattern-setup__display-controls",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+    // TODO: Switch to `true` (40px size) if possible
+    , {
+      __next40pxDefaultSize: false,
       icon: _icons.stretchFullWidth,
       label: (0, _i18n.__)('Carousel view'),
       onClick: () => setViewMode(_constants.VIEWMODES.carousel),
       isPressed: isCarouselView
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+    // TODO: Switch to `true` (40px size) if possible
+    , {
+      __next40pxDefaultSize: false,
       icon: _icons.grid,
       label: (0, _i18n.__)('Grid view'),
       onClick: () => setViewMode(_constants.VIEWMODES.grid),

package/build/components/block-pattern-setup/setup-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","icon","chevronLeft","label","disabled","accessibleWhenDisabled","~~chevronRight","~~SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","isPressed","grid","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button ~~variant~~=\"primary\" ~~onClick~~={ onBlockPatternSelect }>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\ticon={ chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\ticon={ chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAUA,IAAAG,UAAA,GAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAfxC;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMK,OAAO,GAAGA,CAAE;EAAEC;AAAqB,CAAC,kBACzC,IAAAF,WAAA,CAAAG,GAAA;EAAKC,SAAS,EAAC,2CAA2C;EAAAC,QAAA,eACzD,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IAACC~~,OAAO,EAAC,SAAS;~~IAACC~~,OAAO,~~EAAGN~~,oBAAsB;IAAAG,QAAA,~~EACvD~~,~~IAAAI~~,QAAE,EAAE,QAAS;EAAC,CACT;AAAC,CACL,CACL;AAED,MAAMC,kBAAkB,GAAGA,CAAE;EAC5BC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,kBACA,~~IAAAd~~,WAAA,~~CAAAe~~,IAAA;~~EAAKX~~,SAAS,EAAC,8CAA8C;EAAAC,QAAA,gBAC5D,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IACNU~~,IAAI,~~EAAGC~~,kBAAa;~~IACpBC~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,kBAAmB,CAAG;IAClCD,OAAO,EAAGG,cAAgB;~~IAC1BQ~~,QAAQ,~~EAAGN~~,WAAW,KAAK,CAAG;~~IAC9BO~~,sBAAsB;EAAA,CACtB,CAAC,eACF,~~IAAApB~~,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IACNU~~,IAAI,~~EAAGK~~,mBAAc;~~IACrBH~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,cAAe,CAAG;IAC9BD,OAAO,EAAGI,UAAY;~~IACtBO~~,QAAQ,~~EAAGN~~,WAAW,KAAKC,WAAW,GAAG,CAAG;~~IAC5CM~~,sBAAsB;EAAA,CACtB,CAAC;AAAA,CACE,CACL;AAED,~~MAAME~~,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRC,WAAW;~~EACXb~~,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,WAAW;~~EACXZ~~;AACD,CAAC,KAAM;EACN,~~MAAMuB~~,cAAc,GAAGF,QAAQ,KAAKG,oBAAS,CAACC,QAAQ;EACtD,MAAMC,eAAe,gBACpB,~~IAAA5B~~,WAAA,~~CAAAe~~,IAAA;~~IAAKX~~,SAAS,EAAC,oDAAoD;IAAAC,QAAA,gBAClE,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~MACNU~~,IAAI,~~EAAGa~~,uBAAkB;~~MACzBX~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,eAAgB,CAAG;MAC/BD,OAAO,EAAGA,CAAA,~~KAAMgB~~,WAAW,CAAEE,oBAAS,CAACC,QAAS,CAAG;MACnDG,SAAS,EAAGL;IAAgB,CAC5B,CAAC,eACF,~~IAAAzB~~,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~MACNU~~,IAAI,~~EAAGe~~,WAAM;~~MACbb~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,WAAY,CAAG;MAC3BD,OAAO,EAAGA,CAAA,~~KAAMgB~~,WAAW,CAAEE,oBAAS,CAACK,IAAK,CAAG;MAC/CD,SAAS,EAAGP,QAAQ,KAAKG,oBAAS,CAACK;IAAM,CACzC,CAAC;EAAA,CACE,CACL;EACD,oBACC,~~IAAA/B~~,WAAA,~~CAAAe~~,IAAA;~~IAAKX~~,SAAS,EAAC,2CAA2C;IAAAC,QAAA,~~GACvDoB~~,cAAc,iBACf,~~IAAAzB~~,WAAA,CAAAG,GAAA,~~EAACO~~,kBAAkB;MAClBC,cAAc,EAAGA,cAAgB;MACjCC,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BC,WAAW,EAAGA;IAAa,CAC3B,CACD,~~EACCc~~,eAAe,EACfH,cAAc,iBACf,~~IAAAzB~~,WAAA,CAAAG,GAAA,EAACF,OAAO;MAACC,oBAAoB,EAAGA;IAAsB,CAAE,CACxD;EAAA,CACG,CAAC;AAER,CAAC;AAAC,~~IAAA8B~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaZ,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","__next40pxDefaultSize","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","icon","isRTL","chevronRight","chevronLeft","label","disabled","accessibleWhenDisabled","SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","isPressed","grid","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-patterns-list/index.js CHANGED Viewed

@@ -12,7 +12,6 @@ var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
-var _lockUnlock = require("../../lock-unlock");
 var _blockPreview = _interopRequireDefault(require("../block-preview"));
 var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-draggable-blocks"));
 var _blockPatternsPaging = _interopRequireDefault(require("../block-patterns-paging"));
@@ -30,11 +29,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
-const {
-  CompositeV2: Composite,
-  CompositeItemV2: CompositeItem,
-  useCompositeStoreV2: useCompositeStore
-} = (0, _lockUnlock.unlock)(_components.privateApis);
 const WithToolTip = ({
   showTooltip,
   title,
@@ -111,7 +105,7 @@ function BlockPattern({
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(WithToolTip, {
         showTooltip: showTooltip && !pattern.type !== _utils.INSERTER_PATTERN_TYPES.user,
         title: pattern.title,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(CompositeItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Item, {
           render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             role: "option",
             "aria-label": pattern.title,
@@ -175,20 +169,18 @@ function BlockPatternsList({
   showTitlesAsTooltip,
   pagingProps
 }, ref) {
-  const compositeStore = useCompositeStore({
-    orientation
-  });
-  const {
-    setActiveId
-  } = compositeStore;
+  const [activeCompositeId, setActiveCompositeId] = (0, _element.useState)(undefined);
   (0, _element.useEffect)(() => {
-    // We reset the active composite item whenever the
-    // available patterns change, to make sure that
-    // focus is put back to the start.
-    setActiveId(undefined);
-  }, [setActiveId, shownPatterns, blockPatterns]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Composite, {
-    store: compositeStore,
+    // Reset the active composite item whenever the available patterns change,
+    // to make sure that Composite widget can receive focus correctly when its
+    // composite items change. The first composite item will receive focus.
+    const firstCompositeItemId = blockPatterns.find(pattern => shownPatterns.includes(pattern))?.name;
+    setActiveCompositeId(firstCompositeItemId);
+  }, [shownPatterns, blockPatterns]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite, {
+    orientation: orientation,
+    activeId: activeCompositeId,
+    setActiveId: setActiveCompositeId,
     role: "listbox",
     className: "block-editor-block-patterns-list",
     "aria-label": label,

package/build/components/block-patterns-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_element","_components","_compose","_i18n","_icons","_lockUnlock","_blockPreview","_inserterDraggableBlocks","_blockPatternsPaging","_utils","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","WithToolTip","showTooltip","title","children","jsx","Tooltip","text","Fragment","BlockPattern","id","isDraggable","pattern","onClick","onHover","showTitle","category","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","patternBlocks","useMemo","map","block","clonedBlock","cloneBlock","attributes","metadata","categories","includes","default","isEnabled","draggable","onDragStart","onDragEnd","className","event","type","INSERTER_PATTERN_TYPES","user","jsxs","render","role","description","undefined","clsx","syncStatus","onMouseEnter","onMouseLeave","__experimentalHStack","spacing","Icon","icon","symbol","VisuallyHidden","BlockPatternPlaceholder","BlockPatternsList","blockPatterns","shownPatterns","onClickPattern","orientation","label","__","showTitlesAsTooltip","pagingProps","ref","compositeStore","setActiveId","useEffect","store","isShown","name","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitle = true,\n\tshowTooltip,\n\tcategory,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\n\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category \|\| ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={\n\t\t\t\t\t\t\tshowTooltip &&\n\t\t\t\t\t\t\t! pattern.type !== INSERTER_PATTERN_TYPES.user\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ pattern.type ===\n\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\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</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ( ! showTooltip \|\|\n\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user ) && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tshownPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitle = true,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst compositeStore = useCompositeStore( { orientation } );\n\tconst { setActiveId } = compositeStore;\n\n\tuseEffect( () => {\n\t\t// We reset the active composite item whenever the\n\t\t// available patterns change, to make sure that\n\t\t// focus is put back to the start.\n\t\tsetActiveId( undefined );\n\t}, [ setActiveId, shownPatterns, blockPatterns ] );\n\n\treturn (\n\t\t<Composite\n\t\t\tstore={ compositeStore }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => {\n\t\t\t\tconst isShown = shownPatterns.includes( pattern );\n\t\t\t\treturn isShown ? (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tid={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonClick={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\tshowTitle={ showTitle }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockPatternPlaceholder key={ pattern.name } />\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_element","_components","_compose","_i18n","_icons","_blockPreview","_inserterDraggableBlocks","_blockPatternsPaging","_utils","_jsxRuntime","WithToolTip","showTooltip","title","children","jsx","Tooltip","text","Fragment","BlockPattern","id","isDraggable","pattern","onClick","onHover","showTitle","category","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","patternBlocks","useMemo","map","block","clonedBlock","cloneBlock","attributes","metadata","categories","includes","default","isEnabled","draggable","onDragStart","onDragEnd","className","event","type","INSERTER_PATTERN_TYPES","user","jsxs","Composite","Item","render","role","description","undefined","clsx","syncStatus","onMouseEnter","onMouseLeave","__experimentalHStack","spacing","Icon","icon","symbol","VisuallyHidden","BlockPatternPlaceholder","BlockPatternsList","blockPatterns","shownPatterns","onClickPattern","orientation","label","__","showTitlesAsTooltip","pagingProps","ref","activeCompositeId","setActiveCompositeId","useEffect","firstCompositeItemId","find","name","activeId","setActiveId","isShown","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tComposite,\n\tVisuallyHidden,\n\tTooltip,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitle = true,\n\tshowTooltip,\n\tcategory,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\n\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category \|\| ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={\n\t\t\t\t\t\t\tshowTooltip &&\n\t\t\t\t\t\t\t! pattern.type !== INSERTER_PATTERN_TYPES.user\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ pattern.type ===\n\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\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</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ( ! showTooltip \|\|\n\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user ) && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Composite.Item>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tshownPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitle = true,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState( undefined );\n\n\tuseEffect( () => {\n\t\t// Reset the active composite item whenever the available patterns change,\n\t\t// to make sure that Composite widget can receive focus correctly when its\n\t\t// composite items change. The first composite item will receive focus.\n\t\tconst firstCompositeItemId = blockPatterns.find( ( pattern ) =>\n\t\t\tshownPatterns.includes( pattern )\n\t\t)?.name;\n\t\tsetActiveCompositeId( firstCompositeItemId );\n\t}, [ shownPatterns, blockPatterns ] );\n\n\treturn (\n\t\t<Composite\n\t\t\torientation={ orientation }\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => {\n\t\t\t\tconst isShown = shownPatterns.includes( pattern );\n\t\t\t\treturn isShown ? (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tid={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonClick={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\tshowTitle={ showTitle }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockPatternPlaceholder key={ pattern.name } />\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-patterns-paging/index.js CHANGED Viewed

@@ -33,7 +33,10 @@ function Pagination({
         expanded: false,
         spacing: 1,
         className: "block-editor-patterns__grid-pagination-previous",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           variant: "tertiary",
           onClick: () => changePage(1),
           disabled: currentPage === 1,
@@ -42,7 +45,10 @@ function Pagination({
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "\xAB"
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           variant: "tertiary",
           onClick: () => changePage(currentPage - 1),
           disabled: currentPage === 1,
@@ -61,7 +67,10 @@ function Pagination({
         expanded: false,
         spacing: 1,
         className: "block-editor-patterns__grid-pagination-next",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+        // TODO: Switch to `true` (40px size) if possible
+        , {
+          __next40pxDefaultSize: false,
           variant: "tertiary",
           onClick: () => changePage(currentPage + 1),
           disabled: currentPage === numPages,

package/build/components/block-patterns-paging/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","jsxs","__experimentalVStack","className","children","jsx","__experimentalText","variant","sprintf","_n","__experimentalHStack","expanded","spacing","justify","Button","onClick","disabled","__","accessibleWhenDisabled","_x","size"],"sources":["@wordpress/block-editor/src/components/block-patterns-paging/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-patterns__grid-pagination-wrapper\">\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\ttotalItems\n\t\t\t\t) }\n\t\t\t</Text>\n\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<HStack\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-previous\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>«</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>‹</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\tnumPages\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-next\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>›</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>»</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AATtD;AACA;AACA;;AASe,SAASG,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAU,oBAAM;IAACC,SAAS,EAAC,gDAAgD;IAAAC,QAAA,gBACjE,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,kBAAI;MAACC,OAAO,EAAC,OAAO;MAAAH,QAAA,EAClB,IAAAI,aAAO;MACR;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,UAAU,EAAET,UAAW,CAAC,EACvCA,UACD;IAAC,CACI,CAAC,EAELF,QAAQ,GAAG,CAAC,iBACb,IAAAH,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;MACNC,QAAQ,EAAG,KAAO;MAClBC,OAAO,EAAG,CAAG;MACbC,OAAO,EAAC,YAAY;MACpBV,SAAS,EAAC,wCAAwC;MAAAC,QAAA,gBAElD,IAAAT,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;QACNC,QAAQ,EAAG,KAAO;QAClBC,OAAO,EAAG,CAAG;QACbT,SAAS,EAAC,iDAAiD;QAAAC,QAAA,gBAE3D,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,~~MAAM~~;~~UACNP~~,OAAO,EAAC,UAAU;~~UAClBQ~~,OAAO,EAAGA,CAAA,~~KAAMhB~~,UAAU,CAAE,CAAE,CAAG;~~UACjCiB~~,QAAQ,~~EAAGnB~~,WAAW,KAAK,CAAG;UAC9B,cAAa,~~IAAAoB~~,QAAE,EAAE,YAAa,CAAG;UACjCC,sBAAsB;~~UAAAd~~,QAAA,eAEtB,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,~~MAAM~~;~~UACNP~~,OAAO,EAAC,UAAU;~~UAClBQ~~,OAAO,EAAGA,CAAA,~~KAAMhB~~,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;UAC/~~CmB~~,QAAQ,~~EAAGnB~~,WAAW,KAAK,CAAG;UAC9B,cAAa,~~IAAAoB~~,QAAE,EAAE,eAAgB,CAAG;UACpCC,sBAAsB;~~UAAAd~~,QAAA,eAEtB,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC;MAAA,CACF,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,kBAAI;QAACC,OAAO,EAAC,OAAO;QAAAH,QAAA,EAClB,IAAAI,aAAO;QACR;QACA,~~IAAAW~~,QAAE,EAAE,cAAc,EAAE,QAAS,CAAC,~~EAC9BtB~~,WAAW,EACXC,QACD;MAAC,CACI,CAAC,eACP,IAAAH,WAAA,CAAAM,IAAA,EAACT,WAAA,CAAAkB,oBAAM;QACNC,QAAQ,EAAG,KAAO;QAClBC,OAAO,EAAG,CAAG;QACbT,SAAS,EAAC,6CAA6C;QAAAC,QAAA,gBAEvD,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,~~MAAM~~;~~UACNP~~,OAAO,EAAC,UAAU;~~UAClBQ~~,OAAO,EAAGA,CAAA,~~KAAMhB~~,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;UAC/~~CmB~~,QAAQ,~~EAAGnB~~,WAAW,KAAKC,QAAU;UACrC,cAAa,~~IAAAmB~~,QAAE,EAAE,WAAY,CAAG;UAChCC,sBAAsB;~~UAAAd~~,QAAA,eAEtB,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC,eACT,IAAAT,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAsB,MAAM;UACNP,OAAO,EAAC,UAAU;~~UAClBQ~~,OAAO,EAAGA,CAAA,~~KAAMhB~~,UAAU,CAAED,QAAS,CAAG;~~UACxCkB~~,QAAQ,~~EAAGnB~~,WAAW,KAAKC,QAAU;UACrC,cAAa,~~IAAAmB~~,QAAE,EAAE,WAAY,CAAG;UAChCG,IAAI,EAAC,SAAS;UACdF,sBAAsB;~~UAAAd~~,QAAA,eAEtB,IAAAT,WAAA,CAAAU,GAAA;YAAAD,QAAA,EAAM;UAAC,CAAM;QAAC,CACP,CAAC;MAAA,CACF,CAAC;IAAA,CACF,CACR;EAAA,CACM,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","jsxs","__experimentalVStack","className","children","jsx","__experimentalText","variant","sprintf","_n","__experimentalHStack","expanded","spacing","justify","Button","__next40pxDefaultSize","onClick","disabled","__","accessibleWhenDisabled","_x","size"],"sources":["@wordpress/block-editor/src/components/block-patterns-paging/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-patterns__grid-pagination-wrapper\">\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\ttotalItems\n\t\t\t\t) }\n\t\t\t</Text>\n\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<HStack\n\t\t\t\t\texpanded={ false }\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-previous\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'First page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>«</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === 1 }\n\t\t\t\t\t\t\taria-label={ __( 'Previous page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>‹</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\t\t\tcurrentPage,\n\t\t\t\t\t\t\tnumPages\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\tclassName=\"block-editor-patterns__grid-pagination-next\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Next page' ) }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>›</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\t\t\tdisabled={ currentPage === numPages }\n\t\t\t\t\t\t\taria-label={ __( 'Last page' ) }\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>»</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-popover/index.js CHANGED Viewed

@@ -11,6 +11,7 @@ var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _useBlockRefs = require("../block-list/use-block-props/use-block-refs");
 var _usePopoverScroll = _interopRequireDefault(require("./use-popover-scroll"));
+var _dom = require("../../utils/dom");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -70,21 +71,7 @@ function BlockPopover({
     }
     return {
       getBoundingClientRect() {
-        var _lastSelectedBCR$left, _lastSelectedBCR$top, _lastSelectedBCR$righ, _lastSelectedBCR$bott;
-        const selectedBCR = selectedElement.getBoundingClientRect();
-        const lastSelectedBCR = lastSelectedElement?.getBoundingClientRect();
-        // Get the biggest rectangle that encompasses completely the currently
-        // selected element and the last selected element:
-        // - for top/left coordinates, use the smaller numbers
-        // - for the bottom/right coordinates, use the largest numbers
-        const left = Math.min(selectedBCR.left, (_lastSelectedBCR$left = lastSelectedBCR?.left) !== null && _lastSelectedBCR$left !== void 0 ? _lastSelectedBCR$left : Infinity);
-        const top = Math.min(selectedBCR.top, (_lastSelectedBCR$top = lastSelectedBCR?.top) !== null && _lastSelectedBCR$top !== void 0 ? _lastSelectedBCR$top : Infinity);
-        const right = Math.max(selectedBCR.right, (_lastSelectedBCR$righ = lastSelectedBCR.right) !== null && _lastSelectedBCR$righ !== void 0 ? _lastSelectedBCR$righ : -Infinity);
-        const bottom = Math.max(selectedBCR.bottom, (_lastSelectedBCR$bott = lastSelectedBCR.bottom) !== null && _lastSelectedBCR$bott !== void 0 ? _lastSelectedBCR$bott : -Infinity);
-        const width = right - left;
-        const height = bottom - top;
-        return new window.DOMRect(left, top, width, height);
+        return lastSelectedElement ? (0, _dom.rectUnion)((0, _dom.getVisibleElementBounds)(selectedElement), (0, _dom.getVisibleElementBounds)(lastSelectedElement)) : (0, _dom.getVisibleElementBounds)(selectedElement);
       },
       contextElement: selectedElement
     };

package/build/components/block-popover/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_components","_element","_useBlockRefs","_usePopoverScroll","_jsxRuntime","MAX_POPOVER_RECOMPUTE_COUNTER","Number","MAX_SAFE_INTEGER","BlockPopover","clientId","bottomClientId","children","__unstablePopoverSlot","__unstableContentRef","shift","props","ref","selectedElement","useBlockElement","lastSelectedElement","mergedRefs","useMergeRefs","usePopoverScroll","popoverDimensionsRecomputeCounter","forceRecomputePopoverDimensions","useReducer","s","useLayoutEffect","observer","window","MutationObserver","observe","attributes","disconnect","popoverAnchor","useMemo","undefined","getBoundingClientRect","~~_lastSelectedBCR$left~~","~~_lastSelectedBCR$top~~","~~_lastSelectedBCR$righ","_lastSelectedBCR$bott","selectedBCR","lastSelectedBCR","left","Math","min","Infinity","top","right","max","bottom","width","height","DOMRect","~~contextElement","jsx","Popover","animate","focusOnMount","anchor","__unstableSlotName","inline","placement","resize","flip","className","clsx","variant","PrivateBlockPopover","exports","forwardRef","PublicBlockPopover","_default","default"],"sources":["@wordpress/block-editor/src/components/block-popover/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useMergeRefs } from '@wordpress/compose';\nimport { Popover } from '@wordpress/components';\nimport {\n\tforwardRef,\n\tuseMemo,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nfunction BlockPopover(\n\t{\n\t\tclientId,\n\t\tbottomClientId,\n\t\tchildren,\n\t\t__unstablePopoverSlot,\n\t\t__unstableContentRef,\n\t\tshift = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst selectedElement = useBlockElement( clientId );\n\tconst lastSelectedElement = useBlockElement( bottomClientId ?? clientId );\n\tconst mergedRefs = useMergeRefs( [\n\t\tref,\n\t\tusePopoverScroll( __unstableContentRef ),\n\t] );\n\n\tconst [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tforceRecomputePopoverDimensions,\n\t] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\t// When blocks are moved up/down, they are animated to their new position by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new window.MutationObserver(\n\t\t\tforceRecomputePopoverDimensions\n\t\t);\n\t\tobserver.observe( selectedElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ selectedElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverDimensionsRecomputeCounter is by definition always equal or greater\n\t\t\t// than 0. This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverDimensionsRecomputeCounter < 0 \|\|\n\t\t\t! selectedElement \|\|\n\t\t\t( bottomClientId && ! lastSelectedElement )\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\~~tconst~~ ~~selectedBCR = selectedElement.getBoundingClientRect();\n~~\~~t\t\t\tconst lastSelectedBCR =\~~n\t\t\t\t\~~tlastSelectedElement?.getBoundingClientRect();\n\n\~~t~~\t\t\t//~~ ~~Get the biggest rectangle that encompasses completely the currently~~\n\t\t\t\t~~// selected element and the last selected element:\n~~\t\t\~~t\t// - for top/left coordinates, use the smaller numbers\n\t\t\t\t// - for the bottom/right coordinates, use the largest numbers\n\t\t\t\tconst left = Math.min~~(~~\n\t\t\t\t\tselectedBCR.left,\n\t\t\t\t\tlastSelectedBCR?.left~~ ?? ~~Infinity\n\t\t\t\t~~)~~;\n\t\t\t\tconst top = Math.min(\n\t\t\t\t\tselectedBCR.top~~,\n\t\t\t\t\~~tlastSelectedBCR?.top ?? Infinity\n\~~t\t\~~t\t);\n\t\t\t\tconst right = Math.max~~(~~\n\t\t\t\t\tselectedBCR.right,\n\t\t\t\t\tlastSelectedBCR.right~~ ?? ~~-Infinity\n\t\t\t\t~~)~~;\n~~\~~t\t\t\tconst bottom = Math.max(\~~n\t\t\t\t\~~tselectedBCR.bottom,\n\~~t~~\t\t\t\tlastSelectedBCR.bottom ?? -Infinity\n\t\t\t\t~~)~~;\n~~\~~t\t\t\tconst width = right - left;\~~n\t\t\t\~~tconst height = bottom - top;\n\n\~~t\t~~\t\treturn~~ ~~new window.DOMRect~~( ~~left,~~ ~~top, width, height~~ );\n\t\t\t},\n\t\t\tcontextElement: selectedElement,\n\t\t};\n\t}, [\n\t\tbottomClientId,\n\t\tlastSelectedElement,\n\t\tselectedElement,\n\t\tpopoverDimensionsRecomputeCounter,\n\t] );\n\n\tif ( ! selectedElement \|\| ( bottomClientId && ! lastSelectedElement ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ mergedRefs }\n\t\t\tanimate={ false }\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\tplacement=\"top-start\"\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tshift={ shift }\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'block-editor-block-popover', props.className ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t{ children }\n\t\t</Popover>\n\t);\n}\n\nexport const PrivateBlockPopover = forwardRef( BlockPopover );\n\nconst PublicBlockPopover = (\n\t{ clientId, bottomClientId, children, ...props },\n\tref\n) => (\n\t<PrivateBlockPopover\n\t\t{ ...props }\n\t\tbottomClientId={ bottomClientId }\n\t\tclientId={ clientId }\n\t\t__unstableContentRef={ undefined }\n\t\t__unstablePopoverSlot={ undefined }\n\t\tref={ ref }\n\t>\n\t\t{ children }\n\t</PrivateBlockPopover>\n);\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-popover/README.md\n */\nexport default forwardRef( PublicBlockPopover );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAUA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;~~AAAoD~~,IAAAM,~~WAAA~~,GAAAN,OAAA;~~AArBpD~~;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;~~AAIA~~,~~MAAMO~~,6BAA6B,GAAGC,MAAM,CAACC,gBAAgB;AAE7D,SAASC,YAAYA,CACpB;EACCC,QAAQ;EACRC,cAAc;EACdC,QAAQ;EACRC,qBAAqB;EACrBC,oBAAoB;EACpBC,KAAK,GAAG,IAAI;EACZ,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EACD,MAAMC,eAAe,GAAG,IAAAC,6BAAe,EAAET,QAAS,CAAC;EACnD,MAAMU,mBAAmB,GAAG,IAAAD,6BAAe,EAAER,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAID,QAAS,CAAC;EACzE,MAAMW,UAAU,GAAG,IAAAC,qBAAY,EAAE,CAChCL,GAAG,EACH,IAAAM,yBAAgB,EAAET,oBAAqB,CAAC,CACvC,CAAC;EAEH,MAAM,CACLU,iCAAiC,EACjCC,+BAA+B,CAC/B,GAAG,IAAAC,mBAAU;EACb;EACEC,CAAC,IAAM,CAAEA,CAAC,GAAG,CAAC,IAAKrB,6BAA6B,EAClD,CACD,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAAsB,wBAAe,EAAE,MAAM;IACtB,IAAK,CAAEV,eAAe,EAAG;MACxB;IACD;IAEA,MAAMW,QAAQ,GAAG,IAAIC,MAAM,CAACC,gBAAgB,CAC3CN,+BACD,CAAC;IACDI,QAAQ,CAACG,OAAO,CAAEd,eAAe,EAAE;MAAEe,UAAU,EAAE;IAAK,CAAE,CAAC;IAEzD,OAAO,MAAM;MACZJ,QAAQ,CAACK,UAAU,CAAC,CAAC;IACtB,CAAC;EACF,CAAC,EAAE,CAAEhB,eAAe,CAAG,CAAC;EAExB,MAAMiB,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC;IACC;IACA;IACA;IACAZ,iCAAiC,GAAG,CAAC,IACrC,CAAEN,eAAe,IACfP,cAAc,IAAI,CAAES,mBAAqB,EAC1C;MACD,OAAOiB,SAAS;IACjB;IAEA,OAAO;MACNC,qBAAqBA,CAAA,EAAG;~~QAAA,IAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA;~~QACvB,~~MAAMC~~,~~WAAW,GAAGzB,eAAe,CAACoB,qBAAqB,CAAC,CAAC;QAC3D,MAAMM,eAAe,GACpBxB,~~mBAAmB,~~EAAEkB~~,~~qBAAqB~~,~~CAAC~~,~~CAAC;;QAE7C;QACA;QACA;QACA;QACA~~,~~MAAMO~~,~~IAAI~~,~~GAAGC~~,~~IAAI~~,~~CAACC,GAAG,CACpBJ,WAAW,CAACE,IAAI,GAAAN,qBAAA,GAChBK,eAAe,EAAEC,IAAI,cAAAN,qBAAA,cAAAA,qBAAA,GAAIS,QAC1B,~~CAAC~~;QACD~~,~~MAAMC~~,~~GAAG~~,~~GAAGH~~,~~IAAI~~,~~CAACC~~,~~GAAG~~,~~CACnBJ,WAAW,CAACM,GAAG,GAAAT,oBAAA,GACfI,eAAe,EAAEK,GAAG,cAAAT,oBAAA,cAAAA,oBAAA,GAAIQ,QACzB,~~CAAC~~;QACD~~,~~MAAME~~,~~KAAK~~,~~GAAGJ~~,~~IAAI~~,~~CAACK~~,~~GAAG,CACrBR,WAAW,CAACO,KAAK,GAAAT,qBAAA,GACjBG,eAAe,CAACM,KAAK,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,CAACO,QAC3B,~~CAAC;~~QACD~~,~~MAAMI,MAAM,GAAGN,IAAI,CAACK,GAAG,CACtBR,WAAW,CAACS,MAAM,GAAAV,qBAAA,GAClBE,eAAe,CAACQ,MAAM,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,CAACM,QAC5B,~~CAAC;~~QACD~~,~~MAAMK,KAAK,GAAGH,KAAK,GAAGL,IAAI;QAC1B,MAAMS,MAAM,GAAGF,MAAM,GAAGH,GAAG;QAE3B,OAAO,IAAInB,MAAM,CAACyB,OAAO,CAAEV,IAAI,EAAEI,GAAG,EAAEI,KAAK,EAAEC,MAAO,CAAC;MACtD,CAAC;MACDE,~~cAAc,~~EAAEtC~~;IACjB,CAAC;EACF,CAAC,EAAE,CACFP,cAAc,EACdS,mBAAmB,EACnBF,eAAe,EACfM,iCAAiC,CAChC,CAAC;EAEH,IAAK,CAAEN,eAAe,IAAMP,cAAc,IAAI,CAAES,mBAAqB,EAAG;IACvE,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAf,WAAA,~~CAAAoD~~,GAAA,~~EAACxD~~,WAAA,~~CAAAyD~~,OAAO;~~IACPzC~~,GAAG,EAAGI,UAAY;~~IAClBsC~~,OAAO,EAAG,KAAO;IACjBC,YAAY,EAAG,KAAO;IACtBC,MAAM,~~EAAG1B~~;IACT;IACA;IAAA;~~IACA2B~~,kBAAkB,~~EAAGjD~~,qBAAuB;~~IAC5CkD~~,MAAM,EAAG,~~CAAElD~~,qBAAuB;~~IAClCmD~~,SAAS,EAAC,WAAW;IACrBC,MAAM,EAAG,KAAO;IAChBC,IAAI,EAAG,KAAO;~~IACdnD~~,KAAK,EAAGA,KAAO;IAAA,GACVC,KAAK;~~IACVmD~~,SAAS,EAAG,IAAAC,aAAI,EAAE,4BAA4B,~~EAAEpD~~,KAAK,~~CAACmD~~,SAAU,CAAG;IACnEE,OAAO,EAAC,UAAU;~~IAAAzD~~,QAAA,EAEhBA;EAAQ,CACF,CAAC;AAEZ;AAEO,~~MAAM0D~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,mBAAU,~~EAAE/D~~,YAAa,CAAC;AAE7D,~~MAAMgE~~,kBAAkB,GAAGA,CAC1B;~~EAAE/D~~,QAAQ;EAAEC,cAAc;EAAEC,QAAQ;EAAE,GAAGI;AAAM,CAAC,EAChDC,GAAG,kBAEH,IAAAZ,WAAA,~~CAAAoD~~,GAAA,EAACa,mBAAmB;EAAA,~~GACdtD~~,KAAK;EACVL,cAAc,EAAGA,cAAgB;EACjCD,QAAQ,EAAGA,QAAU;EACrBI,oBAAoB,EAAGuB,SAAW;EAClCxB,qBAAqB,EAAGwB,SAAW;EACnCpB,GAAG,EAAGA,GAAK;EAAAL,QAAA,EAETA;AAAQ,CACU,CACrB;;AAED;AACA;AACA;AAFA,~~IAAA8D~~,QAAA,GAAAH,OAAA,CAAAI,OAAA,GAGe,IAAAH,mBAAU,EAAEC,kBAAmB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_components","_element","_useBlockRefs","_usePopoverScroll","_dom","_jsxRuntime","MAX_POPOVER_RECOMPUTE_COUNTER","Number","MAX_SAFE_INTEGER","BlockPopover","clientId","bottomClientId","children","__unstablePopoverSlot","__unstableContentRef","shift","props","ref","selectedElement","useBlockElement","lastSelectedElement","mergedRefs","useMergeRefs","usePopoverScroll","popoverDimensionsRecomputeCounter","forceRecomputePopoverDimensions","useReducer","s","useLayoutEffect","observer","window","MutationObserver","observe","attributes","disconnect","popoverAnchor","useMemo","undefined","getBoundingClientRect","rectUnion","getVisibleElementBounds","contextElement","jsx","Popover","animate","focusOnMount","anchor","__unstableSlotName","inline","placement","resize","flip","className","clsx","variant","PrivateBlockPopover","exports","forwardRef","PublicBlockPopover","_default","default"],"sources":["@wordpress/block-editor/src/components/block-popover/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useMergeRefs } from '@wordpress/compose';\nimport { Popover } from '@wordpress/components';\nimport {\n\tforwardRef,\n\tuseMemo,\n\tuseReducer,\n\tuseLayoutEffect,\n} from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\nimport usePopoverScroll from './use-popover-scroll';\nimport { rectUnion, getVisibleElementBounds } from '../../utils/dom';\n\nconst MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER;\n\nfunction BlockPopover(\n\t{\n\t\tclientId,\n\t\tbottomClientId,\n\t\tchildren,\n\t\t__unstablePopoverSlot,\n\t\t__unstableContentRef,\n\t\tshift = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst selectedElement = useBlockElement( clientId );\n\tconst lastSelectedElement = useBlockElement( bottomClientId ?? clientId );\n\tconst mergedRefs = useMergeRefs( [\n\t\tref,\n\t\tusePopoverScroll( __unstableContentRef ),\n\t] );\n\n\tconst [\n\t\tpopoverDimensionsRecomputeCounter,\n\t\tforceRecomputePopoverDimensions,\n\t] = useReducer(\n\t\t// Module is there to make sure that the counter doesn't overflow.\n\t\t( s ) => ( s + 1 ) % MAX_POPOVER_RECOMPUTE_COUNTER,\n\t\t0\n\t);\n\n\t// When blocks are moved up/down, they are animated to their new position by\n\t// updating the `transform` property manually (i.e. without using CSS\n\t// transitions or animations). The animation, which can also scroll the block\n\t// editor, can sometimes cause the position of the Popover to get out of sync.\n\t// A MutationObserver is therefore used to make sure that changes to the\n\t// selectedElement's attribute (i.e. `transform`) can be tracked and used to\n\t// trigger the Popover to rerender.\n\tuseLayoutEffect( () => {\n\t\tif ( ! selectedElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new window.MutationObserver(\n\t\t\tforceRecomputePopoverDimensions\n\t\t);\n\t\tobserver.observe( selectedElement, { attributes: true } );\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ selectedElement ] );\n\n\tconst popoverAnchor = useMemo( () => {\n\t\tif (\n\t\t\t// popoverDimensionsRecomputeCounter is by definition always equal or greater\n\t\t\t// than 0. This check is only there to satisfy the correctness of the\n\t\t\t// exhaustive-deps rule for the `useMemo` hook.\n\t\t\tpopoverDimensionsRecomputeCounter < 0 \|\|\n\t\t\t! selectedElement \|\|\n\t\t\t( bottomClientId && ! lastSelectedElement )\n\t\t) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn lastSelectedElement\n\t\t\t\t\t? rectUnion(\n\t\t\t\t\t\t\tgetVisibleElementBounds( selectedElement ),\n\t\t\t\t\t\t\tgetVisibleElementBounds( lastSelectedElement )\n\t\t\t\t\t )\n\t\t\t\t\t: getVisibleElementBounds( selectedElement );\n\t\t\t},\n\t\t\tcontextElement: selectedElement,\n\t\t};\n\t}, [\n\t\tbottomClientId,\n\t\tlastSelectedElement,\n\t\tselectedElement,\n\t\tpopoverDimensionsRecomputeCounter,\n\t] );\n\n\tif ( ! selectedElement \|\| ( bottomClientId && ! lastSelectedElement ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tref={ mergedRefs }\n\t\t\tanimate={ false }\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\t// Render in the old slot if needed for backward compatibility,\n\t\t\t// otherwise render in place (not in the default popover slot).\n\t\t\t__unstableSlotName={ __unstablePopoverSlot }\n\t\t\tinline={ ! __unstablePopoverSlot }\n\t\t\tplacement=\"top-start\"\n\t\t\tresize={ false }\n\t\t\tflip={ false }\n\t\t\tshift={ shift }\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'block-editor-block-popover', props.className ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t{ children }\n\t\t</Popover>\n\t);\n}\n\nexport const PrivateBlockPopover = forwardRef( BlockPopover );\n\nconst PublicBlockPopover = (\n\t{ clientId, bottomClientId, children, ...props },\n\tref\n) => (\n\t<PrivateBlockPopover\n\t\t{ ...props }\n\t\tbottomClientId={ bottomClientId }\n\t\tclientId={ clientId }\n\t\t__unstableContentRef={ undefined }\n\t\t__unstablePopoverSlot={ undefined }\n\t\tref={ ref }\n\t>\n\t\t{ children }\n\t</PrivateBlockPopover>\n);\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-popover/README.md\n */\nexport default forwardRef( PublicBlockPopover );\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-quick-navigation/index.js CHANGED Viewed

@@ -58,7 +58,10 @@ function BlockQuickNavigationItem({
   const {
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     isPressed: isSelected,
     onClick: async () => {
       await selectBlock(clientId);

package/build/components/block-quick-navigation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_components","_store","_blockIcon","_interopRequireDefault","_useBlockDisplayInformation","_useBlockDisplayTitle","_jsxRuntime","BlockQuickNavigation","clientIds","onSelect","length","jsx","__experimentalVStack","spacing","children","map","clientId","BlockQuickNavigationItem","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isSelected","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","selectBlock","useDispatch","Button","isPressed","onClick","jsxs","Flex","FlexItem","default","icon","FlexBlock","style","textAlign","__experimentalTruncate"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockQuickNavigation( { clientIds, onSelect } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId, onSelect } ) {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) \|\|\n\t\t\t\t\thasSelectedInnerBlock( clientId, / deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ async () => {\n\t\t\t\tawait selectBlock( clientId );\n\t\t\t\tif ( onSelect ) {\n\t\t\t\t\tonSelect( clientId );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ blockInformation?.icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ blockTitle }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,qBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAnB1E;AACA;AACA;;AAWA;AACA;AACA;;AAMe,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EACvE,IAAK,CAAED,SAAS,CAACE,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAY,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBN,SAAS,CAACO,GAAG,CAAIC,QAAQ,iBAC1B,IAAAV,WAAA,CAAAK,GAAA,EAACM,wBAAwB;MACxBR,QAAQ,EAAGA,QAAU;MAErBO,QAAQ,EAAGA;IAAU,GADfA,QAEN,CACA;EAAC,CACI,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED,QAAQ;EAAEP;AAAS,CAAC,EAAG;EAC3D,MAAMS,gBAAgB,GAAG,IAAAC,mCAA0B,EAAEH,QAAS,CAAC;EAC/D,MAAMI,UAAU,GAAG,IAAAC,6BAAoB,EAAE;IACxCL,QAAQ;IACRM,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,OAAO;MACNL,UAAU,EACTG,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEa;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEvD,oBACC,IAAAtB,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA+B,~~MAAM~~;~~IACNC~~,SAAS,~~EAAGT~~,UAAY;~~IACxBU~~,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrB,~~MAAMJ~~,WAAW,CAAEb,QAAS,CAAC;MAC7B,IAAKP,QAAQ,EAAG;QACfA,QAAQ,CAAEO,QAAS,CAAC;MACrB;IACD,CAAG;IAAAF,QAAA,eAEH,IAAAR,WAAA,~~CAAA4B~~,IAAA,~~EAAClC~~,WAAA,~~CAAAmC~~,IAAI;~~MAAArB~~,QAAA,gBACJ,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,~~CAAAoC~~,QAAQ;~~QAAAtB~~,QAAA,eACR,IAAAR,WAAA,CAAAK,GAAA,EAACT,UAAA,~~CAAAmC~~,OAAS;UAACC,IAAI,~~EAAGpB~~,gBAAgB,~~EAAEoB~~;QAAM,CAAE;MAAC,CACpC,CAAC,eACX,~~IAAAhC~~,WAAA,CAAAK,GAAA,EAACX,WAAA,~~CAAAuC~~,SAAS;QAACC,KAAK,EAAG;UAAEC,SAAS,EAAE;QAAO,CAAG;~~QAAA3B~~,QAAA,eACzC,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,~~CAAA0C~~,sBAAQ;~~UAAA5B~~,QAAA,EAAGM;QAAU,CAAY;MAAC,CACzB,CAAC;IAAA,CACP;EAAC,CACA,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_components","_store","_blockIcon","_interopRequireDefault","_useBlockDisplayInformation","_useBlockDisplayTitle","_jsxRuntime","BlockQuickNavigation","clientIds","onSelect","length","jsx","__experimentalVStack","spacing","children","map","clientId","BlockQuickNavigationItem","blockInformation","useBlockDisplayInformation","blockTitle","useBlockDisplayTitle","context","isSelected","useSelect","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","selectBlock","useDispatch","Button","__next40pxDefaultSize","isPressed","onClick","jsxs","Flex","FlexItem","default","icon","FlexBlock","style","textAlign","__experimentalTruncate"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport useBlockDisplayTitle from '../block-title/use-block-display-title';\n\nexport default function BlockQuickNavigation( { clientIds, onSelect } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId, onSelect } ) {\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\tconst { isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) \|\|\n\t\t\t\t\thasSelectedInnerBlock( clientId, / deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ async () => {\n\t\t\t\tawait selectBlock( clientId );\n\t\t\t\tif ( onSelect ) {\n\t\t\t\t\tonSelect( clientId );\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ blockInformation?.icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ blockTitle }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAYA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,qBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAnB1E;AACA;AACA;;AAWA;AACA;AACA;;AAMe,SAASQ,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAG;EACvE,IAAK,CAAED,SAAS,CAACE,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAY,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBN,SAAS,CAACO,GAAG,CAAIC,QAAQ,iBAC1B,IAAAV,WAAA,CAAAK,GAAA,EAACM,wBAAwB;MACxBR,QAAQ,EAAGA,QAAU;MAErBO,QAAQ,EAAGA;IAAU,GADfA,QAEN,CACA;EAAC,CACI,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED,QAAQ;EAAEP;AAAS,CAAC,EAAG;EAC3D,MAAMS,gBAAgB,GAAG,IAAAC,mCAA0B,EAAEH,QAAS,CAAC;EAC/D,MAAMI,UAAU,GAAG,IAAAC,6BAAoB,EAAE;IACxCL,QAAQ;IACRM,OAAO,EAAE;EACV,CAAE,CAAC;EACH,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAM;IACb,MAAM;MAAEC,eAAe;MAAEC;IAAsB,CAAC,GAC/CF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,OAAO;MACNL,UAAU,EACTG,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEa;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEvD,oBACC,IAAAtB,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA+B;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAC/BC,SAAS,EAAGV,UAAY;IACxBW,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrB,MAAML,WAAW,CAAEb,QAAS,CAAC;MAC7B,IAAKP,QAAQ,EAAG;QACfA,QAAQ,CAAEO,QAAS,CAAC;MACrB;IACD,CAAG;IAAAF,QAAA,eAEH,IAAAR,WAAA,CAAA6B,IAAA,EAACnC,WAAA,CAAAoC,IAAI;MAAAtB,QAAA,gBACJ,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAqC,QAAQ;QAAAvB,QAAA,eACR,IAAAR,WAAA,CAAAK,GAAA,EAACT,UAAA,CAAAoC,OAAS;UAACC,IAAI,EAAGrB,gBAAgB,EAAEqB;QAAM,CAAE;MAAC,CACpC,CAAC,eACX,IAAAjC,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAAwC,SAAS;QAACC,KAAK,EAAG;UAAEC,SAAS,EAAE;QAAO,CAAG;QAAA5B,QAAA,eACzC,IAAAR,WAAA,CAAAK,GAAA,EAACX,WAAA,CAAA2C,sBAAQ;UAAA7B,QAAA,EAAGM;QAAU,CAAY;MAAC,CACzB,CAAC;IAAA,CACP;EAAC,CACA,CAAC;AAEX","ignoreList":[]}

package/build/components/block-settings-menu-controls/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ var _convertToGroupButtons = require("../convert-to-group-buttons");
 var _blockLock = require("../block-lock");
 var _store = require("../../store");
 var _blockModeToggle = _interopRequireDefault(require("../block-settings-menu/block-mode-toggle"));
+var _contentLock = require("../content-lock");
 var _blockRename = require("../block-rename");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -86,6 +87,9 @@ const BlockSettingsMenuControlsSlot = ({
         }), fills, fillProps?.canMove && !fillProps?.onlyBlock && !isContentOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
           onClick: (0, _compose.pipe)(fillProps?.onClose, fillProps?.onMoveTo),
           children: (0, _i18n.__)('Move to')
+        }), selectedClientIds.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_contentLock.ModifyContentLockMenuItem, {
+          clientId: selectedClientIds[0],
+          onClose: fillProps?.onClose
         }), fillProps?.count === 1 && !isContentOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockModeToggle.default, {
           clientId: fillProps?.firstBlockClientId,
           onToggle: fillProps?.onClose

package/build/components/block-settings-menu-controls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_data","_compose","_i18n","_convertToGroupButtons","_blockLock","_store","_blockModeToggle","_interopRequireDefault","_blockRename","_jsxRuntime","Fill","Slot","createSlotFill","BlockSettingsMenuControlsSlot","fillProps","clientIds","selectedBlocks","selectedClientIds","isContentOnly","useSelect","select","getBlockNamesByClientId","getSelectedBlockClientIds","getBlockEditingMode","blockEditorStore","ids","canLock","useBlockLock","canRename","useBlockRename","showLockButton","length","showRenameButton","convertToGroupButtonProps","useConvertToGroupButtonProps","isGroupable","isUngroupable","showConvertToGroupButton","jsx","children","fills","jsxs","MenuGroup","ConvertToGroupButton","onClose","BlockLockMenuItem","clientId","BlockRenameControl","canMove","onlyBlock","MenuItem","onClick","pipe","onMoveTo","__","count","default","firstBlockClientId","onToggle","BlockSettingsMenuControls","props","__experimentalStyleProvider","document","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-settings-menu-controls/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { pipe } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\n\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst { selectedBlocks, selectedClientIds, isContentOnly } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton = isGroupable \|\| isUngroupable;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ fillProps?.canMove &&\n\t\t\t\t\t\t\t! fillProps?.onlyBlock &&\n\t\t\t\t\t\t\t! isContentOnly && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ pipe(\n\t\t\t\t\t\t\t\t\t\tfillProps?.onClose,\n\t\t\t\t\t\t\t\t\t\tfillProps?.onMoveTo\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Move to' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n \n @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,sBAAA,GAAAJ,OAAA;AAIA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAC,sBAAA,CAAAR,OAAA;~~AAEA~~,IAAAS,YAAA,GAAAT,OAAA;~~AAAqE~~,IAAAU,~~WAAA~~,GAAAV,OAAA;AAxBrE;AACA;AACA;;AAWA;AACA;AACA;;AAWA,MAAM;~~EAAEW~~,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,2BAA4B,CAAC;AAEpE,MAAMC,6BAA6B,GAAGA,CAAE;EAAEC,SAAS;EAAEC,SAAS,GAAG;AAAK,CAAC,KAAM;EAC5E,MAAM;IAAEC,cAAc;IAAEC,iBAAiB;IAAEC;EAAc,CAAC,GAAG,IAAAC,eAAS,EACnEC,MAAM,IAAM;IACb,MAAM;MACLC,uBAAuB;MACvBC,yBAAyB;MACzBC;IACD,CAAC,GAAGH,MAAM,CAAEI,YAAiB,CAAC;IAC9B,MAAMC,GAAG,GACRV,SAAS,KAAK,IAAI,GAAGA,SAAS,GAAGO,yBAAyB,CAAC,CAAC;IAC7D,OAAO;MACNN,cAAc,EAAEK,uBAAuB,CAAEI,GAAI,CAAC;MAC9CR,iBAAiB,EAAEQ,GAAG;MACtBP,aAAa,EACZK,mBAAmB,CAAEE,GAAG,CAAE,CAAC,CAAG,CAAC,KAAK;IACtC,CAAC;EACF,CAAC,EACD,CAAEV,SAAS,CACZ,CAAC;EAED,MAAM;IAAEW;EAAQ,CAAC,GAAG,IAAAC,uBAAY,EAAEV,iBAAiB,CAAE,CAAC,CAAG,CAAC;EAC1D,MAAM;IAAEW;EAAU,CAAC,GAAG,IAAAC,2BAAc,EAAEb,cAAc,CAAE,CAAC,CAAG,CAAC;EAC3D,MAAMc,cAAc,GACnBb,iBAAiB,CAACc,MAAM,KAAK,CAAC,IAAIL,OAAO,IAAI,CAAER,aAAa;EAC7D,MAAMc,gBAAgB,GACrBf,iBAAiB,CAACc,MAAM,KAAK,CAAC,IAAIH,SAAS,IAAI,CAAEV,aAAa;;EAE/D;EACA;EACA,MAAMe,yBAAyB,GAC9B,IAAAC,mDAA4B,EAAEjB,iBAAkB,CAAC;EAClD,MAAM;IAAEkB,WAAW;IAAEC;EAAc,CAAC,GAAGH,yBAAyB;EAChE,MAAMI,wBAAwB,GAAGF,WAAW,IAAIC,aAAa;EAE7D,oBACC,IAAA3B,WAAA,CAAA6B,GAAA,EAAC3B,IAAI;IACJG,SAAS,EAAG;MACX,GAAGA,SAAS;MACZE,cAAc;MACdC;IACD,CAAG;IAAAsB,QAAA,EAECC,KAAK,IAAM;MACd,IACC,CAAEA,KAAK,EAAET,MAAM,GAAG,CAAC,IACnB,CAAEM,wBAAwB,IAC1B,CAAEP,cAAc,EACf;QACD,OAAO,IAAI;MACZ;MAEA,oBACC,IAAArB,WAAA,CAAAgC,IAAA,~~EAAC3C~~,WAAA,~~CAAA4C~~,SAAS;QAAAH,QAAA,GACPF,wBAAwB,iBACzB,IAAA5B,WAAA,CAAA6B,GAAA,~~EAACnC~~,sBAAA,~~CAAAwC~~,oBAAoB;UAAA,GACfV,yBAAyB;UAC9BW,OAAO,EAAG9B,SAAS,EAAE8B;QAAS,CAC9B,CACD,EACCd,cAAc,iBACf,IAAArB,WAAA,CAAA6B,GAAA,~~EAAClC~~,UAAA,~~CAAAyC~~,iBAAiB;UACjBC,QAAQ,EAAG7B,iBAAiB,CAAE,CAAC;QAAI,CACnC,CACD,EACCe,gBAAgB,iBACjB,IAAAvB,WAAA,CAAA6B,GAAA,EAAC9B,YAAA,CAAAuC,kBAAkB;UAClBD,QAAQ,EAAG7B,iBAAiB,CAAE,CAAC;QAAI,CACnC,CACD,EACCuB,KAAK,EACL1B,SAAS,EAAEkC,OAAO,IACnB,CAAElC,SAAS,EAAEmC,SAAS,IACtB,CAAE/B,aAAa,iBACd,IAAAT,WAAA,CAAA6B,GAAA,~~EAACxC~~,WAAA,~~CAAAoD~~,QAAQ;UACRC,OAAO,EAAG,IAAAC,aAAI,EACbtC,SAAS,EAAE8B,OAAO,EAClB9B,SAAS,EAAEuC,QACZ,CAAG;UAAAd,QAAA,EAED,IAAAe,QAAE,EAAE,SAAU;QAAC,CACR,CACV,~~EACAxC~~,SAAS,~~EAAEyC~~,KAAK,KAAK,CAAC,IAAI,~~CAAErC~~,aAAa,iBAC1C,IAAAT,WAAA,CAAA6B,GAAA,~~EAAChC~~,gBAAA,~~CAAAkD~~,OAAe;~~UACfV~~,QAAQ,EAAGhC,SAAS,~~EAAE2C~~,kBAAoB;UAC1CC,QAAQ,~~EAAG5C~~,SAAS,EAAE8B;QAAS,CAC/B,CACD;MAAA,CACS,CAAC;IAEd;EAAC,CACI,CAAC;AAET,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,~~SAASe~~,yBAAyBA,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAClD,oBACC,~~IAAAnD~~,WAAA,CAAA6B,GAAA,~~EAACxC~~,WAAA,~~CAAA+D~~,2BAAa;IAACC,QAAQ,EAAGA,QAAU;~~IAAAvB~~,QAAA,eACnC,IAAA9B,WAAA,CAAA6B,GAAA,EAAC5B,IAAI;MAAA,~~GAAMkD~~;IAAK,CAAI;EAAC,CACP,CAAC;AAElB;AAEAD,yBAAyB,~~CAAChD~~,IAAI,GAAGE,6BAA6B;AAAC,~~IAAAkD~~,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEhDG,yBAAyB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_data","_compose","_i18n","_convertToGroupButtons","_blockLock","_store","_blockModeToggle","_interopRequireDefault","_contentLock","_blockRename","_jsxRuntime","Fill","Slot","createSlotFill","BlockSettingsMenuControlsSlot","fillProps","clientIds","selectedBlocks","selectedClientIds","isContentOnly","useSelect","select","getBlockNamesByClientId","getSelectedBlockClientIds","getBlockEditingMode","blockEditorStore","ids","canLock","useBlockLock","canRename","useBlockRename","showLockButton","length","showRenameButton","convertToGroupButtonProps","useConvertToGroupButtonProps","isGroupable","isUngroupable","showConvertToGroupButton","jsx","children","fills","jsxs","MenuGroup","ConvertToGroupButton","onClose","BlockLockMenuItem","clientId","BlockRenameControl","canMove","onlyBlock","MenuItem","onClick","pipe","onMoveTo","__","ModifyContentLockMenuItem","count","default","firstBlockClientId","onToggle","BlockSettingsMenuControls","props","__experimentalStyleProvider","document","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-settings-menu-controls/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tcreateSlotFill,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalStyleProvider as StyleProvider,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { pipe } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport {\n\tuseConvertToGroupButtonProps,\n\tConvertToGroupButton,\n} from '../convert-to-group-buttons';\nimport { BlockLockMenuItem, useBlockLock } from '../block-lock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockModeToggle from '../block-settings-menu/block-mode-toggle';\nimport { ModifyContentLockMenuItem } from '../content-lock';\nimport { BlockRenameControl, useBlockRename } from '../block-rename';\n\nconst { Fill, Slot } = createSlotFill( 'BlockSettingsMenuControls' );\n\nconst BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {\n\tconst { selectedBlocks, selectedClientIds, isContentOnly } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockNamesByClientId,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst ids =\n\t\t\t\tclientIds !== null ? clientIds : getSelectedBlockClientIds();\n\t\t\treturn {\n\t\t\t\tselectedBlocks: getBlockNamesByClientId( ids ),\n\t\t\t\tselectedClientIds: ids,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( ids[ 0 ] ) === 'contentOnly',\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst { canLock } = useBlockLock( selectedClientIds[ 0 ] );\n\tconst { canRename } = useBlockRename( selectedBlocks[ 0 ] );\n\tconst showLockButton =\n\t\tselectedClientIds.length === 1 && canLock && ! isContentOnly;\n\tconst showRenameButton =\n\t\tselectedClientIds.length === 1 && canRename && ! isContentOnly;\n\n\t// Check if current selection of blocks is Groupable or Ungroupable\n\t// and pass this props down to ConvertToGroupButton.\n\tconst convertToGroupButtonProps =\n\t\tuseConvertToGroupButtonProps( selectedClientIds );\n\tconst { isGroupable, isUngroupable } = convertToGroupButtonProps;\n\tconst showConvertToGroupButton = isGroupable \|\| isUngroupable;\n\n\treturn (\n\t\t<Slot\n\t\t\tfillProps={ {\n\t\t\t\t...fillProps,\n\t\t\t\tselectedBlocks,\n\t\t\t\tselectedClientIds,\n\t\t\t} }\n\t\t>\n\t\t\t{ ( fills ) => {\n\t\t\t\tif (\n\t\t\t\t\t! fills?.length > 0 &&\n\t\t\t\t\t! showConvertToGroupButton &&\n\t\t\t\t\t! showLockButton\n\t\t\t\t) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t{ showConvertToGroupButton && (\n\t\t\t\t\t\t\t<ConvertToGroupButton\n\t\t\t\t\t\t\t\t{ ...convertToGroupButtonProps }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showLockButton && (\n\t\t\t\t\t\t\t<BlockLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showRenameButton && (\n\t\t\t\t\t\t\t<BlockRenameControl\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t\t{ fillProps?.canMove &&\n\t\t\t\t\t\t\t! fillProps?.onlyBlock &&\n\t\t\t\t\t\t\t! isContentOnly && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ pipe(\n\t\t\t\t\t\t\t\t\t\tfillProps?.onClose,\n\t\t\t\t\t\t\t\t\t\tfillProps?.onMoveTo\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Move to' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ selectedClientIds.length === 1 && (\n\t\t\t\t\t\t\t<ModifyContentLockMenuItem\n\t\t\t\t\t\t\t\tclientId={ selectedClientIds[ 0 ] }\n\t\t\t\t\t\t\t\tonClose={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ fillProps?.count === 1 && ! isContentOnly && (\n\t\t\t\t\t\t\t<BlockModeToggle\n\t\t\t\t\t\t\t\tclientId={ fillProps?.firstBlockClientId }\n\t\t\t\t\t\t\t\tonToggle={ fillProps?.onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t</Slot>\n\t);\n};\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md\n \n @param {Object} props Fill props.\n * @return {Element} Element.\n */\nfunction BlockSettingsMenuControls( { ...props } ) {\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill { ...props } />\n\t\t</StyleProvider>\n\t);\n}\n\nBlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot;\n\nexport default BlockSettingsMenuControls;\n"],"mappings":"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","ignoreList":[]}