@wordpress/block-editor 12.10.4 → 12.10.5

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 (9) hide show
  1. package/build/components/block-switcher/pattern-transformations-menu.js +2 -4
  2. package/build/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  3. package/build-module/components/block-switcher/pattern-transformations-menu.js +2 -4
  4. package/build-module/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  5. package/build-style/style-rtl.css +5 -0
  6. package/build-style/style.css +5 -0
  7. package/package.json +32 -32
  8. package/src/components/block-switcher/pattern-transformations-menu.js +1 -4
  9. package/src/components/block-switcher/style.scss +6 -0
package/build/components/block-switcher/pattern-transformations-menu.js CHANGED
@@ -53,10 +53,8 @@ function PreviewPatternsPopover({
53
53
  className: "block-editor-block-switcher__preview__popover",
54
54
  position: "bottom right"
55
55
  }, (0, _element.createElement)("div", {
56
- className: "block-editor-block-switcher__preview"
57
- }, (0, _element.createElement)("div", {
58
- className: "block-editor-block-switcher__preview-title"
59
- }, (0, _i18n.__)('Preview')), (0, _element.createElement)(BlockPatternsList, {
56
+ className: "block-editor-block-switcher__preview is-pattern-list-preview"
57
+ }, (0, _element.createElement)(BlockPatternsList, {
60
58
  patterns: patterns,
61
59
  onSelect: onSelect
62
60
  })))));
