@wordpress/block-editor 15.18.1-next.v.202604201441.0 → 15.19.0

package/build-module/utils/dom.mjs

@@ -40,7 +40,7 @@ function isElementVisible(element) {
   if (!viewport) {
     return false;
   }
-  if (element.classList.contains("components-visually-hidden")) {
+  if (element.hasAttribute("data-visually-hidden")) {
     return false;
   }
   const bounds = element.getBoundingClientRect();
@@ -101,6 +101,7 @@ export {
   WITH_OVERFLOW_ELEMENT_BLOCKS,
   getBlockClientId,
   getElementBounds,
+  isElementVisible,
   isInSameBlock,
   isInsideRootBlock,
   rectUnion

package/build-module/utils/dom.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/dom.js"],
-  "sourcesContent": ["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\nconst BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n\n/**\n * Calculates the union of two rectangles.\n *\n * @param {DOMRect} rect1 First rectangle.\n * @param {DOMRect} rect2 Second rectangle.\n * @return {DOMRect} Union of the two rectangles.\n */\nexport function rectUnion( rect1, rect2 ) {\n\tconst left = Math.min( rect1.left, rect2.left );\n\tconst right = Math.max( rect1.right, rect2.right );\n\tconst bottom = Math.max( rect1.bottom, rect2.bottom );\n\tconst top = Math.min( rect1.top, rect2.top );\n\n\treturn new window.DOMRectReadOnly( left, top, right - left, bottom - top );\n}\n\n/**\n * Returns whether an element is visible.\n *\n * @param {Element} element Element.\n * @return {boolean} Whether the element is visible.\n */\nfunction isElementVisible( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\tif ( ! viewport ) {\n\t\treturn false;\n\t}\n\n\t// Check for <VisuallyHidden> component.\n\tif ( element.classList.contains( 'components-visually-hidden' ) ) {\n\t\treturn false;\n\t}\n\n\tconst bounds = element.getBoundingClientRect();\n\tif ( bounds.width === 0 || bounds.height === 0 ) {\n\t\treturn false;\n\t}\n\n\t// Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.\n\tif ( element.checkVisibility ) {\n\t\treturn element.checkVisibility?.( {\n\t\t\topacityProperty: true,\n\t\t\tcontentVisibilityAuto: true,\n\t\t\tvisibilityProperty: true,\n\t\t} );\n\t}\n\n\tconst style = viewport.getComputedStyle( element );\n\n\tif (\n\t\tstyle.display === 'none' ||\n\t\tstyle.visibility === 'hidden' ||\n\t\tstyle.opacity === '0'\n\t) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks if the element is scrollable.\n *\n * @param {Element} element Element.\n * @return {boolean} True if the element is scrollable.\n */\nfunction isScrollable( element ) {\n\tconst style = window.getComputedStyle( element );\n\treturn (\n\t\tstyle.overflowX === 'auto' ||\n\t\tstyle.overflowX === 'scroll' ||\n\t\tstyle.overflowY === 'auto' ||\n\t\tstyle.overflowY === 'scroll'\n\t);\n}\n\nexport const WITH_OVERFLOW_ELEMENT_BLOCKS = [ 'core/navigation' ];\n/**\n * Returns the bounding rectangle of an element, with special handling for blocks\n * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).\n *\n * For blocks like Navigation that can have overflowing elements (e.g. submenus),\n * this function calculates the combined bounds of both the parent and its visible\n * children. The returned rect may extend beyond the viewport.\n * The returned rect represents the full extent of the element and its visible\n * children, which may extend beyond the viewport.\n *\n * @param {Element} element Element.\n * @return {DOMRect} Bounding client rect of the element and its visible children.\n */\nexport function getElementBounds( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\n\tif ( ! viewport ) {\n\t\treturn new window.DOMRectReadOnly();\n\t}\n\n\tlet bounds = element.getBoundingClientRect();\n\tconst dataType = element.getAttribute( 'data-type' );\n\n\t/*\n\t * For blocks with overflowing elements (like Navigation), include the bounds\n\t * of visible children that extend beyond the parent container.\n\t */\n\tif ( dataType && WITH_OVERFLOW_ELEMENT_BLOCKS.includes( dataType ) ) {\n\t\tconst stack = [ element ];\n\t\tlet currentElement;\n\n\t\twhile ( ( currentElement = stack.pop() ) ) {\n\t\t\t// Children won\u2019t affect bounds unless the element is not scrollable.\n\t\t\tif ( ! isScrollable( currentElement ) ) {\n\t\t\t\tfor ( const child of currentElement.children ) {\n\t\t\t\t\tif ( isElementVisible( child ) ) {\n\t\t\t\t\t\tconst childBounds = child.getBoundingClientRect();\n\t\t\t\t\t\tbounds = rectUnion( bounds, childBounds );\n\t\t\t\t\t\tstack.push( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Take into account the outer horizontal limits of the container in which\n\t * an element is supposed to be \"visible\". For example, if an element is\n\t * positioned -10px to the left of the window x value (0), this function\n\t * discounts the negative overhang because it's not visible and therefore\n\t * not to be counted in the visibility calculations. Top and bottom values\n\t * are not accounted for to accommodate vertical scroll.\n\t */\n\tconst left = Math.max( bounds.left, 0 );\n\tconst right = Math.min( bounds.right, viewport.innerWidth );\n\tbounds = new window.DOMRectReadOnly(\n\t\tleft,\n\t\tbounds.top,\n\t\tright - left,\n\t\tbounds.height\n\t);\n\n\treturn bounds;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\nconst BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n\n/**\n * Calculates the union of two rectangles.\n *\n * @param {DOMRect} rect1 First rectangle.\n * @param {DOMRect} rect2 Second rectangle.\n * @return {DOMRect} Union of the two rectangles.\n */\nexport function rectUnion( rect1, rect2 ) {\n\tconst left = Math.min( rect1.left, rect2.left );\n\tconst right = Math.max( rect1.right, rect2.right );\n\tconst bottom = Math.max( rect1.bottom, rect2.bottom );\n\tconst top = Math.min( rect1.top, rect2.top );\n\n\treturn new window.DOMRectReadOnly( left, top, right - left, bottom - top );\n}\n\n/**\n * Returns whether an element is visible.\n *\n * @param {Element} element Element.\n * @return {boolean} Whether the element is visible.\n */\nexport function isElementVisible( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\tif ( ! viewport ) {\n\t\treturn false;\n\t}\n\n\t// Check for <VisuallyHidden> components.\n\tif ( element.hasAttribute( 'data-visually-hidden' ) ) {\n\t\treturn false;\n\t}\n\n\tconst bounds = element.getBoundingClientRect();\n\tif ( bounds.width === 0 || bounds.height === 0 ) {\n\t\treturn false;\n\t}\n\n\t// Older browsers, e.g. Safari < 17.4 may not support the `checkVisibility` method.\n\tif ( element.checkVisibility ) {\n\t\treturn element.checkVisibility?.( {\n\t\t\topacityProperty: true,\n\t\t\tcontentVisibilityAuto: true,\n\t\t\tvisibilityProperty: true,\n\t\t} );\n\t}\n\n\tconst style = viewport.getComputedStyle( element );\n\n\tif (\n\t\tstyle.display === 'none' ||\n\t\tstyle.visibility === 'hidden' ||\n\t\tstyle.opacity === '0'\n\t) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks if the element is scrollable.\n *\n * @param {Element} element Element.\n * @return {boolean} True if the element is scrollable.\n */\nfunction isScrollable( element ) {\n\tconst style = window.getComputedStyle( element );\n\treturn (\n\t\tstyle.overflowX === 'auto' ||\n\t\tstyle.overflowX === 'scroll' ||\n\t\tstyle.overflowY === 'auto' ||\n\t\tstyle.overflowY === 'scroll'\n\t);\n}\n\nexport const WITH_OVERFLOW_ELEMENT_BLOCKS = [ 'core/navigation' ];\n/**\n * Returns the bounding rectangle of an element, with special handling for blocks\n * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).\n *\n * For blocks like Navigation that can have overflowing elements (e.g. submenus),\n * this function calculates the combined bounds of both the parent and its visible\n * children. The returned rect may extend beyond the viewport.\n * The returned rect represents the full extent of the element and its visible\n * children, which may extend beyond the viewport.\n *\n * @param {Element} element Element.\n * @return {DOMRect} Bounding client rect of the element and its visible children.\n */\nexport function getElementBounds( element ) {\n\tconst viewport = element.ownerDocument.defaultView;\n\n\tif ( ! viewport ) {\n\t\treturn new window.DOMRectReadOnly();\n\t}\n\n\tlet bounds = element.getBoundingClientRect();\n\tconst dataType = element.getAttribute( 'data-type' );\n\n\t/*\n\t * For blocks with overflowing elements (like Navigation), include the bounds\n\t * of visible children that extend beyond the parent container.\n\t */\n\tif ( dataType && WITH_OVERFLOW_ELEMENT_BLOCKS.includes( dataType ) ) {\n\t\tconst stack = [ element ];\n\t\tlet currentElement;\n\n\t\twhile ( ( currentElement = stack.pop() ) ) {\n\t\t\t// Children won\u2019t affect bounds unless the element is not scrollable.\n\t\t\tif ( ! isScrollable( currentElement ) ) {\n\t\t\t\tfor ( const child of currentElement.children ) {\n\t\t\t\t\tif ( isElementVisible( child ) ) {\n\t\t\t\t\t\tconst childBounds = child.getBoundingClientRect();\n\t\t\t\t\t\tbounds = rectUnion( bounds, childBounds );\n\t\t\t\t\t\tstack.push( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Take into account the outer horizontal limits of the container in which\n\t * an element is supposed to be \"visible\". For example, if an element is\n\t * positioned -10px to the left of the window x value (0), this function\n\t * discounts the negative overhang because it's not visible and therefore\n\t * not to be counted in the visibility calculations. Top and bottom values\n\t * are not accounted for to accommodate vertical scroll.\n\t */\n\tconst left = Math.max( bounds.left, 0 );\n\tconst right = Math.min( bounds.right, viewport.innerWidth );\n\tbounds = new window.DOMRectReadOnly(\n\t\tleft,\n\t\tbounds.top,\n\t\tright - left,\n\t\tbounds.height\n\t);\n\n\treturn bounds;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build-style/content-rtl.css

@@ -236,9 +236,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
   z-index: 20;
 }
-.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
-  z-index: 1;
-}
 .block-editor-block-list__layout .block-editor-block-list__block {
   /**
    * Notices

package/build-style/content.css

@@ -236,9 +236,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
   z-index: 20;
 }
-.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
-  z-index: 1;
-}
 .block-editor-block-list__layout .block-editor-block-list__block {
   /**
    * Notices

package/build-style/style-rtl.css

@@ -832,6 +832,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-manager__category {
+  isolation: isolate;
   margin: 0 0 24px 0;
 }
 
@@ -1639,6 +1640,14 @@ iframe[name=editor-canvas] {
   text-align: left;
 }
 
+.block-editor-global-styles-state-control {
+  margin-top: -4px;
+}
+
+.block-editor-global-styles-state-control__badges {
+  min-height: 24px;
+}
+
 .block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles__shadow-dropdown {
   display: block;
@@ -4041,7 +4050,20 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .block-editor-inserter__search {
-  padding: 16px 16px 0 16px;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
+  border-bottom: 1px solid transparent;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__search {
+    transition: border-bottom-color 0.1s linear;
+  }
+}
+.block-editor-inserter__search.is-scrolled {
+  border-bottom-color: #e0e0e0;
 }
 
 .block-editor-inserter__no-tab-container {
@@ -4054,7 +4076,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   position: relative;
   display: inline-flex;
   align-items: center;
-  padding: 16px 16px 0;
+  padding: 0 16px;
 }
 
 .block-editor-inserter__panel-content {
@@ -4137,12 +4159,16 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-tabs-container,
 .block-editor-inserter__block-patterns-tabs-container {
   flex-grow: 1;
-  padding: 16px;
+  padding: 0 16px 16px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
+.block-editor-inserter__media-tabs-container {
+  padding-top: 16px;
+}
+
 .block-editor-inserter__category-tablist {
   margin-bottom: 8px;
 }

package/build-style/style.css

@@ -832,6 +832,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-manager__category {
+  isolation: isolate;
   margin: 0 0 24px 0;
 }
 
@@ -1639,6 +1640,14 @@ iframe[name=editor-canvas] {
   text-align: right;
 }
 
+.block-editor-global-styles-state-control {
+  margin-top: -4px;
+}
+
+.block-editor-global-styles-state-control__badges {
+  min-height: 24px;
+}
+
 .block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles__shadow-dropdown {
   display: block;
@@ -4043,7 +4052,20 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .block-editor-inserter__search {
-  padding: 16px 16px 0 16px;
+  padding: 16px;
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
+  border-bottom: 1px solid transparent;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__search {
+    transition: border-bottom-color 0.1s linear;
+  }
+}
+.block-editor-inserter__search.is-scrolled {
+  border-bottom-color: #e0e0e0;
 }
 
 .block-editor-inserter__no-tab-container {
@@ -4056,7 +4078,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   position: relative;
   display: inline-flex;
   align-items: center;
-  padding: 16px 16px 0;
+  padding: 0 16px;
 }
 
 .block-editor-inserter__panel-content {
@@ -4139,12 +4161,16 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-tabs-container,
 .block-editor-inserter__block-patterns-tabs-container {
   flex-grow: 1;
-  padding: 16px;
+  padding: 0 16px 16px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
+.block-editor-inserter__media-tabs-container {
+  padding-top: 16px;
+}
+
 .block-editor-inserter__category-tablist {
   margin-bottom: 8px;
 }

package/build-types/components/block-context/index.d.ts

@@ -1,22 +1,6 @@
-/**
- * Component which merges passed value with current consumed block context.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md
- *
- * @param {BlockContextProviderProps} props
- */
-export function BlockContextProvider({ value, children }: BlockContextProviderProps): import("react").JSX.Element;
-export default Context;
 export type ReactNode = React.ReactNode;
 export type BlockContextProviderProps = {
-    /**
-     * Context value to merge with current
-     * value.
-     */
     value: Record<string, any>;
-    /**
-     * Component children.
-     */
     children: ReactNode;
 };
 /** @typedef {React.ReactNode} ReactNode */
@@ -29,4 +13,13 @@ export type BlockContextProviderProps = {
  */
 /** @type {React.Context<Record<string,*>>} */
 declare const Context: React.Context<Record<string, any>>;
+/**
+ * Component which merges passed value with current consumed block context.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md
+ *
+ * @param {BlockContextProviderProps} props
+ */
+export declare function BlockContextProvider({ value, children }: BlockContextProviderProps): import("react").JSX.Element;
+export default Context;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/block-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAmBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,+BAUnC;;wBA7Ba,KAAK,CAAC,SAAS;;;;;;WAKf,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC;;;;cAEhB,SAAS;;AAPvB,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,uBADW,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAAC,CACN"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAKI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}

package/build-types/utils/dom.d.ts

@@ -6,7 +6,7 @@
  *
  * @return {boolean} Whether elements are in the same block.
  */
-export function isInSameBlock(a: Element, b: Element): boolean;
+export declare function isInSameBlock(a: Element, b: Element): boolean;
 /**
  * Returns true if an element is considered part of the block and not its inner
  * blocks or appender.
@@ -17,7 +17,7 @@ export function isInSameBlock(a: Element, b: Element): boolean;
  * @return {boolean} Whether an element is considered part of the block and not
  *                   its inner blocks or appender.
  */
-export function isInsideRootBlock(blockElement: Element, element: Element): boolean;
+export declare function isInsideRootBlock(blockElement: Element, element: Element): boolean;
 /**
  * Finds the block client ID given any DOM node inside the block.
  *
@@ -26,7 +26,7 @@ export function isInsideRootBlock(blockElement: Element, element: Element): bool
  * @return {string|undefined} Client ID or undefined if the node is not part of
  *                            a block.
  */
-export function getBlockClientId(node: Node | null): string | undefined;
+export declare function getBlockClientId(node: Node | null): string | undefined;
 /**
  * Calculates the union of two rectangles.
  *
@@ -34,7 +34,15 @@ export function getBlockClientId(node: Node | null): string | undefined;
  * @param {DOMRect} rect2 Second rectangle.
  * @return {DOMRect} Union of the two rectangles.
  */
-export function rectUnion(rect1: DOMRect, rect2: DOMRect): DOMRect;
+export declare function rectUnion(rect1: DOMRect, rect2: DOMRect): DOMRect;
+/**
+ * Returns whether an element is visible.
+ *
+ * @param {Element} element Element.
+ * @return {boolean} Whether the element is visible.
+ */
+export declare function isElementVisible(element: Element): boolean;
+export declare const WITH_OVERFLOW_ELEMENT_BLOCKS: string[];
 /**
  * Returns the bounding rectangle of an element, with special handling for blocks
  * that have visible overflowing children (defined in WITH_OVERFLOW_ELEMENT_BLOCKS).
@@ -48,6 +56,5 @@ export function rectUnion(rect1: DOMRect, rect2: DOMRect): DOMRect;
  * @param {Element} element Element.
  * @return {DOMRect} Bounding client rect of the element and its visible children.
  */
-export function getElementBounds(element: Element): DOMRect;
-export const WITH_OVERFLOW_ELEMENT_BLOCKS: string[];
+export declare function getElementBounds(element: Element): DOMRect;
 //# sourceMappingURL=dom.d.ts.map

package/build-types/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,iCALW,OAAO,KACP,OAAO,GAEN,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,gDANW,OAAO,WACP,OAAO,GAEN,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,uCALW,IAAI,OAAC,GAEJ,MAAM,GAAC,SAAS,CAoB3B;AAED;;;;;;GAMG;AACH,iCAJW,OAAO,SACP,OAAO,GACN,OAAO,CASlB;AA+DD;;;;;;;;;;;;GAYG;AACH,0CAHW,OAAO,GACN,OAAO,CAoDlB;AAhED,oDAAkE"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAE,CAAC,EALrB,OAKqB,EAAE,CAAC,EAJxB,OAIwB,GAFvB,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAE,YAAY,EANpC,OAMoC,EAAE,OAAO,EAL7C,OAK6C,GAH5C,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAE,IAAI,EAL3B,IAAI,OAKuB,GAH1B,MAAM,GAAC,SAAS,CAoB3B;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAE,KAAK,EAJrB,OAIqB,EAAE,KAAK,EAH5B,OAG4B,GAF3B,OAAO,CASlB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAE,OAAO,EAH9B,OAG8B,GAF7B,OAAO,CAsClB;AAkBD,eAAO,MAAM,4BAA4B,UAAwB,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAE,OAAO,EAH9B,OAG8B,GAF7B,OAAO,CAoDlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.18.1-next.v.202604201441.0+dab6d8c07",
+	"version": "15.19.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -61,42 +61,43 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blob": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/block-serialization-default-parser": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/blocks": "^15.17.2-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/commands": "^1.45.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/dataviews": "^14.1.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/date": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/dom": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/escape-html": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/global-styles-engine": "^1.11.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/hooks": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/html-entities": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/image-cropper": "^1.8.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/interactivity": "^6.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/is-shallow-equal": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keyboard-shortcuts": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/keycodes": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/notices": "^5.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/preferences": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/priority-queue": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/private-apis": "^1.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/rich-text": "^7.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/style-engine": "^2.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/token-list": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/upload-media": "^0.29.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/url": "^4.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/warning": "^3.44.1-next.v.202604201441.0+dab6d8c07",
-		"@wordpress/wordcount": "^4.44.1-next.v.202604201441.0+dab6d8c07",
+		"@wordpress/a11y": "^4.46.0",
+		"@wordpress/base-styles": "^8.0.0",
+		"@wordpress/blob": "^4.46.0",
+		"@wordpress/block-serialization-default-parser": "^5.46.0",
+		"@wordpress/blocks": "^15.19.0",
+		"@wordpress/commands": "^1.46.0",
+		"@wordpress/components": "^33.1.0",
+		"@wordpress/compose": "^7.46.0",
+		"@wordpress/data": "^10.46.0",
+		"@wordpress/dataviews": "^14.3.0",
+		"@wordpress/date": "^5.46.0",
+		"@wordpress/deprecated": "^4.46.0",
+		"@wordpress/dom": "^4.46.0",
+		"@wordpress/element": "^6.46.0",
+		"@wordpress/escape-html": "^3.46.0",
+		"@wordpress/global-styles-engine": "^1.13.0",
+		"@wordpress/hooks": "^4.46.0",
+		"@wordpress/html-entities": "^4.46.0",
+		"@wordpress/i18n": "^6.19.0",
+		"@wordpress/icons": "^13.1.0",
+		"@wordpress/image-cropper": "^1.10.0",
+		"@wordpress/interactivity": "^6.46.0",
+		"@wordpress/is-shallow-equal": "^5.46.0",
+		"@wordpress/keyboard-shortcuts": "^5.46.0",
+		"@wordpress/keycodes": "^4.46.0",
+		"@wordpress/notices": "^5.46.0",
+		"@wordpress/preferences": "^4.46.0",
+		"@wordpress/priority-queue": "^3.46.0",
+		"@wordpress/private-apis": "^1.46.0",
+		"@wordpress/rich-text": "^7.46.0",
+		"@wordpress/style-engine": "^2.46.0",
+		"@wordpress/token-list": "^3.46.0",
+		"@wordpress/ui": "^0.13.0",
+		"@wordpress/upload-media": "^0.31.0",
+		"@wordpress/url": "^4.46.0",
+		"@wordpress/warning": "^3.46.0",
+		"@wordpress/wordcount": "^4.46.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -123,5 +124,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
+	"gitHead": "51264e33b95fadff9a06b68141e674ce9cde9675"
 }

package/src/components/autocomplete/index.js

@@ -3,7 +3,7 @@
  */
 import { applyFilters, hasFilter } from '@wordpress/hooks';
 import {
-	Autocomplete,
+	Autocomplete as WCAutocomplete,
 	__unstableUseAutocompleteProps as useAutocompleteProps,
 } from '@wordpress/components';
 import { useMemo } from '@wordpress/element';
@@ -68,7 +68,9 @@ export function useBlockEditorAutocompleteProps( props ) {
  * @type {React.FC}
  */
 function BlockEditorAutocomplete( props ) {
-	return <Autocomplete { ...props } completers={ useCompleters( props ) } />;
+	return (
+		<WCAutocomplete { ...props } completers={ useCompleters( props ) } />
+	);
 }
 
 /**

package/src/components/background-image-control/index.js

@@ -16,7 +16,6 @@ import {
 	FlexBlock,
 	FocalPointPicker,
 	MenuItem,
-	VisuallyHidden,
 	__experimentalHStack as HStack,
 	__experimentalTruncate as Truncate,
 	Dropdown,
@@ -25,6 +24,7 @@ import {
 	__experimentalDropdownContentWrapper as DropdownContentWrapper,
 	Button,
 } from '@wordpress/components';
+import { VisuallyHidden } from '@wordpress/ui';
 import { reset as resetIcon } from '@wordpress/icons';
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
@@ -162,7 +162,7 @@ function InspectorImagePreviewItem( {
 					>
 						{ label }
 					</Truncate>
-					<VisuallyHidden as="span">
+					<VisuallyHidden render={ <span /> }>
 						{ imgUrl
 							? sprintf(
 									/* translators: %s: file name */

package/src/components/block-allowed-blocks/modal.js

@@ -6,7 +6,7 @@ import {
 	Flex,
 	FlexItem,
 	Modal,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
 import { useState } from '@wordpress/element';
@@ -58,11 +58,11 @@ export default function BlockAllowedBlocksModal( {
 				} }
 				spacing="4"
 			>
-				<Text>
+				<WCText>
 					{ __(
 						'Select which blocks can be added inside this container.'
 					) }
-				</Text>
+				</WCText>
 				<BlockManager
 					blockTypes={ blockTypes }
 					selectedBlockTypes={ currentSelectedBlockTypes }

package/src/components/block-bindings/attribute-control.js

@@ -13,7 +13,7 @@ import {
 } from '@wordpress/blocks';
 import {
 	__experimentalItem as Item,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	__experimentalVStack as VStack,
 	privateApis as componentsPrivateApis,
@@ -142,14 +142,14 @@ export default function BlockBindingsAttributeControl( {
 						className="block-editor-bindings__item"
 						spacing={ 0 }
 					>
-						<Text truncate>{ attribute }</Text>
-						<Text
+						<WCText truncate>{ attribute }</WCText>
+						<WCText
 							truncate
 							variant={ isValid ? 'muted' : undefined }
 							isDestructive={ ! isValid }
 						>
 							{ displayText }
-						</Text>
+						</WCText>
 					</VStack>
 				</Menu.TriggerButton>
 				{ ! isAttributeReadOnly && (

package/src/components/block-card/index.js

@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import {
 	Button,
 	Icon,
-	__experimentalText as Text,
+	__experimentalText as WCText,
 	__experimentalVStack as VStack,
 	__experimentalHStack as HStack,
 	privateApis as componentsPrivateApis,
@@ -32,7 +32,7 @@ import { unlock } from '../../lock-unlock';
 import { store as blockEditorStore } from '../../store';
 import BlockIcon from '../block-icon';
 
-const { Badge } = unlock( componentsPrivateApis );
+const { Badge: WCBadge } = unlock( componentsPrivateApis );
 
 function OptionalParentSelectButton( { children, onClick } ) {
 	if ( ! onClick ) {
@@ -197,7 +197,7 @@ function BlockCard( {
 								{ ! parentClientId &&
 									! isChild &&
 									!! name?.length && (
-										<Badge>{ title }</Badge>
+										<WCBadge>{ title }</WCBadge>
 									) }
 							</TitleElement>
 							{ children }
@@ -205,9 +205,9 @@ function BlockCard( {
 					</OptionalParentSelectButton>
 				</HStack>
 				{ ! parentClientId && ! isChild && description && (
-					<Text className="block-editor-block-card__description">
+					<WCText className="block-editor-block-card__description">
 						{ description }
-					</Text>
+					</WCText>
 				) }
 			</VStack>
 		</div>

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

@@ -34,6 +34,7 @@ export default function BlockControlsFill( {
 
 	return (
 		<StyleProvider document={ document }>
+			{ /* eslint-disable-next-line react-hooks/static-components */ }
 			<Fill>
 				{ ( fillProps ) => {
 					// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,

package/src/components/block-inspector/edit-contents.js

@@ -76,8 +76,10 @@ function InlineEditButton( {
 				onClick={ handleClick }
 			>
 				{ editedContentOnlySection
-					? __( 'Exit pattern' )
-					: __( 'Edit pattern' ) }
+					? /* translators: Button label to leave pattern editing mode. */
+					  __( 'Exit pattern' )
+					: /* translators: Button label to enter pattern editing mode. */
+					  __( 'Edit pattern' ) }
 			</Button>
 		</VStack>
 	);

package/src/components/block-list/content.scss

@@ -153,10 +153,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 		}
 	}
 
-	.reusable-block-edit-panel * {
-		z-index: z-index(".block-editor-block-list__block .reusable-block-edit-panel *");
-	}
-
 	/**
 	 * Notices
 	 */

package/src/components/block-manager/style.scss

@@ -1,6 +1,5 @@
 @use "@wordpress/base-styles/variables" as *;
 @use "@wordpress/base-styles/colors" as *;
-@use "@wordpress/base-styles/z-index" as *;
 
 .block-editor-block-manager__no-results {
 	font-style: italic;
@@ -9,6 +8,7 @@
 }
 
 .block-editor-block-manager__category {
+	isolation: isolate;
 	margin: 0 0 $grid-unit-30 0;
 }
 
@@ -17,7 +17,8 @@
 	top: - $grid-unit-05; // Offsets the top padding on the modal content container
 	padding: $grid-unit-20 0;
 	background-color: $white;
-	z-index: z-index(".block-editor-block-manager__category-title");
+	// Make sure sticky category titles appear above the options.
+	z-index: 1;
 
 	.components-checkbox-control__label {
 		font-weight: 600;