@wordpress/block-editor 12.7.0 → 12.8.0

package/build-module/components/observe-typing/index.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -7,18 +6,19 @@ import { useRefEffect, useMergeRefs } from '@wordpress/compose';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { isTextField } from '@wordpress/dom';
 import { UP, RIGHT, DOWN, LEFT, ENTER, BACKSPACE, ESCAPE, TAB } from '@wordpress/keycodes';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
+
 /**
  * Set of key codes upon which typing is to be initiated on a keydown event.
  *
  * @type {Set<number>}
  */
-
 const KEY_DOWN_ELIGIBLE_KEY_CODES = new Set([UP, RIGHT, DOWN, LEFT, ENTER, BACKSPACE]);
+
 /**
  * Returns true if a given keydown event can be inferred as intent to start
  * typing, or false otherwise. A keydown is considered eligible if it is a
@@ -28,7 +28,6 @@ const KEY_DOWN_ELIGIBLE_KEY_CODES = new Set([UP, RIGHT, DOWN, LEFT, ENTER, BACKS
  *
  * @return {boolean} Whether event is eligible to start typing.
  */
-
 function isKeyDownEligibleForStartTyping(event) {
   const {
     keyCode,
@@ -36,12 +35,11 @@ function isKeyDownEligibleForStartTyping(event) {
   } = event;
   return !shiftKey && KEY_DOWN_ELIGIBLE_KEY_CODES.has(keyCode);
 }
+
 /**
  * Removes the `isTyping` flag when the mouse moves in the document of the given
  * element.
  */
-
-
 export function useMouseMoveTypingReset() {
   const isTyping = useSelect(select => select(blockEditorStore).isTyping(), []);
   const {
@@ -51,39 +49,38 @@ export function useMouseMoveTypingReset() {
     if (!isTyping) {
       return;
     }
-
     const {
       ownerDocument
     } = node;
     let lastClientX;
     let lastClientY;
+
     /**
      * On mouse move, unset typing flag if user has moved cursor.
      *
      * @param {MouseEvent} event Mousemove event.
      */
-
     function stopTypingOnMouseMove(event) {
       const {
         clientX,
         clientY
-      } = event; // We need to check that the mouse really moved because Safari
-      // triggers mousemove events when shift or ctrl are pressed.
+      } = event;
 
+      // We need to check that the mouse really moved because Safari
+      // triggers mousemove events when shift or ctrl are pressed.
       if (lastClientX && lastClientY && (lastClientX !== clientX || lastClientY !== clientY)) {
         stopTyping();
       }
-
       lastClientX = clientX;
       lastClientY = clientY;
     }
-
     ownerDocument.addEventListener('mousemove', stopTypingOnMouseMove);
     return () => {
       ownerDocument.removeEventListener('mousemove', stopTypingOnMouseMove);
     };
   }, [isTyping, stopTyping]);
 }
+
 /**
  * Sets and removes the `isTyping` flag based on user actions:
  *
@@ -91,7 +88,6 @@ export function useMouseMoveTypingReset() {
  * - Removes the flag when the user selects some text, focusses a non-text
  *   field, presses ESC or TAB, or moves the mouse in the document.
  */
-
 export function useTypingObserver() {
   const {
     isTyping,
@@ -118,31 +114,34 @@ export function useTypingObserver() {
     const {
       defaultView
     } = ownerDocument;
-    const selection = defaultView.getSelection(); // Listeners to stop typing should only be added when typing.
-    // Listeners to start typing should only be added when not typing.
+    const selection = defaultView.getSelection();
 
+    // Listeners to stop typing should only be added when typing.
+    // Listeners to start typing should only be added when not typing.
     if (isTyping) {
       let timerId;
+
       /**
        * Stops typing when focus transitions to a non-text field element.
        *
        * @param {FocusEvent} event Focus event.
        */
-
       function stopTypingOnNonTextField(event) {
         const {
           target
-        } = event; // Since focus to a non-text field via arrow key will trigger
+        } = event;
+
+        // Since focus to a non-text field via arrow key will trigger
         // before the keydown event, wait until after current stack
         // before evaluating whether typing is to be stopped. Otherwise,
         // typing will re-start.
-
         timerId = defaultView.setTimeout(() => {
           if (!isTextField(target)) {
             stopTyping();
           }
         });
       }
+
       /**
        * Unsets typing flag if user presses Escape while typing flag is
        * active.
@@ -150,36 +149,29 @@ export function useTypingObserver() {
        * @param {KeyboardEvent} event Keypress or keydown event to
        *                              interpret.
        */
-
-
       function stopTypingOnEscapeKey(event) {
         const {
           keyCode
         } = event;
-
         if (keyCode === ESCAPE || keyCode === TAB) {
           stopTyping();
         }
       }
+
       /**
        * On selection change, unset typing flag if user has made an
        * uncollapsed (shift) selection.
        */
-
-
       function stopTypingOnSelectionUncollapse() {
         if (!selection.isCollapsed) {
           stopTyping();
         }
       }
-
       node.addEventListener('focus', stopTypingOnNonTextField);
       node.addEventListener('keydown', stopTypingOnEscapeKey);
-
       if (!hasInlineToolbar) {
         ownerDocument.addEventListener('selectionchange', stopTypingOnSelectionUncollapse);
       }
-
       return () => {
         defaultView.clearTimeout(timerId);
         node.removeEventListener('focus', stopTypingOnNonTextField);
@@ -187,37 +179,35 @@ export function useTypingObserver() {
         ownerDocument.removeEventListener('selectionchange', stopTypingOnSelectionUncollapse);
       };
     }
+
     /**
      * Handles a keypress or keydown event to infer intention to start
      * typing.
      *
      * @param {KeyboardEvent} event Keypress or keydown event to interpret.
      */
-
-
     function startTypingInTextField(event) {
       const {
         type,
         target
-      } = event; // Abort early if already typing, or key press is incurred outside a
+      } = event;
+
+      // Abort early if already typing, or key press is incurred outside a
       // text field (e.g. arrow-ing through toolbar buttons).
       // Ignore typing if outside the current DOM container
-
       if (!isTextField(target) || !node.contains(target)) {
         return;
-      } // Special-case keydown because certain keys do not emit a keypress
+      }
+
+      // Special-case keydown because certain keys do not emit a keypress
       // event. Conversely avoid keydown as the canonical event since
       // there are many keydown which are explicitly not targeted for
       // typing.
-
-
       if (type === 'keydown' && !isKeyDownEligibleForStartTyping(event)) {
         return;
       }
-
       startTyping();
     }
-
     node.addEventListener('keypress', startTypingInTextField);
     node.addEventListener('keydown', startTypingInTextField);
     return () => {
@@ -227,7 +217,6 @@ export function useTypingObserver() {
   }, [isTyping, hasInlineToolbar, startTyping, stopTyping]);
   return useMergeRefs([ref1, ref2]);
 }
