@wordpress/block-editor 12.7.0 → 12.8.0

package/build-module/components/writing-flow/use-tab-nav.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -8,10 +7,10 @@ import { TAB, ESCAPE } from '@wordpress/keycodes';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useRefEffect, useMergeRefs } from '@wordpress/compose';
 import { useRef } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 import { isInSameBlock, isInsideRootBlock } from '../../utils/dom';
 export default function useTabNav() {
@@ -27,13 +26,14 @@ export default function useTabNav() {
   const {
     setNavigationMode
   } = useDispatch(blockEditorStore);
-  const isNavigationMode = useSelect(select => select(blockEditorStore).isNavigationMode(), []); // Don't allow tabbing to this element in Navigation mode.
+  const isNavigationMode = useSelect(select => select(blockEditorStore).isNavigationMode(), []);
 
-  const focusCaptureTabIndex = !isNavigationMode ? '0' : undefined; // Reference that holds the a flag for enabling or disabling
-  // capturing on the focus capture elements.
+  // Don't allow tabbing to this element in Navigation mode.
+  const focusCaptureTabIndex = !isNavigationMode ? '0' : undefined;
 
+  // Reference that holds the a flag for enabling or disabling
+  // capturing on the focus capture elements.
   const noCapture = useRef();
-
   function onFocusCapture(event) {
     // Do not capture incoming focus if set by us in WritingFlow.
     if (noCapture.current) {
@@ -45,17 +45,16 @@ export default function useTabNav() {
     } else {
       setNavigationMode(true);
       const canvasElement = container.current.ownerDocument === event.target.ownerDocument ? container.current : container.current.ownerDocument.defaultView.frameElement;
-      const isBefore = // eslint-disable-next-line no-bitwise
+      const isBefore =
+      // eslint-disable-next-line no-bitwise
       event.target.compareDocumentPosition(canvasElement) & event.target.DOCUMENT_POSITION_FOLLOWING;
       const tabbables = focus.tabbable.find(container.current);
-
       if (tabbables.length) {
         const next = isBefore ? tabbables[0] : tabbables[tabbables.length - 1];
         next.focus();
       }
     }
   }
-
   const before = createElement("div", {
     ref: focusCaptureBeforeRef,
     tabIndex: focusCaptureTabIndex,
@@ -71,26 +70,23 @@ export default function useTabNav() {
       if (event.defaultPrevented) {
         return;
       }
-
       if (event.keyCode === ESCAPE && !hasMultiSelection()) {
         event.preventDefault();
         setNavigationMode(true);
         return;
-      } // In Edit mode, Tab should focus the first tabbable element after
+      }
+
+      // In Edit mode, Tab should focus the first tabbable element after
       // the content, which is normally the sidebar (with block controls)
       // and Shift+Tab should focus the first tabbable element before the
       // content, which is normally the block toolbar.
       // Arrow keys can be used, and Tab and arrow keys can be used in
       // Navigation mode (press Esc), to navigate through blocks.
-
-
       if (event.keyCode !== TAB) {
         return;
       }
-
       const isShift = event.shiftKey;
       const direction = isShift ? 'findPrevious' : 'findNext';
-
       if (!hasMultiSelection() && !getSelectedBlockClientId()) {
         // Preserve the behaviour of entering navigation mode when
         // tabbing into the content without a block selection.
@@ -101,49 +97,53 @@ export default function useTabNav() {
         if (event.target === node) setNavigationMode(true);
         return;
       }
+      const nextTabbable = focus.tabbable[direction](event.target);
 
-      const nextTabbable = focus.tabbable[direction](event.target); // We want to constrain the tabbing to the block and its child blocks.
+      // We want to constrain the tabbing to the block and its child blocks.
       // If the preceding form element is within a different block,
       // such as two sibling image blocks in the placeholder state,
       // we want shift + tab from the first form element to move to the image
       // block toolbar and not the previous image block's form element.
-
       const currentBlock = event.target.closest('[data-block]');
-      const isElementPartOfSelectedBlock = currentBlock && nextTabbable && (isInSameBlock(currentBlock, nextTabbable) || isInsideRootBlock(currentBlock, nextTabbable)); // Allow tabbing from the block wrapper to a form element,
+      const isElementPartOfSelectedBlock = currentBlock && nextTabbable && (isInSameBlock(currentBlock, nextTabbable) || isInsideRootBlock(currentBlock, nextTabbable));
+
+      // Allow tabbing from the block wrapper to a form element,
       // and between form elements rendered in a block and its child blocks,
       // such as inside a placeholder. Form elements are generally
       // meant to be UI rather than part of the content. Ideally
       // these are not rendered in the content and perhaps in the
       // future they can be rendered in an iframe or shadow DOM.
-
       if (isFormElement(nextTabbable) && isElementPartOfSelectedBlock) {
         return;
       }
+      const next = isShift ? focusCaptureBeforeRef : focusCaptureAfterRef;
 
-      const next = isShift ? focusCaptureBeforeRef : focusCaptureAfterRef; // Disable focus capturing on the focus capture element, so it
+      // Disable focus capturing on the focus capture element, so it
       // doesn't refocus this block and so it allows default behaviour
       // (moving focus to the next tabbable element).
+      noCapture.current = true;
 
-      noCapture.current = true; // Focusing the focus capture element, which is located above and
+      // Focusing the focus capture element, which is located above and
       // below the editor, should not scroll the page all the way up or
       // down.
-
       next.current.focus({
         preventScroll: true
       });
     }
-
     function onFocusOut(event) {
       lastFocus.current = event.target;
       const {
         ownerDocument
-      } = node; // If focus disappears due to there being no blocks, move focus to
-      // the writing flow wrapper.
+      } = node;
 
+      // If focus disappears due to there being no blocks, move focus to
+      // the writing flow wrapper.
       if (!event.relatedTarget && ownerDocument.activeElement === ownerDocument.body && getBlockCount() === 0) {
         node.focus();
       }
-    } // When tabbing back to an element in block list, this event handler prevents scrolling if the
+    }
+
+    // When tabbing back to an element in block list, this event handler prevents scrolling if the
     // focus capture divs (before/after) are outside of the viewport. (For example shift+tab back to a paragraph
     // when focus is on a sidebar element. This prevents the scrollable writing area from jumping either to the
     // top or bottom of the document.
@@ -151,25 +151,20 @@ export default function useTabNav() {
     // Note that it isn't possible to disable scrolling in the onFocus event. We need to intercept this
     // earlier in the keypress handler, and call focus( { preventScroll: true } ) instead.
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus#parameters
-
-
     function preventScrollOnTab(event) {
       if (event.keyCode !== TAB) {
         return;
       }
-
       if (event.target?.getAttribute('role') === 'region') {
         return;
       }
-
       if (container.current === event.target) {
         return;
       }
-
       const isShift = event.shiftKey;
       const direction = isShift ? 'findPrevious' : 'findNext';
-      const target = focus.tabbable[direction](event.target); // Only do something when the next tabbable is a focus capture div (before/after)
-
+      const target = focus.tabbable[direction](event.target);
+      // Only do something when the next tabbable is a focus capture div (before/after)
       if (target === focusCaptureBeforeRef.current || target === focusCaptureAfterRef.current) {
         event.preventDefault();
         target.focus({
@@ -177,7 +172,6 @@ export default function useTabNav() {
         });
       }
     }
-
     const {
       ownerDocument
     } = node;

package/build-module/components/writing-flow/use-tab-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/writing-flow/use-tab-nav.js"],"names":["focus","isFormElement","TAB","ESCAPE","useSelect","useDispatch","useRefEffect","useMergeRefs","useRef","store","blockEditorStore","isInSameBlock","isInsideRootBlock","useTabNav","container","focusCaptureBeforeRef","focusCaptureAfterRef","lastFocus","hasMultiSelection","getSelectedBlockClientId","getBlockCount","setNavigationMode","isNavigationMode","select","focusCaptureTabIndex","undefined","noCapture","onFocusCapture","event","current","canvasElement","ownerDocument","target","defaultView","frameElement","isBefore","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","tabbables","tabbable","find","length","next","before","after","ref","node","onKeyDown","defaultPrevented","keyCode","preventDefault","isShift","shiftKey","direction","nextTabbable","currentBlock","closest","isElementPartOfSelectedBlock","preventScroll","onFocusOut","relatedTarget","activeElement","body","preventScrollOnTab","getAttribute","addEventListener","removeEventListener","mergedRefs"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { focus, isFormElement } from '@wordpress/dom';\nimport { TAB, ESCAPE } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { isInSameBlock, isInsideRootBlock } from '../../utils/dom';\n\nexport default function useTabNav() {\n\tconst container = useRef();\n\tconst focusCaptureBeforeRef = useRef();\n\tconst focusCaptureAfterRef = useRef();\n\tconst lastFocus = useRef();\n\tconst { hasMultiSelection, getSelectedBlockClientId, getBlockCount } =\n\t\tuseSelect( blockEditorStore );\n\tconst { setNavigationMode } = useDispatch( blockEditorStore );\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\t// Don't allow tabbing to this element in Navigation mode.\n\tconst focusCaptureTabIndex = ! isNavigationMode ? '0' : undefined;\n\n\t// Reference that holds the a flag for enabling or disabling\n\t// capturing on the focus capture elements.\n\tconst noCapture = useRef();\n\n\tfunction onFocusCapture( event ) {\n\t\t// Do not capture incoming focus if set by us in WritingFlow.\n\t\tif ( noCapture.current ) {\n\t\t\tnoCapture.current = null;\n\t\t} else if ( hasMultiSelection() ) {\n\t\t\tcontainer.current.focus();\n\t\t} else if ( getSelectedBlockClientId() ) {\n\t\t\tlastFocus.current.focus();\n\t\t} else {\n\t\t\tsetNavigationMode( true );\n\n\t\t\tconst canvasElement =\n\t\t\t\tcontainer.current.ownerDocument === event.target.ownerDocument\n\t\t\t\t\t? container.current\n\t\t\t\t\t: container.current.ownerDocument.defaultView.frameElement;\n\n\t\t\tconst isBefore =\n\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\tevent.target.compareDocumentPosition( canvasElement ) &\n\t\t\t\tevent.target.DOCUMENT_POSITION_FOLLOWING;\n\t\t\tconst tabbables = focus.tabbable.find( container.current );\n\n\t\t\tif ( tabbables.length ) {\n\t\t\t\tconst next = isBefore\n\t\t\t\t\t? tabbables[ 0 ]\n\t\t\t\t\t: tabbables[ tabbables.length - 1 ];\n\n\t\t\t\tnext.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tconst before = (\n\t\t<div\n\t\t\tref={ focusCaptureBeforeRef }\n\t\t\ttabIndex={ focusCaptureTabIndex }\n\t\t\tonFocus={ onFocusCapture }\n\t\t/>\n\t);\n\n\tconst after = (\n\t\t<div\n\t\t\tref={ focusCaptureAfterRef }\n\t\t\ttabIndex={ focusCaptureTabIndex }\n\t\t\tonFocus={ onFocusCapture }\n\t\t/>\n\t);\n\n\tconst ref = useRefEffect( ( node ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.keyCode === ESCAPE && ! hasMultiSelection() ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetNavigationMode( true );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// In Edit mode, Tab should focus the first tabbable element after\n\t\t\t// the content, which is normally the sidebar (with block controls)\n\t\t\t// and Shift+Tab should focus the first tabbable element before the\n\t\t\t// content, which is normally the block toolbar.\n\t\t\t// Arrow keys can be used, and Tab and arrow keys can be used in\n\t\t\t// Navigation mode (press Esc), to navigate through blocks.\n\t\t\tif ( event.keyCode !== TAB ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isShift = event.shiftKey;\n\t\t\tconst direction = isShift ? 'findPrevious' : 'findNext';\n\n\t\t\tif ( ! hasMultiSelection() && ! getSelectedBlockClientId() ) {\n\t\t\t\t// Preserve the behaviour of entering navigation mode when\n\t\t\t\t// tabbing into the content without a block selection.\n\t\t\t\t// `onFocusCapture` already did this previously, but we need to\n\t\t\t\t// do it again here because after clearing block selection,\n\t\t\t\t// focus land on the writing flow container and pressing Tab\n\t\t\t\t// will no longer send focus through the focus capture element.\n\t\t\t\tif ( event.target === node ) setNavigationMode( true );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst nextTabbable = focus.tabbable[ direction ]( event.target );\n\n\t\t\t// We want to constrain the tabbing to the block and its child blocks.\n\t\t\t// If the preceding form element is within a different block,\n\t\t\t// such as two sibling image blocks in the placeholder state,\n\t\t\t// we want shift + tab from the first form element to move to the image\n\t\t\t// block toolbar and not the previous image block's form element.\n\t\t\tconst currentBlock = event.target.closest( '[data-block]' );\n\t\t\tconst isElementPartOfSelectedBlock =\n\t\t\t\tcurrentBlock &&\n\t\t\t\tnextTabbable &&\n\t\t\t\t( isInSameBlock( currentBlock, nextTabbable ) ||\n\t\t\t\t\tisInsideRootBlock( currentBlock, nextTabbable ) );\n\n\t\t\t// Allow tabbing from the block wrapper to a form element,\n\t\t\t// and between form elements rendered in a block and its child blocks,\n\t\t\t// such as inside a placeholder. Form elements are generally\n\t\t\t// meant to be UI rather than part of the content. Ideally\n\t\t\t// these are not rendered in the content and perhaps in the\n\t\t\t// future they can be rendered in an iframe or shadow DOM.\n\t\t\tif (\n\t\t\t\tisFormElement( nextTabbable ) &&\n\t\t\t\tisElementPartOfSelectedBlock\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst next = isShift ? focusCaptureBeforeRef : focusCaptureAfterRef;\n\n\t\t\t// Disable focus capturing on the focus capture element, so it\n\t\t\t// doesn't refocus this block and so it allows default behaviour\n\t\t\t// (moving focus to the next tabbable element).\n\t\t\tnoCapture.current = true;\n\n\t\t\t// Focusing the focus capture element, which is located above and\n\t\t\t// below the editor, should not scroll the page all the way up or\n\t\t\t// down.\n\t\t\tnext.current.focus( { preventScroll: true } );\n\t\t}\n\n\t\tfunction onFocusOut( event ) {\n\t\t\tlastFocus.current = event.target;\n\n\t\t\tconst { ownerDocument } = node;\n\n\t\t\t// If focus disappears due to there being no blocks, move focus to\n\t\t\t// the writing flow wrapper.\n\t\t\tif (\n\t\t\t\t! event.relatedTarget &&\n\t\t\t\townerDocument.activeElement === ownerDocument.body &&\n\t\t\t\tgetBlockCount() === 0\n\t\t\t) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t}\n\n\t\t// When tabbing back to an element in block list, this event handler prevents scrolling if the\n\t\t// focus capture divs (before/after) are outside of the viewport. (For example shift+tab back to a paragraph\n\t\t// when focus is on a sidebar element. This prevents the scrollable writing area from jumping either to the\n\t\t// top or bottom of the document.\n\t\t//\n\t\t// Note that it isn't possible to disable scrolling in the onFocus event. We need to intercept this\n\t\t// earlier in the keypress handler, and call focus( { preventScroll: true } ) instead.\n\t\t// https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus#parameters\n\t\tfunction preventScrollOnTab( event ) {\n\t\t\tif ( event.keyCode !== TAB ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.target?.getAttribute( 'role' ) === 'region' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( container.current === event.target ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isShift = event.shiftKey;\n\t\t\tconst direction = isShift ? 'findPrevious' : 'findNext';\n\t\t\tconst target = focus.tabbable[ direction ]( event.target );\n\t\t\t// Only do something when the next tabbable is a focus capture div (before/after)\n\t\t\tif (\n\t\t\t\ttarget === focusCaptureBeforeRef.current ||\n\t\t\t\ttarget === focusCaptureAfterRef.current\n\t\t\t) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttarget.focus( { preventScroll: true } );\n\t\t\t}\n\t\t}\n\n\t\tconst { ownerDocument } = node;\n\t\tconst { defaultView } = ownerDocument;\n\t\tdefaultView.addEventListener( 'keydown', preventScrollOnTab );\n\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\tnode.addEventListener( 'focusout', onFocusOut );\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'keydown', preventScrollOnTab );\n\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\tnode.removeEventListener( 'focusout', onFocusOut );\n\t\t};\n\t}, [] );\n\n\tconst mergedRefs = useMergeRefs( [ container, ref ] );\n\n\treturn [ before, mergedRefs, after ];\n}\n"]}
+{"version":3,"names":["focus","isFormElement","TAB","ESCAPE","useSelect","useDispatch","useRefEffect","useMergeRefs","useRef","store","blockEditorStore","isInSameBlock","isInsideRootBlock","useTabNav","container","focusCaptureBeforeRef","focusCaptureAfterRef","lastFocus","hasMultiSelection","getSelectedBlockClientId","getBlockCount","setNavigationMode","isNavigationMode","select","focusCaptureTabIndex","undefined","noCapture","onFocusCapture","event","current","canvasElement","ownerDocument","target","defaultView","frameElement","isBefore","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","tabbables","tabbable","find","length","next","before","createElement","ref","tabIndex","onFocus","after","node","onKeyDown","defaultPrevented","keyCode","preventDefault","isShift","shiftKey","direction","nextTabbable","currentBlock","closest","isElementPartOfSelectedBlock","preventScroll","onFocusOut","relatedTarget","activeElement","body","preventScrollOnTab","getAttribute","addEventListener","removeEventListener","mergedRefs"],"sources":["@wordpress/block-editor/src/components/writing-flow/use-tab-nav.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { focus, isFormElement } from '@wordpress/dom';\nimport { TAB, ESCAPE } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { isInSameBlock, isInsideRootBlock } from '../../utils/dom';\n\nexport default function useTabNav() {\n\tconst container = useRef();\n\tconst focusCaptureBeforeRef = useRef();\n\tconst focusCaptureAfterRef = useRef();\n\tconst lastFocus = useRef();\n\tconst { hasMultiSelection, getSelectedBlockClientId, getBlockCount } =\n\t\tuseSelect( blockEditorStore );\n\tconst { setNavigationMode } = useDispatch( blockEditorStore );\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\t// Don't allow tabbing to this element in Navigation mode.\n\tconst focusCaptureTabIndex = ! isNavigationMode ? '0' : undefined;\n\n\t// Reference that holds the a flag for enabling or disabling\n\t// capturing on the focus capture elements.\n\tconst noCapture = useRef();\n\n\tfunction onFocusCapture( event ) {\n\t\t// Do not capture incoming focus if set by us in WritingFlow.\n\t\tif ( noCapture.current ) {\n\t\t\tnoCapture.current = null;\n\t\t} else if ( hasMultiSelection() ) {\n\t\t\tcontainer.current.focus();\n\t\t} else if ( getSelectedBlockClientId() ) {\n\t\t\tlastFocus.current.focus();\n\t\t} else {\n\t\t\tsetNavigationMode( true );\n\n\t\t\tconst canvasElement =\n\t\t\t\tcontainer.current.ownerDocument === event.target.ownerDocument\n\t\t\t\t\t? container.current\n\t\t\t\t\t: container.current.ownerDocument.defaultView.frameElement;\n\n\t\t\tconst isBefore =\n\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\tevent.target.compareDocumentPosition( canvasElement ) &\n\t\t\t\tevent.target.DOCUMENT_POSITION_FOLLOWING;\n\t\t\tconst tabbables = focus.tabbable.find( container.current );\n\n\t\t\tif ( tabbables.length ) {\n\t\t\t\tconst next = isBefore\n\t\t\t\t\t? tabbables[ 0 ]\n\t\t\t\t\t: tabbables[ tabbables.length - 1 ];\n\n\t\t\t\tnext.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tconst before = (\n\t\t<div\n\t\t\tref={ focusCaptureBeforeRef }\n\t\t\ttabIndex={ focusCaptureTabIndex }\n\t\t\tonFocus={ onFocusCapture }\n\t\t/>\n\t);\n\n\tconst after = (\n\t\t<div\n\t\t\tref={ focusCaptureAfterRef }\n\t\t\ttabIndex={ focusCaptureTabIndex }\n\t\t\tonFocus={ onFocusCapture }\n\t\t/>\n\t);\n\n\tconst ref = useRefEffect( ( node ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.keyCode === ESCAPE && ! hasMultiSelection() ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetNavigationMode( true );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// In Edit mode, Tab should focus the first tabbable element after\n\t\t\t// the content, which is normally the sidebar (with block controls)\n\t\t\t// and Shift+Tab should focus the first tabbable element before the\n\t\t\t// content, which is normally the block toolbar.\n\t\t\t// Arrow keys can be used, and Tab and arrow keys can be used in\n\t\t\t// Navigation mode (press Esc), to navigate through blocks.\n\t\t\tif ( event.keyCode !== TAB ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isShift = event.shiftKey;\n\t\t\tconst direction = isShift ? 'findPrevious' : 'findNext';\n\n\t\t\tif ( ! hasMultiSelection() && ! getSelectedBlockClientId() ) {\n\t\t\t\t// Preserve the behaviour of entering navigation mode when\n\t\t\t\t// tabbing into the content without a block selection.\n\t\t\t\t// `onFocusCapture` already did this previously, but we need to\n\t\t\t\t// do it again here because after clearing block selection,\n\t\t\t\t// focus land on the writing flow container and pressing Tab\n\t\t\t\t// will no longer send focus through the focus capture element.\n\t\t\t\tif ( event.target === node ) setNavigationMode( true );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst nextTabbable = focus.tabbable[ direction ]( event.target );\n\n\t\t\t// We want to constrain the tabbing to the block and its child blocks.\n\t\t\t// If the preceding form element is within a different block,\n\t\t\t// such as two sibling image blocks in the placeholder state,\n\t\t\t// we want shift + tab from the first form element to move to the image\n\t\t\t// block toolbar and not the previous image block's form element.\n\t\t\tconst currentBlock = event.target.closest( '[data-block]' );\n\t\t\tconst isElementPartOfSelectedBlock =\n\t\t\t\tcurrentBlock &&\n\t\t\t\tnextTabbable &&\n\t\t\t\t( isInSameBlock( currentBlock, nextTabbable ) ||\n\t\t\t\t\tisInsideRootBlock( currentBlock, nextTabbable ) );\n\n\t\t\t// Allow tabbing from the block wrapper to a form element,\n\t\t\t// and between form elements rendered in a block and its child blocks,\n\t\t\t// such as inside a placeholder. Form elements are generally\n\t\t\t// meant to be UI rather than part of the content. Ideally\n\t\t\t// these are not rendered in the content and perhaps in the\n\t\t\t// future they can be rendered in an iframe or shadow DOM.\n\t\t\tif (\n\t\t\t\tisFormElement( nextTabbable ) &&\n\t\t\t\tisElementPartOfSelectedBlock\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst next = isShift ? focusCaptureBeforeRef : focusCaptureAfterRef;\n\n\t\t\t// Disable focus capturing on the focus capture element, so it\n\t\t\t// doesn't refocus this block and so it allows default behaviour\n\t\t\t// (moving focus to the next tabbable element).\n\t\t\tnoCapture.current = true;\n\n\t\t\t// Focusing the focus capture element, which is located above and\n\t\t\t// below the editor, should not scroll the page all the way up or\n\t\t\t// down.\n\t\t\tnext.current.focus( { preventScroll: true } );\n\t\t}\n\n\t\tfunction onFocusOut( event ) {\n\t\t\tlastFocus.current = event.target;\n\n\t\t\tconst { ownerDocument } = node;\n\n\t\t\t// If focus disappears due to there being no blocks, move focus to\n\t\t\t// the writing flow wrapper.\n\t\t\tif (\n\t\t\t\t! event.relatedTarget &&\n\t\t\t\townerDocument.activeElement === ownerDocument.body &&\n\t\t\t\tgetBlockCount() === 0\n\t\t\t) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t}\n\n\t\t// When tabbing back to an element in block list, this event handler prevents scrolling if the\n\t\t// focus capture divs (before/after) are outside of the viewport. (For example shift+tab back to a paragraph\n\t\t// when focus is on a sidebar element. This prevents the scrollable writing area from jumping either to the\n\t\t// top or bottom of the document.\n\t\t//\n\t\t// Note that it isn't possible to disable scrolling in the onFocus event. We need to intercept this\n\t\t// earlier in the keypress handler, and call focus( { preventScroll: true } ) instead.\n\t\t// https://developer.mozilla.org/en-US/docs/Web/API/HTMLOrForeignElement/focus#parameters\n\t\tfunction preventScrollOnTab( event ) {\n\t\t\tif ( event.keyCode !== TAB ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.target?.getAttribute( 'role' ) === 'region' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( container.current === event.target ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isShift = event.shiftKey;\n\t\t\tconst direction = isShift ? 'findPrevious' : 'findNext';\n\t\t\tconst target = focus.tabbable[ direction ]( event.target );\n\t\t\t// Only do something when the next tabbable is a focus capture div (before/after)\n\t\t\tif (\n\t\t\t\ttarget === focusCaptureBeforeRef.current ||\n\t\t\t\ttarget === focusCaptureAfterRef.current\n\t\t\t) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttarget.focus( { preventScroll: true } );\n\t\t\t}\n\t\t}\n\n\t\tconst { ownerDocument } = node;\n\t\tconst { defaultView } = ownerDocument;\n\t\tdefaultView.addEventListener( 'keydown', preventScrollOnTab );\n\t\tnode.addEventListener( 'keydown', onKeyDown );\n\t\tnode.addEventListener( 'focusout', onFocusOut );\n\t\treturn () => {\n\t\t\tdefaultView.removeEventListener( 'keydown', preventScrollOnTab );\n\t\t\tnode.removeEventListener( 'keydown', onKeyDown );\n\t\t\tnode.removeEventListener( 'focusout', onFocusOut );\n\t\t};\n\t}, [] );\n\n\tconst mergedRefs = useMergeRefs( [ container, ref ] );\n\n\treturn [ before, mergedRefs, after ];\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,aAAa,QAAQ,gBAAgB;AACrD,SAASC,GAAG,EAAEC,MAAM,QAAQ,qBAAqB;AACjD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,EAAEC,YAAY,QAAQ,oBAAoB;AAC/D,SAASC,MAAM,QAAQ,oBAAoB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,iBAAiB;AAElE,eAAe,SAASC,SAASA,CAAA,EAAG;EACnC,MAAMC,SAAS,GAAGN,MAAM,CAAC,CAAC;EAC1B,MAAMO,qBAAqB,GAAGP,MAAM,CAAC,CAAC;EACtC,MAAMQ,oBAAoB,GAAGR,MAAM,CAAC,CAAC;EACrC,MAAMS,SAAS,GAAGT,MAAM,CAAC,CAAC;EAC1B,MAAM;IAAEU,iBAAiB;IAAEC,wBAAwB;IAAEC;EAAc,CAAC,GACnEhB,SAAS,CAAEM,gBAAiB,CAAC;EAC9B,MAAM;IAAEW;EAAkB,CAAC,GAAGhB,WAAW,CAAEK,gBAAiB,CAAC;EAC7D,MAAMY,gBAAgB,GAAGlB,SAAS,CAC/BmB,MAAM,IAAMA,MAAM,CAAEb,gBAAiB,CAAC,CAACY,gBAAgB,CAAC,CAAC,EAC3D,EACD,CAAC;;EAED;EACA,MAAME,oBAAoB,GAAG,CAAEF,gBAAgB,GAAG,GAAG,GAAGG,SAAS;;EAEjE;EACA;EACA,MAAMC,SAAS,GAAGlB,MAAM,CAAC,CAAC;EAE1B,SAASmB,cAAcA,CAAEC,KAAK,EAAG;IAChC;IACA,IAAKF,SAAS,CAACG,OAAO,EAAG;MACxBH,SAAS,CAACG,OAAO,GAAG,IAAI;IACzB,CAAC,MAAM,IAAKX,iBAAiB,CAAC,CAAC,EAAG;MACjCJ,SAAS,CAACe,OAAO,CAAC7B,KAAK,CAAC,CAAC;IAC1B,CAAC,MAAM,IAAKmB,wBAAwB,CAAC,CAAC,EAAG;MACxCF,SAAS,CAACY,OAAO,CAAC7B,KAAK,CAAC,CAAC;IAC1B,CAAC,MAAM;MACNqB,iBAAiB,CAAE,IAAK,CAAC;MAEzB,MAAMS,aAAa,GAClBhB,SAAS,CAACe,OAAO,CAACE,aAAa,KAAKH,KAAK,CAACI,MAAM,CAACD,aAAa,GAC3DjB,SAAS,CAACe,OAAO,GACjBf,SAAS,CAACe,OAAO,CAACE,aAAa,CAACE,WAAW,CAACC,YAAY;MAE5D,MAAMC,QAAQ;MACb;MACAP,KAAK,CAACI,MAAM,CAACI,uBAAuB,CAAEN,aAAc,CAAC,GACrDF,KAAK,CAACI,MAAM,CAACK,2BAA2B;MACzC,MAAMC,SAAS,GAAGtC,KAAK,CAACuC,QAAQ,CAACC,IAAI,CAAE1B,SAAS,CAACe,OAAQ,CAAC;MAE1D,IAAKS,SAAS,CAACG,MAAM,EAAG;QACvB,MAAMC,IAAI,GAAGP,QAAQ,GAClBG,SAAS,CAAE,CAAC,CAAE,GACdA,SAAS,CAAEA,SAAS,CAACG,MAAM,GAAG,CAAC,CAAE;QAEpCC,IAAI,CAAC1C,KAAK,CAAC,CAAC;MACb;IACD;EACD;EAEA,MAAM2C,MAAM,GACXC,aAAA;IACCC,GAAG,EAAG9B,qBAAuB;IAC7B+B,QAAQ,EAAGtB,oBAAsB;IACjCuB,OAAO,EAAGpB;EAAgB,CAC1B,CACD;EAED,MAAMqB,KAAK,GACVJ,aAAA;IACCC,GAAG,EAAG7B,oBAAsB;IAC5B8B,QAAQ,EAAGtB,oBAAsB;IACjCuB,OAAO,EAAGpB;EAAgB,CAC1B,CACD;EAED,MAAMkB,GAAG,GAAGvC,YAAY,CAAI2C,IAAI,IAAM;IACrC,SAASC,SAASA,CAAEtB,KAAK,EAAG;MAC3B,IAAKA,KAAK,CAACuB,gBAAgB,EAAG;QAC7B;MACD;MAEA,IAAKvB,KAAK,CAACwB,OAAO,KAAKjD,MAAM,IAAI,CAAEe,iBAAiB,CAAC,CAAC,EAAG;QACxDU,KAAK,CAACyB,cAAc,CAAC,CAAC;QACtBhC,iBAAiB,CAAE,IAAK,CAAC;QACzB;MACD;;MAEA;MACA;MACA;MACA;MACA;MACA;MACA,IAAKO,KAAK,CAACwB,OAAO,KAAKlD,GAAG,EAAG;QAC5B;MACD;MAEA,MAAMoD,OAAO,GAAG1B,KAAK,CAAC2B,QAAQ;MAC9B,MAAMC,SAAS,GAAGF,OAAO,GAAG,cAAc,GAAG,UAAU;MAEvD,IAAK,CAAEpC,iBAAiB,CAAC,CAAC,IAAI,CAAEC,wBAAwB,CAAC,CAAC,EAAG;QAC5D;QACA;QACA;QACA;QACA;QACA;QACA,IAAKS,KAAK,CAACI,MAAM,KAAKiB,IAAI,EAAG5B,iBAAiB,CAAE,IAAK,CAAC;QACtD;MACD;MAEA,MAAMoC,YAAY,GAAGzD,KAAK,CAACuC,QAAQ,CAAEiB,SAAS,CAAE,CAAE5B,KAAK,CAACI,MAAO,CAAC;;MAEhE;MACA;MACA;MACA;MACA;MACA,MAAM0B,YAAY,GAAG9B,KAAK,CAACI,MAAM,CAAC2B,OAAO,CAAE,cAAe,CAAC;MAC3D,MAAMC,4BAA4B,GACjCF,YAAY,IACZD,YAAY,KACV9C,aAAa,CAAE+C,YAAY,EAAED,YAAa,CAAC,IAC5C7C,iBAAiB,CAAE8C,YAAY,EAAED,YAAa,CAAC,CAAE;;MAEnD;MACA;MACA;MACA;MACA;MACA;MACA,IACCxD,aAAa,CAAEwD,YAAa,CAAC,IAC7BG,4BAA4B,EAC3B;QACD;MACD;MAEA,MAAMlB,IAAI,GAAGY,OAAO,GAAGvC,qBAAqB,GAAGC,oBAAoB;;MAEnE;MACA;MACA;MACAU,SAAS,CAACG,OAAO,GAAG,IAAI;;MAExB;MACA;MACA;MACAa,IAAI,CAACb,OAAO,CAAC7B,KAAK,CAAE;QAAE6D,aAAa,EAAE;MAAK,CAAE,CAAC;IAC9C;IAEA,SAASC,UAAUA,CAAElC,KAAK,EAAG;MAC5BX,SAAS,CAACY,OAAO,GAAGD,KAAK,CAACI,MAAM;MAEhC,MAAM;QAAED;MAAc,CAAC,GAAGkB,IAAI;;MAE9B;MACA;MACA,IACC,CAAErB,KAAK,CAACmC,aAAa,IACrBhC,aAAa,CAACiC,aAAa,KAAKjC,aAAa,CAACkC,IAAI,IAClD7C,aAAa,CAAC,CAAC,KAAK,CAAC,EACpB;QACD6B,IAAI,CAACjD,KAAK,CAAC,CAAC;MACb;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,SAASkE,kBAAkBA,CAAEtC,KAAK,EAAG;MACpC,IAAKA,KAAK,CAACwB,OAAO,KAAKlD,GAAG,EAAG;QAC5B;MACD;MAEA,IAAK0B,KAAK,CAACI,MAAM,EAAEmC,YAAY,CAAE,MAAO,CAAC,KAAK,QAAQ,EAAG;QACxD;MACD;MAEA,IAAKrD,SAAS,CAACe,OAAO,KAAKD,KAAK,CAACI,MAAM,EAAG;QACzC;MACD;MAEA,MAAMsB,OAAO,GAAG1B,KAAK,CAAC2B,QAAQ;MAC9B,MAAMC,SAAS,GAAGF,OAAO,GAAG,cAAc,GAAG,UAAU;MACvD,MAAMtB,MAAM,GAAGhC,KAAK,CAACuC,QAAQ,CAAEiB,SAAS,CAAE,CAAE5B,KAAK,CAACI,MAAO,CAAC;MAC1D;MACA,IACCA,MAAM,KAAKjB,qBAAqB,CAACc,OAAO,IACxCG,MAAM,KAAKhB,oBAAoB,CAACa,OAAO,EACtC;QACDD,KAAK,CAACyB,cAAc,CAAC,CAAC;QACtBrB,MAAM,CAAChC,KAAK,CAAE;UAAE6D,aAAa,EAAE;QAAK,CAAE,CAAC;MACxC;IACD;IAEA,MAAM;MAAE9B;IAAc,CAAC,GAAGkB,IAAI;IAC9B,MAAM;MAAEhB;IAAY,CAAC,GAAGF,aAAa;IACrCE,WAAW,CAACmC,gBAAgB,CAAE,SAAS,EAAEF,kBAAmB,CAAC;IAC7DjB,IAAI,CAACmB,gBAAgB,CAAE,SAAS,EAAElB,SAAU,CAAC;IAC7CD,IAAI,CAACmB,gBAAgB,CAAE,UAAU,EAAEN,UAAW,CAAC;IAC/C,OAAO,MAAM;MACZ7B,WAAW,CAACoC,mBAAmB,CAAE,SAAS,EAAEH,kBAAmB,CAAC;MAChEjB,IAAI,CAACoB,mBAAmB,CAAE,SAAS,EAAEnB,SAAU,CAAC;MAChDD,IAAI,CAACoB,mBAAmB,CAAE,UAAU,EAAEP,UAAW,CAAC;IACnD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMQ,UAAU,GAAG/D,YAAY,CAAE,CAAEO,SAAS,EAAE+B,GAAG,CAAG,CAAC;EAErD,OAAO,CAAEF,MAAM,EAAE2B,UAAU,EAAEtB,KAAK,CAAE;AACrC"}

package/build-module/components/writing-mode-control/index.js

@@ -1,13 +1,12 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { BaseControl, Button } from '@wordpress/components';
 import { __, isRTL } from '@wordpress/i18n';
 import { textHorizontal, textVertical } from '@wordpress/icons';
@@ -20,6 +19,7 @@ const WRITING_MODES = [{
   value: isRTL() ? 'vertical-lr' : 'vertical-rl',
   icon: textVertical
 }];
+
 /**
  * Control to facilitate writing mode selections.
  *
@@ -30,7 +30,6 @@ const WRITING_MODES = [{
  *
  * @return {WPElement} Writing Mode control.
  */
-
 export default function WritingModeControl({
   className,
   value,

package/build-module/components/writing-mode-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/writing-mode-control/index.js"],"names":["classnames","BaseControl","Button","__","isRTL","textHorizontal","textVertical","WRITING_MODES","name","value","icon","WritingModeControl","className","onChange","map","writingMode","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,EAAT,EAAaC,KAAb,QAA0B,iBAA1B;AACA,SAASC,cAAT,EAAyBC,YAAzB,QAA6C,kBAA7C;AAEA,MAAMC,aAAa,GAAG,CACrB;AACCC,EAAAA,IAAI,EAAEL,EAAE,CAAE,YAAF,CADT;AAECM,EAAAA,KAAK,EAAE,eAFR;AAGCC,EAAAA,IAAI,EAAEL;AAHP,CADqB,EAMrB;AACCG,EAAAA,IAAI,EAAEL,EAAE,CAAE,UAAF,CADT;AAECM,EAAAA,KAAK,EAAEL,KAAK,KAAK,aAAL,GAAqB,aAFlC;AAGCM,EAAAA,IAAI,EAAEJ;AAHP,CANqB,CAAtB;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASK,kBAAT,CAA6B;AAAEC,EAAAA,SAAF;AAAaH,EAAAA,KAAb;AAAoBI,EAAAA;AAApB,CAA7B,EAA8D;AAC5E,SACC;AACC,IAAA,SAAS,EAAGb,UAAU,CACrB,mCADqB,EAErBY,SAFqB;AADvB,KAMC,cAAC,WAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACGT,EAAE,CAAE,aAAF,CADL,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGI,aAAa,CAACO,GAAd,CAAqBC,WAAF,IAAmB;AACvC,WACC,cAAC,MAAD;AACC,MAAA,GAAG,EAAGA,WAAW,CAACN,KADnB;AAEC,MAAA,IAAI,EAAGM,WAAW,CAACL,IAFpB;AAGC,MAAA,KAAK,EAAGK,WAAW,CAACP,IAHrB;AAIC,MAAA,SAAS,EAAGO,WAAW,CAACN,KAAZ,KAAsBA,KAJnC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfI,QAAAA,QAAQ,CACPE,WAAW,CAACN,KAAZ,KAAsBA,KAAtB,GACGO,SADH,GAEGD,WAAW,CAACN,KAHR,CAAR;AAKA;AAXF,MADD;AAeA,GAhBC,CADH,CATD,CADD;AA+BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { textHorizontal, textVertical } from '@wordpress/icons';\n\nconst WRITING_MODES = [\n\t{\n\t\tname: __( 'Horizontal' ),\n\t\tvalue: 'horizontal-tb',\n\t\ticon: textHorizontal,\n\t},\n\t{\n\t\tname: __( 'Vertical' ),\n\t\tvalue: isRTL() ? 'vertical-lr' : 'vertical-rl',\n\t\ticon: textVertical,\n\t},\n];\n\n/**\n * Control to facilitate writing mode selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected writing mode.\n * @param {Function} props.onChange  Handles change in the writing mode selection.\n *\n * @return {WPElement} Writing Mode control.\n */\nexport default function WritingModeControl( { className, value, onChange } ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-writing-mode-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Orientation' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-writing-mode-control__buttons\">\n\t\t\t\t{ WRITING_MODES.map( ( writingMode ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ writingMode.value }\n\t\t\t\t\t\t\ticon={ writingMode.icon }\n\t\t\t\t\t\t\tlabel={ writingMode.name }\n\t\t\t\t\t\t\tisPressed={ writingMode.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\twritingMode.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: writingMode.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
+{"version":3,"names":["classnames","BaseControl","Button","__","isRTL","textHorizontal","textVertical","WRITING_MODES","name","value","icon","WritingModeControl","className","onChange","createElement","VisualLabel","as","map","writingMode","key","label","isPressed","onClick","undefined"],"sources":["@wordpress/block-editor/src/components/writing-mode-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { textHorizontal, textVertical } from '@wordpress/icons';\n\nconst WRITING_MODES = [\n\t{\n\t\tname: __( 'Horizontal' ),\n\t\tvalue: 'horizontal-tb',\n\t\ticon: textHorizontal,\n\t},\n\t{\n\t\tname: __( 'Vertical' ),\n\t\tvalue: isRTL() ? 'vertical-lr' : 'vertical-rl',\n\t\ticon: textVertical,\n\t},\n];\n\n/**\n * Control to facilitate writing mode selections.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className Class name to add to the control.\n * @param {string}   props.value     Currently selected writing mode.\n * @param {Function} props.onChange  Handles change in the writing mode selection.\n *\n * @return {WPElement} Writing Mode control.\n */\nexport default function WritingModeControl( { className, value, onChange } ) {\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={ classnames(\n\t\t\t\t'block-editor-writing-mode-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Orientation' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<div className=\"block-editor-writing-mode-control__buttons\">\n\t\t\t\t{ WRITING_MODES.map( ( writingMode ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ writingMode.value }\n\t\t\t\t\t\t\ticon={ writingMode.icon }\n\t\t\t\t\t\t\tlabel={ writingMode.name }\n\t\t\t\t\t\t\tisPressed={ writingMode.value === value }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\twritingMode.value === value\n\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t: writingMode.value\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,WAAW,EAAEC,MAAM,QAAQ,uBAAuB;AAC3D,SAASC,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,cAAc,EAAEC,YAAY,QAAQ,kBAAkB;AAE/D,MAAMC,aAAa,GAAG,CACrB;EACCC,IAAI,EAAEL,EAAE,CAAE,YAAa,CAAC;EACxBM,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAEL;AACP,CAAC,EACD;EACCG,IAAI,EAAEL,EAAE,CAAE,UAAW,CAAC;EACtBM,KAAK,EAAEL,KAAK,CAAC,CAAC,GAAG,aAAa,GAAG,aAAa;EAC9CM,IAAI,EAAEJ;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASK,kBAAkBA,CAAE;EAAEC,SAAS;EAAEH,KAAK;EAAEI;AAAS,CAAC,EAAG;EAC5E,OACCC,aAAA;IACCF,SAAS,EAAGZ,UAAU,CACrB,mCAAmC,EACnCY,SACD;EAAG,GAEHE,aAAA,CAACb,WAAW,CAACc,WAAW;IAACC,EAAE,EAAC;EAAQ,GACjCb,EAAE,CAAE,aAAc,CACI,CAAC,EAC1BW,aAAA;IAAKF,SAAS,EAAC;EAA4C,GACxDL,aAAa,CAACU,GAAG,CAAIC,WAAW,IAAM;IACvC,OACCJ,aAAA,CAACZ,MAAM;MACNiB,GAAG,EAAGD,WAAW,CAACT,KAAO;MACzBC,IAAI,EAAGQ,WAAW,CAACR,IAAM;MACzBU,KAAK,EAAGF,WAAW,CAACV,IAAM;MAC1Ba,SAAS,EAAGH,WAAW,CAACT,KAAK,KAAKA,KAAO;MACzCa,OAAO,EAAGA,CAAA,KAAM;QACfT,QAAQ,CACPK,WAAW,CAACT,KAAK,KAAKA,KAAK,GACxBc,SAAS,GACTL,WAAW,CAACT,KAChB,CAAC;MACF;IAAG,CACH,CAAC;EAEJ,CAAE,CACE,CACI,CAAC;AAEb"}

package/build-module/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/elements/index.js"],"names":["ELEMENT_CLASS_NAMES","button","caption","__experimentalGetElementClassName","element"],"mappings":"AAAA,MAAMA,mBAAmB,GAAG;AAC3BC,EAAAA,MAAM,EAAE,mBADmB;AAE3BC,EAAAA,OAAO,EAAE;AAFkB,CAA5B;AAKA,OAAO,MAAMC,iCAAiC,GAAKC,OAAF,IAAe;AAC/D,SAAOJ,mBAAmB,CAAEI,OAAF,CAAnB,GAAiCJ,mBAAmB,CAAEI,OAAF,CAApD,GAAkE,EAAzE;AACA,CAFM","sourcesContent":["const ELEMENT_CLASS_NAMES = {\n\tbutton: 'wp-element-button',\n\tcaption: 'wp-element-caption',\n};\n\nexport const __experimentalGetElementClassName = ( element ) => {\n\treturn ELEMENT_CLASS_NAMES[ element ] ? ELEMENT_CLASS_NAMES[ element ] : '';\n};\n"]}
+{"version":3,"names":["ELEMENT_CLASS_NAMES","button","caption","__experimentalGetElementClassName","element"],"sources":["@wordpress/block-editor/src/elements/index.js"],"sourcesContent":["const ELEMENT_CLASS_NAMES = {\n\tbutton: 'wp-element-button',\n\tcaption: 'wp-element-caption',\n};\n\nexport const __experimentalGetElementClassName = ( element ) => {\n\treturn ELEMENT_CLASS_NAMES[ element ] ? ELEMENT_CLASS_NAMES[ element ] : '';\n};\n"],"mappings":"AAAA,MAAMA,mBAAmB,GAAG;EAC3BC,MAAM,EAAE,mBAAmB;EAC3BC,OAAO,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAKC,OAAO,IAAM;EAC/D,OAAOJ,mBAAmB,CAAEI,OAAO,CAAE,GAAGJ,mBAAmB,CAAEI,OAAO,CAAE,GAAG,EAAE;AAC5E,CAAC"}

package/build-module/hooks/align.js

@@ -1,23 +1,23 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { createHigherOrderComponent } from '@wordpress/compose';
 import { addFilter } from '@wordpress/hooks';
 import { getBlockSupport, getBlockType, hasBlockSupport } from '@wordpress/blocks';
+
 /**
  * Internal dependencies
  */
-
 import { BlockControls, BlockAlignmentControl } from '../components';
 import useAvailableAlignments from '../components/block-alignment-control/use-available-alignments';
 import { useBlockEditingMode } from '../components/block-editing-mode';
+
 /**
  * An array which includes all possible valid alignments,
  * used to validate if an alignment is valid or not.
@@ -25,8 +25,8 @@ import { useBlockEditingMode } from '../components/block-editing-mode';
  * @constant
  * @type {string[]}
  */
-
 const ALL_ALIGNMENTS = ['left', 'center', 'right', 'wide', 'full'];
+
 /**
  * An array which includes all wide alignments.
  * In order for this alignments to be valid they need to be supported by the block,
@@ -35,8 +35,8 @@ const ALL_ALIGNMENTS = ['left', 'center', 'right', 'wide', 'full'];
  * @constant
  * @type {string[]}
  */
-
 const WIDE_ALIGNMENTS = ['wide', 'full'];
+
 /**
  * Returns the valid alignments.
  * Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not.
@@ -48,10 +48,8 @@ const WIDE_ALIGNMENTS = ['wide', 'full'];
  *
  * @return {string[]} Valid alignments.
  */
-
 export function getValidAlignments(blockAlign, hasWideBlockSupport = true, hasWideEnabled = true) {
   let validAlignments;
-
   if (Array.isArray(blockAlign)) {
     validAlignments = ALL_ALIGNMENTS.filter(value => blockAlign.includes(value));
   } else if (blockAlign === true) {
@@ -60,13 +58,12 @@ export function getValidAlignments(blockAlign, hasWideBlockSupport = true, hasWi
   } else {
     validAlignments = [];
   }
-
   if (!hasWideEnabled || blockAlign === true && !hasWideBlockSupport) {
     return validAlignments.filter(alignment => !WIDE_ALIGNMENTS.includes(alignment));
   }
-
   return validAlignments;
 }
+
 /**
  * Filters registered block settings, extending attributes to include `align`.
  *
@@ -74,18 +71,16 @@ export function getValidAlignments(blockAlign, hasWideBlockSupport = true, hasWi
  *
  * @return {Object} Filtered block settings.
  */
-
 export function addAttribute(settings) {
   var _settings$attributes$;
-
   // Allow blocks to specify their own attribute definition with default values if needed.
   if ('type' in ((_settings$attributes$ = settings.attributes?.align) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) {
     return settings;
   }
-
   if (hasBlockSupport(settings, 'align')) {
     // Gracefully handle if settings.attributes is undefined.
-    settings.attributes = { ...settings.attributes,
+    settings.attributes = {
+      ...settings.attributes,
       align: {
         type: 'string',
         // Allow for '' since it is used by updateAlignment function
@@ -94,9 +89,9 @@ export function addAttribute(settings) {
       }
     };
   }
-
   return settings;
 }
+
 /**
  * Override the default edit UI to include new toolbar controls for block
  * alignment, if block defines support.
@@ -105,7 +100,6 @@ export function addAttribute(settings) {
  *
  * @return {Function} Wrapped component.
  */
-
 export const withToolbarControls = createHigherOrderComponent(BlockEdit => props => {
   const blockEdit = createElement(BlockEdit, {
     key: "edit",
@@ -113,36 +107,31 @@ export const withToolbarControls = createHigherOrderComponent(BlockEdit => props
   });
   const {
     name: blockName
-  } = props; // Compute the block valid alignments by taking into account,
+  } = props;
+  // Compute the block valid alignments by taking into account,
   // if the theme supports wide alignments or not and the layout's
   // availble alignments. We do that for conditionally rendering
   // Slot.
-
   const blockAllowedAlignments = getValidAlignments(getBlockSupport(blockName, 'align'), hasBlockSupport(blockName, 'alignWide', true));
   const validAlignments = useAvailableAlignments(blockAllowedAlignments).map(({
     name
   }) => name);
   const blockEditingMode = useBlockEditingMode();
-
   if (!validAlignments.length || blockEditingMode !== 'default') {
     return blockEdit;
   }
-
   const updateAlignment = nextAlign => {
     if (!nextAlign) {
       const blockType = getBlockType(props.name);
       const blockDefaultAlign = blockType?.attributes?.align?.default;
-
       if (blockDefaultAlign) {
         nextAlign = '';
       }
     }
-
     props.setAttributes({
       align: nextAlign
     });
   };
-
   return createElement(Fragment, null, createElement(BlockControls, {
     group: "block",
     __experimentalShareWithChildBlocks: true
@@ -152,6 +141,7 @@ export const withToolbarControls = createHigherOrderComponent(BlockEdit => props
     controls: validAlignments
   })), blockEdit);
 }, 'withToolbarControls');
+
 /**
  * Override the default block element to add alignment wrapper props.
  *
@@ -159,7 +149,6 @@ export const withToolbarControls = createHigherOrderComponent(BlockEdit => props
  *
  * @return {Function} Wrapped component.
  */
-
 export const withDataAlign = createHigherOrderComponent(BlockListBlock => props => {
   const {
     name,
@@ -169,26 +158,28 @@ export const withDataAlign = createHigherOrderComponent(BlockListBlock => props
     align
   } = attributes;
   const blockAllowedAlignments = getValidAlignments(getBlockSupport(name, 'align'), hasBlockSupport(name, 'alignWide', true));
-  const validAlignments = useAvailableAlignments(blockAllowedAlignments); // If an alignment is not assigned, there's no need to go through the
-  // effort to validate or assign its value.
+  const validAlignments = useAvailableAlignments(blockAllowedAlignments);
 
+  // If an alignment is not assigned, there's no need to go through the
+  // effort to validate or assign its value.
   if (align === undefined) {
-    return createElement(BlockListBlock, { ...props
+    return createElement(BlockListBlock, {
+      ...props
     });
   }
-
   let wrapperProps = props.wrapperProps;
-
   if (validAlignments.some(alignment => alignment.name === align)) {
-    wrapperProps = { ...wrapperProps,
+    wrapperProps = {
+      ...wrapperProps,
       'data-align': align
     };
   }
-
-  return createElement(BlockListBlock, { ...props,
+  return createElement(BlockListBlock, {
+    ...props,
     wrapperProps: wrapperProps
   });
 }, 'withDataAlign');
+
 /**
  * Override props assigned to save component to inject alignment class name if
  * block supports it.
@@ -199,22 +190,20 @@ export const withDataAlign = createHigherOrderComponent(BlockListBlock => props
  *
  * @return {Object} Filtered props applied to save element.
  */
-
 export function addAssignedAlign(props, blockType, attributes) {
   const {
     align
   } = attributes;
   const blockAlign = getBlockSupport(blockType, 'align');
-  const hasWideBlockSupport = hasBlockSupport(blockType, 'alignWide', true); // Compute valid alignments without taking into account if
+  const hasWideBlockSupport = hasBlockSupport(blockType, 'alignWide', true);
+
+  // Compute valid alignments without taking into account if
   // the theme supports wide alignments or not.
   // This way changing themes does not impact the block save.
-
   const isAlignValid = getValidAlignments(blockAlign, hasWideBlockSupport).includes(align);
-
   if (isAlignValid) {
     props.className = classnames(`align${align}`, props.className);
   }
-
   return props;
 }
 addFilter('blocks.registerBlockType', 'core/align/addAttribute', addAttribute);

package/build-module/hooks/align.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/hooks/align.js"],"names":["classnames","createHigherOrderComponent","addFilter","getBlockSupport","getBlockType","hasBlockSupport","BlockControls","BlockAlignmentControl","useAvailableAlignments","useBlockEditingMode","ALL_ALIGNMENTS","WIDE_ALIGNMENTS","getValidAlignments","blockAlign","hasWideBlockSupport","hasWideEnabled","validAlignments","Array","isArray","filter","value","includes","alignment","addAttribute","settings","attributes","align","type","enum","withToolbarControls","BlockEdit","props","blockEdit","name","blockName","blockAllowedAlignments","map","blockEditingMode","length","updateAlignment","nextAlign","blockType","blockDefaultAlign","default","setAttributes","withDataAlign","BlockListBlock","undefined","wrapperProps","some","addAssignedAlign","isAlignValid","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter } from '@wordpress/hooks';\nimport {\n\tgetBlockSupport,\n\tgetBlockType,\n\thasBlockSupport,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { BlockControls, BlockAlignmentControl } from '../components';\nimport useAvailableAlignments from '../components/block-alignment-control/use-available-alignments';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\n/**\n * An array which includes all possible valid alignments,\n * used to validate if an alignment is valid or not.\n *\n * @constant\n * @type {string[]}\n */\nconst ALL_ALIGNMENTS = [ 'left', 'center', 'right', 'wide', 'full' ];\n\n/**\n * An array which includes all wide alignments.\n * In order for this alignments to be valid they need to be supported by the block,\n * and by the theme.\n *\n * @constant\n * @type {string[]}\n */\nconst WIDE_ALIGNMENTS = [ 'wide', 'full' ];\n\n/**\n * Returns the valid alignments.\n * Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not.\n * Exported just for testing purposes, not exported outside the module.\n *\n * @param {?boolean|string[]} blockAlign          Aligns supported by the block.\n * @param {?boolean}          hasWideBlockSupport True if block supports wide alignments. And False otherwise.\n * @param {?boolean}          hasWideEnabled      True if theme supports wide alignments. And False otherwise.\n *\n * @return {string[]} Valid alignments.\n */\nexport function getValidAlignments(\n\tblockAlign,\n\thasWideBlockSupport = true,\n\thasWideEnabled = true\n) {\n\tlet validAlignments;\n\tif ( Array.isArray( blockAlign ) ) {\n\t\tvalidAlignments = ALL_ALIGNMENTS.filter( ( value ) =>\n\t\t\tblockAlign.includes( value )\n\t\t);\n\t} else if ( blockAlign === true ) {\n\t\t// `true` includes all alignments...\n\t\tvalidAlignments = [ ...ALL_ALIGNMENTS ];\n\t} else {\n\t\tvalidAlignments = [];\n\t}\n\n\tif (\n\t\t! hasWideEnabled ||\n\t\t( blockAlign === true && ! hasWideBlockSupport )\n\t) {\n\t\treturn validAlignments.filter(\n\t\t\t( alignment ) => ! WIDE_ALIGNMENTS.includes( alignment )\n\t\t);\n\t}\n\n\treturn validAlignments;\n}\n\n/**\n * Filters registered block settings, extending attributes to include `align`.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nexport function addAttribute( settings ) {\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( 'type' in ( settings.attributes?.align ?? {} ) ) {\n\t\treturn settings;\n\t}\n\tif ( hasBlockSupport( settings, 'align' ) ) {\n\t\t// Gracefully handle if settings.attributes is undefined.\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\talign: {\n\t\t\t\ttype: 'string',\n\t\t\t\t// Allow for '' since it is used by updateAlignment function\n\t\t\t\t// in withToolbarControls for special cases with defined default values.\n\t\t\t\tenum: [ ...ALL_ALIGNMENTS, '' ],\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n}\n\n/**\n * Override the default edit UI to include new toolbar controls for block\n * alignment, if block defines support.\n *\n * @param {Function} BlockEdit Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withToolbarControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\tconst { name: blockName } = props;\n\t\t// Compute the block valid alignments by taking into account,\n\t\t// if the theme supports wide alignments or not and the layout's\n\t\t// availble alignments. We do that for conditionally rendering\n\t\t// Slot.\n\t\tconst blockAllowedAlignments = getValidAlignments(\n\t\t\tgetBlockSupport( blockName, 'align' ),\n\t\t\thasBlockSupport( blockName, 'alignWide', true )\n\t\t);\n\n\t\tconst validAlignments = useAvailableAlignments(\n\t\t\tblockAllowedAlignments\n\t\t).map( ( { name } ) => name );\n\t\tconst blockEditingMode = useBlockEditingMode();\n\t\tif ( ! validAlignments.length || blockEditingMode !== 'default' ) {\n\t\t\treturn blockEdit;\n\t\t}\n\n\t\tconst updateAlignment = ( nextAlign ) => {\n\t\t\tif ( ! nextAlign ) {\n\t\t\t\tconst blockType = getBlockType( props.name );\n\t\t\t\tconst blockDefaultAlign = blockType?.attributes?.align?.default;\n\t\t\t\tif ( blockDefaultAlign ) {\n\t\t\t\t\tnextAlign = '';\n\t\t\t\t}\n\t\t\t}\n\t\t\tprops.setAttributes( { align: nextAlign } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ props.attributes.align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\tcontrols={ validAlignments }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t{ blockEdit }\n\t\t\t</>\n\t\t);\n\t},\n\t'withToolbarControls'\n);\n\n/**\n * Override the default block element to add alignment wrapper props.\n *\n * @param {Function} BlockListBlock Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withDataAlign = createHigherOrderComponent(\n\t( BlockListBlock ) => ( props ) => {\n\t\tconst { name, attributes } = props;\n\t\tconst { align } = attributes;\n\t\tconst blockAllowedAlignments = getValidAlignments(\n\t\t\tgetBlockSupport( name, 'align' ),\n\t\t\thasBlockSupport( name, 'alignWide', true )\n\t\t);\n\t\tconst validAlignments = useAvailableAlignments(\n\t\t\tblockAllowedAlignments\n\t\t);\n\n\t\t// If an alignment is not assigned, there's no need to go through the\n\t\t// effort to validate or assign its value.\n\t\tif ( align === undefined ) {\n\t\t\treturn <BlockListBlock { ...props } />;\n\t\t}\n\n\t\tlet wrapperProps = props.wrapperProps;\n\t\tif (\n\t\t\tvalidAlignments.some( ( alignment ) => alignment.name === align )\n\t\t) {\n\t\t\twrapperProps = { ...wrapperProps, 'data-align': align };\n\t\t}\n\n\t\treturn <BlockListBlock { ...props } wrapperProps={ wrapperProps } />;\n\t},\n\t'withDataAlign'\n);\n\n/**\n * Override props assigned to save component to inject alignment class name if\n * block supports it.\n *\n * @param {Object} props      Additional props applied to save element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addAssignedAlign( props, blockType, attributes ) {\n\tconst { align } = attributes;\n\tconst blockAlign = getBlockSupport( blockType, 'align' );\n\tconst hasWideBlockSupport = hasBlockSupport( blockType, 'alignWide', true );\n\n\t// Compute valid alignments without taking into account if\n\t// the theme supports wide alignments or not.\n\t// This way changing themes does not impact the block save.\n\tconst isAlignValid = getValidAlignments(\n\t\tblockAlign,\n\t\thasWideBlockSupport\n\t).includes( align );\n\tif ( isAlignValid ) {\n\t\tprops.className = classnames( `align${ align }`, props.className );\n\t}\n\n\treturn props;\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/align/addAttribute',\n\taddAttribute\n);\naddFilter(\n\t'editor.BlockListBlock',\n\t'core/editor/align/with-data-align',\n\twithDataAlign\n);\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/align/with-toolbar-controls',\n\twithToolbarControls\n);\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/align/addAssignedAlign',\n\taddAssignedAlign\n);\n"]}
+{"version":3,"names":["classnames","createHigherOrderComponent","addFilter","getBlockSupport","getBlockType","hasBlockSupport","BlockControls","BlockAlignmentControl","useAvailableAlignments","useBlockEditingMode","ALL_ALIGNMENTS","WIDE_ALIGNMENTS","getValidAlignments","blockAlign","hasWideBlockSupport","hasWideEnabled","validAlignments","Array","isArray","filter","value","includes","alignment","addAttribute","settings","_settings$attributes$","attributes","align","type","enum","withToolbarControls","BlockEdit","props","blockEdit","createElement","key","name","blockName","blockAllowedAlignments","map","blockEditingMode","length","updateAlignment","nextAlign","blockType","blockDefaultAlign","default","setAttributes","Fragment","group","__experimentalShareWithChildBlocks","onChange","controls","withDataAlign","BlockListBlock","undefined","wrapperProps","some","addAssignedAlign","isAlignValid","className"],"sources":["@wordpress/block-editor/src/hooks/align.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { addFilter } from '@wordpress/hooks';\nimport {\n\tgetBlockSupport,\n\tgetBlockType,\n\thasBlockSupport,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { BlockControls, BlockAlignmentControl } from '../components';\nimport useAvailableAlignments from '../components/block-alignment-control/use-available-alignments';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\n/**\n * An array which includes all possible valid alignments,\n * used to validate if an alignment is valid or not.\n *\n * @constant\n * @type {string[]}\n */\nconst ALL_ALIGNMENTS = [ 'left', 'center', 'right', 'wide', 'full' ];\n\n/**\n * An array which includes all wide alignments.\n * In order for this alignments to be valid they need to be supported by the block,\n * and by the theme.\n *\n * @constant\n * @type {string[]}\n */\nconst WIDE_ALIGNMENTS = [ 'wide', 'full' ];\n\n/**\n * Returns the valid alignments.\n * Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not.\n * Exported just for testing purposes, not exported outside the module.\n *\n * @param {?boolean|string[]} blockAlign          Aligns supported by the block.\n * @param {?boolean}          hasWideBlockSupport True if block supports wide alignments. And False otherwise.\n * @param {?boolean}          hasWideEnabled      True if theme supports wide alignments. And False otherwise.\n *\n * @return {string[]} Valid alignments.\n */\nexport function getValidAlignments(\n\tblockAlign,\n\thasWideBlockSupport = true,\n\thasWideEnabled = true\n) {\n\tlet validAlignments;\n\tif ( Array.isArray( blockAlign ) ) {\n\t\tvalidAlignments = ALL_ALIGNMENTS.filter( ( value ) =>\n\t\t\tblockAlign.includes( value )\n\t\t);\n\t} else if ( blockAlign === true ) {\n\t\t// `true` includes all alignments...\n\t\tvalidAlignments = [ ...ALL_ALIGNMENTS ];\n\t} else {\n\t\tvalidAlignments = [];\n\t}\n\n\tif (\n\t\t! hasWideEnabled ||\n\t\t( blockAlign === true && ! hasWideBlockSupport )\n\t) {\n\t\treturn validAlignments.filter(\n\t\t\t( alignment ) => ! WIDE_ALIGNMENTS.includes( alignment )\n\t\t);\n\t}\n\n\treturn validAlignments;\n}\n\n/**\n * Filters registered block settings, extending attributes to include `align`.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nexport function addAttribute( settings ) {\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( 'type' in ( settings.attributes?.align ?? {} ) ) {\n\t\treturn settings;\n\t}\n\tif ( hasBlockSupport( settings, 'align' ) ) {\n\t\t// Gracefully handle if settings.attributes is undefined.\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\talign: {\n\t\t\t\ttype: 'string',\n\t\t\t\t// Allow for '' since it is used by updateAlignment function\n\t\t\t\t// in withToolbarControls for special cases with defined default values.\n\t\t\t\tenum: [ ...ALL_ALIGNMENTS, '' ],\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n}\n\n/**\n * Override the default edit UI to include new toolbar controls for block\n * alignment, if block defines support.\n *\n * @param {Function} BlockEdit Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withToolbarControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\tconst { name: blockName } = props;\n\t\t// Compute the block valid alignments by taking into account,\n\t\t// if the theme supports wide alignments or not and the layout's\n\t\t// availble alignments. We do that for conditionally rendering\n\t\t// Slot.\n\t\tconst blockAllowedAlignments = getValidAlignments(\n\t\t\tgetBlockSupport( blockName, 'align' ),\n\t\t\thasBlockSupport( blockName, 'alignWide', true )\n\t\t);\n\n\t\tconst validAlignments = useAvailableAlignments(\n\t\t\tblockAllowedAlignments\n\t\t).map( ( { name } ) => name );\n\t\tconst blockEditingMode = useBlockEditingMode();\n\t\tif ( ! validAlignments.length || blockEditingMode !== 'default' ) {\n\t\t\treturn blockEdit;\n\t\t}\n\n\t\tconst updateAlignment = ( nextAlign ) => {\n\t\t\tif ( ! nextAlign ) {\n\t\t\t\tconst blockType = getBlockType( props.name );\n\t\t\t\tconst blockDefaultAlign = blockType?.attributes?.align?.default;\n\t\t\t\tif ( blockDefaultAlign ) {\n\t\t\t\t\tnextAlign = '';\n\t\t\t\t}\n\t\t\t}\n\t\t\tprops.setAttributes( { align: nextAlign } );\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t\t<BlockAlignmentControl\n\t\t\t\t\t\tvalue={ props.attributes.align }\n\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\tcontrols={ validAlignments }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t{ blockEdit }\n\t\t\t</>\n\t\t);\n\t},\n\t'withToolbarControls'\n);\n\n/**\n * Override the default block element to add alignment wrapper props.\n *\n * @param {Function} BlockListBlock Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withDataAlign = createHigherOrderComponent(\n\t( BlockListBlock ) => ( props ) => {\n\t\tconst { name, attributes } = props;\n\t\tconst { align } = attributes;\n\t\tconst blockAllowedAlignments = getValidAlignments(\n\t\t\tgetBlockSupport( name, 'align' ),\n\t\t\thasBlockSupport( name, 'alignWide', true )\n\t\t);\n\t\tconst validAlignments = useAvailableAlignments(\n\t\t\tblockAllowedAlignments\n\t\t);\n\n\t\t// If an alignment is not assigned, there's no need to go through the\n\t\t// effort to validate or assign its value.\n\t\tif ( align === undefined ) {\n\t\t\treturn <BlockListBlock { ...props } />;\n\t\t}\n\n\t\tlet wrapperProps = props.wrapperProps;\n\t\tif (\n\t\t\tvalidAlignments.some( ( alignment ) => alignment.name === align )\n\t\t) {\n\t\t\twrapperProps = { ...wrapperProps, 'data-align': align };\n\t\t}\n\n\t\treturn <BlockListBlock { ...props } wrapperProps={ wrapperProps } />;\n\t},\n\t'withDataAlign'\n);\n\n/**\n * Override props assigned to save component to inject alignment class name if\n * block supports it.\n *\n * @param {Object} props      Additional props applied to save element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addAssignedAlign( props, blockType, attributes ) {\n\tconst { align } = attributes;\n\tconst blockAlign = getBlockSupport( blockType, 'align' );\n\tconst hasWideBlockSupport = hasBlockSupport( blockType, 'alignWide', true );\n\n\t// Compute valid alignments without taking into account if\n\t// the theme supports wide alignments or not.\n\t// This way changing themes does not impact the block save.\n\tconst isAlignValid = getValidAlignments(\n\t\tblockAlign,\n\t\thasWideBlockSupport\n\t).includes( align );\n\tif ( isAlignValid ) {\n\t\tprops.className = classnames( `align${ align }`, props.className );\n\t}\n\n\treturn props;\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/align/addAttribute',\n\taddAttribute\n);\naddFilter(\n\t'editor.BlockListBlock',\n\t'core/editor/align/with-data-align',\n\twithDataAlign\n);\naddFilter(\n\t'editor.BlockEdit',\n\t'core/editor/align/with-toolbar-controls',\n\twithToolbarControls\n);\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/align/addAssignedAlign',\n\taddAssignedAlign\n);\n"],"mappings":"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"}

package/build-module/hooks/align.native.js

@@ -5,16 +5,19 @@ import { addFilter } from '@wordpress/hooks';
 import { hasBlockSupport } from '@wordpress/blocks';
 import { WIDE_ALIGNMENTS } from '@wordpress/components';
 const ALIGNMENTS = ['left', 'center', 'right'];
-export * from './align.js'; // Used to filter out blocks that don't support wide/full alignment on mobile
+export * from './align.js';
 
+// Used to filter out blocks that don't support wide/full alignment on mobile
 addFilter('blocks.registerBlockType', 'core/react-native-editor/align', (settings, name) => {
   if (WIDE_ALIGNMENTS.excludeBlocks.includes(name) && hasBlockSupport(settings, 'align')) {
     const blockAlign = settings.supports.align;
-    settings.supports = { ...settings.supports,
+    settings.supports = {
+      ...settings.supports,
       align: Array.isArray(blockAlign) ? blockAlign.filter(alignment => !Object.values(WIDE_ALIGNMENTS.alignments).includes(alignment)) : blockAlign,
       alignWide: false
     };
-    settings.attributes = { ...settings.attributes,
+    settings.attributes = {
+      ...settings.attributes,
       align: {
         type: 'string',
         // Allow for '' since it is used by updateAlignment function
@@ -23,7 +26,6 @@ addFilter('blocks.registerBlockType', 'core/react-native-editor/align', (setting
       }
     };
   }
-
   return settings;
 });
 //# sourceMappingURL=align.native.js.map