package/build/components/block-switcher/pattern-transformations-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_element","require","_i18n","_compose","_icons","_components","_blockPreview","_interopRequireDefault","_useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","useState","useTransformedPatterns","length","createElement","MenuGroup","className","PreviewPatternsPopover","MenuItem","onClick","event","preventDefault","icon","chevronRight","__","Popover","position","BlockPatternsList","composite","useCompositeState","__unstableComposite","role","map","pattern","BlockPattern","key","name","baseClassName","descriptionId","useInstanceId","__unstableCompositeItem","as","title","description","undefined","transformedBlocks","default","viewportWidth","VisuallyHidden","id","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\taria-label={ pattern.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t}\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],"mappings":"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"}
1
+ {"version":3,"names":["_element","require","_i18n","_compose","_icons","_components","_blockPreview","_interopRequireDefault","_useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","useState","useTransformedPatterns","length","createElement","MenuGroup","className","PreviewPatternsPopover","MenuItem","onClick","event","preventDefault","icon","chevronRight","__","Popover","position","BlockPatternsList","composite","useCompositeState","__unstableComposite","role","map","pattern","BlockPattern","key","name","baseClassName","descriptionId","useInstanceId","__unstableCompositeItem","as","title","description","undefined","transformedBlocks","default","viewportWidth","VisuallyHidden","id","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview is-pattern-list-preview\">\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\taria-label={ pattern.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t}\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],"mappings":"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"}
package/build-module/components/block-switcher/pattern-transformations-menu.js CHANGED
@@ -46,10 +46,8 @@ function PreviewPatternsPopover({
46
46
  className: "block-editor-block-switcher__preview__popover",
47
47
  position: "bottom right"
48
48
  }, createElement("div", {
49
- className: "block-editor-block-switcher__preview"
50
- }, createElement("div", {
51
- className: "block-editor-block-switcher__preview-title"
52
- }, __('Preview')), createElement(BlockPatternsList, {
49
+ className: "block-editor-block-switcher__preview is-pattern-list-preview"
50
+ }, createElement(BlockPatternsList, {
53
51
  patterns: patterns,
54
52
  onSelect: onSelect
55
53
  })))));
package/build-module/components/block-switcher/pattern-transformations-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__","useState","useInstanceId","chevronRight","MenuGroup","MenuItem","Popover","VisuallyHidden","__unstableComposite","Composite","__unstableUseCompositeState","useCompositeState","__unstableCompositeItem","CompositeItem","BlockPreview","useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","length","createElement","className","PreviewPatternsPopover","onClick","event","preventDefault","icon","position","BlockPatternsList","composite","role","map","pattern","BlockPattern","key","name","baseClassName","descriptionId","as","title","description","undefined","transformedBlocks","viewportWidth","id"],"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview\">\n\t\t\t\t\t\t<div className=\"block-editor-block-switcher__preview-title\">\n\t\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\taria-label={ pattern.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t}\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],"mappings":"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"}
1
+ {"version":3,"names":["__","useState","useInstanceId","chevronRight","MenuGroup","MenuItem","Popover","VisuallyHidden","__unstableComposite","Composite","__unstableUseCompositeState","useCompositeState","__unstableCompositeItem","CompositeItem","BlockPreview","useTransformedPatterns","PatternTransformationsMenu","blocks","patterns","statePatterns","onSelect","showTransforms","setShowTransforms","length","createElement","className","PreviewPatternsPopover","onClick","event","preventDefault","icon","position","BlockPatternsList","composite","role","map","pattern","BlockPattern","key","name","baseClassName","descriptionId","as","title","description","undefined","transformedBlocks","viewportWidth","id"],"sources":["@wordpress/block-editor/src/components/block-switcher/pattern-transformations-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { chevronRight } from '@wordpress/icons';\n\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport useTransformedPatterns from './use-transformed-patterns';\n\nfunction PatternTransformationsMenu( {\n\tblocks,\n\tpatterns: statePatterns,\n\tonSelect,\n} ) {\n\tconst [ showTransforms, setShowTransforms ] = useState( false );\n\tconst patterns = useTransformedPatterns( statePatterns, blocks );\n\tif ( ! patterns.length ) return null;\n\n\treturn (\n\t\t<MenuGroup className=\"block-editor-block-switcher__pattern__transforms__menugroup\">\n\t\t\t{ showTransforms && (\n\t\t\t\t<PreviewPatternsPopover\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<MenuItem\n\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tsetShowTransforms( ! showTransforms );\n\t\t\t\t} }\n\t\t\t\ticon={ chevronRight }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n\nfunction PreviewPatternsPopover( { patterns, onSelect } ) {\n\treturn (\n\t\t<div className=\"block-editor-block-switcher__popover__preview__parent\">\n\t\t\t<div className=\"block-editor-block-switcher__popover__preview__container\">\n\t\t\t\t<Popover\n\t\t\t\t\tclassName=\"block-editor-block-switcher__preview__popover\"\n\t\t\t\t\tposition=\"bottom right\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"block-editor-block-switcher__preview is-pattern-list-preview\">\n\t\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternsList( { patterns, onSelect } ) {\n\tconst composite = useCompositeState();\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-switcher__preview-patterns-container\"\n\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t>\n\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t<BlockPattern\n\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\tcomposite={ composite }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction BlockPattern( { pattern, onSelect, composite } ) {\n\t// TODO check pattern/preview width...\n\tconst baseClassName =\n\t\t'block-editor-block-switcher__preview-patterns-container';\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }-list__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }-list__list-item` }>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\taria-label={ pattern.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t}\n\t\t\t\tclassName={ `${ baseClassName }-list__item` }\n\t\t\t\tonClick={ () => onSelect( pattern.transformedBlocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ pattern.transformedBlocks }\n\t\t\t\t\tviewportWidth={ pattern.viewportWidth || 500 }\n\t\t\t\t/>\n\t\t\t\t<div className={ `${ baseClassName }-list__item-title` }>\n\t\t\t\t\t{ pattern.title }\n\t\t\t\t</div>\n\t\t\t</CompositeItem>\n\t\t\t{ !! pattern.description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ pattern.description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default PatternTransformationsMenu;\n"],"mappings":"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"}
package/build-style/style-rtl.css CHANGED
@@ -1160,6 +1160,7 @@
1160
1160
 
1161
1161
  .block-editor-block-switcher__preview__popover {
1162
1162
  display: none;
1163
+ overflow: hidden;
1163
1164
  }
1164
1165
  .block-editor-block-switcher__preview__popover.components-popover {
1165
1166
  margin-top: 11px;
@@ -1176,6 +1177,7 @@
1176
1177
  border-radius: 2px;
1177
1178
  outline: none;
1178
1179
  box-shadow: none;
1180
+ overflow: auto;
1179
1181
  }
1180
1182
  .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
1181
1183
  max-height: calc(500px - 32px);
@@ -1183,6 +1185,9 @@
1183
1185
  padding: 0 16px;
1184
1186
  overflow: hidden;
1185
1187
  }