-
 function ObserveTyping({
   children
 }) {
@@ -235,10 +224,9 @@ function ObserveTyping({
     ref: useTypingObserver()
   }, children);
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/observe-typing/README.md
  */
-
-
 export default ObserveTyping;
 //# sourceMappingURL=index.js.map

package/build-module/components/observe-typing/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/observe-typing/index.js"],"names":["useRefEffect","useMergeRefs","useSelect","useDispatch","isTextField","UP","RIGHT","DOWN","LEFT","ENTER","BACKSPACE","ESCAPE","TAB","store","blockEditorStore","KEY_DOWN_ELIGIBLE_KEY_CODES","Set","isKeyDownEligibleForStartTyping","event","keyCode","shiftKey","has","useMouseMoveTypingReset","isTyping","select","stopTyping","node","ownerDocument","lastClientX","lastClientY","stopTypingOnMouseMove","clientX","clientY","addEventListener","removeEventListener","useTypingObserver","hasInlineToolbar","_isTyping","getSettings","startTyping","ref1","ref2","defaultView","selection","getSelection","timerId","stopTypingOnNonTextField","target","setTimeout","stopTypingOnEscapeKey","stopTypingOnSelectionUncollapse","isCollapsed","clearTimeout","startTypingInTextField","type","contains","ObserveTyping","children"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isTextField } from '@wordpress/dom';\nimport {\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n\tESCAPE,\n\tTAB,\n} from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Set of key codes upon which typing is to be initiated on a keydown event.\n *\n * @type {Set<number>}\n */\nconst KEY_DOWN_ELIGIBLE_KEY_CODES = new Set( [\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n] );\n\n/**\n * Returns true if a given keydown event can be inferred as intent to start\n * typing, or false otherwise. A keydown is considered eligible if it is a\n * text navigation without shift active.\n *\n * @param {KeyboardEvent} event Keydown event to test.\n *\n * @return {boolean} Whether event is eligible to start typing.\n */\nfunction isKeyDownEligibleForStartTyping( event ) {\n\tconst { keyCode, shiftKey } = event;\n\treturn ! shiftKey && KEY_DOWN_ELIGIBLE_KEY_CODES.has( keyCode );\n}\n\n/**\n * Removes the `isTyping` flag when the mouse moves in the document of the given\n * element.\n */\nexport function useMouseMoveTypingReset() {\n\tconst isTyping = useSelect(\n\t\t( select ) => select( blockEditorStore ).isTyping(),\n\t\t[]\n\t);\n\tconst { stopTyping } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isTyping ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tlet lastClientX;\n\t\t\tlet lastClientY;\n\n\t\t\t/**\n\t\t\t * On mouse move, unset typing flag if user has moved cursor.\n\t\t\t *\n\t\t\t * @param {MouseEvent} event Mousemove event.\n\t\t\t */\n\t\t\tfunction stopTypingOnMouseMove( event ) {\n\t\t\t\tconst { clientX, clientY } = event;\n\n\t\t\t\t// We need to check that the mouse really moved because Safari\n\t\t\t\t// triggers mousemove events when shift or ctrl are pressed.\n\t\t\t\tif (\n\t\t\t\t\tlastClientX &&\n\t\t\t\t\tlastClientY &&\n\t\t\t\t\t( lastClientX !== clientX || lastClientY !== clientY )\n\t\t\t\t) {\n\t\t\t\t\tstopTyping();\n\t\t\t\t}\n\n\t\t\t\tlastClientX = clientX;\n\t\t\t\tlastClientY = clientY;\n\t\t\t}\n\n\t\t\townerDocument.addEventListener(\n\t\t\t\t'mousemove',\n\t\t\t\tstopTypingOnMouseMove\n\t\t\t);\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tstopTypingOnMouseMove\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\t[ isTyping, stopTyping ]\n\t);\n}\n\n/**\n * Sets and removes the `isTyping` flag based on user actions:\n *\n * - Sets the flag if the user types within the given element.\n * - Removes the flag when the user selects some text, focusses a non-text\n *   field, presses ESC or TAB, or moves the mouse in the document.\n */\nexport function useTypingObserver() {\n\tconst { isTyping, hasInlineToolbar } = useSelect( ( select ) => {\n\t\tconst { isTyping: _isTyping, getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tisTyping: _isTyping(),\n\t\t\thasInlineToolbar: getSettings().hasInlineToolbar,\n\t\t};\n\t}, [] );\n\tconst { startTyping, stopTyping } = useDispatch( blockEditorStore );\n\n\tconst ref1 = useMouseMoveTypingReset();\n\tconst ref2 = useRefEffect(\n\t\t( node ) => {\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\t\t\tconst selection = defaultView.getSelection();\n\n\t\t\t// Listeners to stop typing should only be added when typing.\n\t\t\t// Listeners to start typing should only be added when not typing.\n\t\t\tif ( isTyping ) {\n\t\t\t\tlet timerId;\n\n\t\t\t\t/**\n\t\t\t\t * Stops typing when focus transitions to a non-text field element.\n\t\t\t\t *\n\t\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnNonTextField( event ) {\n\t\t\t\t\tconst { target } = event;\n\n\t\t\t\t\t// Since focus to a non-text field via arrow key will trigger\n\t\t\t\t\t// before the keydown event, wait until after current stack\n\t\t\t\t\t// before evaluating whether typing is to be stopped. Otherwise,\n\t\t\t\t\t// typing will re-start.\n\t\t\t\t\ttimerId = defaultView.setTimeout( () => {\n\t\t\t\t\t\tif ( ! isTextField( target ) ) {\n\t\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * Unsets typing flag if user presses Escape while typing flag is\n\t\t\t\t * active.\n\t\t\t\t *\n\t\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to\n\t\t\t\t *                              interpret.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnEscapeKey( event ) {\n\t\t\t\t\tconst { keyCode } = event;\n\n\t\t\t\t\tif ( keyCode === ESCAPE || keyCode === TAB ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * On selection change, unset typing flag if user has made an\n\t\t\t\t * uncollapsed (shift) selection.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnSelectionUncollapse() {\n\t\t\t\t\tif ( ! selection.isCollapsed ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tnode.addEventListener( 'focus', stopTypingOnNonTextField );\n\t\t\t\tnode.addEventListener( 'keydown', stopTypingOnEscapeKey );\n\n\t\t\t\tif ( ! hasInlineToolbar ) {\n\t\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t\t'selectionchange',\n\t\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn () => {\n\t\t\t\t\tdefaultView.clearTimeout( timerId );\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'focus',\n\t\t\t\t\t\tstopTypingOnNonTextField\n\t\t\t\t\t);\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'keydown',\n\t\t\t\t\t\tstopTypingOnEscapeKey\n\t\t\t\t\t);\n\t\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t\t'selectionchange',\n\t\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t\t);\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles a keypress or keydown event to infer intention to start\n\t\t\t * typing.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to interpret.\n\t\t\t */\n\t\t\tfunction startTypingInTextField( event ) {\n\t\t\t\tconst { type, target } = event;\n\n\t\t\t\t// Abort early if already typing, or key press is incurred outside a\n\t\t\t\t// text field (e.g. arrow-ing through toolbar buttons).\n\t\t\t\t// Ignore typing if outside the current DOM container\n\t\t\t\tif ( ! isTextField( target ) || ! node.contains( target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Special-case keydown because certain keys do not emit a keypress\n\t\t\t\t// event. Conversely avoid keydown as the canonical event since\n\t\t\t\t// there are many keydown which are explicitly not targeted for\n\t\t\t\t// typing.\n\t\t\t\tif (\n\t\t\t\t\ttype === 'keydown' &&\n\t\t\t\t\t! isKeyDownEligibleForStartTyping( event )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstartTyping();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'keypress', startTypingInTextField );\n\t\t\tnode.addEventListener( 'keydown', startTypingInTextField );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'keypress', startTypingInTextField );\n\t\t\t\tnode.removeEventListener( 'keydown', startTypingInTextField );\n\t\t\t};\n\t\t},\n\t\t[ isTyping, hasInlineToolbar, startTyping, stopTyping ]\n\t);\n\n\treturn useMergeRefs( [ ref1, ref2 ] );\n}\n\nfunction ObserveTyping( { children } ) {\n\treturn <div ref={ useTypingObserver() }>{ children }</div>;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/observe-typing/README.md\n */\nexport default ObserveTyping;\n"]}
+{"version":3,"names":["useRefEffect","useMergeRefs","useSelect","useDispatch","isTextField","UP","RIGHT","DOWN","LEFT","ENTER","BACKSPACE","ESCAPE","TAB","store","blockEditorStore","KEY_DOWN_ELIGIBLE_KEY_CODES","Set","isKeyDownEligibleForStartTyping","event","keyCode","shiftKey","has","useMouseMoveTypingReset","isTyping","select","stopTyping","node","ownerDocument","lastClientX","lastClientY","stopTypingOnMouseMove","clientX","clientY","addEventListener","removeEventListener","useTypingObserver","hasInlineToolbar","_isTyping","getSettings","startTyping","ref1","ref2","defaultView","selection","getSelection","timerId","stopTypingOnNonTextField","target","setTimeout","stopTypingOnEscapeKey","stopTypingOnSelectionUncollapse","isCollapsed","clearTimeout","startTypingInTextField","type","contains","ObserveTyping","children","createElement","ref"],"sources":["@wordpress/block-editor/src/components/observe-typing/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isTextField } from '@wordpress/dom';\nimport {\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n\tESCAPE,\n\tTAB,\n} from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Set of key codes upon which typing is to be initiated on a keydown event.\n *\n * @type {Set<number>}\n */\nconst KEY_DOWN_ELIGIBLE_KEY_CODES = new Set( [\n\tUP,\n\tRIGHT,\n\tDOWN,\n\tLEFT,\n\tENTER,\n\tBACKSPACE,\n] );\n\n/**\n * Returns true if a given keydown event can be inferred as intent to start\n * typing, or false otherwise. A keydown is considered eligible if it is a\n * text navigation without shift active.\n *\n * @param {KeyboardEvent} event Keydown event to test.\n *\n * @return {boolean} Whether event is eligible to start typing.\n */\nfunction isKeyDownEligibleForStartTyping( event ) {\n\tconst { keyCode, shiftKey } = event;\n\treturn ! shiftKey && KEY_DOWN_ELIGIBLE_KEY_CODES.has( keyCode );\n}\n\n/**\n * Removes the `isTyping` flag when the mouse moves in the document of the given\n * element.\n */\nexport function useMouseMoveTypingReset() {\n\tconst isTyping = useSelect(\n\t\t( select ) => select( blockEditorStore ).isTyping(),\n\t\t[]\n\t);\n\tconst { stopTyping } = useDispatch( blockEditorStore );\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isTyping ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tlet lastClientX;\n\t\t\tlet lastClientY;\n\n\t\t\t/**\n\t\t\t * On mouse move, unset typing flag if user has moved cursor.\n\t\t\t *\n\t\t\t * @param {MouseEvent} event Mousemove event.\n\t\t\t */\n\t\t\tfunction stopTypingOnMouseMove( event ) {\n\t\t\t\tconst { clientX, clientY } = event;\n\n\t\t\t\t// We need to check that the mouse really moved because Safari\n\t\t\t\t// triggers mousemove events when shift or ctrl are pressed.\n\t\t\t\tif (\n\t\t\t\t\tlastClientX &&\n\t\t\t\t\tlastClientY &&\n\t\t\t\t\t( lastClientX !== clientX || lastClientY !== clientY )\n\t\t\t\t) {\n\t\t\t\t\tstopTyping();\n\t\t\t\t}\n\n\t\t\t\tlastClientX = clientX;\n\t\t\t\tlastClientY = clientY;\n\t\t\t}\n\n\t\t\townerDocument.addEventListener(\n\t\t\t\t'mousemove',\n\t\t\t\tstopTypingOnMouseMove\n\t\t\t);\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tstopTypingOnMouseMove\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\t[ isTyping, stopTyping ]\n\t);\n}\n\n/**\n * Sets and removes the `isTyping` flag based on user actions:\n *\n * - Sets the flag if the user types within the given element.\n * - Removes the flag when the user selects some text, focusses a non-text\n *   field, presses ESC or TAB, or moves the mouse in the document.\n */\nexport function useTypingObserver() {\n\tconst { isTyping, hasInlineToolbar } = useSelect( ( select ) => {\n\t\tconst { isTyping: _isTyping, getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tisTyping: _isTyping(),\n\t\t\thasInlineToolbar: getSettings().hasInlineToolbar,\n\t\t};\n\t}, [] );\n\tconst { startTyping, stopTyping } = useDispatch( blockEditorStore );\n\n\tconst ref1 = useMouseMoveTypingReset();\n\tconst ref2 = useRefEffect(\n\t\t( node ) => {\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView } = ownerDocument;\n\t\t\tconst selection = defaultView.getSelection();\n\n\t\t\t// Listeners to stop typing should only be added when typing.\n\t\t\t// Listeners to start typing should only be added when not typing.\n\t\t\tif ( isTyping ) {\n\t\t\t\tlet timerId;\n\n\t\t\t\t/**\n\t\t\t\t * Stops typing when focus transitions to a non-text field element.\n\t\t\t\t *\n\t\t\t\t * @param {FocusEvent} event Focus event.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnNonTextField( event ) {\n\t\t\t\t\tconst { target } = event;\n\n\t\t\t\t\t// Since focus to a non-text field via arrow key will trigger\n\t\t\t\t\t// before the keydown event, wait until after current stack\n\t\t\t\t\t// before evaluating whether typing is to be stopped. Otherwise,\n\t\t\t\t\t// typing will re-start.\n\t\t\t\t\ttimerId = defaultView.setTimeout( () => {\n\t\t\t\t\t\tif ( ! isTextField( target ) ) {\n\t\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * Unsets typing flag if user presses Escape while typing flag is\n\t\t\t\t * active.\n\t\t\t\t *\n\t\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to\n\t\t\t\t *                              interpret.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnEscapeKey( event ) {\n\t\t\t\t\tconst { keyCode } = event;\n\n\t\t\t\t\tif ( keyCode === ESCAPE || keyCode === TAB ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * On selection change, unset typing flag if user has made an\n\t\t\t\t * uncollapsed (shift) selection.\n\t\t\t\t */\n\t\t\t\tfunction stopTypingOnSelectionUncollapse() {\n\t\t\t\t\tif ( ! selection.isCollapsed ) {\n\t\t\t\t\t\tstopTyping();\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tnode.addEventListener( 'focus', stopTypingOnNonTextField );\n\t\t\t\tnode.addEventListener( 'keydown', stopTypingOnEscapeKey );\n\n\t\t\t\tif ( ! hasInlineToolbar ) {\n\t\t\t\t\townerDocument.addEventListener(\n\t\t\t\t\t\t'selectionchange',\n\t\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn () => {\n\t\t\t\t\tdefaultView.clearTimeout( timerId );\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'focus',\n\t\t\t\t\t\tstopTypingOnNonTextField\n\t\t\t\t\t);\n\t\t\t\t\tnode.removeEventListener(\n\t\t\t\t\t\t'keydown',\n\t\t\t\t\t\tstopTypingOnEscapeKey\n\t\t\t\t\t);\n\t\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t\t'selectionchange',\n\t\t\t\t\t\tstopTypingOnSelectionUncollapse\n\t\t\t\t\t);\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles a keypress or keydown event to infer intention to start\n\t\t\t * typing.\n\t\t\t *\n\t\t\t * @param {KeyboardEvent} event Keypress or keydown event to interpret.\n\t\t\t */\n\t\t\tfunction startTypingInTextField( event ) {\n\t\t\t\tconst { type, target } = event;\n\n\t\t\t\t// Abort early if already typing, or key press is incurred outside a\n\t\t\t\t// text field (e.g. arrow-ing through toolbar buttons).\n\t\t\t\t// Ignore typing if outside the current DOM container\n\t\t\t\tif ( ! isTextField( target ) || ! node.contains( target ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Special-case keydown because certain keys do not emit a keypress\n\t\t\t\t// event. Conversely avoid keydown as the canonical event since\n\t\t\t\t// there are many keydown which are explicitly not targeted for\n\t\t\t\t// typing.\n\t\t\t\tif (\n\t\t\t\t\ttype === 'keydown' &&\n\t\t\t\t\t! isKeyDownEligibleForStartTyping( event )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstartTyping();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'keypress', startTypingInTextField );\n\t\t\tnode.addEventListener( 'keydown', startTypingInTextField );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'keypress', startTypingInTextField );\n\t\t\t\tnode.removeEventListener( 'keydown', startTypingInTextField );\n\t\t\t};\n\t\t},\n\t\t[ isTyping, hasInlineToolbar, startTyping, stopTyping ]\n\t);\n\n\treturn useMergeRefs( [ ref1, ref2 ] );\n}\n\nfunction ObserveTyping( { children } ) {\n\treturn <div ref={ useTypingObserver() }>{ children }</div>;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/observe-typing/README.md\n */\nexport default ObserveTyping;\n"],"mappings":"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"}

