@wordpress/block-editor 12.7.0 → 12.8.0

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useTabNav;
-
 var _element = require("@wordpress/element");
-
 var _dom = require("@wordpress/dom");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _data = require("@wordpress/data");
-
 var _compose = require("@wordpress/compose");
-
 var _store = require("../../store");
-
 var _dom2 = require("../../utils/dom");
-
 /**
  * WordPress dependencies
  */
@@ -26,6 +18,7 @@ var _dom2 = require("../../utils/dom");
 /**
  * Internal dependencies
  */
+
 function useTabNav() {
   const container = (0, _element.useRef)();
   const focusCaptureBeforeRef = (0, _element.useRef)();
@@ -39,13 +32,14 @@ function useTabNav() {
   const {
     setNavigationMode
   } = (0, _data.useDispatch)(_store.store);
-  const isNavigationMode = (0, _data.useSelect)(select => select(_store.store).isNavigationMode(), []); // Don't allow tabbing to this element in Navigation mode.
+  const isNavigationMode = (0, _data.useSelect)(select => select(_store.store).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 = (0, _element.useRef)();
-
   function onFocusCapture(event) {
     // Do not capture incoming focus if set by us in WritingFlow.
     if (noCapture.current) {
@@ -57,18 +51,16 @@ 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 = _dom.focus.tabbable.find(container.current);
-
       if (tabbables.length) {
         const next = isBefore ? tabbables[0] : tabbables[tabbables.length - 1];
         next.focus();
       }
     }
   }
-
   const before = (0, _element.createElement)("div", {
     ref: focusCaptureBeforeRef,
     tabIndex: focusCaptureTabIndex,
@@ -84,26 +76,23 @@ function useTabNav() {
       if (event.defaultPrevented) {
         return;
       }
-
       if (event.keyCode === _keycodes.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 !== _keycodes.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.
@@ -114,50 +103,53 @@ function useTabNav() {
         if (event.target === node) setNavigationMode(true);
         return;
       }
+      const nextTabbable = _dom.focus.tabbable[direction](event.target);
 
-      const nextTabbable = _dom.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 && ((0, _dom2.isInSameBlock)(currentBlock, nextTabbable) || (0, _dom2.isInsideRootBlock)(currentBlock, nextTabbable)); // Allow tabbing from the block wrapper to a form element,
+      const isElementPartOfSelectedBlock = currentBlock && nextTabbable && ((0, _dom2.isInSameBlock)(currentBlock, nextTabbable) || (0, _dom2.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 ((0, _dom.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.
@@ -165,27 +157,20 @@ 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 !== _keycodes.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 = _dom.focus.tabbable[direction](event.target); // Only do something when the next tabbable is a focus capture div (before/after)
-
-
+      const target = _dom.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({
@@ -193,7 +178,6 @@ function useTabNav() {
         });
       }
     }
-
     const {
       ownerDocument
     } = node;

package/build/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":["useTabNav","container","focusCaptureBeforeRef","focusCaptureAfterRef","lastFocus","hasMultiSelection","getSelectedBlockClientId","getBlockCount","blockEditorStore","setNavigationMode","isNavigationMode","select","focusCaptureTabIndex","undefined","noCapture","onFocusCapture","event","current","focus","canvasElement","ownerDocument","target","defaultView","frameElement","isBefore","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","tabbables","tabbable","find","length","next","before","after","ref","node","onKeyDown","defaultPrevented","keyCode","ESCAPE","preventDefault","TAB","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":["_element","require","_dom","_keycodes","_data","_compose","_store","_dom2","useTabNav","container","useRef","focusCaptureBeforeRef","focusCaptureAfterRef","lastFocus","hasMultiSelection","getSelectedBlockClientId","getBlockCount","useSelect","blockEditorStore","setNavigationMode","useDispatch","isNavigationMode","select","focusCaptureTabIndex","undefined","noCapture","onFocusCapture","event","current","focus","canvasElement","ownerDocument","target","defaultView","frameElement","isBefore","compareDocumentPosition","DOCUMENT_POSITION_FOLLOWING","tabbables","tabbable","find","length","next","before","createElement","ref","tabIndex","onFocus","after","useRefEffect","node","onKeyDown","defaultPrevented","keyCode","ESCAPE","preventDefault","TAB","isShift","shiftKey","direction","nextTabbable","currentBlock","closest","isElementPartOfSelectedBlock","isInSameBlock","isInsideRootBlock","isFormElement","preventScroll","onFocusOut","relatedTarget","activeElement","body","preventScrollOnTab","getAttribute","addEventListener","removeEventListener","mergedRefs","useMergeRefs"],"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":"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"}

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WritingModeControl;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 /**
  * External dependencies
  */
@@ -24,6 +17,7 @@ var _icons = require("@wordpress/icons");
 /**
  * WordPress dependencies
  */
+
 const WRITING_MODES = [{
   name: (0, _i18n.__)('Horizontal'),
   value: 'horizontal-tb',
@@ -33,6 +27,7 @@ const WRITING_MODES = [{
   value: (0, _i18n.isRTL)() ? 'vertical-lr' : 'vertical-rl',
   icon: _icons.textVertical
 }];
+
 /**
  * Control to facilitate writing mode selections.
  *
@@ -43,7 +38,6 @@ const WRITING_MODES = [{
  *
  * @return {WPElement} Writing Mode control.
  */
-
 function WritingModeControl({
   className,
   value,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/writing-mode-control/index.js"],"names":["WRITING_MODES","name","value","icon","textHorizontal","textVertical","WritingModeControl","className","onChange","map","writingMode","undefined"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,aAAa,GAAG,CACrB;AACCC,EAAAA,IAAI,EAAE,cAAI,YAAJ,CADP;AAECC,EAAAA,KAAK,EAAE,eAFR;AAGCC,EAAAA,IAAI,EAAEC;AAHP,CADqB,EAMrB;AACCH,EAAAA,IAAI,EAAE,cAAI,UAAJ,CADP;AAECC,EAAAA,KAAK,EAAE,qBAAU,aAAV,GAA0B,aAFlC;AAGCC,EAAAA,IAAI,EAAEE;AAHP,CANqB,CAAtB;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,SAAF;AAAaL,EAAAA,KAAb;AAAoBM,EAAAA;AAApB,CAA7B,EAA8D;AAC5E,SACC;AACC,IAAA,SAAS,EAAG,yBACX,mCADW,EAEXD,SAFW;AADb,KAMC,4BAAC,uBAAD,CAAa,WAAb;AAAyB,IAAA,EAAE,EAAC;AAA5B,KACG,cAAI,aAAJ,CADH,CAND,EASC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,aAAa,CAACS,GAAd,CAAqBC,WAAF,IAAmB;AACvC,WACC,4BAAC,kBAAD;AACC,MAAA,GAAG,EAAGA,WAAW,CAACR,KADnB;AAEC,MAAA,IAAI,EAAGQ,WAAW,CAACP,IAFpB;AAGC,MAAA,KAAK,EAAGO,WAAW,CAACT,IAHrB;AAIC,MAAA,SAAS,EAAGS,WAAW,CAACR,KAAZ,KAAsBA,KAJnC;AAKC,MAAA,OAAO,EAAG,MAAM;AACfM,QAAAA,QAAQ,CACPE,WAAW,CAACR,KAAZ,KAAsBA,KAAtB,GACGS,SADH,GAEGD,WAAW,CAACR,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","_interopRequireDefault","require","_components","_i18n","_icons","WRITING_MODES","name","__","value","icon","textHorizontal","isRTL","textVertical","WritingModeControl","className","onChange","_element","createElement","classnames","BaseControl","VisualLabel","as","map","writingMode","Button","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":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMI,aAAa,GAAG,CACrB;EACCC,IAAI,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC;EACxBC,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAEC;AACP,CAAC,EACD;EACCJ,IAAI,EAAE,IAAAC,QAAE,EAAE,UAAW,CAAC;EACtBC,KAAK,EAAE,IAAAG,WAAK,EAAC,CAAC,GAAG,aAAa,GAAG,aAAa;EAC9CF,IAAI,EAAEG;AACP,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,kBAAkBA,CAAE;EAAEC,SAAS;EAAEN,KAAK;EAAEO;AAAS,CAAC,EAAG;EAC5E,OACC,IAAAC,QAAA,CAAAC,aAAA;IACCH,SAAS,EAAG,IAAAI,mBAAU,EACrB,mCAAmC,EACnCJ,SACD;EAAG,GAEH,IAAAE,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAiB,WAAW,CAACC,WAAW;IAACC,EAAE,EAAC;EAAQ,GACjC,IAAAd,QAAE,EAAE,aAAc,CACI,CAAC,EAC1B,IAAAS,QAAA,CAAAC,aAAA;IAAKH,SAAS,EAAC;EAA4C,GACxDT,aAAa,CAACiB,GAAG,CAAIC,WAAW,IAAM;IACvC,OACC,IAAAP,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAsB,MAAM;MACNC,GAAG,EAAGF,WAAW,CAACf,KAAO;MACzBC,IAAI,EAAGc,WAAW,CAACd,IAAM;MACzBiB,KAAK,EAAGH,WAAW,CAACjB,IAAM;MAC1BqB,SAAS,EAAGJ,WAAW,CAACf,KAAK,KAAKA,KAAO;MACzCoB,OAAO,EAAGA,CAAA,KAAM;QACfb,QAAQ,CACPQ,WAAW,CAACf,KAAK,KAAKA,KAAK,GACxBqB,SAAS,GACTN,WAAW,CAACf,KAChB,CAAC;MACF;IAAG,CACH,CAAC;EAEJ,CAAE,CACE,CACI,CAAC;AAEb"}

package/build/elements/index.js

@@ -8,10 +8,8 @@ const ELEMENT_CLASS_NAMES = {
   button: 'wp-element-button',
   caption: 'wp-element-caption'
 };
-
 const __experimentalGetElementClassName = element => {
   return ELEMENT_CLASS_NAMES[element] ? ELEMENT_CLASS_NAMES[element] : '';
 };
-
 exports.__experimentalGetElementClassName = __experimentalGetElementClassName;
 //# sourceMappingURL=index.js.map

package/build/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;;AAKO,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","exports"],"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;AAEM,MAAMC,iCAAiC,GAAKC,OAAO,IAAM;EAC/D,OAAOJ,mBAAmB,CAAEI,OAAO,CAAE,GAAGJ,mBAAmB,CAAEI,OAAO,CAAE,GAAG,EAAE;AAC5E,CAAC;AAACC,OAAA,CAAAF,iCAAA,GAAAA,iCAAA"}

package/build/hooks/align.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,23 +8,14 @@ exports.addAssignedAlign = addAssignedAlign;
 exports.addAttribute = addAttribute;
 exports.getValidAlignments = getValidAlignments;
 exports.withToolbarControls = exports.withDataAlign = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _compose = require("@wordpress/compose");
-
 var _hooks = require("@wordpress/hooks");
-
 var _blocks = require("@wordpress/blocks");
-
 var _components = require("../components");
-
 var _useAvailableAlignments = _interopRequireDefault(require("../components/block-alignment-control/use-available-alignments"));
-
 var _blockEditingMode = require("../components/block-editing-mode");
-
 /**
  * External dependencies
  */
@@ -46,6 +36,7 @@ var _blockEditingMode = require("../components/block-editing-mode");
  * @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,
@@ -54,8 +45,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.
@@ -67,10 +58,8 @@ const WIDE_ALIGNMENTS = ['wide', 'full'];
  *
  * @return {string[]} Valid alignments.
  */
-
 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) {
@@ -79,13 +68,12 @@ function getValidAlignments(blockAlign, hasWideBlockSupport = true, hasWideEnabl
   } 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`.
  *
@@ -93,19 +81,16 @@ function getValidAlignments(blockAlign, hasWideBlockSupport = true, hasWideEnabl
  *
  * @return {Object} Filtered block settings.
  */
-
-
 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 ((0, _blocks.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
@@ -114,9 +99,9 @@ function addAttribute(settings) {
       }
     };
   }
-
   return settings;
 }
+
 /**
  * Override the default edit UI to include new toolbar controls for block
  * alignment, if block defines support.
@@ -125,8 +110,6 @@ function addAttribute(settings) {
  *
  * @return {Function} Wrapped component.
  */
-
-
 const withToolbarControls = (0, _compose.createHigherOrderComponent)(BlockEdit => props => {
   const blockEdit = (0, _element.createElement)(BlockEdit, {
     key: "edit",
@@ -134,36 +117,31 @@ const withToolbarControls = (0, _compose.createHigherOrderComponent)(BlockEdit =
   });
   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((0, _blocks.getBlockSupport)(blockName, 'align'), (0, _blocks.hasBlockSupport)(blockName, 'alignWide', true));
   const validAlignments = (0, _useAvailableAlignments.default)(blockAllowedAlignments).map(({
     name
   }) => name);
   const blockEditingMode = (0, _blockEditingMode.useBlockEditingMode)();
-
   if (!validAlignments.length || blockEditingMode !== 'default') {
     return blockEdit;
   }
-
   const updateAlignment = nextAlign => {
     if (!nextAlign) {
       const blockType = (0, _blocks.getBlockType)(props.name);
       const blockDefaultAlign = blockType?.attributes?.align?.default;
-
       if (blockDefaultAlign) {
         nextAlign = '';
       }
     }
-
     props.setAttributes({
       align: nextAlign
     });
   };
-
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BlockControls, {
     group: "block",
     __experimentalShareWithChildBlocks: true
@@ -173,6 +151,7 @@ const withToolbarControls = (0, _compose.createHigherOrderComponent)(BlockEdit =
     controls: validAlignments
   })), blockEdit);
 }, 'withToolbarControls');
+
 /**
  * Override the default block element to add alignment wrapper props.
  *
@@ -180,7 +159,6 @@ const withToolbarControls = (0, _compose.createHigherOrderComponent)(BlockEdit =
  *
  * @return {Function} Wrapped component.
  */
-
 exports.withToolbarControls = withToolbarControls;
 const withDataAlign = (0, _compose.createHigherOrderComponent)(BlockListBlock => props => {
   const {
@@ -191,26 +169,28 @@ const withDataAlign = (0, _compose.createHigherOrderComponent)(BlockListBlock =>
     align
   } = attributes;
   const blockAllowedAlignments = getValidAlignments((0, _blocks.getBlockSupport)(name, 'align'), (0, _blocks.hasBlockSupport)(name, 'alignWide', true));
-  const validAlignments = (0, _useAvailableAlignments.default)(blockAllowedAlignments); // If an alignment is not assigned, there's no need to go through the
-  // effort to validate or assign its value.
+  const validAlignments = (0, _useAvailableAlignments.default)(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 (0, _element.createElement)(BlockListBlock, { ...props
+    return (0, _element.createElement)(BlockListBlock, {
+      ...props
     });
   }
-
   let wrapperProps = props.wrapperProps;
-
   if (validAlignments.some(alignment => alignment.name === align)) {
-    wrapperProps = { ...wrapperProps,
+    wrapperProps = {
+      ...wrapperProps,
       'data-align': align
     };
   }
-
-  return (0, _element.createElement)(BlockListBlock, { ...props,
+  return (0, _element.createElement)(BlockListBlock, {
+    ...props,
     wrapperProps: wrapperProps
   });
 }, 'withDataAlign');
+
 /**
  * Override props assigned to save component to inject alignment class name if
  * block supports it.
@@ -221,27 +201,23 @@ const withDataAlign = (0, _compose.createHigherOrderComponent)(BlockListBlock =>
  *
  * @return {Object} Filtered props applied to save element.
  */
-
 exports.withDataAlign = withDataAlign;
-
 function addAssignedAlign(props, blockType, attributes) {
   const {
     align
   } = attributes;
   const blockAlign = (0, _blocks.getBlockSupport)(blockType, 'align');
-  const hasWideBlockSupport = (0, _blocks.hasBlockSupport)(blockType, 'alignWide', true); // Compute valid alignments without taking into account if
+  const hasWideBlockSupport = (0, _blocks.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 = (0, _classnames.default)(`align${align}`, props.className);
   }
-
   return props;
 }
-
 (0, _hooks.addFilter)('blocks.registerBlockType', 'core/align/addAttribute', addAttribute);
 (0, _hooks.addFilter)('editor.BlockListBlock', 'core/editor/align/with-data-align', withDataAlign);
 (0, _hooks.addFilter)('editor.BlockEdit', 'core/editor/align/with-toolbar-controls', withToolbarControls);