1188
+ .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview {
1189
+ overflow: unset;
1190
+ }
1186
1191
 
1187
1192
  .block-editor-block-switcher__preview-title {
1188
1193
  margin-bottom: 12px;
package/build-style/style.css CHANGED
@@ -1160,6 +1160,7 @@
1160
1160
 
1161
1161
  .block-editor-block-switcher__preview__popover {
1162
1162
  display: none;
1163
+ overflow: hidden;
1163
1164
  }
1164
1165
  .block-editor-block-switcher__preview__popover.components-popover {
1165
1166
  margin-top: 11px;
@@ -1176,6 +1177,7 @@
1176
1177
  border-radius: 2px;
1177
1178
  outline: none;
1178
1179
  box-shadow: none;
1180
+ overflow: auto;
1179
1181
  }
1180
1182
  .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
1181
1183
  max-height: calc(500px - 32px);
@@ -1183,6 +1185,9 @@
1183
1185
  padding: 0 16px;
1184
1186
  overflow: hidden;
1185
1187
  }
1188
+ .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview {
1189
+ overflow: unset;
1190
+ }
1186
1191
 
1187
1192
  .block-editor-block-switcher__preview-title {
1188
1193
  margin-bottom: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "12.10.4",
3
+ "version": "12.10.5",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -35,36 +35,36 @@
35
35
  "@emotion/react": "^11.7.1",
36
36
  "@emotion/styled": "^11.6.0",
37
37
  "@react-spring/web": "^9.4.5",
38
- "@wordpress/a11y": "^3.42.4",
39
- "@wordpress/api-fetch": "^6.39.4",
40
- "@wordpress/blob": "^3.42.4",
41
- "@wordpress/blocks": "^12.19.4",
42
- "@wordpress/commands": "^0.13.4",
43
- "@wordpress/components": "^25.8.4",
44
- "@wordpress/compose": "^6.19.4",
45
- "@wordpress/data": "^9.12.4",
46
- "@wordpress/date": "^4.42.4",
47
- "@wordpress/deprecated": "^3.42.4",
48
- "@wordpress/dom": "^3.42.4",
49
- "@wordpress/element": "^5.19.4",
50
- "@wordpress/escape-html": "^2.42.4",
51
- "@wordpress/hooks": "^3.42.4",
52
- "@wordpress/html-entities": "^3.42.4",
53
- "@wordpress/i18n": "^4.42.4",
54
- "@wordpress/icons": "^9.33.4",
55
- "@wordpress/is-shallow-equal": "^4.42.4",
56
- "@wordpress/keyboard-shortcuts": "^4.19.4",
57
- "@wordpress/keycodes": "^3.42.4",
58
- "@wordpress/notices": "^4.10.4",
59
- "@wordpress/preferences": "^3.19.4",
60
- "@wordpress/private-apis": "^0.24.4",
61
- "@wordpress/rich-text": "^6.19.4",
62
- "@wordpress/shortcode": "^3.42.4",
63
- "@wordpress/style-engine": "^1.25.4",
64
- "@wordpress/token-list": "^2.42.4",
65
- "@wordpress/url": "^3.43.4",
66
- "@wordpress/warning": "^2.42.4",
67
- "@wordpress/wordcount": "^3.42.4",
38
+ "@wordpress/a11y": "^3.42.5",
39
+ "@wordpress/api-fetch": "^6.39.5",
40
+ "@wordpress/blob": "^3.42.5",
41
+ "@wordpress/blocks": "^12.19.5",
42
+ "@wordpress/commands": "^0.13.5",
43
+ "@wordpress/components": "^25.8.5",
44
+ "@wordpress/compose": "^6.19.5",
45
+ "@wordpress/data": "^9.12.5",
46
+ "@wordpress/date": "^4.42.5",
47
+ "@wordpress/deprecated": "^3.42.5",
48
+ "@wordpress/dom": "^3.42.5",
49
+ "@wordpress/element": "^5.19.5",
50
+ "@wordpress/escape-html": "^2.42.5",
51
+ "@wordpress/hooks": "^3.42.5",
52
+ "@wordpress/html-entities": "^3.42.5",
53
+ "@wordpress/i18n": "^4.42.5",
54
+ "@wordpress/icons": "^9.33.5",
55
+ "@wordpress/is-shallow-equal": "^4.42.5",
56
+ "@wordpress/keyboard-shortcuts": "^4.19.5",
57
+ "@wordpress/keycodes": "^3.42.5",
58
+ "@wordpress/notices": "^4.10.5",
59
+ "@wordpress/preferences": "^3.19.5",
60
+ "@wordpress/private-apis": "^0.24.5",
61
+ "@wordpress/rich-text": "^6.19.5",
62
+ "@wordpress/shortcode": "^3.42.5",
63
+ "@wordpress/style-engine": "^1.25.5",
64
+ "@wordpress/token-list": "^2.42.5",
65
+ "@wordpress/url": "^3.43.5",
66
+ "@wordpress/warning": "^2.42.5",
67
+ "@wordpress/wordcount": "^3.42.5",
68
68
  "change-case": "^4.1.2",
69
69
  "classnames": "^2.3.1",
70
70
  "colord": "^2.7.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "d1072bbcaf037a18d414da7865ebaf366a0e7062"
89
+ "gitHead": "edc87d3e33740b82b30f5e21c5953ecded84f08f"
90
90
  }