package/build-module/components/panel-color-settings/index.js

@@ -1,10 +1,8 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
 import PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';
-
 const PanelColorSettings = ({
   colorSettings,
   ...props
@@ -13,13 +11,13 @@ const PanelColorSettings = ({
     if (!setting) {
       return setting;
     }
-
     const {
       value,
       onChange,
       ...otherSettings
     } = setting;
-    return { ...otherSettings,
+    return {
+      ...otherSettings,
       colorValue: value,
       onColorChange: onChange
     };
@@ -31,6 +29,5 @@ const PanelColorSettings = ({
     ...props
   });
 };
-
 export default PanelColorSettings;
 //# sourceMappingURL=index.js.map

package/build-module/components/panel-color-settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/panel-color-settings/index.js"],"names":["PanelColorGradientSettings","PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,0BAAP,MAAuC,mDAAvC;;AAEA,MAAMC,kBAAkB,GAAG,CAAE;AAAEC,EAAAA,aAAF;AAAiB,KAAGC;AAApB,CAAF,KAAmC;AAC7D,QAAMC,QAAQ,GAAGF,aAAa,CAACG,GAAd,CAAqBC,OAAF,IAAe;AAClD,QAAK,CAAEA,OAAP,EAAiB;AAChB,aAAOA,OAAP;AACA;;AACD,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA,QAAT;AAAmB,SAAGC;AAAtB,QAAwCH,OAA9C;AACA,WAAO,EACN,GAAGG,aADG;AAENC,MAAAA,UAAU,EAAEH,KAFN;AAGNI,MAAAA,aAAa,EAAEH;AAHT,KAAP;AAKA,GAVgB,CAAjB;AAWA,SACC,cAAC,0BAAD;AACC,IAAA,QAAQ,EAAGJ,QADZ;AAEC,IAAA,SAAS,EAAG,EAFb;AAGC,IAAA,sBAAsB,EAAG,IAH1B;AAAA,OAIMD;AAJN,IADD;AAQA,CApBD;;AAqBA,eAAeF,kBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\n\nconst PanelColorSettings = ( { colorSettings, ...props } ) => {\n\tconst settings = colorSettings.map( ( setting ) => {\n\t\tif ( ! setting ) {\n\t\t\treturn setting;\n\t\t}\n\t\tconst { value, onChange, ...otherSettings } = setting;\n\t\treturn {\n\t\t\t...otherSettings,\n\t\t\tcolorValue: value,\n\t\t\tonColorChange: onChange,\n\t\t};\n\t} );\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\tsettings={ settings }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\nexport default PanelColorSettings;\n"]}
+{"version":3,"names":["PanelColorGradientSettings","PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange","createElement","gradients","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/panel-color-settings/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\n\nconst PanelColorSettings = ( { colorSettings, ...props } ) => {\n\tconst settings = colorSettings.map( ( setting ) => {\n\t\tif ( ! setting ) {\n\t\t\treturn setting;\n\t\t}\n\t\tconst { value, onChange, ...otherSettings } = setting;\n\t\treturn {\n\t\t\t...otherSettings,\n\t\t\tcolorValue: value,\n\t\t\tonColorChange: onChange,\n\t\t};\n\t} );\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\tsettings={ settings }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\nexport default PanelColorSettings;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,0BAA0B,MAAM,mDAAmD;AAE1F,MAAMC,kBAAkB,GAAGA,CAAE;EAAEC,aAAa;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC7D,MAAMC,QAAQ,GAAGF,aAAa,CAACG,GAAG,CAAIC,OAAO,IAAM;IAClD,IAAK,CAAEA,OAAO,EAAG;MAChB,OAAOA,OAAO;IACf;IACA,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGH,OAAO;IACrD,OAAO;MACN,GAAGG,aAAa;MAChBC,UAAU,EAAEH,KAAK;MACjBI,aAAa,EAAEH;IAChB,CAAC;EACF,CAAE,CAAC;EACH,OACCI,aAAA,CAACZ,0BAA0B;IAC1BI,QAAQ,EAAGA,QAAU;IACrBS,SAAS,EAAG,EAAI;IAChBC,sBAAsB,EAAG,IAAM;IAAA,GAC1BX;EAAK,CACV,CAAC;AAEJ,CAAC;AACD,eAAeF,kBAAkB"}

package/build-module/components/plain-text/index.js

@@ -1,24 +1,23 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import TextareaAutosize from 'react-autosize-textarea';
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { forwardRef } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import EditableText from '../editable-text';
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md
  */
-
 const PlainText = forwardRef(({
   __experimentalVersion,
   ...props
@@ -29,7 +28,6 @@ const PlainText = forwardRef(({
       ...props
     });
   }
-
   const {
     className,
     onChange,

package/build-module/components/plain-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"names":["TextareaAutosize","classnames","forwardRef","EditableText","PlainText","__experimentalVersion","props","ref","className","onChange","remainingProps","event","target","value"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,yBAA7B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA;AACA;AACA;;AACA,MAAMC,SAAS,GAAGF,UAAU,CAAE,CAAE;AAAEG,EAAAA,qBAAF;AAAyB,KAAGC;AAA5B,CAAF,EAAuCC,GAAvC,KAAgD;AAC7E,MAAKF,qBAAqB,KAAK,CAA/B,EAAmC;AAClC,WAAO,cAAC,YAAD;AAAc,MAAA,GAAG,EAAGE,GAApB;AAAA,SAA+BD;AAA/B,MAAP;AACA;;AAED,QAAM;AAAEE,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuB,OAAGC;AAA1B,MAA6CJ,KAAnD;AAEA,SACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGC,GADP;AAEC,IAAA,SAAS,EAAGN,UAAU,CAAE,yBAAF,EAA6BO,SAA7B,CAFvB;AAGC,IAAA,QAAQ,EAAKG,KAAF,IAAaF,QAAQ,CAAEE,KAAK,CAACC,MAAN,CAAaC,KAAf,CAHjC;AAAA,OAIMH;AAJN,IADD;AAQA,CAf2B,CAA5B;AAiBA,eAAeN,SAAf","sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"]}
+{"version":3,"names":["TextareaAutosize","classnames","forwardRef","EditableText","PlainText","__experimentalVersion","props","ref","createElement","className","onChange","remainingProps","event","target","value"],"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,gBAAgB,MAAM,yBAAyB;AACtD,OAAOC,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;;AAE3C;AACA;AACA;AACA,MAAMC,SAAS,GAAGF,UAAU,CAAE,CAAE;EAAEG,qBAAqB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC7E,IAAKF,qBAAqB,KAAK,CAAC,EAAG;IAClC,OAAOG,aAAA,CAACL,YAAY;MAACI,GAAG,EAAGA,GAAK;MAAA,GAAMD;IAAK,CAAI,CAAC;EACjD;EAEA,MAAM;IAAEG,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EAExD,OACCE,aAAA,CAACR,gBAAgB;IAChBO,GAAG,EAAGA,GAAK;IACXE,SAAS,EAAGR,UAAU,CAAE,yBAAyB,EAAEQ,SAAU,CAAG;IAChEC,QAAQ,EAAKE,KAAK,IAAMF,QAAQ,CAAEE,KAAK,CAACC,MAAM,CAACC,KAAM,CAAG;IAAA,GACnDH;EAAc,CACnB,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAeP,SAAS"}

package/build-module/components/plain-text/index.native.js

@@ -1,19 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { TextInput, Platform, Dimensions } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { Component } from '@wordpress/element';
 import { RichText, getPxFromCssUnit } from '@wordpress/block-editor';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 export default class PlainText extends Component {
   constructor() {
@@ -22,7 +21,6 @@ export default class PlainText extends Component {
     this.onChangeTextInput = this.onChangeTextInput.bind(this);
     this.onChangeRichText = this.onChangeRichText.bind(this);
   }
-
   componentDidMount() {
     // If isSelected is true, we should request the focus on this TextInput.
     if (this._input && this._input.isFocused() === false && this.props.isSelected) {
@@ -40,36 +38,29 @@ export default class PlainText extends Component {
       }
     }
   }
-
   componentDidUpdate(prevProps) {
     if (!this.props.isSelected && prevProps.isSelected) {
       this._input?.blur();
     }
   }
-
   componentWillUnmount() {
     if (this.isAndroid) {
       clearTimeout(this.timeoutID);
     }
   }
-
   focus() {
     this._input?.focus();
   }
-
   blur() {
     this._input?.blur();
   }
-
   getFontSize() {
     const {
       style
     } = this.props;
-
     if (!style?.fontSize) {
       return;
     }
-
     const {
       width,
       height
@@ -82,27 +73,23 @@ export default class PlainText extends Component {
       fontSize: parseFloat(getPxFromCssUnit(style.fontSize, cssUnitOptions))
     };
   }
-
   replaceLineBreakTags(value) {
     return value?.replace(RegExp('<br>', 'gim'), '\n');
   }
-
   onChangeTextInput(event) {
     const {
       onChange
     } = this.props;
     onChange(event.nativeEvent.text);
   }
-
   onChangeRichText(value) {
     const {
       onChange
-    } = this.props; // The <br> tags have to be replaced with new line characters
+    } = this.props;
+    // The <br> tags have to be replaced with new line characters
     // as the content of plain text shouldn't contain HTML tags.
-
     onChange(this.replaceLineBreakTags(value));
   }
-
   render() {
     const {
       style,
@@ -111,7 +98,6 @@ export default class PlainText extends Component {
       ...otherProps
     } = this.props;
     const textStyles = [style || styles['block-editor-plain-text'], this.getFontSize()];
-
     if (__experimentalVersion === 2) {
       const disableFormattingProps = {
         withoutInteractiveFormatting: true,
@@ -129,7 +115,8 @@ export default class PlainText extends Component {
         fontSize: style?.fontSize,
         fontWeight: style?.fontWeight
       };
-      return createElement(RichText, { ...otherProps,
+      return createElement(RichText, {
+        ...otherProps,
         ...disableFormattingProps,
         ...forcePlainTextProps,
         ...fontProps,
@@ -139,8 +126,8 @@ export default class PlainText extends Component {
         unstableOnFocus: onFocus
       });
     }
-
-    return createElement(TextInput, { ...this.props,
+    return createElement(TextInput, {
+      ...this.props,
       ref: x => this._input = x,
       onChange: this.onChangeTextInput,
       onFocus: this.props.onFocus // Always assign onFocus as a props.
@@ -152,6 +139,5 @@ export default class PlainText extends Component {
       scrollEnabled: false
     });
   }
-
 }
 //# sourceMappingURL=index.native.js.map

package/build-module/components/plain-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.native.js"],"names":["TextInput","Platform","Dimensions","Component","RichText","getPxFromCssUnit","styles","PlainText","constructor","arguments","isAndroid","OS","onChangeTextInput","bind","onChangeRichText","componentDidMount","_input","isFocused","props","isSelected","timeoutID","setTimeout","focus","componentDidUpdate","prevProps","blur","componentWillUnmount","clearTimeout","getFontSize","style","fontSize","width","height","get","cssUnitOptions","parseFloat","replaceLineBreakTags","value","replace","RegExp","event","onChange","nativeEvent","text","render","__experimentalVersion","onFocus","otherProps","textStyles","disableFormattingProps","withoutInteractiveFormatting","disableEditingMenu","__unstableDisableFormats","disableSuggestions","forcePlainTextProps","preserveWhiteSpace","__unstablePastePlainText","multiline","fontProps","fontFamily","fontWeight","x","onBlur"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput, Platform, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { RichText, getPxFromCssUnit } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default class PlainText extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.isAndroid = Platform.OS === 'android';\n\n\t\tthis.onChangeTextInput = this.onChangeTextInput.bind( this );\n\t\tthis.onChangeRichText = this.onChangeRichText.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\t// If isSelected is true, we should request the focus on this TextInput.\n\t\tif (\n\t\t\tthis._input &&\n\t\t\tthis._input.isFocused() === false &&\n\t\t\tthis.props.isSelected\n\t\t) {\n\t\t\tif ( this.isAndroid ) {\n\t\t\t\t/*\n\t\t\t\t * There seems to be an issue in React Native where the keyboard doesn't show if called shortly after rendering.\n\t\t\t\t * As a common work around this delay is used.\n\t\t\t\t * https://github.com/facebook/react-native/issues/19366#issuecomment-400603928\n\t\t\t\t */\n\t\t\t\tthis.timeoutID = setTimeout( () => {\n\t\t\t\t\tthis._input.focus();\n\t\t\t\t}, 100 );\n\t\t\t} else {\n\t\t\t\tthis._input.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( ! this.props.isSelected && prevProps.isSelected ) {\n\t\t\tthis._input?.blur();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.isAndroid ) {\n\t\t\tclearTimeout( this.timeoutID );\n\t\t}\n\t}\n\n\tfocus() {\n\t\tthis._input?.focus();\n\t}\n\n\tblur() {\n\t\tthis._input?.blur();\n\t}\n\n\tgetFontSize() {\n\t\tconst { style } = this.props;\n\n\t\tif ( ! style?.fontSize ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { width, height } = Dimensions.get( 'window' );\n\t\tconst cssUnitOptions = { height, width };\n\n\t\treturn {\n\t\t\tfontSize: parseFloat(\n\t\t\t\tgetPxFromCssUnit( style.fontSize, cssUnitOptions )\n\t\t\t),\n\t\t};\n\t}\n\n\treplaceLineBreakTags( value ) {\n\t\treturn value?.replace( RegExp( '<br>', 'gim' ), '\\n' );\n\t}\n\n\tonChangeTextInput( event ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( event.nativeEvent.text );\n\t}\n\n\tonChangeRichText( value ) {\n\t\tconst { onChange } = this.props;\n\t\t// The <br> tags have to be replaced with new line characters\n\t\t// as the content of plain text shouldn't contain HTML tags.\n\t\tonChange( this.replaceLineBreakTags( value ) );\n\t}\n\n\trender() {\n\t\tconst { style, __experimentalVersion, onFocus, ...otherProps } =\n\t\t\tthis.props;\n\t\tconst textStyles = [\n\t\t\tstyle || styles[ 'block-editor-plain-text' ],\n\t\t\tthis.getFontSize(),\n\t\t];\n\n\t\tif ( __experimentalVersion === 2 ) {\n\t\t\tconst disableFormattingProps = {\n\t\t\t\twithoutInteractiveFormatting: true,\n\t\t\t\tdisableEditingMenu: true,\n\t\t\t\t__unstableDisableFormats: true,\n\t\t\t\tdisableSuggestions: true,\n\t\t\t};\n\n\t\t\tconst forcePlainTextProps = {\n\t\t\t\tpreserveWhiteSpace: true,\n\t\t\t\t__unstablePastePlainText: true,\n\t\t\t\tmultiline: false,\n\t\t\t};\n\n\t\t\tconst fontProps = {\n\t\t\t\tfontFamily: style?.fontFamily,\n\t\t\t\tfontSize: style?.fontSize,\n\t\t\t\tfontWeight: style?.fontWeight,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<RichText\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t{ ...disableFormattingProps }\n\t\t\t\t\t{ ...forcePlainTextProps }\n\t\t\t\t\t{ ...fontProps }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tonChange={ this.onChangeRichText }\n\t\t\t\t\tunstableOnFocus={ onFocus }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TextInput\n\t\t\t\t{ ...this.props }\n\t\t\t\tref={ ( x ) => ( this._input = x ) }\n\t\t\t\tonChange={ this.onChangeTextInput }\n\t\t\t\tonFocus={ this.props.onFocus } // Always assign onFocus as a props.\n\t\t\t\tonBlur={ this.props.onBlur } // Always assign onBlur as a props.\n\t\t\t\tfontFamily={\n\t\t\t\t\t( this.props.style && this.props.style.fontFamily ) ||\n\t\t\t\t\tstyles[ 'block-editor-plain-text' ].fontFamily\n\t\t\t\t}\n\t\t\t\tstyle={ textStyles }\n\t\t\t\tscrollEnabled={ false }\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"names":["TextInput","Platform","Dimensions","Component","RichText","getPxFromCssUnit","styles","PlainText","constructor","arguments","isAndroid","OS","onChangeTextInput","bind","onChangeRichText","componentDidMount","_input","isFocused","props","isSelected","timeoutID","setTimeout","focus","componentDidUpdate","prevProps","blur","componentWillUnmount","clearTimeout","getFontSize","style","fontSize","width","height","get","cssUnitOptions","parseFloat","replaceLineBreakTags","value","replace","RegExp","event","onChange","nativeEvent","text","render","__experimentalVersion","onFocus","otherProps","textStyles","disableFormattingProps","withoutInteractiveFormatting","disableEditingMenu","__unstableDisableFormats","disableSuggestions","forcePlainTextProps","preserveWhiteSpace","__unstablePastePlainText","multiline","fontProps","fontFamily","fontWeight","createElement","identifier","unstableOnFocus","ref","x","onBlur","scrollEnabled"],"sources":["@wordpress/block-editor/src/components/plain-text/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput, Platform, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { RichText, getPxFromCssUnit } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default class PlainText extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.isAndroid = Platform.OS === 'android';\n\n\t\tthis.onChangeTextInput = this.onChangeTextInput.bind( this );\n\t\tthis.onChangeRichText = this.onChangeRichText.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\t// If isSelected is true, we should request the focus on this TextInput.\n\t\tif (\n\t\t\tthis._input &&\n\t\t\tthis._input.isFocused() === false &&\n\t\t\tthis.props.isSelected\n\t\t) {\n\t\t\tif ( this.isAndroid ) {\n\t\t\t\t/*\n\t\t\t\t * There seems to be an issue in React Native where the keyboard doesn't show if called shortly after rendering.\n\t\t\t\t * As a common work around this delay is used.\n\t\t\t\t * https://github.com/facebook/react-native/issues/19366#issuecomment-400603928\n\t\t\t\t */\n\t\t\t\tthis.timeoutID = setTimeout( () => {\n\t\t\t\t\tthis._input.focus();\n\t\t\t\t}, 100 );\n\t\t\t} else {\n\t\t\t\tthis._input.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( ! this.props.isSelected && prevProps.isSelected ) {\n\t\t\tthis._input?.blur();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.isAndroid ) {\n\t\t\tclearTimeout( this.timeoutID );\n\t\t}\n\t}\n\n\tfocus() {\n\t\tthis._input?.focus();\n\t}\n\n\tblur() {\n\t\tthis._input?.blur();\n\t}\n\n\tgetFontSize() {\n\t\tconst { style } = this.props;\n\n\t\tif ( ! style?.fontSize ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { width, height } = Dimensions.get( 'window' );\n\t\tconst cssUnitOptions = { height, width };\n\n\t\treturn {\n\t\t\tfontSize: parseFloat(\n\t\t\t\tgetPxFromCssUnit( style.fontSize, cssUnitOptions )\n\t\t\t),\n\t\t};\n\t}\n\n\treplaceLineBreakTags( value ) {\n\t\treturn value?.replace( RegExp( '<br>', 'gim' ), '\\n' );\n\t}\n\n\tonChangeTextInput( event ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( event.nativeEvent.text );\n\t}\n\n\tonChangeRichText( value ) {\n\t\tconst { onChange } = this.props;\n\t\t// The <br> tags have to be replaced with new line characters\n\t\t// as the content of plain text shouldn't contain HTML tags.\n\t\tonChange( this.replaceLineBreakTags( value ) );\n\t}\n\n\trender() {\n\t\tconst { style, __experimentalVersion, onFocus, ...otherProps } =\n\t\t\tthis.props;\n\t\tconst textStyles = [\n\t\t\tstyle || styles[ 'block-editor-plain-text' ],\n\t\t\tthis.getFontSize(),\n\t\t];\n\n\t\tif ( __experimentalVersion === 2 ) {\n\t\t\tconst disableFormattingProps = {\n\t\t\t\twithoutInteractiveFormatting: true,\n\t\t\t\tdisableEditingMenu: true,\n\t\t\t\t__unstableDisableFormats: true,\n\t\t\t\tdisableSuggestions: true,\n\t\t\t};\n\n\t\t\tconst forcePlainTextProps = {\n\t\t\t\tpreserveWhiteSpace: true,\n\t\t\t\t__unstablePastePlainText: true,\n\t\t\t\tmultiline: false,\n\t\t\t};\n\n\t\t\tconst fontProps = {\n\t\t\t\tfontFamily: style?.fontFamily,\n\t\t\t\tfontSize: style?.fontSize,\n\t\t\t\tfontWeight: style?.fontWeight,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<RichText\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t{ ...disableFormattingProps }\n\t\t\t\t\t{ ...forcePlainTextProps }\n\t\t\t\t\t{ ...fontProps }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tonChange={ this.onChangeRichText }\n\t\t\t\t\tunstableOnFocus={ onFocus }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TextInput\n\t\t\t\t{ ...this.props }\n\t\t\t\tref={ ( x ) => ( this._input = x ) }\n\t\t\t\tonChange={ this.onChangeTextInput }\n\t\t\t\tonFocus={ this.props.onFocus } // Always assign onFocus as a props.\n\t\t\t\tonBlur={ this.props.onBlur } // Always assign onBlur as a props.\n\t\t\t\tfontFamily={\n\t\t\t\t\t( this.props.style && this.props.style.fontFamily ) ||\n\t\t\t\t\tstyles[ 'block-editor-plain-text' ].fontFamily\n\t\t\t\t}\n\t\t\t\tstyle={ textStyles }\n\t\t\t\tscrollEnabled={ false }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"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"}

package/build-module/components/preview-options/index.js

@@ -1,13 +1,12 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useViewportMatch } from '@wordpress/compose';
 import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';

package/build-module/components/preview-options/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/preview-options/index.js"],"names":["classnames","useViewportMatch","DropdownMenu","MenuGroup","MenuItem","__","check","desktop","mobile","tablet","PreviewOptions","children","viewLabel","className","isEnabled","deviceType","setDeviceType","label","isMobile","popoverProps","placement","toggleProps","disabled","menuProps","deviceIcons","toLowerCase","renderProps"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,YAAT,EAAuBC,SAAvB,EAAkCC,QAAlC,QAAkD,uBAAlD;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,MAAzB,EAAiCC,MAAjC,QAA+C,kBAA/C;AAEA,eAAe,SAASC,cAAT,CAAyB;AACvCC,EAAAA,QADuC;AAEvCC,EAAAA,SAFuC;AAGvCC,EAAAA,SAHuC;AAIvCC,EAAAA,SAAS,GAAG,IAJ2B;AAKvCC,EAAAA,UALuC;AAMvCC,EAAAA,aANuC;AAOvCC,EAAAA;AAPuC,CAAzB,EAQX;AACH,QAAMC,QAAQ,GAAGjB,gBAAgB,CAAE,OAAF,EAAW,GAAX,CAAjC;AACA,MAAKiB,QAAL,EAAgB,OAAO,IAAP;AAEhB,QAAMC,YAAY,GAAG;AACpBN,IAAAA,SAAS,EAAEb,UAAU,CACpBa,SADoB,EAEpB,6CAFoB,CADD;AAKpBO,IAAAA,SAAS,EAAE;AALS,GAArB;AAOA,QAAMC,WAAW,GAAG;AACnBR,IAAAA,SAAS,EAAE,0CADQ;AAEnBS,IAAAA,QAAQ,EAAE,CAAER,SAFO;AAGnBH,IAAAA,QAAQ,EAAEC;AAHS,GAApB;AAKA,QAAMW,SAAS,GAAG;AACjB,kBAAclB,EAAE,CAAE,cAAF;AADC,GAAlB;AAIA,QAAMmB,WAAW,GAAG;AACnBhB,IAAAA,MADmB;AAEnBC,IAAAA,MAFmB;AAGnBF,IAAAA;AAHmB,GAApB;AAMA,SACC,cAAC,YAAD;AACC,IAAA,SAAS,EAAC,qCADX;AAEC,IAAA,YAAY,EAAGY,YAFhB;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,SAAS,EAAGE,SAJb;AAKC,IAAA,IAAI,EAAGC,WAAW,CAAET,UAAU,CAACU,WAAX,EAAF,CALnB;AAMC,IAAA,KAAK,EAAGR,KAAK,IAAIZ,EAAE,CAAE,SAAF;AANpB,KAQKqB,WAAF,IACD,8BACC,cAAC,SAAD,QACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMV,aAAa,CAAE,SAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,SAAf,IAA4BT;AAHpC,KAKGD,EAAE,CAAE,SAAF,CALL,CADD,EAQC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMW,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2BT;AAHnC,KAKGD,EAAE,CAAE,QAAF,CALL,CARD,EAeC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMW,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2BT;AAHnC,KAKGD,EAAE,CAAE,QAAF,CALL,CAfD,CADD,EAwBGM,QAAQ,CAAEe,WAAF,CAxBX,CATF,CADD;AAuCA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check, desktop, mobile, tablet } from '@wordpress/icons';\n\nexport default function PreviewOptions( {\n\tchildren,\n\tviewLabel,\n\tclassName,\n\tisEnabled = true,\n\tdeviceType,\n\tsetDeviceType,\n\tlabel,\n} ) {\n\tconst isMobile = useViewportMatch( 'small', '<' );\n\tif ( isMobile ) return null;\n\n\tconst popoverProps = {\n\t\tclassName: classnames(\n\t\t\tclassName,\n\t\t\t'block-editor-post-preview__dropdown-content'\n\t\t),\n\t\tplacement: 'bottom-end',\n\t};\n\tconst toggleProps = {\n\t\tclassName: 'block-editor-post-preview__button-toggle',\n\t\tdisabled: ! isEnabled,\n\t\tchildren: viewLabel,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tmobile,\n\t\ttablet,\n\t\tdesktop,\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-post-preview__dropdown\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t\tlabel={ label || __( 'Preview' ) }\n\t\t>\n\t\t\t{ ( renderProps ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Desktop' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Desktop' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Desktop' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Tablet' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Tablet' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Tablet' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Mobile' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Mobile' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Mobile' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ children( renderProps ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}
+{"version":3,"names":["classnames","useViewportMatch","DropdownMenu","MenuGroup","MenuItem","__","check","desktop","mobile","tablet","PreviewOptions","children","viewLabel","className","isEnabled","deviceType","setDeviceType","label","isMobile","popoverProps","placement","toggleProps","disabled","menuProps","deviceIcons","createElement","icon","toLowerCase","renderProps","Fragment","onClick"],"sources":["@wordpress/block-editor/src/components/preview-options/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check, desktop, mobile, tablet } from '@wordpress/icons';\n\nexport default function PreviewOptions( {\n\tchildren,\n\tviewLabel,\n\tclassName,\n\tisEnabled = true,\n\tdeviceType,\n\tsetDeviceType,\n\tlabel,\n} ) {\n\tconst isMobile = useViewportMatch( 'small', '<' );\n\tif ( isMobile ) return null;\n\n\tconst popoverProps = {\n\t\tclassName: classnames(\n\t\t\tclassName,\n\t\t\t'block-editor-post-preview__dropdown-content'\n\t\t),\n\t\tplacement: 'bottom-end',\n\t};\n\tconst toggleProps = {\n\t\tclassName: 'block-editor-post-preview__button-toggle',\n\t\tdisabled: ! isEnabled,\n\t\tchildren: viewLabel,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tmobile,\n\t\ttablet,\n\t\tdesktop,\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-post-preview__dropdown\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t\tlabel={ label || __( 'Preview' ) }\n\t\t>\n\t\t\t{ ( renderProps ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Desktop' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Desktop' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Desktop' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Tablet' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Tablet' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Tablet' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Mobile' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Mobile' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Mobile' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ children( renderProps ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,YAAY,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,uBAAuB;AACzE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;AAEjE,eAAe,SAASC,cAAcA,CAAE;EACvCC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,SAAS,GAAG,IAAI;EAChBC,UAAU;EACVC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGjB,gBAAgB,CAAE,OAAO,EAAE,GAAI,CAAC;EACjD,IAAKiB,QAAQ,EAAG,OAAO,IAAI;EAE3B,MAAMC,YAAY,GAAG;IACpBN,SAAS,EAAEb,UAAU,CACpBa,SAAS,EACT,6CACD,CAAC;IACDO,SAAS,EAAE;EACZ,CAAC;EACD,MAAMC,WAAW,GAAG;IACnBR,SAAS,EAAE,0CAA0C;IACrDS,QAAQ,EAAE,CAAER,SAAS;IACrBH,QAAQ,EAAEC;EACX,CAAC;EACD,MAAMW,SAAS,GAAG;IACjB,YAAY,EAAElB,EAAE,CAAE,cAAe;EAClC,CAAC;EAED,MAAMmB,WAAW,GAAG;IACnBhB,MAAM;IACNC,MAAM;IACNF;EACD,CAAC;EAED,OACCkB,aAAA,CAACvB,YAAY;IACZW,SAAS,EAAC,qCAAqC;IAC/CM,YAAY,EAAGA,YAAc;IAC7BE,WAAW,EAAGA,WAAa;IAC3BE,SAAS,EAAGA,SAAW;IACvBG,IAAI,EAAGF,WAAW,CAAET,UAAU,CAACY,WAAW,CAAC,CAAC,CAAI;IAChDV,KAAK,EAAGA,KAAK,IAAIZ,EAAE,CAAE,SAAU;EAAG,GAE9BuB,WAAW,IACdH,aAAA,CAAAI,QAAA,QACCJ,aAAA,CAACtB,SAAS,QACTsB,aAAA,CAACrB,QAAQ;IACRS,SAAS,EAAC,0CAA0C;IACpDiB,OAAO,EAAGA,CAAA,KAAMd,aAAa,CAAE,SAAU,CAAG;IAC5CU,IAAI,EAAGX,UAAU,KAAK,SAAS,IAAIT;EAAO,GAExCD,EAAE,CAAE,SAAU,CACP,CAAC,EACXoB,aAAA,CAACrB,QAAQ;IACRS,SAAS,EAAC,0CAA0C;IACpDiB,OAAO,EAAGA,CAAA,KAAMd,aAAa,CAAE,QAAS,CAAG;IAC3CU,IAAI,EAAGX,UAAU,KAAK,QAAQ,IAAIT;EAAO,GAEvCD,EAAE,CAAE,QAAS,CACN,CAAC,EACXoB,aAAA,CAACrB,QAAQ;IACRS,SAAS,EAAC,0CAA0C;IACpDiB,OAAO,EAAGA,CAAA,KAAMd,aAAa,CAAE,QAAS,CAAG;IAC3CU,IAAI,EAAGX,UAAU,KAAK,QAAQ,IAAIT;EAAO,GAEvCD,EAAE,CAAE,QAAS,CACN,CACA,CAAC,EACVM,QAAQ,CAAEiB,WAAY,CACvB,CAEU,CAAC;AAEjB"}

package/build-module/components/provider/block-refs-provider.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */

package/build-module/components/provider/block-refs-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/provider/block-refs-provider.js"],"names":["createContext","useMemo","BlockRefs","refs","Map","callbacks","BlockRefsProvider","children","value"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,OAAxB,QAAuC,oBAAvC;AAEA,OAAO,MAAMC,SAAS,GAAGF,aAAa,CAAE;AACvCG,EAAAA,IAAI,EAAE,IAAIC,GAAJ,EADiC;AAEvCC,EAAAA,SAAS,EAAE,IAAID,GAAJ;AAF4B,CAAF,CAA/B;AAKP,OAAO,SAASE,iBAAT,CAA4B;AAAEC,EAAAA;AAAF,CAA5B,EAA2C;AACjD,QAAMC,KAAK,GAAGP,OAAO,CACpB,OAAQ;AAAEE,IAAAA,IAAI,EAAE,IAAIC,GAAJ,EAAR;AAAmBC,IAAAA,SAAS,EAAE,IAAID,GAAJ;AAA9B,GAAR,CADoB,EAEpB,EAFoB,CAArB;AAIA,SACC,cAAC,SAAD,CAAW,QAAX;AAAoB,IAAA,KAAK,EAAGI;AAA5B,KAAsCD,QAAtC,CADD;AAGA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo } from '@wordpress/element';\n\nexport const BlockRefs = createContext( {\n\trefs: new Map(),\n\tcallbacks: new Map(),\n} );\n\nexport function BlockRefsProvider( { children } ) {\n\tconst value = useMemo(\n\t\t() => ( { refs: new Map(), callbacks: new Map() } ),\n\t\t[]\n\t);\n\treturn (\n\t\t<BlockRefs.Provider value={ value }>{ children }</BlockRefs.Provider>\n\t);\n}\n"]}
+{"version":3,"names":["createContext","useMemo","BlockRefs","refs","Map","callbacks","BlockRefsProvider","children","value","createElement","Provider"],"sources":["@wordpress/block-editor/src/components/provider/block-refs-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo } from '@wordpress/element';\n\nexport const BlockRefs = createContext( {\n\trefs: new Map(),\n\tcallbacks: new Map(),\n} );\n\nexport function BlockRefsProvider( { children } ) {\n\tconst value = useMemo(\n\t\t() => ( { refs: new Map(), callbacks: new Map() } ),\n\t\t[]\n\t);\n\treturn (\n\t\t<BlockRefs.Provider value={ value }>{ children }</BlockRefs.Provider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,OAAO,QAAQ,oBAAoB;AAE3D,OAAO,MAAMC,SAAS,GAAGF,aAAa,CAAE;EACvCG,IAAI,EAAE,IAAIC,GAAG,CAAC,CAAC;EACfC,SAAS,EAAE,IAAID,GAAG,CAAC;AACpB,CAAE,CAAC;AAEH,OAAO,SAASE,iBAAiBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACjD,MAAMC,KAAK,GAAGP,OAAO,CACpB,OAAQ;IAAEE,IAAI,EAAE,IAAIC,GAAG,CAAC,CAAC;IAAEC,SAAS,EAAE,IAAID,GAAG,CAAC;EAAE,CAAC,CAAE,EACnD,EACD,CAAC;EACD,OACCK,aAAA,CAACP,SAAS,CAACQ,QAAQ;IAACF,KAAK,EAAGA;EAAO,GAAGD,QAA8B,CAAC;AAEvE"}