package/src/components/block-switcher/pattern-transformations-menu.js CHANGED
@@ -60,10 +60,7 @@ function PreviewPatternsPopover( { patterns, onSelect } ) {
60
60
  className="block-editor-block-switcher__preview__popover"
61
61
  position="bottom right"
62
62
  >
63
- <div className="block-editor-block-switcher__preview">
64
- <div className="block-editor-block-switcher__preview-title">
65
- { __( 'Preview' ) }
66
- </div>
63
+ <div className="block-editor-block-switcher__preview is-pattern-list-preview">
67
64
  <BlockPatternsList
68
65
  patterns={ patterns }
69
66
  onSelect={ onSelect }
package/src/components/block-switcher/style.scss CHANGED
@@ -98,6 +98,7 @@
98
98
 
99
99
  .block-editor-block-switcher__preview__popover {
100
100
  display: none;
101
+ overflow: hidden;
101
102
 
102
103
  // Position correctly. Needs specificity.
103
104
  &.components-popover {
@@ -115,6 +116,7 @@
115
116
  border-radius: $radius-block-ui;
116
117
  outline: none;
117
118
  box-shadow: none;
119
+ overflow: auto;
118
120
  }
119
121
 
120
122
  .block-editor-block-switcher__preview {
@@ -124,6 +126,10 @@
124
126
  // Use padding to prevent the pattern previews focus style from being cut-off.
125
127
  padding: 0 $grid-unit-20;
126
128
  overflow: hidden;
129
+
130
+ &.is-pattern-list-preview {
131
+ overflow: unset;
132
+ }
127
133
  }
128
134
  }
129
135